@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,400&display=swap";body,html{color:#fff;background-color:#050505;width:100%;height:100%;margin:0;padding:0;font-family:Cormorant Garamond,serif;overflow:hidden}.app-container{width:100vw;height:100vh;position:relative}.header{z-index:10;pointer-events:none;align-items:center;display:flex;position:absolute;top:30px;left:40px}.logo{filter:drop-shadow(0 0 10px #fff6);width:80px;height:auto;margin-right:20px}.header-text h1{letter-spacing:4px;text-shadow:0 0 15px #fff9;margin:0;font-size:2.2rem;font-weight:300}.header-text p{color:#fff9;letter-spacing:1px;margin:5px 0 0;font-size:1.1rem;font-style:italic}.live-badge{color:#fffc;letter-spacing:2px;align-items:center;margin-left:30px;font-size:1rem;font-weight:400;display:flex}.pulse{background-color:#fff;border-radius:50%;width:8px;height:8px;margin-right:12px;animation:2.5s ease-in-out infinite pulse;box-shadow:0 0 10px #fff}@keyframes pulse{0%{opacity:.5;transform:scale(.9);box-shadow:0 0 #fff6}50%{opacity:1;transform:scale(1.2);box-shadow:0 0 0 8px #fff0}to{opacity:.5;transform:scale(.9);box-shadow:0 0 #fff0}}.bottom-panel{z-index:10;pointer-events:none;align-items:center;gap:25px;display:flex;position:absolute;bottom:40px;left:40px}.stats-panel{text-align:left;color:#ffffffb3;letter-spacing:1px;font-size:1.1rem;line-height:1.8}.watermark-logo img{opacity:.25;filter:drop-shadow(0 0 10px #fff3);width:90px;height:auto}.sat-info-panel{z-index:10;backdrop-filter:blur(12px);color:#fff;background:#0a0a0a66;border:1px solid #ffffff26;border-radius:2px;min-width:320px;position:absolute;top:150px;left:40px;box-shadow:0 10px 30px #00000080}.sat-info-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:20px 25px;display:flex}.sat-info-header h3{letter-spacing:2px;text-shadow:0 0 10px #ffffff4d;margin:0;font-size:1.4rem;font-weight:400}.sat-info-header button{color:#fff9;cursor:pointer;background:0 0;border:none;padding:0 5px;font-size:1.8rem;font-weight:300;transition:color .3s}.sat-info-header button:hover{color:#fff;text-shadow:0 0 8px #fff}.sat-info-body{padding:20px 25px;font-size:1.1rem;line-height:2}.sat-info-body p{color:#fffc;justify-content:space-between;margin:8px 0;display:flex}.sat-info-body strong{color:#fff;letter-spacing:1px;font-weight:600}.roster-panel{z-index:10;backdrop-filter:blur(12px);background:#0a0a0a66;border:1px solid #ffffff26;border-radius:2px;flex-direction:column;width:320px;display:flex;position:absolute;top:40px;bottom:220px;right:40px}.roster-header{color:#fff;letter-spacing:3px;text-align:center;border-bottom:1px solid #ffffff1a;padding:20px;font-size:1.2rem;font-weight:400}.roster-list{flex:1;padding:15px;overflow-y:auto}.roster-list::-webkit-scrollbar{width:4px}.roster-list::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.roster-item{color:#fff9;text-align:left;cursor:pointer;letter-spacing:1px;background:0 0;border:none;border-left:1px solid #0000;width:100%;margin-bottom:8px;padding:10px 15px;font-family:Cormorant Garamond,serif;font-size:1.1rem;transition:all .3s}.roster-item:hover{color:#fff;background:#ffffff0d;border-left:1px solid #ffffff80}.roster-item.active{color:#fff;text-shadow:0 0 8px #ffffff80;background:#ffffff1a;border-left:1px solid #fff}@media (width<=768px){.header{top:15px;left:15px}.header-text h1{letter-spacing:2px;font-size:1.2rem}.header-text p{font-size:.8rem}.live-badge{margin-left:10px;font-size:.8rem}.bottom-panel{gap:15px;bottom:15px;left:15px}.watermark-logo img{width:50px}.stats-panel{font-size:.85rem}.sat-info-panel{width:90%;min-width:0;top:auto;bottom:90px;left:50%;transform:translate(-50%)}.roster-panel{width:200px;top:80px;bottom:280px;right:10px}.roster-item{padding:6px 10px;font-size:.9rem}}