:root{--bg: #0a0e14;--panel: #11161f;--accent: #4ade80;--text: #e6edf3;--muted: #8b97a7}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.cw-wrap{max-width:560px;margin:0 auto;padding:16px 16px 40px;text-align:center}.cw-head h1{margin:4px 0 2px;font-size:1.6rem;letter-spacing:.5px;color:var(--accent)}.cw-tag{margin:0 0 12px;color:var(--muted);font-size:.85rem}.cw-hud{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-bottom:10px}.cw-stat{background:var(--panel);border-radius:8px;padding:6px 12px;font-size:.8rem;color:var(--muted)}.cw-stat b{color:var(--text)}.cw-board{position:relative;display:inline-block;margin:0 auto}#cw-canvas{width:min(92vw,520px);height:auto;border-radius:10px;border:1px solid #1d2532;background:var(--bg);cursor:pointer;touch-action:manipulation}.cw-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#05080dd9;border-radius:10px}.cw-overlay.hidden{display:none}.cw-end h2{margin:0 0 6px;font-size:1.5rem}.cw-end.win h2{color:var(--accent)}.cw-end.lose h2{color:#f87171}.cw-end p{margin:4px 0;color:var(--muted)}.cw-end-score{color:var(--text)!important;font-weight:600}.cw-controls{display:flex;justify-content:center;gap:8px;margin:14px 0 8px;flex-wrap:wrap}.cw-btn{background:var(--panel);color:var(--text);border:1px solid #273040;border-radius:8px;padding:8px 16px;font-size:.85rem;cursor:pointer;transition:background .15s,border-color .15s}.cw-btn:hover{background:#1a2230;border-color:var(--accent)}.cw-hint{color:var(--muted);font-size:.75rem;margin:6px auto 0;max-width:480px;line-height:1.4}.cw-streak{color:var(--accent);font-size:.8rem;min-height:1.2em;margin:8px 0 0}