:root{--bg:#0b1220;--panel:#0f1724;--accent:#1f8ef1;--text:#e6eef8}
*{box-sizing:border-box;font-family:Inter,Segoe UI,Arial,Helvetica,sans-serif}
body{margin:0;background:linear-gradient(180deg,#071027,#0b1220);color:var(--text);display:flex;min-height:100vh;align-items:center;justify-content:center}
.wrap{width:800px;max-width:96%;padding:18px}
h1{text-align:center;margin:0 0 12px}
.board{display:flex;gap:18px;align-items:flex-start}
canvas{background:#071226;border:6px solid #0b314f;display:block}
#game{image-rendering:pixelated}
.panel{width:220px;background:var(--panel);padding:12px;border-radius:8px}
.panel .score{font-weight:700;margin-bottom:8px}
.panel .next{margin-top:8px}
.controls{margin-top:10px;display:flex;gap:8px}
button{flex:1;padding:8px;border-radius:6px;border:0;background:var(--accent);color:#fff;cursor:pointer}
button:active{transform:translateY(1px)}
.help{margin-top:12px;font-size:13px;opacity:.9}
footer{margin-top:12px;text-align:center;font-size:13px;color:#9fb6d8}