:root{color-scheme:dark;--bg: #0b1220;--panel: rgba(15, 23, 42, .85);--panel-border: rgba(148, 163, 184, .15);--text: #f1f5f9;--muted: #94a3b8;--accent: #4ade80;--accent-2: #60a5fa;--danger: #f87171;--tile: #1e293b;--tile-hover: #334155;--glow: 0 0 20px rgba(96, 165, 250, .25)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;overflow:hidden;overscroll-behavior:none}button{font:inherit;border:0;border-radius:10px;padding:10px 14px;cursor:pointer;transition:transform .15s ease,filter .15s ease}button:hover{transform:translateY(-1px);filter:brightness(1.05)}button:active{transform:scale(.96)}.shell{min-height:100vh;display:grid;grid-template-rows:auto 1fr}.shell__main{padding:16px;display:flex;justify-content:center}.hud{padding:10px 12px;display:flex;flex-direction:column;gap:6px;background:var(--panel);border-bottom:1px solid var(--panel-border)}.hud__meta,.hud__quest,.hud__stats{color:var(--muted);font-size:14px}.hud__meta strong,.hud__quest strong,.hud__stats strong{color:var(--text)}.hud__stats{display:flex;gap:12px;flex-wrap:wrap}.button-primary{background:var(--accent);color:#022c22;font-weight:700}.button-secondary{background:var(--accent-2);color:#020617;font-weight:700}.hud__reset{background:var(--danger);color:#fff;font-weight:700}.game-canvas-shell{width:min(100%,900px);margin:0 auto}.game-canvas-shell__viewport{width:100%;aspect-ratio:1 / 1;min-height:360px;border-radius:20px;overflow:hidden;box-shadow:0 20px 60px #02061799;background:linear-gradient(145deg,#0f172a,#020617)}@media(max-width:768px){.hud{grid-template-columns:1fr}.hud__stats{gap:8px}.shell__main{padding:12px}.game-canvas-shell{width:100%}.game-canvas-shell__viewport{min-height:320px;border-radius:16px}}.app{height:100dvh;overflow:hidden;display:flex;flex-direction:column}.hud__top{display:flex;justify-content:space-between;font-size:14px}.hud__bottom{display:flex;gap:8px}.hud button{flex:1;min-height:40px}.game{flex:1;display:flex;justify-content:center;align-items:flex-start;padding:18px 10px 0;overflow:hidden}.game__canvas{width:min(100%,560px);aspect-ratio:1;border-radius:16px;overflow:hidden}