:root{color-scheme:dark;--red: #e42525;--blue: #2488ff;--yellow: #ffd400;--text: #f5f5f5;--muted: #a8a8a8;--panel: rgb(0 0 0 / .58);--line: rgb(255 255 255 / .22)}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#000;color:var(--text);font-family:Arial Narrow,Roboto Condensed,Arial,sans-serif;letter-spacing:0}button,select{font:inherit}.app-shell{position:relative;width:100vw;height:100dvh;min-width:0;min-height:0;background:#000}#gameCanvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}.app-shell:not(.is-playing) #gameCanvas,.app-shell:not(.is-playing) .broadcast,.app-shell:not(.is-playing) .score-panel,.app-shell:not(.is-playing) .quick-actions,.app-shell:not(.is-playing) .build-badge,.app-shell:not(.is-playing) .match-status,.app-shell:not(.is-playing) .control-panel,.app-shell:not(.is-playing) .card,.app-shell:not(.is-playing) .radar-wrap,.app-shell:not(.is-playing) .warning-banner,.app-shell:not(.is-playing) .tutorial-coach,.app-shell:not(.is-playing) .count-widget,.app-shell:not(.is-playing) .bottom-center{opacity:0;pointer-events:none}.start-screen,.countdown-overlay{position:absolute;inset:0;z-index:8;display:grid;place-items:center;background:radial-gradient(circle at 50% 44%,#1b1c1f,#060606 58%,#000)}.app-shell.is-playing .start-screen,.countdown-overlay{display:none}.countdown-overlay.is-visible{display:grid}.start-panel{width:min(360px,calc(100vw - 44px));display:grid;gap:12px;text-align:center}.start-logo{font-size:clamp(3.2rem,14vw,5rem);font-weight:950;line-height:.9;text-shadow:3px 0 0 #1d6fff,6px 0 0 #d01818,0 18px 32px #000}.start-panel p,.start-panel small{margin:0;color:#ffffffad;font-weight:900;text-transform:uppercase}.start-panel button{min-height:48px;border:1px solid rgb(255 255 255 / .22);background:#000000b8;color:#fff;font-size:1rem;font-weight:950}.start-panel #playButton{border-color:#ffd400e6;color:var(--yellow);box-shadow:0 0 28px #ffd40042}.countdown-overlay{background:#000000b8}.countdown-overlay strong{font-size:clamp(5rem,22vw,10rem);color:#fff;text-shadow:0 0 34px rgb(255 212 0 / .7)}.broadcast,.score-panel,.quick-actions,.build-badge,.match-status,.control-panel,.card,.radar-wrap,.warning-banner,.tutorial-coach,.count-widget{position:absolute;z-index:2}.top-left{left:44px;top:34px}.logo{font-size:clamp(2.45rem,6vw,3rem);font-weight:950;line-height:.92;text-shadow:3px 0 0 #1d6fff,6px 0 0 #d01818,0 12px 24px #000}.turn-block{margin-top:22px;display:grid;gap:4px}.turn-block span,.score-panel span,.control-panel span,.card span,.card small,.count-widget span,.count-widget small{color:var(--muted);font-weight:800;font-size:.8rem;text-transform:uppercase}.turn-block strong{font-size:1.8rem}.count-widget{top:62px;left:50%;width:clamp(126px,20vw,150px);height:clamp(126px,20vw,150px);transform:translate(-50%);display:grid;place-items:center;background:radial-gradient(circle,rgb(0 0 0 / .8),rgb(0 0 0 / .15) 58%,transparent 60%)}.count-widget strong{font-size:clamp(3.7rem,9vw,4.4rem);line-height:.8}.count-widget span{align-self:end;color:#f2f2f2}.count-widget small{align-self:start;color:#f2f2f2}.count-widget i{position:absolute;inset:8px;border:5px solid rgb(255 255 255 / .28);border-right-color:var(--yellow);border-bottom-color:var(--yellow);border-radius:50%;transform:rotate(-45deg);box-shadow:0 0 18px #ffd40040}.score-panel{right:32px;top:44px;width:min(230px,31vw);padding:14px 16px;background:var(--panel);display:grid;gap:12px}.score-panel div{display:flex;align-items:center;justify-content:space-between;gap:16px}.score-panel strong{font-size:clamp(1.55rem,4.5vw,2.25rem)}.quick-actions{right:32px;top:292px;display:grid;gap:8px}.quick-actions button,.modal-panel button{border:1px solid rgb(255 255 255 / .24);background:#000000ad;color:#fff;font-weight:950;padding:8px 10px}.quick-actions button{min-width:86px}.build-badge{left:42px;bottom:212px;display:grid;gap:3px;color:#ffffffa3;font-size:.7rem;font-weight:900;text-transform:uppercase;pointer-events:none}.build-badge strong{color:#fff;font-size:.78rem}.match-status{left:50%;top:188px;transform:translate(-50%);display:grid;grid-template-columns:repeat(4,auto);gap:10px;padding:8px 12px;background:#00000085;border:1px solid rgb(255 255 255 / .12)}.match-status div{min-width:72px;display:grid;gap:2px}.match-status span{color:var(--muted);font-size:.7rem;font-weight:900}.match-status strong{color:#fff;font-size:.92rem;font-weight:950}.match-status strong.is-danger{color:var(--yellow)}.red{color:var(--red)!important}.blue{color:var(--blue)!important}.control-panel{left:50%;top:224px;transform:translate(-50%);display:none;align-items:center;gap:8px;padding:8px;background:#0000005c;border:1px solid rgb(255 255 255 / .12)}.control-panel label{display:flex;align-items:center;gap:6px}.control-panel select,.control-panel button{height:34px;border:1px solid var(--line);background:#111;color:#fff;padding:4px 8px;font-weight:800}.control-panel button{color:var(--yellow)}.bottom-left{left:42px;bottom:34px}.card,.radar-wrap{width:min(215px,30vw);height:min(164px,23vw);border:1px solid var(--line);border-radius:8px;background:var(--panel);padding:18px}.card{display:grid;align-content:center;gap:10px}.card strong{font-size:clamp(1rem,2.6vw,1.35rem)}.bottom-center{position:absolute;z-index:2;bottom:42px;left:50%;transform:translate(-50%);display:grid;place-items:center;gap:12px;min-width:min(360px,42vw)}.bottom-center>strong{font-size:1.15rem;letter-spacing:0}.power-meter{width:360px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:10px 14px;border:1px solid rgb(255 212 0 / .45);background:#000000ad;opacity:0;transition:opacity .12s ease}.power-meter.is-visible{opacity:1}.power-meter span,.power-meter strong{color:var(--yellow);font-weight:900}.power-meter i{height:13px;border:1px solid rgb(255 255 255 / .65);background:#161616}.power-meter b{display:block;width:0%;height:100%;background:var(--yellow);box-shadow:0 0 16px #ffd400d9}.bottom-right{right:32px;bottom:34px;padding:0}.warning-banner{left:50%;top:220px;transform:translate(-50%);min-width:170px;padding:9px 18px;border:1px solid rgb(255 212 0 / .42);background:#000000b8;color:var(--yellow);text-align:center;font-size:1rem;font-weight:950;opacity:0;pointer-events:none;box-shadow:0 0 28px #ffd40000;transition:opacity .12s ease,box-shadow .12s ease}.tutorial-coach{left:50%;bottom:122px;width:210px;height:128px;transform:translate(-50%);pointer-events:none;display:grid;place-items:center;opacity:0;transition:opacity .16s ease}.tutorial-coach.is-visible{opacity:1}.tutorial-coach strong{position:absolute;bottom:0;font-size:1.05rem;font-weight:950;text-shadow:0 0 18px #000}.coach-disc{position:absolute;bottom:34px;width:54px;height:20px;border:4px solid var(--yellow);border-radius:50%;box-shadow:0 0 18px #ffd400cc}.coach-line{position:absolute;bottom:54px;width:0;height:72px;border-left:4px dashed var(--yellow);animation:coachLine 1.25s ease-in-out infinite}.coach-hand{position:absolute;bottom:12px;width:24px;height:44px;border-radius:14px 14px 9px 9px;background:#fff;box-shadow:0 0 18px #00000073;animation:coachPull 1.25s ease-in-out infinite}@keyframes coachPull{0%,to{transform:translateY(0)}50%{transform:translateY(54px)}}@keyframes coachLine{0%,to{opacity:.2;height:28px}50%{opacity:1;height:86px}}.app-shell.danger-level-1 .count-widget i{box-shadow:0 0 24px #ffd40073}.app-shell.danger-level-2 .warning-banner,.app-shell.danger-level-3 .warning-banner{opacity:1;animation:warningPulse .56s ease-in-out infinite alternate}.app-shell.danger-level-3{box-shadow:inset 0 0 80px #ffd40029}.app-shell.score-flash .score-panel{animation:scoreFlash .42s ease-out 1}.app-shell.timer-warning .count-widget i{border-right-color:#ff4d4d;border-bottom-color:#ff4d4d;box-shadow:0 0 30px #ff4d4d8c}.modal-panel{position:absolute;inset:0;z-index:10;display:none;place-items:center;background:#0000006b}.modal-panel.is-open{display:grid}.modal-panel>div{width:min(360px,calc(100vw - 36px));display:grid;gap:12px;padding:18px;border:1px solid rgb(255 255 255 / .2);border-radius:8px;background:#060606eb}.modal-panel h2{margin:0;font-size:1.2rem}.modal-panel label{display:grid;gap:6px;color:var(--muted);font-weight:900}.modal-panel select,.modal-panel textarea{width:100%;border:1px solid rgb(255 255 255 / .22);background:#111;color:#fff;padding:10px;font:inherit}.howto-list{margin:0;padding-left:22px;display:grid;gap:10px;color:#fff;font-weight:900}.feedback-tags{display:flex;flex-wrap:wrap;gap:8px}.analytics-panel dl{display:grid;grid-template-columns:1fr auto;gap:8px 16px;margin:0}.analytics-panel dt{color:var(--muted);font-weight:900}.analytics-panel dd{margin:0;font-weight:950}@keyframes warningPulse{0%{border-color:#ffd4006b;box-shadow:0 0 12px #ffd4002e}to{border-color:#ffd400e6;box-shadow:0 0 34px #ffd40085}}@keyframes scoreFlash{0%{box-shadow:0 0 #fff0}45%{box-shadow:0 0 42px #ffffff57}to{box-shadow:0 0 #fff0}}@media(max-width:760px){.top-left{left:36px}.score-panel,.quick-actions{right:24px}.build-badge{left:22px;bottom:156px;font-size:.58rem}.build-badge strong{font-size:.64rem}.bottom-left{left:36px}.bottom-right{right:24px}.match-status{top:178px;grid-template-columns:repeat(2,auto)}.quick-actions{top:auto;right:18px;bottom:156px;grid-auto-flow:column}.quick-actions button{min-width:0;padding:7px 8px;font-size:.72rem}}@media(orientation:portrait)and (max-width:760px){.app-shell{min-height:100dvh}.top-left{left:22px;top:28px}.score-panel{right:18px;top:32px;width:190px;gap:8px}.count-widget{top:112px}.match-status{top:auto;bottom:212px;width:calc(100vw - 40px);grid-template-columns:repeat(4,1fr);gap:6px;padding:7px 10px}.match-status div{min-width:0}.match-status span{font-size:.62rem}.match-status strong{font-size:.82rem}.bottom-left{display:none}.radar-wrap{width:154px;height:118px}.bottom-center{bottom:24px}}@media(orientation:landscape)and (max-height:620px){.top-left{top:20px}.count-widget{top:24px}.score-panel{top:22px}.quick-actions{top:250px}.match-status{top:160px}.bottom-left,.bottom-right{bottom:18px}.build-badge{bottom:18px;left:274px}.bottom-center{bottom:22px}}#radarCanvas{width:100%;height:100%;display:block}:root{--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px)}html,body,.app-shell{overscroll-behavior:none;-webkit-user-select:none;user-select:none}@media(orientation:portrait)and (max-width:820px){.app-shell.is-playing:before{content:"PLEASE ROTATE TO LANDSCAPE";position:absolute;inset:0;z-index:12;display:grid;place-items:center;padding:28px;background:#000000db;color:#fff;font-size:clamp(1.15rem,5vw,1.7rem);font-weight:950;text-align:center;text-transform:uppercase;text-shadow:0 0 24px #000}}@media(orientation:landscape)and (max-height:500px){.app-shell{height:100svh}.top-left{left:max(12px,calc(var(--safe-left) + 10px));top:max(8px,calc(var(--safe-top) + 6px))}.logo{font-size:clamp(1.45rem,4.8vw,2rem)}.turn-block{margin-top:8px;gap:1px}.turn-block span,.score-panel span,.count-widget span,.count-widget small,.card span,.card small{font-size:.58rem}.turn-block strong{font-size:1rem}.score-panel{right:max(10px,calc(var(--safe-right) + 8px));top:max(8px,calc(var(--safe-top) + 6px));width:clamp(132px,22vw,176px);padding:8px 10px;gap:6px;background:#0000007a}.score-panel div{gap:8px}.score-panel strong{font-size:clamp(1rem,3vw,1.45rem)}.count-widget{top:max(6px,var(--safe-top));width:76px;height:76px;opacity:.88}.count-widget strong{font-size:2.05rem}.count-widget i{inset:4px;border-width:3px}.match-status,.build-badge,.control-panel,.bottom-left{display:none}.quick-actions{top:auto;right:max(10px,calc(var(--safe-right) + 8px));bottom:max(12px,calc(var(--safe-bottom) + 8px))}.quick-actions button:not(#quickRestartButton){display:none}.quick-actions button{min-width:74px;padding:8px 10px;font-size:.72rem;background:#00000085}.radar-wrap{right:max(96px,calc(var(--safe-right) + 92px));bottom:max(10px,calc(var(--safe-bottom) + 8px));width:96px;height:76px;padding:0;opacity:.74}.bottom-center{bottom:max(12px,calc(var(--safe-bottom) + 10px));min-width:0;gap:6px;pointer-events:none}.bottom-center>strong{font-size:.9rem;text-shadow:0 0 18px #000}.power-meter{width:min(270px,44vw);padding:7px 10px;gap:8px;font-size:.72rem}.tutorial-coach{bottom:max(58px,calc(var(--safe-bottom) + 48px));width:168px;height:96px}.coach-disc{bottom:28px;width:46px;height:17px}.coach-line{bottom:45px;height:54px}.coach-hand{width:20px;height:36px}.tutorial-coach strong{font-size:.82rem}.warning-banner{top:max(70px,calc(var(--safe-top) + 58px));min-width:130px;padding:7px 12px;font-size:.82rem}}@media(orientation:landscape)and (max-height:390px){.score-panel{width:132px}.score-panel div:nth-child(n+3){display:none}.count-widget{width:68px;height:68px}.radar-wrap{display:none}}