:root{--color-bg: #0a0b10;--color-panel: #14161f;--color-cell: #1b1e2a;--color-cell-border: #2a2e40;--color-text: #eef0f6;--color-muted: #7d8296;--color-accent: #7c5cff;--color-accent-soft: #b3a3ff;--color-safe: #35d0a1;--color-danger: #ff5470;--color-exit: #ffd166}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--color-bg);color:var(--color-text);overscroll-behavior:none}body{font-family:Segoe UI,Inter,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}button{font-family:inherit}#root{min-height:100vh}.board{display:grid;grid-template-columns:repeat(var(--cols),1fr);grid-template-rows:repeat(var(--rows),1fr);gap:clamp(6px,1.6vw,12px);width:min(92vw,480px);aspect-ratio:var(--cols) / var(--rows);touch-action:none;-webkit-user-select:none;user-select:none}.cell{position:relative;display:flex;align-items:center;justify-content:center;background:var(--color-cell);border:1px solid var(--color-cell-border);border-radius:clamp(10px,2.4vw,16px);font-size:clamp(1rem,4.4vw,1.6rem);font-weight:600;color:var(--color-text);transition:background-color .25s ease,border-color .25s ease,transform .15s ease}.cell__value{position:relative;z-index:1;font-variant-numeric:tabular-nums}.cell--start{border-color:var(--color-accent);box-shadow:0 0 0 1px #7c5cff40 inset}.cell--exit{border-color:var(--color-exit)}.cell__exit-mark{position:absolute;top:6px;right:6px;width:8px;height:8px;border-radius:50%;background:var(--color-exit);box-shadow:0 0 8px 1px var(--color-exit)}.cell--known-danger{border-color:#ff547059}.cell--known-safe{border-color:#35d0a14d}.cell__mark{position:absolute;bottom:6px;left:6px;width:6px;height:6px;border-radius:50%}.cell__mark--danger{background:var(--color-danger)}.cell__mark--safe{background:var(--color-safe)}.cell--flash-danger{background:rgba(255,84,112,.28);border-color:var(--color-danger);animation:shake .32s ease}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}.player-token{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:42%;height:42%;border-radius:50%;background:radial-gradient(circle at 35% 30%,#b3a3ff,var(--color-accent) 70%);box-shadow:0 0 16px 2px #7c5cff8c;z-index:2}.rule-banner{display:flex;justify-content:center;align-items:center;min-height:34px;margin:2px 0 10px;text-align:center}.rule-banner__pill{font-size:.72rem;font-weight:700;letter-spacing:.12em;padding:7px 16px;border-radius:999px;white-space:nowrap;display:inline-block}.rule-banner__pill--unknown{color:var(--color-muted);background:var(--color-panel);border:1px solid var(--color-cell-border)}.rule-banner__pill--discovered{color:#06231a;background:var(--color-safe);box-shadow:0 0 18px 2px #35d0a173}.rule-banner__discovered{display:flex;flex-direction:column;align-items:center;gap:6px}.rule-banner__reveal{margin:0;max-width:min(92vw,420px);font-size:.74rem;line-height:1.35;color:var(--color-accent-soft)}.hearts{display:flex;gap:4px;justify-content:center;font-size:1.05rem;line-height:1}.heart--empty{opacity:.35;filter:grayscale(1)}.hud-bottom{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:16px}.hud-bottom__row{display:flex;align-items:center;gap:14px}.hud-bottom__moves{font-size:.8rem;color:var(--color-muted);font-variant-numeric:tabular-nums}.hud-bottom__restart{font-size:.72rem;color:var(--color-muted);background:transparent;border:1px solid var(--color-cell-border);border-radius:999px;padding:5px 12px;cursor:pointer;transition:color .2s ease,border-color .2s ease}.hud-bottom__restart:hover{color:var(--color-text);border-color:var(--color-muted)}.dpad{display:none;grid-template-columns:56px 56px 56px;grid-template-rows:48px 48px;gap:6px;margin-top:20px;justify-content:center}@media (pointer: coarse){.dpad{display:grid}}.dpad__btn{background:var(--color-panel);border:1px solid var(--color-cell-border);border-radius:12px;color:var(--color-muted);font-size:1rem;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-tap-highlight-color:transparent}.dpad__btn:active{background:var(--color-cell);color:var(--color-text)}.dpad__up{grid-column:2;grid-row:1}.dpad__left{grid-column:1;grid-row:2}.dpad__right{grid-column:3;grid-row:2}.dpad__down{grid-column:2;grid-row:2}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(6,7,11,.72);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:10}.overlay__card{position:relative;width:min(92vw,380px);background:var(--color-panel);border:1px solid var(--color-cell-border);border-radius:20px;padding:28px 24px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px}.overlay__close{position:absolute;top:10px;right:10px;width:28px;height:28px;border-radius:50%;border:1px solid var(--color-cell-border);background:transparent;color:var(--color-muted);font-size:1.1rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.overlay__close:hover{color:var(--color-text);border-color:var(--color-muted)}.overlay__title{font-size:1.3rem;letter-spacing:.06em;margin:4px 0 10px;font-weight:800}.overlay__title--sm{font-size:1.05rem}.overlay__text{font-size:.86rem;color:var(--color-text);line-height:1.5;margin:4px 0}.overlay__text--muted{color:var(--color-muted)}.overlay__badge{font-size:.68rem;font-weight:700;letter-spacing:.1em;padding:6px 14px;border-radius:999px;margin-bottom:10px}.overlay__badge--success{background:var(--color-safe);color:#06231a}.overlay__badge--danger{background:var(--color-danger);color:#250a10}.overlay__rule-reveal{font-size:.82rem;color:var(--color-accent-soft);margin:2px 0 14px;width:100%}.overlay__rule-reveal-intro{margin:0 0 6px}.overlay__rule-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px;text-align:left}.overlay__rule-list li{position:relative;padding-left:16px;line-height:1.4}.overlay__rule-list li:before{content:"";position:absolute;left:2px;top:.55em;width:5px;height:5px;border-radius:50%;background:var(--color-accent-soft)}.overlay__stats{display:flex;gap:22px;margin:6px 0 18px}.stat-block{display:flex;flex-direction:column;align-items:center}.stat-block__value{font-size:1.3rem;font-weight:700;font-variant-numeric:tabular-nums}.stat-block__label{font-size:.66rem;color:var(--color-muted);text-transform:uppercase;letter-spacing:.05em}.overlay__actions{display:flex;gap:10px;margin-top:6px}.overlay__btn{font-size:.8rem;font-weight:600;color:var(--color-text);background:transparent;border:1px solid var(--color-cell-border);border-radius:999px;padding:10px 18px;cursor:pointer;transition:transform .15s ease,border-color .2s ease}.overlay__btn:hover{border-color:var(--color-muted)}.overlay__btn:active{transform:scale(.96)}.overlay__btn--primary{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.overlay__btn--ghost{border-color:transparent;color:var(--color-muted);font-size:.74rem;padding:6px 14px;margin:2px 0 10px;text-decoration:underline;text-decoration-color:var(--color-cell-border);text-underline-offset:3px}.overlay__btn--ghost:hover{color:var(--color-accent-soft)}.complete-bar{position:fixed;left:16px;right:16px;margin:0 auto;max-width:480px;bottom:18px;background:var(--color-panel);border:1px solid var(--color-cell-border);border-radius:16px;padding:12px 14px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;box-shadow:0 8px 30px #00000073;z-index:10}.complete-bar__summary{display:flex;align-items:center;gap:8px;background:transparent;border:none;color:var(--color-text);font-size:.76rem;text-align:left;cursor:pointer;padding:0;min-width:0}.complete-bar__summary span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.complete-bar__badge{flex-shrink:0;width:20px;height:20px;border-radius:50%;background:var(--color-safe);color:#06231a;font-size:.7rem;font-weight:700;display:flex;align-items:center;justify-content:center}.complete-bar__actions{display:flex;gap:8px;flex-shrink:0}.complete-bar__actions .overlay__btn{padding:7px 12px;font-size:.74rem}.level-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin:8px 0 20px;max-height:55vh;overflow-y:auto;padding:4px}.level-node{aspect-ratio:1;border-radius:10px;border:1px solid var(--color-cell-border);background:var(--color-cell);color:var(--color-text);font-size:.8rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center}.level-node--locked{opacity:.32;cursor:not-allowed}.level-node--done{border-color:var(--color-safe);color:var(--color-safe)}.level-node--current{border-color:var(--color-accent);box-shadow:0 0 0 1px var(--color-accent)}.app{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:20px 16px 32px}.topbar{width:min(92vw,480px);display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.topbar__title{font-size:.78rem;font-weight:800;letter-spacing:.14em;color:var(--color-muted)}.topbar__icon{background:transparent;border:1px solid var(--color-cell-border);color:var(--color-muted);border-radius:10px;width:32px;height:32px;cursor:pointer;font-size:.95rem;display:flex;align-items:center;justify-content:center}.topbar__icon:hover{color:var(--color-text);border-color:var(--color-muted)}.phase-label{font-size:.95rem;font-weight:700;color:var(--color-text);margin:6px 0 2px;display:flex;align-items:baseline;gap:8px}.phase-label__difficulty{font-size:.62rem;font-weight:600;color:var(--color-muted);text-transform:uppercase;letter-spacing:.08em}