:root{--bg:#080b0a;--panel:#131b16;--line:#26382b;--green:#74e36e;--gold:#ffd65a;--muted:#9da9a0}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top,#18341c,#080b0a 50%);color:#f6fff6;font-family:Inter,system-ui,sans-serif}header{height:64px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 4vw;background:rgba(8,11,10,.88);backdrop-filter:blur(10px);position:sticky;top:0;z-index:5}header a{color:#cbd9cd;text-decoration:none;font-weight:800}header span{font-weight:900;letter-spacing:2px;color:var(--gold)}main{min-height:calc(100vh - 64px);display:grid;place-items:center;padding:28px}.game-shell{width:min(680px,96vw);background:rgba(19,27,22,.92);border:1px solid var(--line);border-radius:28px;padding:22px;box-shadow:0 30px 90px rgba(0,0,0,.4)}.hud{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}.hud>div{background:#0e1510;border:1px solid var(--line);border-radius:14px;padding:10px 12px;text-align:center}.hud small{display:block;color:var(--muted);font-size:10px;letter-spacing:1px}.hud strong{display:block;font-size:26px;margin-top:4px}canvas{width:100%;height:auto;display:block;background:#0b120d;border:1px solid var(--line);border-radius:20px;image-rendering:pixelated;touch-action:none}.controls{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0 4px}.controls button,.controls .link{appearance:none;border:0;border-radius:12px;padding:12px 16px;font-weight:900;text-decoration:none;background:var(--green);color:#061006;cursor:pointer}.controls .ghost{background:transparent;color:#eaf2ea;border:1px solid var(--line)}#status{color:var(--muted);line-height:1.6;margin:12px 0 0;font-size:14px}@media(max-width:560px){header span{font-size:12px}.game-shell{padding:14px}.hud strong{font-size:22px}}