:root{--bg:#07111f;--surface:#0e1f38;--border:#1a3a6e;--text:#e8edf5;--muted:#5f7a9f;--accent:#3d8ef0;--red:#e94560;--yellow:#f5a623;--green:#10b981;--empty:#111d35}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:Segoe UI,sans-serif}button{cursor:pointer;border:none;border-radius:8px;padding:10px 24px;font-family:inherit;font-size:1rem;font-weight:600;transition:opacity .15s}button:hover{opacity:.85}button:disabled{opacity:.4;cursor:default}input{border:2px solid var(--border);background:var(--surface);color:var(--text);border-radius:8px;outline:none;width:100%;padding:10px 14px;font-family:inherit;font-size:1rem}input:focus{border-color:var(--accent)}@keyframes tile-flip{0%,to{transform:rotateX(0)}50%{transform:rotateX(-90deg)}}@keyframes tile-shake{0%,to{transform:translate(0)}15%{transform:translate(-6px)}35%{transform:translate(6px)}55%{transform:translate(-5px)}75%{transform:translate(5px)}90%{transform:translate(-2px)}}@media (width<=480px){body{font-size:15px}button{padding:9px 18px;font-size:.95rem}}@media (width<=360px){body{font-size:14px}}