@font-face{font-family:GameFallback;src:local("Tahoma");font-display:swap}:root{color-scheme:dark;--bg:#080d20;--ink:#edf9ff;--muted:#94a5c7;--cyan:#6fffe9;--pink:#ff6688;--line:#263654}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 20% 5%,#142442 0,transparent 47%),radial-gradient(ellipse at 95% 70%,#25122e 0,transparent 48%),var(--bg);color:var(--ink);font:14px GameFallback,Tahoma,Arial,sans-serif;min-height:100svh}body::before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.13;background-image:linear-gradient(#8db4d811 1px,transparent 1px),linear-gradient(90deg,#8db4d811 1px,transparent 1px);background-size:42px 42px}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:disabled{opacity:.38;cursor:default}button:focus-visible,canvas:focus-visible,summary:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}button:hover:not(:disabled){filter:brightness(1.13)}button:active:not(:disabled){transform:translateY(1px)}[hidden]{display:none!important}#app{position:relative;width:min(100%,540px);margin:auto;padding:22px 20px 16px}.topbar,.brand,.header-actions{display:flex;align-items:center}.topbar{justify-content:space-between;gap:10px;margin-bottom:21px}.brand{gap:9px}.brand-icon{font:43px Arial;color:var(--cyan);filter:drop-shadow(0 0 14px #6fffe960)}.eyebrow{font:9px Arial,sans-serif;letter-spacing:3px;color:var(--cyan)}h1{font-size:23px;margin:5px 0 0;letter-spacing:-.8px}.header-actions{gap:6px}.header-actions button,footer button{background:#101c31;border:1px solid var(--line);border-radius:9px;font-size:10px;min-height:38px;padding:8px 10px}.dashboard{display:grid;grid-template-columns:1fr 1fr 1fr;padding:0 0 16px}.dashboard>div{text-align:center}.dashboard>div+div{border-right:1px solid var(--line)}.dashboard span{display:block;font-size:10px;color:var(--muted)}.dashboard b{display:block;font-size:27px;margin-top:5px;font-weight:400}.dashboard b span{font-size:9px;display:inline-block;margin-right:5px}#score{color:var(--cyan)}#shield{color:var(--pink);letter-spacing:4px;font-size:23px;padding-top:4px}.arena{position:relative;isolation:isolate;border:1px solid #283854;border-radius:24px;overflow:hidden;background:#070e20;box-shadow:0 24px 60px #0005,inset 0 0 65px #54dff208}canvas{width:100%;aspect-ratio:1;display:block;touch-action:manipulation}.sector-label{position:absolute;top:17px;right:18px;font-size:10px;display:flex;align-items:center;gap:7px;pointer-events:none}.live-dot{width:5px;height:5px;border-radius:50%;background:var(--cyan);box-shadow:0 0 9px var(--cyan)}.combo-label{position:absolute;top:12px;left:18px;display:flex;align-items:center;gap:7px;direction:ltr;pointer-events:none}.combo-label b{font:23px Arial;color:var(--cyan)}.combo-label span{font-size:8px;color:var(--muted)}.arena-bottom{position:absolute;bottom:14px;left:18px;right:18px;display:flex;justify-content:space-between;color:#859bb7;font:9px Tahoma;letter-spacing:1px;pointer-events:none}.arena-corner{position:absolute;width:25px;height:25px;z-index:2;opacity:.6;pointer-events:none}.top-right{top:0;right:0;border-right:2px solid var(--cyan);border-top:2px solid var(--cyan);border-radius:0 24px 0 0}.bottom-left{bottom:0;left:0;border-left:2px solid var(--pink);border-bottom:2px solid var(--pink);border-radius:0 0 0 24px}#callout{position:absolute;top:71%;left:8%;right:8%;text-align:center;font-size:16px;font-weight:700;color:var(--cyan);pointer-events:none;text-shadow:0 2px 15px #000;opacity:0;transition:opacity .15s}#callout.visible{opacity:1}.energy-row{display:flex;align-items:center;gap:11px;margin:17px 3px 14px;font-size:10px;color:var(--muted)}.energy-track{flex:1;height:7px;border:1px solid #345268;border-radius:10px;overflow:hidden;background:#0d1a29;direction:ltr}#energy-fill{width:0;height:100%;background:linear-gradient(90deg,#3d9cb5,#6fffe9);border-radius:9px;transition:width .15s linear}.fever .energy-track{border-color:#eecb73;box-shadow:0 0 15px #ffdd562b}.fever #energy-fill{background:linear-gradient(90deg,#ff8b61,#ffeaa0)}.fever #energy-label{color:#ffeaa0}.shift-button{display:flex;justify-content:center;align-items:center;gap:17px;width:100%;background:linear-gradient(110deg,#173b49,#14505c);border:1px solid #6fffe96b;border-radius:16px;padding:13px 20px;box-shadow:inset 0 1px #c8fff227,0 6px 22px #2af2e610}.shift-button strong{display:block;font-size:17px}.shift-button small{display:block;font-size:9px;color:#a8d9df;margin-top:5px}.shift-icon{font:36px Arial;color:var(--cyan)}kbd{position:absolute;left:43px;padding:5px;color:#9fc9cf;border:1px solid #6093956b;border-radius:5px;font:9px Arial}#controls{text-align:center;font-size:10px;color:var(--muted);line-height:2;margin:13px 0}footer{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:var(--muted)}footer b{color:var(--ink);margin-right:5px}footer button{font-size:9px;min-height:30px}.local-note{text-align:center;font-size:8px;color:#8395b1;margin:13px 0 0}.overlay{position:fixed;inset:0;background:#030918bb;backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;padding:20px;overflow-y:auto;z-index:10}.dialog{position:relative;width:min(100%,420px);padding:24px 28px;border-radius:28px;border:1px solid #49617e;background:radial-gradient(ellipse at 50% 0,#17354b 0,transparent 65%),#10192e;box-shadow:0 30px 100px #0009;text-align:center;margin:auto}.dialog-art{position:relative;height:115px;width:190px;margin:0 auto 16px;perspective:250px}.art-orbit{position:absolute;border:1px solid #6fffe94d;border-radius:50%;left:10px;right:10px;top:5px;bottom:5px;transform:rotate(-24deg);box-shadow:0 0 16px #63fff20d}.orbit-b{inset:22px 37px;border-color:#ff6e9c5e;transform:rotate(24deg)}.art-core{position:absolute;inset:25px 63px;background:conic-gradient(from 40deg,#6fffe9,#1d3b65,#121c3a,#c4fffa,#6fffe9);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);box-shadow:0 0 50px #6fffe9;animation:float 4s ease-in-out infinite}.art-core::after{content:"";position:absolute;inset:10px;background:#112235;clip-path:inherit}.art-ship{position:absolute;right:5px;top:36px;width:24px;height:31px;background:#ecfffc;clip-path:polygon(50% 0,100% 100%,50% 72%,0 100%);transform:rotate(25deg);filter:drop-shadow(0 0 8px #6fffe9)}.art-crystal{position:absolute;left:32px;bottom:7px;width:16px;height:24px;background:#6fffe9;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.art-spike{position:absolute;left:22px;top:4px;width:27px;height:27px;background:conic-gradient(#ffb7bf,#be376c,#ffb7bf);clip-path:polygon(50% 0,62% 27%,86% 14%,74% 40%,100% 50%,74% 62%,86% 87%,60% 74%,50% 100%,39% 74%,12% 86%,26% 60%,0 50%,27% 38%,14% 14%,40% 26%)}.dialog h2{font-size:34px;line-height:1.55;margin:12px 0;letter-spacing:-1px}.dialog em{color:var(--cyan);font-style:normal}.dialog>p{font-size:12px;line-height:2;color:#b6c6df;margin:12px 0 17px}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:16px 0}.guide-grid>div{border:1px solid #30455e;border-radius:13px;padding:10px 5px;background:#0e172c80}.guide-grid span{font-size:29px;display:block}.guide-gem{color:var(--cyan)}.guide-hazard{color:#ffde8d}.guide-grid strong{font-size:10px;display:block;margin:6px 0}.guide-grid small{font-size:9px;color:#9dafc9;line-height:1.8}.primary,.secondary{width:100%;padding:15px;border-radius:13px;font-weight:700;border:0;margin-top:9px}.primary{color:#092d38;background:linear-gradient(110deg,#92ffdb,#57d7ed);box-shadow:0 6px 30px #58f9db18}.primary span{margin-right:12px}.secondary{border:1px solid #3b526d;background:#17253b;font-size:12px}details{margin-top:16px;color:#9aacc8;font-size:10px;text-align:right;line-height:2}summary{cursor:pointer;text-align:center}details p{margin-bottom:0}.dialog .dialog-foot{font-size:9px;margin:17px 0 0;color:#829bb7}.result-score{border:1px solid #567d86;border-radius:18px;background:linear-gradient(120deg,#23445266,#112132);padding:18px;margin:15px 0}.result-score span{display:block;color:#adc1d5;font-size:11px}.result-score b{display:block;color:#9cffe5;font-size:52px;margin:9px 0}.result-score small{color:#ffe2a0;font-size:11px}.result-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.result-stats b{display:block;font-size:22px;font-weight:400;margin:7px}.result-stats span{font-size:9px;color:#9cafca}#result-note{font-size:10px;color:#acc1d8;line-height:1.9}.overlay.compact .dialog-art{display:none}.overlay.compact .dialog h2{font-size:28px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@keyframes float{0%,100%{transform:translateY(-4px)rotate(0)}50%{transform:translateY(5px)rotate(15deg)}}body.light-fx *{animation:none!important;transition:none!important}@media(max-width:390px){#app{padding:15px 12px}.topbar{margin-bottom:17px}h1{font-size:20px}.brand-icon{font-size:35px}.header-actions button{padding:7px;font-size:9px}.dialog{padding:22px 20px}.dialog h2{font-size:29px}kbd{left:30px}.combo-label span{display:none}}@media(max-height:750px) and (min-width:430px){#app{width:465px;padding-top:12px}.topbar{margin-bottom:12px}.dashboard{padding-bottom:10px}.dashboard b{font-size:23px}#controls{margin:8px 0}.local-note{margin-top:8px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}