*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{color:#eaf6ff;touch-action:none;-webkit-tap-highlight-color:transparent;background:linear-gradient(#0d1b2a 0%,#14304a 100%);place-items:center;font-family:system-ui,-apple-system,sans-serif;display:grid}.wrap{flex-direction:column;align-items:center;gap:10px;width:100%;max-width:480px;padding:16px;display:flex}h1{letter-spacing:.35em;color:#d9edf8;text-shadow:0 0 18px #78c8ff59;margin-left:.35em;font-size:1.6rem}.sub{color:#9fc3dd;font-size:.85rem}.exit-hint{color:#2ec4b6}.hazard-hint{color:#ff6b81}.hud{gap:8px;display:flex}.pill{font-variant-numeric:tabular-nums;color:#d9edf8;background:#d9edf81f;border:1px solid #d9edf833;border-radius:999px;padding:3px 12px;font-size:.8rem}.board-wrap{width:min(88vw,420px,70vh);position:relative}#board{aspect-ratio:1;border-radius:12px;width:100%;display:block;box-shadow:0 8px 32px #00000073}.board-wrap.shake{animation:.45s ease-in-out shake}.board-wrap.shake #board{box-shadow:0 0 0 3px #d64560cc,0 8px 32px #00000073}@keyframes shake{10%,50%,90%{transform:translate(-5px)}30%,70%{transform:translate(5px)}}@media (prefers-reduced-motion:reduce){.board-wrap.shake{animation:none}}.overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0d1b2a99;border-radius:12px;place-items:center;display:grid;position:absolute;inset:0}.overlay[hidden]{display:none}.overlay-card{text-align:center;background:#14304a;border:1px solid #d9edf840;border-radius:14px;flex-direction:column;align-items:center;gap:10px;padding:22px 28px;display:flex;box-shadow:0 12px 40px #00000080}.overlay-card h2{color:#2ec4b6;letter-spacing:.1em}#win-detail{color:#d9edf8;font-variant-numeric:tabular-nums;font-size:.9rem}.overlay-actions{gap:8px;display:flex}#status{color:#9fc3dd;font-variant-numeric:tabular-nums;min-height:1.4em;font-size:.9rem}#status[data-state=won]{color:#2ec4b6;font-weight:700}#status[data-state=dead]{color:#ff6b81;font-weight:700}.btn{font:inherit;color:#eaf6ff;cursor:pointer;background:#d9edf81a;border:1px solid #d9edf84d;border-radius:10px;padding:10px 20px;font-size:.95rem;transition:background .15s,transform .1s}.btn:hover{background:#d9edf833}.btn:focus-visible,#board:focus-visible{outline-offset:2px;outline:3px solid #7fd0ff}.btn:active{transform:scale(.97)}.btn.primary{color:#0d1b2a;background:#2ec4b6;border-color:#2ec4b6;font-weight:700}.btn.primary:hover{background:#45d8ca}.btn.small{padding:6px 14px;font-size:.8rem}.btn.ghost{background:0 0}.controls{gap:8px;display:flex}.menu-card{background:#14304abf;border:1px solid #d9edf833;border-radius:16px;flex-direction:column;align-items:stretch;gap:12px;width:min(88vw,320px);margin-top:12px;padding:24px;display:flex;box-shadow:0 12px 40px #0006}.menu-label{text-transform:uppercase;letter-spacing:.2em;color:#9fc3dd;text-align:center;margin-top:6px;font-size:.75rem}.tier-row{gap:8px;display:flex}.tier-row .btn{flex:1;padding:10px 0}.hint{color:#9fc3dd;text-align:center;margin-top:8px;font-size:.8rem}@media (prefers-reduced-motion:reduce){.btn{transition:none}}.result-card{text-align:center;align-items:center}.result-title{color:#2ec4b6;letter-spacing:.1em}#result-detail,#result-streak{color:#d9edf8;font-variant-numeric:tabular-nums;font-size:.9rem}#share-preview{font:inherit;white-space:pre;background:#0d1b2a99;border:1px solid #d9edf826;border-radius:10px;padding:10px 16px;font-size:.95rem;line-height:1.5}.countdown-label{text-transform:uppercase;letter-spacing:.2em;color:#9fc3dd;margin-top:4px;font-size:.7rem}#countdown{font-variant-numeric:tabular-nums;color:#d9edf8;font-size:1.5rem;font-weight:700}.menu-card .controls{justify-content:center}.help-step{text-align:left;align-items:center;gap:14px;width:100%;display:flex}.help-step svg{flex-shrink:0}.help-step p{color:#d9edf8;font-size:.85rem;line-height:1.35}.hd-glyph{fill:#ffffffe6;text-anchor:middle;dominant-baseline:central;font:700 13px system-ui,sans-serif}.hd-token{fill:#f4a259;stroke:#ffffffd9;stroke-width:2px}.hd-arrow{stroke:#f4a259;stroke-width:3px;stroke-linecap:round}.modal-backdrop{z-index:10;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0d1b2ab3;place-items:center;display:grid;position:fixed;inset:0}.modal-card{width:min(88vw,340px)}.stat-grid{gap:18px;display:flex}.settings-row{justify-content:space-between;align-items:center;gap:16px;width:100%;font-size:.9rem;display:flex}.settings-row input[type=checkbox]{accent-color:#2ec4b6;width:20px;height:20px}.settings-row select{font:inherit;color:#e7f3fa;background:#24405c;border:1px solid #3d5a80;border-radius:8px;padding:6px 10px;font-size:.8rem}.btn.danger{color:#fff;background:#d64560}.btn.danger:hover{background:#e05a73}.stat{flex-direction:column;align-items:center;display:flex}.stat b{font-variant-numeric:tabular-nums;font-size:1.4rem}.stat span{text-transform:uppercase;letter-spacing:.12em;color:#9fc3dd;font-size:.65rem}.histo{flex-direction:column;gap:5px;width:100%;display:flex}.bar-row{align-items:center;gap:8px;display:flex}.bar-label{text-align:right;color:#9fc3dd;font-variant-numeric:tabular-nums;width:2.6em;font-size:.75rem}.bar-track{background:#d9edf814;border-radius:4px;flex:1;height:18px;overflow:hidden}.bar{background:#2ec4b6;border-radius:4px;justify-content:flex-end;align-items:center;min-width:4px;height:100%;display:flex}.bar span{color:#0d1b2a;padding-right:5px;font-size:.7rem;font-weight:700}