:root{--bg:#0b1f17;--bg-2:#10291f;--panel:#ffffff0f;--text:#ecfdf5;--muted:#a7c4b5;--accent:#10b981;--danger:#ef4444;--gold:#fbbf24;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:radial-gradient(ellipse at top, var(--bg-2), var(--bg));height:100%;color:var(--text);overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}#app,.screen{height:100%}.boot-loader{height:100%;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:16px;font-size:18px;display:flex}.boot-spinner{border:5px solid var(--panel);border-top-color:var(--accent);border-radius:50%;width:48px;height:48px;animation:.9s linear infinite boot-spin}@keyframes boot-spin{to{transform:rotate(360deg)}}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.screen{flex-direction:column;max-width:960px;margin:0 auto;display:flex;position:relative}.hud-top,.hud-bottom{justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex}.hud-top{padding-top:max(10px, env(safe-area-inset-top))}.hud-bottom{padding-bottom:max(12px, env(safe-area-inset-bottom));justify-content:center;gap:10px}.booster{background:var(--panel);width:76px;color:var(--text);font:inherit;cursor:pointer;border:0;border-radius:18px;justify-items:center;gap:4px;padding:10px 4px 8px;transition:transform .1s,background .2s;display:grid;position:relative}.booster svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:30px;height:30px}.booster-label{color:var(--muted);font-size:11px}.booster:active{transform:scale(.94)}.booster:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.booster .badge{background:var(--gold);color:#422006;border-radius:11px;min-width:22px;height:22px;padding:0 6px;font-size:12px;line-height:22px;position:absolute;top:-4px;right:4px}.booster.empty{opacity:.5}.booster.empty .badge{color:var(--text);background:#475569}.booster.armed{box-shadow:inset 0 0 0 2px var(--danger);background:#ef44444d}.booster-restart{background:0 0;width:64px}.toast{max-width:calc(100% - 32px);color:var(--text);text-align:center;opacity:0;pointer-events:none;z-index:30;background:#0f172ae6;border-radius:12px;padding:8px 14px;font-size:14px;transition:opacity .2s,transform .2s;position:absolute;bottom:12px;left:50%;transform:translate(-50%,8px)}.toast.show{opacity:1;transform:translate(-50%)}.hud-level,.hud-stab{background:var(--panel);white-space:nowrap;border-radius:999px;padding:6px 14px;font-size:15px}.hud-stab{align-items:center;gap:6px;display:flex}.stab{background:var(--gold);border-radius:50%;flex:none;place-items:center;width:20px;height:20px;display:inline-grid}.stab svg{fill:#422006;width:13px;height:13px}.hud-hp{align-items:center;gap:4px;display:flex}.hp-label{color:var(--muted);margin-right:4px;font-size:12px}.hp-seg{background:#ef444440;border-radius:3px;width:22px;height:12px;transition:background .2s}.hp-seg.shield{background:#3b82f6;box-shadow:0 0 8px #3b82f699}.hp-seg.on{background:var(--accent);box-shadow:0 0 8px #10b98199}.stage{flex:1;min-height:0;position:relative}.stage canvas{touch-action:none;cursor:pointer;position:absolute;top:0;bottom:0;left:0;right:0}.stage canvas.cutting{cursor:crosshair}.btn{font:inherit;cursor:pointer;color:var(--text);border:0;border-radius:14px;padding:12px 22px;font-weight:700}.btn-ghost{background:var(--panel)}.btn-primary{background:var(--accent);color:#022c22;box-shadow:0 4px #047857}.btn:active{transform:translateY(2px)}.modal{z-index:20;background:#020c08a6;place-items:center;padding:16px;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.modal-card{color:#0f172a;text-align:center;background:#f8fafc;border-radius:20px;width:min(360px,100%);padding:24px;box-shadow:0 20px 50px #0006}.modal-card h2{margin:0 0 8px}.modal-card p{color:#334155;margin:0 0 18px}.modal-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.btn-secondary{color:#0f172a;background:#e2e8f0}.app{grid-template-columns:1fr;height:100%;display:grid;position:relative}.pane{min-width:0;height:100%;min-height:0;position:relative;overflow:hidden}.app[data-view=game] .meta-pane,.app[data-view=meta] .game-pane{display:none}.app.wide{grid-template-columns:minmax(380px,44%) 1fr}.app.wide .pane{display:block}.app.wide .meta-pane{background:#0000001f;border-right:1px solid #ffffff0f}.app.wide .hud-room,.app.wide .meta-bottom{display:none}.hud-room{background:var(--panel);width:40px;height:36px;color:var(--text);cursor:pointer;border:0;border-radius:999px;place-items:center;display:grid}.hud-room svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.meta{height:100%;padding:max(10px, env(safe-area-inset-top)) 16px max(12px, env(safe-area-inset-bottom));flex-direction:column;gap:10px;display:flex}.meta-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.meta-title h1{margin:0;font-size:20px;line-height:1.2}.meta-title p{color:var(--muted);margin:2px 0 0;font-size:13px}.meta-stats{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.room{aspect-ratio:1;background:#282b32;border-radius:18px;flex:none;align-self:center;width:min(100%,46vh);position:relative;overflow:hidden;box-shadow:0 10px 30px #00000059}.app.wide .room{aspect-ratio:auto;flex:3 1 0;width:100%;min-height:0}.app.wide .shop{flex:2 1 0}.room canvas{width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.seg button{font:inherit;cursor:pointer;border:0;border-radius:999px;padding:6px 12px;font-size:13px}.shop{flex-direction:column;flex:1;gap:8px;min-height:0;display:flex}.seg{background:var(--panel);border-radius:999px;align-self:flex-start;gap:4px;padding:4px;display:flex}.seg button{color:var(--muted);background:0 0}.seg button.on{background:var(--text);color:var(--bg);font-weight:700}.shop-list{flex-direction:column;flex:1;gap:8px;min-height:0;padding-bottom:4px;display:flex;overflow-y:auto}.shop-card{background:var(--panel);border-radius:14px;align-items:center;gap:12px;padding:10px 12px;display:flex}.shop-card-body{flex:1;min-width:0}.shop-card-name{font-size:15px;font-weight:700}.shop-card-meta{color:var(--muted);font-variant-numeric:tabular-nums;font-size:13px}.buy{background:var(--accent);color:#022c22;min-width:96px;font:inherit;font-variant-numeric:tabular-nums;cursor:pointer;border:0;border-radius:12px;flex:none;justify-content:center;align-items:center;gap:6px;padding:9px 12px;font-weight:800;display:flex;box-shadow:0 3px #047857}.buy:disabled{color:#94a3b8;box-shadow:none;cursor:not-allowed;background:#334155}.buy:not(:disabled):active{box-shadow:none;transform:translateY(2px)}.buy .stab{width:18px;height:18px}.buy.repair{background:var(--gold);color:#422006;box-shadow:0 3px #b45309}.buy.repair:disabled{color:#94a3b8;box-shadow:none;background:#334155}.shop-card.move-card{background:#fbbf241f;box-shadow:inset 0 0 0 1px #fbbf2473}.buy.move{background:var(--gold);color:#422006;box-shadow:0 3px #b45309}.shop-card.done{opacity:.6}.shop-card.done .owned{color:#6ee7b7}.shop-note{color:var(--muted);margin:4px 2px 0;font-size:13px}.meta-bottom .play{width:100%;padding:14px;font-size:17px}.hud-sound{color:#fef3c7;cursor:pointer;background:#2b1d14b3;border:0;border-radius:999px;place-items:center;width:36px;height:32px;display:grid;position:absolute;top:8px;right:8px}.hud-sound svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.hud-sound .cross,.hud-sound.off .wave{display:none}.hud-sound.off .cross{display:inline}.hud-sound.off{color:#a8a29e}.shop-card.iap-card{background:#8b5cf624;box-shadow:inset 0 0 0 1px #a78bfa73}.buy.iap{color:#1e1b4b;background:#a78bfa;box-shadow:0 3px #6d28d9}.owned{text-align:center;color:#c4b5fd;flex:none;min-width:96px;font-weight:700}.ad-overlay{z-index:50;background:#000000e0;place-items:center;padding:16px;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.ad-box{text-align:center;background:repeating-linear-gradient(135deg,#1e293b 0 14px,#243145 14px 28px);border-radius:20px;justify-items:center;gap:10px;width:min(360px,100%);padding:28px 20px;display:grid}.ad-box h2{margin:0;font-size:20px}.ad-tag{background:var(--gold);color:#422006;text-transform:uppercase;letter-spacing:.04em;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:800}.ad-count{min-height:1.4em;color:var(--muted);font-variant-numeric:tabular-nums;margin:0}@media (max-width:420px){.hp-label{display:none}.booster{width:64px}.hud-top,.hud-bottom{gap:8px;padding-left:10px;padding-right:10px}.hud-level,.hud-stab{padding:5px 10px;font-size:14px}.hp-seg{width:16px}.meta{padding-left:10px;padding-right:10px}.meta-title h1{font-size:17px}.buy,.owned{min-width:84px}}@media (max-height:720px) and (max-width:899px){.room{width:min(100%,38vh)}}@media (max-height:600px){.booster{padding:6px 4px 5px}.booster svg{width:24px;height:24px}}@media (prefers-reduced-motion:reduce){.buy,.toast,.booster{transition:none}}.hud-back{color:#fef3c7;height:32px;font:inherit;cursor:pointer;background:#2b1d14c7;border:0;border-radius:999px;align-items:center;gap:2px;padding:0 12px 0 6px;font-size:14px;font-weight:700;display:flex;position:absolute;top:8px;left:8px}.hud-back[hidden]{display:none}.hud-back svg{fill:none;stroke:currentColor;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.room canvas{touch-action:none}.list-head{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:6px 2px 0;font-size:12px;font-weight:800}.list-head:first-child{margin-top:0}.shop-card.point-card.current,.shop-card.point-card.open{background:#fbbf241f;box-shadow:inset 0 0 0 1px #fbbf2473}.shop-card.point-card.locked,.shop-card.point-card.soon{opacity:.55}.buy.visit{color:#e2e8f0;background:#334155;box-shadow:0 3px #1e293b}.owned.locked{color:var(--muted)}