:root{--bg-deep: #06070f;--ink: #e8eaf6;--muted: #9fb0d8;--accent: #80cbc4;--accent-glow: rgba(128, 203, 196, .5);--edge: rgba(128, 170, 230, .45);--glass: linear-gradient(180deg, rgba(40, 55, 95, .5), rgba(20, 28, 52, .5))}*{box-sizing:border-box;margin:0}body{background:#06070f;color:#e8eaf6;font-family:system-ui,sans-serif}.space-backdrop{position:fixed;inset:0;z-index:-1;pointer-events:none;display:block;width:100vw;height:100vh;max-width:none;max-height:none;aspect-ratio:auto;border-radius:0}#root{display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px;min-height:100vh}canvas{width:auto;height:auto;max-width:min(1100px,100%);max-height:calc(100vh - 5.5rem);max-height:calc(100dvh - 5.5rem);aspect-ratio:16 / 10;border-radius:8px;touch-action:none;cursor:crosshair}.hud{display:flex;flex-wrap:nowrap;align-items:center;gap:24px;max-width:1100px;width:100%;min-width:0;padding-bottom:8px;border-bottom:1px solid rgba(128,170,230,.18)}.hud h1{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1.3rem;letter-spacing:.2em;text-shadow:0 0 14px rgba(120,170,255,.4)}.hud .stat{flex:0 0 auto;white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--muted)}.hud .pips{color:var(--accent);letter-spacing:.15em}.hud .chips{display:inline-flex;gap:10px;align-items:center}.chip{white-space:nowrap;font-variant-numeric:tabular-nums;opacity:.7}.chip.done{opacity:1}.chip-key{color:#ffd54f}.chip-target{color:#ffb74d}.chip-goal{color:#80cbc4}@media(max-width:480px){.hud{gap:8px}.hud h1{font-size:1.1rem;letter-spacing:.12em}.hud .stat:not(.pips):not(.chips){max-width:120px;overflow:hidden;text-overflow:ellipsis}.hud .pips{font-size:.8rem;letter-spacing:.06em}.hud .chips{gap:6px}.chip{font-size:.85rem}}.aim-hint{position:absolute;left:0;right:0;bottom:10px;margin:0;text-align:center;pointer-events:none;color:var(--muted);letter-spacing:.06em;transition:opacity .45s ease}.aim-hint.gone{opacity:0}.skip-hint{animation:overlay-in .3s ease both}.overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:24px;background:#06070f8c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:overlay-in .25s ease both}.overlay .panel{display:flex;flex-direction:column;align-items:center;gap:10px;padding:28px 36px;border-radius:16px;background:var(--glass);border:1px solid var(--edge);box-shadow:inset 0 1px #ffffff14,0 12px 40px #00000073,0 0 30px #5078d226}.overlay .total{font-size:2.4rem;font-weight:800;font-variant-numeric:tabular-nums;text-shadow:0 0 18px rgba(120,170,255,.4)}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}.intro-card{max-width:30rem}.intro-name{font-size:1.1rem;letter-spacing:.2em;color:var(--accent);text-transform:uppercase}.intro-text{color:var(--ink);line-height:1.5;margin:0}.pips{letter-spacing:.3em}.back{position:relative;flex:0 0 auto;background:none;border:none;color:#80cbc4;cursor:pointer;font-size:1.25rem;line-height:1;padding:4px 6px;min-width:32px}.back:before{content:"";position:absolute;inset:-8px -6px}.home{display:flex;flex-direction:column;align-items:center;gap:16px;margin-top:18vh}.home h1{font-size:3rem;font-weight:800;letter-spacing:.34em;color:#eaf0ff;text-shadow:0 0 18px rgba(120,170,255,.55),0 0 40px rgba(120,150,255,.25)}.home .tagline{color:var(--muted);opacity:.8;letter-spacing:.08em;margin-bottom:8px}.home button,.actions button,.level-tile{font:inherit;cursor:pointer;border-radius:10px;color:var(--ink);border:1px solid var(--edge);background:var(--glass);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:11px 22px;box-shadow:inset 0 1px #ffffff14,0 0 18px #5078d22e;transition:border-color .15s ease,box-shadow .15s ease,transform .1s ease}.home button:hover,.actions button:hover,.level-tile:not(.locked):hover{border-color:var(--accent);box-shadow:inset 0 1px #ffffff1f,0 0 22px var(--accent-glow)}.home button:active,.actions button:active{transform:translateY(1px)}.actions{display:flex;gap:12px;justify-content:center;margin-top:12px}.level-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;max-width:1100px;width:100%}.level-tile{display:flex;flex-direction:column;gap:4px;align-items:flex-start;min-height:92px}.level-tile:not(.locked){border-color:var(--accent);box-shadow:inset 0 1px #ffffff14,0 0 16px #5078d233}.level-tile .num{font-size:1.5rem;font-weight:800}.level-tile .name{color:var(--muted);font-size:.85rem}.level-tile .stars{letter-spacing:.15em;color:#ffd54f;text-shadow:0 0 10px rgba(255,213,79,.4)}.level-tile.locked{opacity:.45;cursor:not-allowed;box-shadow:none}.screen-fade{position:relative;width:100%;display:flex;flex-direction:column;align-items:center;gap:12px;animation:screen-in .3s ease both}@keyframes screen-in{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.screen-fade,.overlay,.skip-hint{animation:none}}.star-criteria{list-style:none;padding:0;margin:.5rem 0 0;font-size:.85rem;text-align:left}.star-criteria .met{color:#ffd54f}.star-criteria .unmet{color:var(--muted)}