:root{color:#f3fbff;background:#01030b;font-family:Rajdhani,Noto Sans TC,Microsoft JhengHei,ui-sans-serif,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--panel: rgb(4 20 47 / 92%);--primary: #55e7ff;--resource: #ffbd3e;--secondary: #1f82c5;--danger: #ff4f9a}*{box-sizing:border-box}html,body,#app{width:100%;min-width:320px;min-height:100%;margin:0}body{min-height:100vh;min-height:100dvh;overflow:hidden}button,canvas{touch-action:none}button{font:inherit}.app-shell{display:grid;min-height:100vh;min-height:100dvh;place-items:center;padding:max(6px,env(safe-area-inset-top)) max(6px,env(safe-area-inset-right)) max(6px,env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left));background:radial-gradient(circle at 50% 12%,rgb(20 70 111 / 56%),transparent 42%),#01030b}.game-shell{display:grid;width:min(100%,calc((100dvh - 46px) * 2 / 3),480px);gap:4px}.game-shell.is-touch{width:min(100%,calc((100dvh - 50px) * .612245),480px)}.game-toolbar{display:flex;min-height:30px;align-items:center;justify-content:space-between;padding:0 2px 0 8px;color:#55e7ff99;font-size:10px;letter-spacing:.16em}.language-button{min-width:52px;height:28px;border:1px solid var(--secondary);background:#04142f;color:#f3fbff;cursor:pointer;letter-spacing:.08em}.language-button:hover,.language-button:focus-visible{border-color:var(--primary);box-shadow:0 0 0 2px #fff,0 0 0 4px var(--primary);outline:none}.stage{position:relative;width:100%;aspect-ratio:2 / 3;overflow:hidden;border:1px solid rgb(85 231 255 / 55%);background:#030817;box-shadow:0 0 52px #149ac930;isolation:isolate;container-type:inline-size}.canvas-host{display:block;width:100%;height:100%}.canvas-host canvas{display:block;width:100%!important;height:100%!important}.canvas-host{position:absolute;inset:0;z-index:0}.hud{position:absolute;inset:0;z-index:6;pointer-events:none;font-variant-numeric:tabular-nums}.hud-panel{position:absolute;display:flex;border:1px solid rgb(85 231 255 / 72%);background:#04142fc2;color:#f3fbff;text-transform:uppercase}.hud-panel span,.hud-panel small{color:#8aefff;font-size:clamp(7px,2.4cqw,12px);letter-spacing:.08em}.hud-panel strong{font-size:clamp(11px,4cqw,19px);letter-spacing:.04em}.score-panel{top:1.1%;left:1.7%;width:36.7%;height:8.1%;align-items:center;gap:4%;padding:1.2%}.score-panel img{width:20%}.score-panel div{display:grid;flex:1}.score-panel small{border-top:1px solid rgb(85 231 255 / 24%)}.wave-panel{top:1.1%;right:1.7%;width:36.7%;height:5.9%;align-items:center;gap:5%;padding:1.2% 2%}.wave-panel img{width:18%}.wave-panel div{display:flex;flex:1;align-items:baseline;justify-content:space-between}.progress-track{position:absolute;right:5%;bottom:10%;left:5%;height:2px;background:#1f82c566}.progress-track i,.meter-track i,.combo-track i{display:block;height:100%;background:var(--primary);box-shadow:0 0 7px var(--primary);transition:width 90ms linear}.boss-meter{position:absolute;top:7.5%;left:13.3%;width:73.4%;min-height:5%;padding:1% 2%;border:1px solid var(--danger);background:#04142fc7}.boss-label{display:flex;align-items:center;justify-content:space-between;gap:2%;color:#fff;font-size:clamp(7px,2.3cqw,12px);letter-spacing:.07em}.boss-label span{display:flex;align-items:center;gap:4px}.boss-label img{width:18px;height:18px}.meter-track{display:block;width:100%;height:4px;margin-top:3px;background:#1f82c56b}.boss-track i{background:var(--danger);box-shadow:0 0 7px var(--danger)}.life-panel,.combo-panel,.resource-panel{bottom:.55%;height:4.45%;align-items:center}.life-panel{left:1.7%;width:25%;justify-content:space-around;padding:.5% 1%}.life-icons{display:flex;gap:1px}.life-icons img{width:clamp(13px,4cqw,20px);filter:drop-shadow(0 0 4px #55e7ff)}.life-icons img.lost{opacity:.22;filter:grayscale(1)}.combo-panel{left:31.7%;width:36.6%;justify-content:center}.combo-panel span{color:#fff;font-size:clamp(8px,2.7cqw,14px)}.combo-track{position:absolute;right:8%;bottom:12%;left:8%;height:2px;background:#1f82c566}.combo-panel.active{border-color:var(--resource);box-shadow:inset 0 0 12px #ffbd3e1f}.resource-panel{right:1.7%;width:28.3%;padding:.4% 1%;gap:4%}.resource-panel>img{width:clamp(15px,5cqw,22px)}.resource-values{display:grid;width:100%;line-height:1}.resource-values strong{color:var(--resource);font-size:clamp(7px,2.5cqw,13px)}.screen-overlay{position:absolute;inset:0;z-index:9;display:grid;place-items:center;padding:4% 0;background:#01040e99}.loading-screen{background:#030817;text-align:center;text-transform:uppercase;letter-spacing:.12em}.loading-screen h1{margin:20px 0 4px;color:var(--primary);font-size:clamp(24px,8cqw,42px)}.loading-screen p{font-size:clamp(10px,3cqw,15px)}.loading-mark{width:54px;aspect-ratio:1;border:2px solid var(--primary);transform:rotate(45deg);animation:load-pulse 1.2s ease-in-out infinite}.modal{width:80%;max-width:384px;border:2px solid var(--primary);background:var(--panel);padding:7%;text-align:center;box-shadow:0 0 28px #55e7ff2b}.start-modal{display:flex;min-height:80%;flex-direction:column;align-items:center;justify-content:center}.eyebrow{margin:0;color:var(--resource);font-size:clamp(8px,2.4cqw,12px);letter-spacing:.18em}.start-modal h1{margin:2% 0;color:#fff;font-size:clamp(28px,9cqw,46px);letter-spacing:.11em;line-height:1}.subtitle{max-width:30em;margin:1% 0 5%;color:#a9d8ec;font-size:clamp(9px,2.8cqw,14px);line-height:1.35}.best-card{display:grid;grid-template-columns:auto auto 1fr;width:100%;align-items:center;gap:4%;padding:3%;border:1px solid rgb(31 130 197 / 65%);text-align:left}.best-card img{width:clamp(18px,6cqw,28px)}.best-card span{color:#8aefff;font-size:clamp(8px,2.3cqw,12px)}.best-card strong{text-align:right;font-size:clamp(13px,4.3cqw,22px);font-variant-numeric:tabular-nums}.control-grid{display:grid;width:100%;gap:5px;margin:6% 0;text-align:left}.control-grid p{display:grid;grid-template-columns:28% 1fr;align-items:center;gap:4%;margin:0;font-size:clamp(8px,2.45cqw,12px)}kbd{display:inline-grid;min-height:clamp(14px,4.6cqw,22px);place-items:center;border:1px solid var(--secondary);background:#061a38;color:#fff;font:inherit;font-size:.85em;letter-spacing:.05em}.primary-button,.secondary-button{width:min(100%,240px);min-height:clamp(28px,11.667cqw,56px);margin:clamp(2px,.85cqw,4px) auto;border:2px solid var(--primary);background:#0b315c;color:#fff;cursor:pointer;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.primary-button{box-shadow:inset 0 0 16px #55e7ff24,0 0 14px #55e7ff33}.primary-button span{margin-right:10px;color:var(--resource)}.secondary-button{border-width:1px;background:#061a38}.primary-button:hover,.secondary-button:hover{background:#114474}.primary-button:active,.secondary-button:active{transform:translateY(2px);border-color:var(--resource)}.primary-button:focus-visible,.secondary-button:focus-visible{outline:3px solid #fff;outline-offset:2px;box-shadow:0 0 0 5px var(--primary)}.ready-overlay{position:absolute;inset:0;z-index:8;display:grid;place-items:center;pointer-events:none}.ready-overlay span{display:grid;width:27%;aspect-ratio:1;place-items:center;border:2px solid var(--primary);background:#04142fb8;color:#fff;font-size:clamp(38px,14cqw,68px);font-weight:800;box-shadow:0 0 28px #55e7ff59}.tutorial-overlay{position:absolute;z-index:8;top:14.2%;left:11.7%;display:flex;width:76.6%;align-items:center;gap:3%;pointer-events:none}.tutorial-overlay p{flex:1;margin:0;border:1px solid var(--primary);background:#04142fe0;padding:2.5%;color:#fff;font-size:clamp(8px,2.75cqw,14px);line-height:1.3}.tutorial-overlay button{min-width:18%;min-height:30px;border:1px solid var(--secondary);background:#04142f;color:#fff;cursor:pointer;pointer-events:auto;font-size:clamp(7px,2.3cqw,11px)}.wave-clear-overlay{position:absolute;z-index:8;top:41%;left:18.3%;display:flex;width:63.4%;min-height:10%;align-items:center;justify-content:center;gap:4%;border:2px solid var(--primary);background:#04142fc2;pointer-events:none}.wave-clear-overlay img{width:14%}.wave-clear-overlay div{display:grid}.wave-clear-overlay strong{font-size:clamp(15px,5cqw,26px);text-transform:uppercase}.wave-clear-overlay small{color:var(--resource);font-size:clamp(7px,2.3cqw,11px)}.paused-screen{background:#01040ea8}.pause-modal{display:flex;width:73.333%;max-width:352px;flex-direction:column;align-items:center}.modal-icon{width:clamp(30px,10cqw,48px)}.modal h2{margin:2% 0;font-size:clamp(22px,7cqw,36px);letter-spacing:.08em;text-transform:uppercase}.modal>p{margin:2% 0 5%;color:#a9d8ec;font-size:clamp(8px,2.7cqw,13px)}.failure-screen{background:#01040e85;pointer-events:none}.failure-card{width:76%;border:2px solid var(--danger);background:#200520e5;padding:7%;text-align:center;box-shadow:0 0 28px #ff4f9a42}.failure-card img{width:15%}.failure-card h2{margin:2%;color:#fff;font-size:clamp(24px,8cqw,42px)}.failure-card p{margin:3%;color:#ffc5df;font-size:clamp(10px,3cqw,15px)}.failure-card small{color:#ff9dc9;font-size:clamp(7px,2.2cqw,11px)}.results-screen{background:#01040edb}.results-modal{padding:5% 7%}.new-best{color:var(--resource)!important;font-weight:700;text-transform:uppercase}.results-modal dl{display:grid;gap:4px;margin:4% 0;font-size:clamp(8px,2.6cqw,13px)}.results-modal dl div{display:grid;grid-template-columns:1fr 1.3fr;gap:8px;border-bottom:1px solid rgb(31 130 197 / 30%);padding:1.4% 0}.results-modal dt{color:#8aefff;text-align:left;text-transform:uppercase}.results-modal dd{margin:0;text-align:right;font-variant-numeric:tabular-nums}.results-modal .reason-row dd{line-height:1.25}.touch-dock{display:flex;width:100%;min-height:0;aspect-ratio:480 / 64;container-type:inline-size;align-items:center;justify-content:space-between;border:1px solid rgb(31 130 197 / 55%);background:#04142f;padding:.8cqw 1cqw .8cqw 2.5cqw}.touch-dock>div{display:grid;color:#8aefff;font-size:clamp(7px,2.3cqw,11px);letter-spacing:.08em}.touch-dock span{color:var(--resource)}.bomb-button{display:grid;width:11.667%;height:auto;aspect-ratio:1;padding:0;flex:0 0 auto;grid-template-columns:1fr;place-items:center;border:max(1px,.42cqw) solid var(--resource);border-radius:50%;background:#341e08;color:#fff;cursor:pointer}.bomb-button img{grid-area:1 / 1;width:62.5%}.bomb-button span{grid-area:1 / 1;align-self:end;color:#fff;font-size:clamp(6px,2.3cqw,11px)}.bomb-button:active{transform:translateY(2px) scale(.96);background:#7b470e}.bomb-button.disabled{border-color:var(--secondary);background:repeating-linear-gradient(135deg,#06152d 0 7px,#153a60 8px 10px);opacity:.65}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}@container (max-width: 260px){.start-modal{min-height:0;padding:3.5% 6%}.eyebrow{display:none}.start-modal h1{margin:1% 0;line-height:.95}.subtitle{margin:0 0 2%;line-height:1.15}.best-card{padding:1.5% 3%}.control-grid{gap:2px;margin:2% 0}.control-grid p{line-height:1.05}.results-modal{padding:2.5% 6%}.results-modal .modal-icon{width:11%}.results-modal h2{margin:0}.results-modal dl{gap:1px;margin:1% 0}.results-modal dl div{padding:0}}@keyframes load-pulse{50%{transform:rotate(225deg) scale(.72);opacity:.45}}@media(max-height:680px)and (pointer:fine){.game-shell{width:min(100%,calc((100dvh - 38px) * 2 / 3),480px)}.game-toolbar{min-height:22px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}}