@font-face{font-family:Orbitron;font-style:normal;font-weight:400 900;font-display:swap;src:url(../fonts/orbitron-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:#0a4a6e;width:100%;height:100%;font-family:Orbitron,Segoe UI,monospace;overflow:hidden}@keyframes pulse{0%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:.8;transform:translate(-50%,-50%)scale(1.1)}}@keyframes pulseScale{0%{opacity:1;transform:scale(1)}to{opacity:.8;transform:scale(1.1)}}@keyframes fadeUp{0%{opacity:1;transform:translate(-50%)translateY(0)}to{opacity:0;transform:translate(-50%)translateY(-40px)}}@keyframes fadeOut{0%{opacity:1}70%{opacity:.8}to{opacity:0}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes breathe{0%,to{opacity:.5}50%{opacity:1}}@keyframes wipeoutShake{0%,to{transform:translate(-50%,-50%)rotate(0)}10%{transform:translate(-50%,-50%)translate(-3px,2px)rotate(-2deg)}20%{transform:translate(-50%,-50%)translate(3px,-1px)rotate(2deg)}30%{transform:translate(-50%,-50%)translate(-2px,-2px)rotate(-1deg)}40%{transform:translate(-50%,-50%)translate(2px,1px)rotate(1deg)}50%{transform:translate(-50%,-50%)translate(-1px,2px)rotate(0)}}@keyframes slideInDownCentered{0%{opacity:0;transform:translate(-50%)translateY(-20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes slideInUpCentered{0%{opacity:0;transform:translate(-50%)translateY(20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes scaleInCentered{0%{opacity:0;transform:translate(-50%)scale(.8)}to{opacity:1;transform:translate(-50%)scale(1)}}@keyframes wipeoutShakeX{0%,to{transform:translate(-50%)rotate(0)}10%{transform:translate(-50%)translate(-3px,2px)rotate(-2deg)}20%{transform:translate(-50%)translate(3px,-1px)rotate(2deg)}30%{transform:translate(-50%)translate(-2px,-2px)rotate(-1deg)}40%{transform:translate(-50%)translate(2px,1px)rotate(1deg)}50%{transform:translate(-50%)translate(-1px,2px)rotate(0)}}@keyframes shakeStatic{0%,to{transform:rotate(0)}10%{transform:translate(-3px,2px)rotate(-2deg)}20%{transform:translate(3px,-1px)rotate(2deg)}30%{transform:translate(-2px,-2px)rotate(-1deg)}40%{transform:translate(2px,1px)rotate(1deg)}50%{transform:translate(-1px,2px)rotate(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes bubbleRise{0%{opacity:0;transform:translateY(0)}15%{opacity:1}to{opacity:0;transform:translateY(-60vh)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes confettiFall{0%{opacity:1;transform:translateY(0)translate(0)rotate(0)}to{opacity:0;transform:translateY(100vh)translate(30px)rotate(720deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes sparkle{0%,to{opacity:0;transform:scale(.5)}50%{opacity:.8;transform:scale(1.2)}}@keyframes lightRayWave{0%,to{opacity:.5;transform:rotate(var(--ray-rotate,0deg)) scaleX(1)}50%{opacity:.8;transform:rotate(var(--ray-rotate,0deg)) scaleX(1.3)}}@keyframes driftParticle{0%{opacity:.15;transform:translate(0)}50%{opacity:.25}to{opacity:0;transform:translate(40px,-20px)}}@keyframes lightningFlash{0%{opacity:0}4%{opacity:.45}18%{opacity:.05}30%{opacity:.25}46%{opacity:0}to{opacity:0}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#051e3280}::-webkit-scrollbar-thumb{background:#0099cc73;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#00bbcca6}html{scrollbar-width:thin;scrollbar-color:#0099cc73 #051e3280}button{outline:none;transition:all .15s}button:focus-visible{outline-offset:2px;outline:2px solid #09c}button:hover{filter:brightness(1.15);transform:translateY(-1px)}button:active{filter:brightness(.95);transform:translateY(0)}@media (width<=768px){html{font-size:13px}}@media (width<=480px){html{font-size:11px}}@media (height<=500px){.lineup-hud-anchor{transform-origin:bottom!important;transform:translate(-50%)scale(.8)!important}.swell-compass,.wave-height-meter{display:none!important}}@media (height<=400px){.lineup-hud-anchor{transform:translate(-50%)scale(.66)!important}}@media (pointer:coarse) and (orientation:portrait){.lineup-hud-anchor{bottom:188px!important}.danger-prompt{top:calc(20% + 52px)!important}body:has(.danger-prompt) .world-event-banner{visibility:hidden!important}}@media (pointer:coarse) and (orientation:portrait) and (height<=760px){.swell-compass{display:none!important}.lineup-hud-anchor{transform-origin:bottom!important;transform:translate(-50%)scale(.85)!important}.short-drop{display:none!important}}@media (height<=500px){.tutorial-panel{transform-origin:bottom!important;transform:translate(-50%)scale(.72)!important}.tutorial-panel button{transform-origin:bottom!important;transform:translate(-50%)scale(1.39)!important}}@media (width<=480px){.overtime-label{width:min-content;margin-inline:auto;font-size:24px!important}}@media (width<=360px){.hud-top-center{transform-origin:top!important;transform:translate(-50%)scale(.82)!important}.hud-top-left{left:8px!important}.hud-top-right{right:8px!important}.world-event-banner-title{letter-spacing:3px!important}}@media (width<=640px){.lineup-chatter{display:none!important}}@media (height<=430px){.lineup-chatter{display:none!important}}@media (width<=640px){.rank-badge{display:none!important}}@media (height<=500px){.short-drop{display:none!important}.world-event-banner{top:97px!important}.world-event-drop-short{display:none!important}.kickout-exit{top:68%!important}.danger-prompt{top:97px!important}body:has(.danger-prompt) .world-event-banner{visibility:hidden!important}.maneuver-popup{top:68%!important}.sequence-popup{top:77%!important}}@media (height<=600px){.menu-footer{position:static!important}.menu-footer-tip{margin-top:18px}.menu-footer-tag{margin-top:8px;margin-bottom:14px}}@media (pointer:coarse){*{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}}@media (prefers-reduced-motion:reduce){:root:not([data-reduced-motion=off]) *,:root:not([data-reduced-motion=off]) :before,:root:not([data-reduced-motion=off]) :after{scroll-behavior:auto!important;transition-duration:.001ms!important;transition-delay:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important;animation-delay:.001ms!important}}:root[data-reduced-motion=on] *,:root[data-reduced-motion=on] :before,:root[data-reduced-motion=on] :after{scroll-behavior:auto!important;transition-duration:.001ms!important;transition-delay:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important;animation-delay:.001ms!important}@media (prefers-reduced-motion:reduce){:root:not([data-reduced-motion=off]) .paddleout-card,:root:not([data-reduced-motion=off]) .kickout-exit{opacity:1;animation-name:none!important}}:root[data-reduced-motion=on] .paddleout-card,:root[data-reduced-motion=on] .kickout-exit{opacity:1;animation-name:none!important}@keyframes rmHoldFade{0%,82%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){:root:not([data-reduced-motion=off]) .rm-holdfade{animation-name:rmHoldFade!important;animation-duration:var(--rm-dur,2s)!important}}:root[data-reduced-motion=on] .rm-holdfade{animation-name:rmHoldFade!important;animation-duration:var(--rm-dur,2s)!important}