@import"https://fonts.googleapis.com/css2?family=Baloo+2:wght@600;700;800&family=Nunito:wght@700;800;900&display=swap";:root{font-family:Nunito,system-ui,sans-serif;color:#f7fbff;background:#071525;font-synthesis:none;--blue: #168cff;--blue-light: #5ce8ff;--red: #ff3459;--yellow: #ffe057;-webkit-text-size-adjust:100%;text-size-adjust:100%}.loadout-select{position:fixed;inset:0;z-index:45;display:none;place-items:center;padding:20px;background:#020a18e0;backdrop-filter:blur(12px)}.loadout-select.is-visible{display:grid}.loadout-panel{width:min(1180px,96vw);max-height:94vh;overflow:auto;padding:24px;border:1px solid rgba(78,229,255,.55);border-radius:24px;background:linear-gradient(145deg,#0a1f3bfa,#040f22fa);box-shadow:0 0 50px #20cfff2e}.loadout-heading{display:flex;align-items:center;gap:16px;margin-bottom:18px}.loadout-heading h2{margin:2px 0;font-size:clamp(24px,4vw,42px)}.loadout-heading small{color:#9bbbd1}.loadout-grid{display:grid;grid-template-columns:repeat(5,minmax(190px,1fr));gap:12px}.loadout-card{position:relative;min-height:410px;padding:20px 15px 16px;color:#dffaff;text-align:left;border:1px solid rgba(87,199,230,.24);border-radius:16px;background:#071a33d1;cursor:pointer;transition:transform .18s,border-color .18s,box-shadow .18s}.loadout-card:hover,.loadout-card:focus-visible{transform:translateY(-3px);border-color:#63edff;outline:none;box-shadow:0 0 24px #41e2ff33}.loadout-card.is-selected{border-color:#70f2ff;background:linear-gradient(160deg,#0d3b5bf2,#071c36f5);box-shadow:inset 0 0 24px #3ce1ff1f,0 0 26px #3ce1ff29}.loadout-emblem{position:absolute;right:12px;top:10px;display:grid;place-items:center;width:42px;height:38px;clip-path:polygon(25% 4%,75% 4%,100% 50%,75% 96%,25% 96%,0 50%);background:#2bbce029}.loadout-emblem img{width:25px;height:25px;filter:brightness(0) invert(1) drop-shadow(0 0 5px #55dcff)}.loadout-card h3{margin:2px 0 14px;color:#fff;font-size:22px;text-transform:uppercase;letter-spacing:.06em}.loadout-skill{display:grid;grid-template-columns:48px 1fr;gap:10px;padding:11px 0;border-top:1px solid rgba(115,219,255,.14)}.loadout-skill img{width:44px;height:44px;padding:8px;color:#fff;background:#092b4d;clip-path:polygon(25% 7%,75% 7%,100% 50%,75% 93%,25% 93%,0 50%);filter:drop-shadow(0 0 5px #55dcff)}.loadout-skill b,.loadout-skill small,.loadout-skill em{display:block}.loadout-skill b{color:#8defff;text-transform:uppercase}.loadout-skill small{margin-top:3px;color:#bdd1df;line-height:1.25}.loadout-skill em{margin-top:5px;color:#67dff7;font:700 10px/1.2 monospace;text-transform:uppercase}.loadout-card>p{color:#9fb9cb;font-size:12px;line-height:1.35}.selected-mark{display:none;color:#8affdc;font-size:11px;text-transform:uppercase}.is-selected .selected-mark{display:block}.loadout-confirm{display:block;margin:20px auto 0;min-width:250px}.match-loadouts{position:fixed;left:50%;top:92px;z-index:28;display:none;width:min(760px,90vw);padding:12px 16px;transform:translate(-50%);border:1px solid rgba(94,230,255,.45);border-radius:14px;background:#031126e6;text-align:center}.match-loadouts.is-visible{display:block}.match-loadouts>strong{color:#8defff;font-size:11px;letter-spacing:.14em}.match-loadouts>div{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:8px}.match-loadouts span{display:grid;grid-template-columns:28px auto;column-gap:6px;min-width:110px;padding:6px 9px;border-left:2px solid #4fdfff;text-align:left}.match-loadouts span[data-side=red]{border-color:#ff6079}.match-loadouts img{grid-row:1/3;width:26px;height:26px;filter:brightness(0) invert(1)}.match-loadouts b{font-size:10px}.match-loadouts small{color:#9db7ca;font-size:9px;text-transform:uppercase}.action-button{border-radius:0!important;clip-path:polygon(25% 4%,75% 4%,100% 50%,75% 96%,25% 96%,0 50%);background:#082542!important;border:0!important;isolation:isolate}.action-button:before{content:"";position:absolute;inset:2px;z-index:-1;clip-path:inherit;background:linear-gradient(145deg,#0c3d62,#061b35);box-shadow:inset 0 0 18px #3fe1ff38}.action-button:after{content:"";position:absolute;inset:0;z-index:-2;clip-path:inherit;background:#5cecff;filter:drop-shadow(0 0 7px rgba(65,226,255,.8))}.action-button:focus-visible{outline:3px solid #fff;outline-offset:4px}.action-button img{width:31px;height:31px;color:#e8fcff;filter:brightness(0) invert(1) drop-shadow(0 0 5px #50dbff)}.action-button .cooldown-time{position:absolute;left:0;right:0;top:25px;z-index:4;color:#fff;font:900 18px/1 monospace;text-shadow:0 2px 5px #000,0 0 7px #000}.action-button.is-cooldown img{opacity:.42}.action-button.is-active:after{background:#a875ff;filter:drop-shadow(0 0 14px #9b6dff)}.action-button.is-cooldown:before{background:conic-gradient(rgba(1,7,17,.84) var(--cooldown),rgba(8,37,66,.92) 0)}.special-action{position:absolute;right:4px;bottom:105px;width:92px;height:82px}.special-action .special-fill{position:absolute;inset:2px;z-index:-1;clip-path:inherit;background:linear-gradient(to top,rgba(32,222,255,.46) var(--special-charge),transparent 0)}.special-action strong{position:absolute;left:0;right:0;bottom:8px;color:#baf7ff;font:800 10px/1 monospace}.special-action.is-ready{animation:special-ready 1.45s ease-in-out infinite}.special-action.is-active:after{background:#ffdd62}@keyframes special-ready{50%{filter:drop-shadow(0 0 13px #55edff);transform:scale(1.04)}}@media(max-width:980px){.loadout-grid{grid-template-columns:repeat(2,minmax(210px,1fr))}.loadout-card{min-height:0}.loadout-panel{padding:16px}}@media(max-width:560px){.loadout-select{padding:8px}.loadout-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.loadout-card{flex:0 0 84vw;scroll-snap-align:center;min-height:390px}.special-action{right:2px;bottom:174px;width:86px;height:76px}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}html,body,#app,.game-shell{width:100%;height:100%;margin:0;overflow:hidden;touch-action:none;overscroll-behavior:none}body{background:radial-gradient(circle at 50% 22%,#163d63 0,#071525 52%,#030912)}button,input,label{font:inherit;touch-action:manipulation}button{border:0;color:inherit;cursor:pointer}.game-shell{position:relative;isolation:isolate}.canvas-wrap,.canvas-wrap canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}.game-controls,.joystick-zone,.joystick,.action-cluster,.action-button{touch-action:none}.vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(2,8,17,.36),transparent 24%,transparent 70%,rgba(2,8,17,.6));z-index:2}.panel{position:absolute;inset:0;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:max(24px,env(safe-area-inset-top)) 24px max(24px,env(safe-area-inset-bottom));background:radial-gradient(circle at 50% 35%,rgba(22,140,255,.22),transparent 42%),linear-gradient(160deg,#071525e6,#030a14f7);backdrop-filter:blur(12px);opacity:0;visibility:hidden;transform:scale(1.04);transition:opacity .3s,transform .3s,visibility .3s}.panel.is-visible{opacity:1;visibility:visible;transform:scale(1)}.menu{justify-content:center}.menu-brand-logo{display:block;width:min(680px,98vw);max-height:min(42vh,410px);margin:-18px 0 0;object-fit:contain;filter:drop-shadow(0 12px 28px rgba(0,104,255,.32));pointer-events:none}.match-options{display:flex;flex-direction:column;align-items:center;gap:2px}.menu-step{display:none;width:min(390px,92vw)}.menu-step.is-active{display:flex}.menu-home-step{flex-direction:column;align-items:center}.solo-setup-step,.online-setup-step{flex-direction:column;align-items:center;padding:16px 16px 18px;border:1px solid rgba(92,232,255,.24);border-radius:24px;background:#041424a8;box-shadow:inset 0 0 28px #1e97e114,0 16px 42px #00000040}.setup-heading{position:relative;display:grid;width:100%;min-height:48px;margin-bottom:10px;place-items:center;text-align:center}.setup-heading div{display:grid}.setup-heading small{color:var(--blue-light);font-size:.58rem;font-weight:900;letter-spacing:.18em}.setup-heading strong{font-family:"Baloo 2",sans-serif;font-size:1.2rem;letter-spacing:.06em}.menu-back-button{position:absolute;left:0;width:44px;height:44px;border:1px solid rgba(92,232,255,.35);border-radius:14px;background:#0e3756d1;color:#9cefff;font-size:2rem;line-height:1}.match-options .difficulty{margin-bottom:12px}.mode-select span{white-space:nowrap}.online-roster-select{width:100%}.online-roster-select label{flex:1}.online-roster-select span{min-height:72px;padding:10px;text-align:center}.online-roster-select span b{display:block;color:inherit;font-size:.75rem}.online-roster-select span small{display:block;margin-top:4px;color:#def0fcb3;font-size:.58rem;line-height:1.25}@media(max-height:760px){.menu-brand-logo{max-height:32vh}h1{font-size:clamp(3.5rem,12vh,6rem)}.menu-copy{margin:12px 0 10px}.match-options .difficulty{margin-bottom:8px}.menu-sound{margin-top:12px}}.logo-puck{width:72px;height:27px;margin-bottom:14px;border:5px solid #243344;border-radius:50%;background:#07101a;box-shadow:0 10px #02070d,0 0 28px #5ce8ff6b;transform:rotate(-8deg)}.eyebrow{margin:0 0 5px;color:var(--blue-light);font-size:clamp(.72rem,2.5vw,.9rem);font-weight:900;letter-spacing:.22em}.game-version{margin:0;padding:3px 9px;border:1px solid rgba(92,232,255,.28);border-radius:999px;background:#071d319e;color:#8fb6cc;font-size:.57rem;font-weight:900;letter-spacing:.13em}.menu-meta{position:relative;z-index:4;display:flex;align-items:center;gap:9px;margin:0 0 9px}.language-switch{position:relative;z-index:5;display:flex;gap:3px;padding:3px;border:1px solid rgba(92,232,255,.2);border-radius:10px;background:#041222b8}.language-switch button{position:relative;z-index:6;min-width:30px;padding:4px 5px;border-radius:7px;background:transparent;color:#7798ae;font-size:.55rem;font-weight:900;letter-spacing:.05em}.language-switch button.is-active{background:#168cff;color:#fff;box-shadow:0 0 11px #22b4ff8c}h1,h2{margin:0;font-family:"Baloo 2",system-ui,sans-serif;line-height:.82;text-align:center;text-transform:uppercase}h1{font-size:clamp(4.25rem,17vw,8rem);letter-spacing:-.07em;text-shadow:0 8px 0 #082a55,0 0 30px rgba(22,140,255,.55)}h1 span{color:var(--blue-light)}h2{font-size:clamp(3rem,13vw,6rem);color:var(--yellow);text-shadow:0 6px 0 #9b5a00,0 0 24px rgba(255,224,87,.5)}.menu-copy{margin:22px 0 18px;color:#cfe7f7;font-size:clamp(.9rem,3.5vw,1.05rem);line-height:1.4;text-align:center}.difficulty{display:flex;gap:6px;margin:0 0 18px;padding:0;border:0}.difficulty legend{width:100%;margin-bottom:7px;color:#7592aa;font-size:.66rem;font-weight:900;letter-spacing:.16em;text-align:center}.difficulty input{position:absolute;opacity:0}.difficulty span{display:block;padding:8px 13px;border:1px solid rgba(143,200,236,.22);border-radius:13px;background:#ffffff0f;color:#89a6ba;font-size:.78rem;transition:.2s}.difficulty input:checked+span{border-color:var(--blue-light);background:var(--blue);color:#fff;box-shadow:0 0 16px #168cff8c;transform:translateY(-2px)}.play-button{min-width:min(290px,78vw);padding:16px 28px 13px;border:2px solid #78efff;border-radius:20px;background:linear-gradient(180deg,#27b9ff,#0872e6);box-shadow:0 7px #04469a,0 0 26px #27b9ff73;font-family:"Baloo 2",system-ui,sans-serif;font-size:1.5rem;font-weight:800;letter-spacing:.05em;transition:transform .12s,filter .12s}.play-button:active{transform:translateY(5px);box-shadow:0 2px #04469a,0 0 30px #27b9ff99}.play-button.compact{min-width:230px;margin-top:24px;font-size:1.1rem}.menu-play-actions{display:grid;width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.menu-primary-action{display:flex;min-width:0;width:100%;aspect-ratio:1.12;min-height:138px;padding:16px 10px 13px;flex-direction:column;align-items:center;justify-content:center;border-radius:18px;text-align:center}.menu-primary-action>span{margin-bottom:8px;font-size:1.8rem;line-height:1}.menu-primary-action>b{font:inherit;font-size:clamp(.92rem,4vw,1.24rem);line-height:1.03}.menu-primary-action>small{margin-top:7px;color:#ffffffb8;font:800 .56rem Nunito,sans-serif;letter-spacing:.06em;line-height:1.15;text-transform:uppercase}.solo-start-button{margin-top:2px}.online-play-button{border-color:#c7a1ff;background:linear-gradient(180deg,#8b5cf6,#5131b8);box-shadow:0 7px #321a7c,0 0 26px #8b5cf661}.online-play-button:active{box-shadow:0 2px #321a7c,0 0 30px #8b5cf68c}.online-lobby{position:absolute;inset:0;z-index:48;display:grid;place-items:center;padding:20px;background:#020811e0;backdrop-filter:blur(16px);opacity:0;visibility:hidden;transition:opacity .22s,visibility .22s}.online-lobby.is-visible{opacity:1;visibility:visible}.online-lobby-card{width:min(390px,92vw);padding:30px 24px 24px;border:1px solid rgba(159,112,255,.5);border-radius:26px;background:radial-gradient(circle at 50% 20%,rgba(112,71,216,.28),transparent 48%),#071525;box-shadow:0 24px 70px #0000008c,0 0 35px #7b53e640;text-align:center}.online-lobby-card h3{margin:7px 0 4px;font-family:"Baloo 2",sans-serif;font-size:2rem;letter-spacing:.05em}.online-lobby-card>p:not(.eyebrow){margin:0;color:#8fa9bd;font-size:.78rem}.online-radar{position:relative;width:112px;height:112px;margin:0 auto 18px;border:1px solid rgba(111,231,255,.4);border-radius:50%;background:#0d3c5e59;overflow:hidden}.online-radar:after{position:absolute;inset:50% 50% 0 0;content:"";background:linear-gradient(45deg,transparent,rgba(94,239,255,.52));transform-origin:100% 0;animation:radar-scan 1.2s linear infinite}.online-radar i{position:absolute;inset:18px;border:1px solid rgba(101,227,255,.2);border-radius:50%}.online-radar i:nth-child(2){inset:36px}.online-radar i:nth-child(3){inset:53px;background:#62e9ff;box-shadow:0 0 12px #62e9ff}.online-radar span{position:absolute;inset:0;z-index:2;display:grid;place-items:center;font-size:1.6rem}@keyframes radar-scan{to{transform:rotate(360deg)}}.edit-player-button{min-width:min(250px,72vw);margin-top:17px;margin-bottom:0;padding:10px 18px 8px;border:1px solid rgba(102,233,255,.72);border-radius:15px;background:linear-gradient(180deg,#133f63f0,#051c34f5);box-shadow:0 4px #06192c,0 0 18px #2ad3ff33;color:#a9f5ff;font-family:"Baloo 2",system-ui,sans-serif;font-size:.92rem;font-weight:900;letter-spacing:.08em}.edit-player-button:active{transform:translateY(3px);box-shadow:0 1px #06192c}.player-editor{position:absolute;inset:0;z-index:50;display:grid;padding:max(12px,env(safe-area-inset-top)) 12px max(12px,env(safe-area-inset-bottom));place-items:center;overflow:auto;background:#020912e6;backdrop-filter:blur(18px);opacity:0;visibility:hidden;transition:opacity .22s,visibility .22s}.player-editor.is-visible{opacity:1;visibility:visible}.player-editor-card{position:relative;width:min(460px,100%);padding:17px;border:1px solid rgba(89,221,255,.5);border-radius:24px;background:linear-gradient(135deg,#153b5bf2,#041425fa),#071525;box-shadow:0 24px 80px #0000009e,inset 0 0 32px #25c0ff14,0 0 35px #22beff33}.editor-heading{text-align:center}.editor-heading h3{margin:0;color:#fff;font-family:"Baloo 2",sans-serif;font-size:1.7rem;line-height:.9;letter-spacing:.04em}.editor-heading small{color:#7899b1;font-size:.6rem}.editor-close{position:absolute;top:10px;right:10px;z-index:3;width:36px;height:36px;border:1px solid rgba(255,255,255,.16);border-radius:50%;background:#030e1ac2;color:#9ec8df;font-size:1.5rem;line-height:1}.editor-preview{width:100%;height:min(285px,37vh);min-height:210px;margin:9px 0;overflow:hidden;touch-action:none;border:1px solid rgba(78,220,255,.25);border-radius:18px;background:radial-gradient(circle at 50% 55%,rgba(37,172,255,.24),transparent 48%),linear-gradient(180deg,#030c17b8,#08233ad9)}.editor-preview canvas{display:block;width:100%;height:100%;touch-action:none}.skin-options{display:grid;gap:5px}.skin-row{display:grid;grid-template-columns:minmax(78px,1fr) 38px minmax(112px,1.35fr) 38px;gap:5px;align-items:center;min-height:39px;padding:4px 6px 4px 11px;border:1px solid rgba(135,211,255,.13);border-radius:12px;background:#ffffff0b}.skin-row b{color:#7197af;font-size:.61rem;letter-spacing:.09em}.skin-row span{color:#e9faff;font-size:.68rem;font-weight:900;text-align:center;white-space:nowrap}.skin-row button{width:36px;height:31px;border:1px solid rgba(93,227,255,.42);border-radius:9px;background:#1170ab59;color:#74eeff;font-size:1.45rem;line-height:.8}.skin-row button:active{background:#168cff;color:#fff;transform:scale(.92)}.skin-name-row{grid-template-columns:minmax(78px,1fr) minmax(193px,2.35fr)}.skin-name-row input{width:100%;padding:8px 11px;border:1px solid rgba(93,227,255,.34);border-radius:9px;outline:none;background:#031423b8;color:#e9faff;font-size:.72rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.skin-name-row input:focus{border-color:#5ce8ff;box-shadow:0 0 14px #5ce8ff38}.editor-save{width:100%;margin-top:10px;padding:12px 16px 10px;border:1px solid #fff09a;border-radius:14px;background:linear-gradient(180deg,#ffd94e,#dd7500);box-shadow:0 4px #8d4300,0 0 20px #ffd33740;color:#261800;font-family:"Baloo 2",sans-serif;font-size:.94rem;font-weight:900;letter-spacing:.06em}@media(orientation:landscape)and (max-height:620px){.player-editor-card{display:grid;grid-template-columns:minmax(250px,.9fr) minmax(330px,1.1fr);grid-template-rows:auto 1fr auto;gap:7px 14px;width:min(800px,94vw);padding:12px}.editor-heading{grid-column:1}.editor-preview{grid-column:1;grid-row:2 / 4;height:calc(100vh - 92px);min-height:230px;margin:0}.skin-options{grid-column:2;grid-row:1 / 3;align-self:center}.editor-save{grid-column:2;grid-row:3;margin-top:0}}.sound-button,.pause-button{z-index:10;border:1px solid rgba(142,201,238,.2);border-radius:12px;background:#0512209e;color:#b5cad9;backdrop-filter:blur(8px)}.menu-sound{margin-top:20px;padding:8px 12px;font-size:.68rem;letter-spacing:.08em}.pause-button,.in-game-sound{position:absolute;top:max(14px,env(safe-area-inset-top));display:none;width:38px;height:38px}.pause-button.is-visible,.in-game-sound.is-visible{display:block}.pause-button{left:14px}.in-game-sound{right:14px}.top-hud{position:absolute;top:max(14px,env(safe-area-inset-top));left:50%;z-index:8;display:none;align-items:stretch;width:min(310px,calc(100vw - 112px));height:67px;transform:translate(-50%);filter:drop-shadow(0 8px 12px rgba(0,0,0,.3))}.top-hud.is-visible{display:flex}.score-card{display:grid;width:74px;place-items:center;border:1px solid rgba(255,255,255,.25)}.score-card small{margin-bottom:-8px;font-size:.56rem;letter-spacing:.12em}.score-card strong{font-family:"Baloo 2",sans-serif;font-size:2.1rem;line-height:1}.player-score{border-radius:18px 4px 4px 18px;background:linear-gradient(145deg,#25b8ff,#0869d3)}.opponent-score{border-radius:4px 18px 18px 4px;background:linear-gradient(145deg,#ff5470,#c6173c)}.match-center{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;border-block:1px solid rgba(255,255,255,.12);background:#040f1ce0}.clock{font-family:"Baloo 2",sans-serif;font-size:1.55rem;font-weight:800;line-height:1}.clock.is-urgent{color:var(--yellow);animation:urgent .65s infinite alternate}.possession{color:var(--blue-light);font-size:.54rem;letter-spacing:.09em}.possession[data-owner=opponent]{color:#ff8498}.possession[data-owner=loose]{color:#9ab0c1}.power-alert{position:absolute;top:calc(max(14px,env(safe-area-inset-top)) + 76px);left:50%;z-index:11;display:grid;grid-template-columns:auto minmax(80px,150px) 34px;gap:8px;align-items:center;width:min(350px,calc(100vw - 28px));padding:8px 11px;border:1px solid rgba(81,219,255,.7);border-radius:13px;background:#041222e6;box-shadow:0 0 22px #22b5ff66;opacity:0;pointer-events:none;transform:translate(-50%,-10px) scale(.95);transition:opacity .15s,transform .15s}.power-alert.is-visible{opacity:1;transform:translate(-50%) scale(1)}.power-alert span{color:#77eaff;font-size:.62rem;font-weight:900;letter-spacing:.035em;white-space:nowrap}.power-alert>div{height:8px;padding:2px;border-radius:6px;background:#75d3ff26}.power-alert i{display:block;width:0;height:100%;border-radius:4px;background:linear-gradient(90deg,#1dafff,#69ecff);box-shadow:0 0 9px #24c8ff}.power-alert b{color:#fff;font-size:.62rem;text-align:right}.power-alert.is-ready{border-color:#ffe56a;box-shadow:0 0 30px #ffda37b3;animation:power-alert-ready .24s infinite alternate}.power-alert.is-ready span{color:#ffe56a}.power-alert.is-ready i{background:linear-gradient(90deg,#ff9c1a,#fff06a);box-shadow:0 0 12px #ffcf28}.event-toast{position:absolute;top:calc(max(14px,env(safe-area-inset-top)) + 125px);left:50%;z-index:12;padding:7px 16px 5px;border:1px solid rgba(103,225,255,.65);border-radius:999px;background:#031220db;color:#77eaff;opacity:0;pointer-events:none;font-family:"Baloo 2",sans-serif;font-size:clamp(.85rem,3.5vw,1.15rem);font-weight:900;letter-spacing:.06em;white-space:nowrap;transform:translate(-50%,-12px) scale(.65)}.event-toast.is-visible{opacity:1}.event-toast.gold{border-color:#ffe56a;color:#ffe56a;box-shadow:0 0 19px #ffda3766}.event-toast.red{border-color:#ff6d85;color:#ff879a}.event-toast.pop{animation:event-pop 1.1s both}.power-screen-flash{position:absolute;inset:0;z-index:6;opacity:0;pointer-events:none;background:radial-gradient(circle at 50% 55%,rgba(255,244,135,.7),rgba(255,192,31,.18) 32%,transparent 66%);mix-blend-mode:screen}.power-screen-flash.fire{animation:power-screen-fire .42s ease-out both}.puck-indicator{--puck-angle: 0rad;position:fixed;z-index:11;display:none;width:48px;height:48px;border:1px solid rgba(91,244,255,.88);border-radius:50%;background:#021926e0;box-shadow:0 0 18px #28eaffa6,inset 0 0 12px #28eaff2e;color:#5cf5ff;pointer-events:none;transform:translate(-50%,-50%)}.puck-indicator.is-visible{display:block}.puck-indicator span{position:absolute;inset:0;display:grid;place-items:center;font-size:1.45rem;filter:drop-shadow(0 0 6px #2cefff);transform:rotate(var(--puck-angle))}.puck-indicator b{position:absolute;top:45px;left:50%;color:#a8fbff;font-size:.48rem;letter-spacing:.12em;transform:translate(-50%)}.controls{position:absolute;inset:auto 0 0;z-index:7;display:none;height:min(31vh,250px);min-height:170px;padding-bottom:env(safe-area-inset-bottom);pointer-events:none}.controls.is-visible{display:block}.joystick-zone{position:absolute;inset:0 48% 0 0;pointer-events:auto}.joystick{position:absolute;left:clamp(80px,18vw,125px);top:55%;width:116px;height:116px;border:2px solid rgba(120,217,255,.3);border-radius:50%;background:radial-gradient(circle,#37a5e424,#0717276b);box-shadow:inset 0 0 24px #3ebcff1f,0 8px 20px #0000002e;transform:translate(-50%,-50%);transition:border-color .15s}.joystick.is-floating{position:fixed}.joystick.is-active{border-color:#5ce8ffcc}.joystick-arrows{position:absolute;inset:0;display:grid;place-items:center;color:#6cdaff3d;font-size:3rem}.joystick-knob{position:absolute;top:50%;left:50%;width:57px;height:57px;border:2px solid #64dfff;border-radius:50%;background:linear-gradient(145deg,#40b5f4e6,#0c4a83f5);box-shadow:0 6px #063d75,0 0 18px #2dbeff73;transform:translate(-50%,-50%)}.action-cluster{position:absolute;right:clamp(12px,3vw,34px);bottom:calc(33px + env(safe-area-inset-bottom));width:210px;height:160px;pointer-events:auto}.action-button{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px solid rgba(255,255,255,.58);border-radius:50%;background:linear-gradient(145deg,#22aaf6,#0759bd);box-shadow:0 7px #053978,0 0 19px #168cff61;overflow:hidden;transition:transform .1s,filter .2s,opacity .2s}.action-button[data-mode=defense]{background:linear-gradient(145deg,#ff506d,#b91135);box-shadow:0 7px #75091f,0 0 19px #ff345961}.action-button:active{transform:translateY(5px) scale(.96);filter:brightness(1.25)}.action-button b{position:relative;z-index:2;font-size:1.55rem;line-height:1;font-style:normal}.action-button em{position:relative;z-index:2;margin-top:2px;font-size:.65rem;font-style:normal;font-weight:900}.action-button small{position:relative;z-index:2;max-width:58px;margin-top:-1px;color:#ffffffb3;font-size:.36rem;font-weight:900;line-height:1;letter-spacing:.02em}.action-button kbd{position:relative;z-index:2;display:none;margin-top:1px;color:#ffffff9e;font-family:inherit;font-size:.43rem}.main-action{right:4px;bottom:0;width:92px;height:92px;border-width:3px}.secondary{width:67px;height:67px}.secondary-1{right:103px;bottom:3px}.secondary-2{right:84px;bottom:82px}.cooldown-ring{position:absolute;inset:0;z-index:3;border-radius:50%;background:conic-gradient(rgba(0,0,0,.68) var(--cooldown, 0deg),transparent 0);pointer-events:none}.action-button.is-disabled{opacity:.42;filter:grayscale(.7)}.action-button.is-power{border-color:#fff4a1;background:linear-gradient(145deg,#ffdd45,#e86a00);box-shadow:0 7px #9f3e00,0 0 34px #ffde45e6;animation:power-pulse .28s infinite alternate}.charge-ring{position:absolute;inset:-6px;display:none;border:5px solid transparent;border-radius:50%;background:conic-gradient(var(--yellow) var(--charge),rgba(255,255,255,.08) 0) border-box;mask:linear-gradient(#000 0 0) padding-box exclude,linear-gradient(#000 0 0)}.charge-ring.is-charging{display:block;filter:drop-shadow(0 0 5px var(--yellow))}.stamina-wrap{position:absolute;bottom:calc(8px + env(safe-area-inset-bottom));left:50%;width:min(250px,55vw);transform:translate(-50%);text-align:center}.stamina-wrap span{display:block;margin-bottom:2px;color:#8db1c8;font-size:.46rem;font-weight:900;letter-spacing:.16em}.stamina-wrap>div{height:8px;padding:2px;border:1px solid rgba(129,201,240,.3);border-radius:5px;background:#040f1cbf}.stamina-wrap i{display:block;width:100%;height:100%;border-radius:3px;background:linear-gradient(90deg,#36c5ff,#78f1ff);box-shadow:0 0 8px #34c9ff;transition:width .12s}.stamina-wrap .is-low i{background:var(--red);box-shadow:0 0 8px var(--red)}.announcement{position:absolute;top:42%;left:50%;z-index:15;opacity:0;pointer-events:none;font-family:"Baloo 2",sans-serif;font-size:clamp(4rem,22vw,10rem);font-weight:900;line-height:.8;text-align:center;text-transform:uppercase;transform:translate(-50%,-50%) scale(.4)}.announcement.is-visible{opacity:1}.announcement.countdown{color:#fff;text-shadow:0 8px 0 var(--blue),0 0 35px var(--blue-light)}.announcement.goal{color:var(--yellow);text-shadow:0 9px 0 #e06100,0 0 40px #ffcb38}.announcement.info{color:#fff;font-size:clamp(2.4rem,11vw,5rem);text-shadow:0 6px 0 #2b4863}.announcement.animate{animation:bounce-in .65s both}.quality-settings{display:grid;gap:10px;width:min(360px,82vw);margin:22px 0 8px}.setting-switch{display:flex;min-height:48px;padding:8px 10px 8px 15px;align-items:center;justify-content:space-between;border:1px solid rgba(255,255,255,.15);border-radius:14px;background:#ffffff0e;color:#c7dbea;font:800 .78rem Nunito,sans-serif;letter-spacing:.035em;cursor:pointer}.setting-switch input{position:absolute;opacity:0;pointer-events:none}.setting-switch i{position:relative;width:48px;height:27px;border:1px solid rgba(151,184,207,.32);border-radius:999px;background:#253b4d;box-shadow:inset 0 2px 5px #0000004d;transition:background .18s,box-shadow .18s}.setting-switch i:after{position:absolute;top:3px;left:3px;width:19px;height:19px;border-radius:50%;background:#d8e5ed;box-shadow:0 2px 5px #0006;content:"";transition:transform .18s,background .18s}.setting-switch:has(input:checked) i,.setting-switch.is-enabled i{background:#0c95ff;box-shadow:0 0 14px #34beff6b,inset 0 2px 4px #0049a040}.setting-switch:has(input:checked) i:after,.setting-switch.is-enabled i:after{background:#fff;transform:translate(21px)}.setting-switch:focus-visible{outline:2px solid #69e8ff;outline-offset:2px}.pause-menu-button{width:min(360px,82vw);min-height:58px;margin-top:16px;border:2px solid #fff08b;border-radius:16px;background:linear-gradient(180deg,#ffe45e,#ffb817);box-shadow:0 6px #b56c00,0 0 24px #ffc7224d;color:#382400;font:900 1.12rem "Baloo 2",sans-serif;letter-spacing:.09em;text-transform:uppercase;transition:transform .12s,filter .12s,box-shadow .12s}.pause-menu-button:hover{filter:brightness(1.08)}.pause-menu-button:active{transform:translateY(4px);box-shadow:0 2px #b56c00,0 0 20px #ffc72259}.text-button{margin-top:18px;padding:8px;background:transparent;color:#87a8be;font-size:.78rem;letter-spacing:.08em}.final-score{display:flex;gap:20px;align-items:center;margin-top:25px;font-family:"Baloo 2",sans-serif;font-size:clamp(3.5rem,15vw,6rem);line-height:1}.final-score strong:first-child{color:var(--blue-light)}.final-score strong:last-child{color:#ff7189}.final-score span{color:#567288}@keyframes bounce-in{0%{opacity:0;transform:translate(-50%,-50%) scale(.25) rotate(-8deg)}55%{opacity:1;transform:translate(-50%,-50%) scale(1.25) rotate(3deg)}78%{transform:translate(-50%,-50%) scale(.92) rotate(-1deg)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes urgent{to{transform:scale(1.12);text-shadow:0 0 12px var(--yellow)}}@keyframes power-pulse{to{filter:brightness(1.3);transform:scale(1.06)}}@keyframes power-alert-ready{to{transform:translate(-50%) scale(1.025)}}@keyframes event-pop{0%{opacity:0;transform:translate(-50%,-12px) scale(.55)}16%{opacity:1;transform:translate(-50%) scale(1.14)}28%{transform:translate(-50%) scale(1)}78%{opacity:1}to{opacity:0;transform:translate(-50%,-18px) scale(.92)}}@keyframes power-screen-fire{0%{opacity:1;transform:scale(.75)}35%{opacity:.62}to{opacity:0;transform:scale(1.22)}}@media(min-width:820px){.controls{height:225px}.action-button kbd{display:block}.joystick{left:120px}}@media(orientation:landscape)and (max-height:620px){.top-hud{top:8px;height:55px}.score-card strong{font-size:1.65rem}.power-alert{top:70px;padding-block:6px}.event-toast{top:108px}.controls{height:150px}.joystick{top:48%;width:100px;height:100px}.action-cluster{bottom:10px;transform:scale(.82);transform-origin:right bottom}.stamina-wrap{bottom:5px;width:180px}.menu-copy{margin:10px 0}.logo-puck{display:none}h1{font-size:clamp(3.4rem,12vh,5.2rem)}.difficulty{margin-bottom:10px}.menu-sound{margin-top:10px}}@media(max-width:430px)and (max-height:720px){.logo-puck{display:none}.menu-copy{margin:10px 0}.menu-sound{margin-top:12px}h1{font-size:3.8rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}