.text-overlay{background:radial-gradient(circle at center,rgba(0,0,0,.7) 0,rgba(0,0,0,.4) 5%,rgba(0,0,0,.1) 50%,rgba(0,0,0,0) 70%,rgba(0,0,0,0) 90%,rgba(0,0,0,0) 100%);padding:1.5rem 2rem;display:inline-block;position:relative}.performance{font-family:Inter,sans-serif;color:#fff;margin:0}#initial-logo{max-height:5rem;align-self:center}#desc-bar,.initial-title,.title-carousel{background:linear-gradient(to bottom,#fff 0,#dcdcdc 60%,#9f9f9f 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 8px rgba(255,255,255,.05)}#performance{width:100vw;height:100vh;background:#000;position:relative;overflow:hidden}#initial-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;background:#000}#carousel-container,#initial-logo,#initial-title{position:relative;z-index:10;opacity:1}#initial-screen{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10;opacity:1;transition:opacity 1s ease;gap:1.2rem}#initial-title{font-size:2.4rem;font-weight:700;text-align:center;margin-bottom:1rem;color:#fff}#carousel-container{position:static;display:flex;align-items:center;justify-content:center;font-size:2.4rem;font-weight:600;color:#fff;width:fit-content}.title-carousel{position:absolute;opacity:0;transform:translateY(25px);transition:opacity .8s ease,transform .8s ease}.title-carousel.active{opacity:1;transform:translateY(0)}#initial-screen.fade-out{opacity:0;transition:opacity 1s ease}.flash{animation:flashAnim .15s ease}@keyframes flashAnim{0%,100%{opacity:1}50%{opacity:0}}#map-container{width:100%;height:100%;background:#000;overflow:hidden;position:absolute;top:0;left:0;z-index:5}#map-container svg{width:100%;height:100%;display:block}canvas{display:block;width:100%;height:100%}.base-hud,.left-hud,.right-hud{position:absolute;display:flex;flex-direction:column;gap:1rem;z-index:15;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background-color:rgba(0,0,0,.4);border-radius:2rem;padding:1.2rem;font-family:Inter,sans-serif;color:#fff;box-shadow:0 4px 20px rgba(0,0,0,.3)}.left-hud{bottom:2rem;left:2rem;flex-direction:column-reverse}.right-hud{bottom:2rem;right:2rem;flex-direction:column-reverse}.base-hud{text-align:center;bottom:2rem;left:50%;transform:translateX(-50%)}.base-hud>div,.left-hud>div,.right-hud>div{background-color:rgba(0,0,0,.3);border-radius:1.5rem;padding:1rem;min-width:12rem;max-width:20rem;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 2px 15px rgba(0,0,0,.2);display:flex;flex-direction:column;gap:.5rem;font-size:1rem;color:inherit}.base-hud>div span,.left-hud>div span,.right-hud>div span{color:#fff;opacity:.9}#console,#events-box,#groups-box,#statistics-box{overflow:auto}@media screen and (max-width:768px){.base-hud,.left-hud,.right-hud{padding:.8rem}.base-hud>div,.left-hud>div,.right-hud>div{padding:.8rem;min-width:10rem}}@media screen and (max-width:480px){.base-hud,.left-hud,.right-hud{top:1rem;left:1rem;right:1rem}}.stage-overlay{position:absolute;top:10%;left:50%;transform:translateX(-50%);color:#fff;font-size:1.5rem;opacity:0;transition:opacity 1s}.stage-overlay.show{opacity:1}.hud-control{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;font-size:.9rem;color:#fff}.hud-control input[type=checkbox]{width:1rem;height:1rem;cursor:pointer}