:root{--bg: #f5f4ef;--panel: #fffef7;--ink: #1c1b18;--muted: #5d594f;--line: #dbd4c0;--accent: #0f5f44;--accent-ink: #f7fff4;--danger: #9b2b2b}*{box-sizing:border-box}body{margin:0;font-family:Avenir Next,Avenir,Segoe UI,sans-serif;color:var(--ink);background:radial-gradient(circle at top right,#eee7d5 0%,transparent 42%),radial-gradient(circle at bottom left,#e7f1e6 0%,transparent 38%),var(--bg);min-height:100vh}#app{max-width:1080px;margin:0 auto;padding:20px}h1{margin:0 0 16px;font-size:clamp(1.6rem,4vw,2.3rem);letter-spacing:.04em;text-transform:uppercase}.panel{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:16px;box-shadow:0 6px 20px #1e1e120f}.hidden{display:none!important}.stack{display:flex;flex-direction:column;gap:12px;max-width:460px}.row{display:flex;gap:8px}input[type=text]{border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);padding:10px 12px;font-size:1rem;letter-spacing:.15em;font-weight:700;width:100%;text-transform:uppercase}button{border:none;border-radius:10px;padding:10px 14px;font-size:.95rem;font-weight:700;cursor:pointer}button:disabled{opacity:.6;cursor:not-allowed}.primary{background:var(--accent);color:var(--accent-ink)}.secondary{background:#ebe5d6;color:var(--ink)}.hint{margin:0;color:var(--muted);font-size:.92rem}.toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:10px}.toolbar-actions{display:flex;gap:8px}.banner{border:1px dashed var(--line);border-radius:10px;padding:10px;margin:10px 0;background:#faf9f2}.code{font-family:Courier New,monospace;letter-spacing:.12em;font-weight:700}.scoreboard{display:flex;justify-content:center;gap:10px;font-size:clamp(1.5rem,4vw,2rem);font-weight:700;margin-bottom:10px}.canvas-wrap{position:relative}#game-canvas{display:block;width:100%;max-width:960px;margin:0 auto;border-radius:8px;border:1px solid #2f2f2f;background:#101010;touch-action:none}.countdown{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:clamp(3rem,10vw,6rem);font-weight:800;color:#fafafa;text-shadow:0 6px 18px rgba(0,0,0,.5);pointer-events:none}.actions{margin-top:12px;display:flex;flex-direction:column;gap:8px;align-items:flex-start}.error{margin-top:14px;background:#fff4f4;border:1px solid #edc1c1;color:var(--danger);border-radius:10px;padding:10px}@media(max-width:768px){.toolbar{flex-direction:column;align-items:flex-start}.toolbar-actions{width:100%}.toolbar-actions button{flex:1}.row{flex-direction:column}}