:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f6f8ff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#090914;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 18% 12%,#35e6d92e,#0000 30%),radial-gradient(circle at 82% 20%,#ffbb522e,#0000 26%),linear-gradient(135deg,#100b20 0%,#0b2028 44%,#1a1110 100%);min-width:320px;min-height:100vh;margin:0;overflow:hidden}button{font:inherit}.app-shell{grid-template-columns:minmax(360px,1fr) minmax(280px,340px);gap:14px;width:100vw;height:100vh;padding:16px;display:grid}.game-board,.hud-panel{min-width:0}.game-board{grid-template-rows:auto minmax(0,1fr);gap:12px;display:grid}.brand-row{justify-content:space-between;align-items:center;gap:16px;min-height:68px;display:flex}h1,h2,p{margin:0}h1{letter-spacing:0;font-size:clamp(1.35rem,2.8vw,2.45rem);line-height:1}.brand-row p{color:#e1fcf9c7;margin-top:8px;font-size:.94rem}.button-row,.action-grid{gap:10px;display:flex}.icon-button,.primary-button,.secondary-button{color:#f9fffd;cursor:pointer;background:#ffffff14;border:1px solid #befff74d;transition:transform .14s,background .14s,border-color .14s;box-shadow:0 12px 30px #0000003d}.icon-button{border-radius:8px;place-items:center;width:42px;height:42px;font-weight:800;display:grid}.icon-button:hover,.primary-button:hover,.secondary-button:hover,.icon-button.active{background:#58ffe62e;border-color:#f9d971b8;transform:translateY(-1px)}.canvas-frame{background:#03081294;border:1px solid #acfff338;border-radius:8px;min-height:0;position:relative;overflow:hidden;box-shadow:inset 0 0 70px #64ffe914,0 18px 70px #00000061}#gameCanvas{touch-action:none;width:100%;height:100%;display:block}.hud-panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#090c18bd;border:1px solid #ffd86f3d;border-radius:8px;grid-template-rows:auto auto auto 1fr auto;gap:12px;padding:14px;display:grid;box-shadow:0 20px 80px #00000057}.score-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.metric,.preview-card,.gauge-block,.control-card{background:#fff1;border:1px solid #befff729;border-radius:8px}.metric{padding:12px}.metric span,.preview-card span,.gauge-label span,.cooldown-line span{color:#dcf5f2ad;text-transform:uppercase;font-size:.74rem;font-weight:800;display:block}.metric strong{color:#fff2c2;margin-top:4px;font-size:1.7rem;line-height:1;display:block}.preview-stack{grid-template-columns:1fr 1fr;gap:10px;display:grid}.preview-card{text-align:center;min-width:0;padding:10px}.preview-card.current{border-color:#ffd86f6b}.preview-card img{aspect-ratio:1;object-fit:contain;width:min(68px,100%);margin:6px auto;display:block}.preview-card strong{color:#f9fffd;min-height:30px;font-size:.78rem;line-height:1.25;display:block}.gauge-block{padding:12px}.gauge-label,.cooldown-line{justify-content:space-between;align-items:center;gap:10px;display:flex}.gauge-track{background:#ffffff1f;border-radius:999px;height:15px;margin:10px 0;overflow:hidden}.gauge-fill{border-radius:inherit;background:linear-gradient(90deg,#6afde8,#ffcf66,#ff72ba);width:100%;height:100%;transition:width .12s}.control-card{min-height:0;padding:12px;overflow:auto}.control-card h2,.help-dialog h2{margin-bottom:10px;font-size:1rem}.control-card ul{color:#ecfffcc7;gap:6px;margin:0;padding-left:18px;font-size:.82rem;line-height:1.4;display:grid}.primary-button,.secondary-button{border-radius:8px;min-height:40px;padding:0 16px;font-weight:850}.primary-button{color:#081016;background:linear-gradient(135deg,#72ffee,#ffd66f);border:0;flex:1}.secondary-button{flex:.75}.help-dialog{color:#f7fffd;background:#101522;border:1px solid #9affef61;border-radius:8px;max-width:min(520px,100vw - 32px)}.help-dialog::backdrop{background:#0000009e}.help-dialog form{gap:14px;display:grid}.help-dialog p{color:#ebfffcc7;line-height:1.58}.startup-error{text-align:center;place-content:center;gap:12px;min-height:100vh;padding:24px;display:grid}@media (width<=860px){body{overflow:auto}.app-shell{grid-template-rows:minmax(620px,72vh) auto;grid-template-columns:1fr;height:auto;min-height:100vh;padding:12px}.brand-row{align-items:flex-start}.hud-panel{grid-template-rows:auto auto auto auto auto}.control-card{max-height:none}}@media (width<=520px){.app-shell{grid-template-rows:minmax(560px,70vh) auto;gap:12px}.brand-row{min-height:82px}.brand-row p{max-width:220px;font-size:.82rem}.button-row{flex-wrap:wrap;justify-content:flex-end}.icon-button{width:38px;height:38px}.hud-panel{padding:12px}}