:root{--bg: #0e0e14;--fg: #f5f5f7;--muted: rgba(245, 245, 247, .72);color-scheme:dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;overflow:hidden;background:var(--bg);color:var(--fg);overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.feed{position:fixed;top:0;right:0;bottom:0;left:0;touch-action:none;overflow:hidden}.feed.empty{display:grid;place-items:center}.slot{position:absolute;top:0;right:0;bottom:0;left:0;will-change:transform}.slot.settle{transition:transform .16s ease-out}.runner{position:relative;height:100%;display:flex;flex-direction:column;overflow:hidden}.runner-top{padding:max(16px,env(safe-area-inset-top)) 20px 8px}.timer-bar{height:8px;border-radius:4px;background:#fff3;overflow:hidden}.timer-fill{height:100%;background:var(--fg);transform-origin:left center}.runner:not(.phase-intro) .timer-fill{animation:drain var(--duration) linear forwards}.phase-result .timer-fill{animation-play-state:paused}@keyframes drain{to{transform:scaleX(0)}}.runner-prompt{margin:16px 0 0;font-size:24px;font-weight:700;line-height:1.2}.runner-play{flex:1;display:flex;align-items:center;justify-content:center;padding:16px 16px max(24px,env(safe-area-inset-bottom))}.runner-intro{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;padding:24px;background:#0e0e14db}.phase-intro .runner-prompt{visibility:hidden}.runner-intro h2{margin:0;font-size:clamp(30px,9vw,42px);line-height:1.15}.runner-hint{position:absolute;left:0;right:0;bottom:max(24px,env(safe-area-inset-bottom));margin:0;text-align:center;font-size:14px;color:var(--muted)}.runner-result{position:absolute;top:38%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:baseline;gap:12px;padding:14px 24px;border-radius:16px;font-size:28px;color:#fff;animation:pop .14s ease-out;pointer-events:none}.runner-result span{font-size:18px;opacity:.85}.runner-result.win{background:#1f7a4d}.runner-result.lose{background:#b3261e}@keyframes pop{0%{transform:translate(-50%,-50%) scale(.8);opacity:0}}.info-card{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:max(24px,env(safe-area-inset-top)) 24px max(56px,env(safe-area-inset-bottom));text-align:center;background:linear-gradient(170deg,#22203a,#0e0e14)}.sleep-card{background:linear-gradient(170deg,#121a33,#07080f)}.daily-card{background:linear-gradient(170deg,#1d2f27,#0b120f)}.info-kicker{margin:0;font-size:14px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.info-banner{margin:0;padding:8px 14px;border-radius:12px;background:#3ddc842e;color:#9ff0c4;font-size:15px;font-weight:600}.info-title{margin:0;font-size:30px}.info-text{margin:0;max-width:320px;font-size:17px;line-height:1.35}.info-small{margin:0;max-width:320px;font-size:14px;color:var(--muted)}.info-hint{position:absolute;left:0;right:0;bottom:max(20px,env(safe-area-inset-bottom));margin:0;font-size:14px;color:var(--muted)}.growth{width:min(240px,70vw);height:10px;border-radius:5px;background:#ffffff26;overflow:hidden}.growth-fill{height:100%;background:#3ddc84}.card-button{margin-top:8px;min-height:56px;padding:0 28px;border:0;border-radius:16px;background:var(--fg);color:var(--bg);font-size:18px;font-weight:700;cursor:pointer}.daily-score{margin:0;font-size:64px;font-variant-numeric:tabular-nums}.daily-grid{margin:0;font-size:28px;line-height:1.2;letter-spacing:2px;user-select:text;-webkit-user-select:text}.daily-badge{position:absolute;left:50%;bottom:max(12px,env(safe-area-inset-bottom));transform:translate(-50%);margin:0;padding:4px 12px;border-radius:999px;background:#00000059;font-size:13px;font-weight:600;pointer-events:none}.creature-zzz{fill:#c9d4ff;font-size:22px;font-weight:700}button{font:inherit;color:inherit;touch-action:none}.choice-grid{display:grid;gap:12px;width:100%;max-width:360px}.choice{aspect-ratio:1;min-width:48px;min-height:48px;border:0;border-radius:20px;background:#ffffff24;font-size:clamp(36px,12vw,56px);line-height:1;cursor:pointer}.choice:active{background:#ffffff42}.choice.correct{box-shadow:inset 0 0 0 4px #3ddc84}.choice.wrong{box-shadow:inset 0 0 0 4px #ff6b5e}.qm{width:100%;max-width:360px;display:flex;flex-direction:column;align-items:center;gap:24px}.qm-question{margin:0;font-size:clamp(40px,13vw,56px);font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:.02em}.qm .choice{aspect-ratio:auto;min-height:96px;font-size:clamp(30px,9vw,40px);font-weight:700;font-variant-numeric:tabular-nums}.sm-grid{display:grid;gap:10px;width:100%;max-width:340px}.sm-cell{aspect-ratio:1;min-width:48px;border:0;border-radius:16px;background:#ffffff24;font-size:22px;font-weight:800;color:#0e0e14;cursor:pointer;transition:background-color 80ms ease-out,transform 80ms ease-out}.sm-cell.lit{background:#ffc53d;transform:scale(1.04)}.sm-cell.done{background:#3ddc84}.sm-cell.wrong{background:#ff6b5e}.sm-cell.missed{box-shadow:inset 0 0 0 4px #ffc53d}.htf{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%;height:100%;justify-content:center;border:0;background:none;cursor:pointer}.htf-item{font-size:48px;line-height:1}.htf-tank{display:block;position:relative;width:min(44vw,170px);height:min(46vh,340px);border-radius:24px;background:#ffffff1a;box-shadow:inset 0 0 0 3px #ffffff80;overflow:hidden}.htf-fill{position:absolute;left:0;right:0;bottom:0;height:0;background:#3e9bdd}.htf-band{position:absolute;left:0;right:0;border-top:3px dashed #fff;border-bottom:3px dashed #fff;background:#ffffff2e}.htf.over .htf-fill,.htf.missed .htf-fill{background:#ff6b5e}.htf.hit .htf-fill{background:#3ddc84}.htf-cta{font-size:16px;font-weight:600;color:var(--muted)}.wheel-stop{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;border:0;background:none;cursor:pointer}.wheel{width:min(84vw,340px);height:auto}.wheel-label{font-size:26px;text-anchor:middle;dominant-baseline:central}.wheel-target{fill:none;stroke:#fff;stroke-width:4;stroke-dasharray:8 5}.wheel-hub{fill:#0e0e14;stroke:#fff;stroke-width:3}.wheel-pointer{fill:#fff;stroke:#0e0e14;stroke-width:2}.wheel-cta{font-size:16px;font-weight:600;color:var(--muted)}.trace-pad{width:min(88vw,360px);height:auto;aspect-ratio:1;border-radius:20px;background:#ffffff14;touch-action:none}.trace-band{fill:none;stroke:#ffffff1f;stroke-linecap:round;stroke-linejoin:round}.trace-guide{fill:none;stroke:#fff;stroke-width:1.5;stroke-dasharray:3 2;stroke-linecap:round;stroke-linejoin:round}.trace-end{fill:none;stroke:#fff;stroke-width:1}.trace-done{fill:none;stroke:#3ddc84;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.trace-start{fill:#3ddc84;stroke:#0e0e14;stroke-width:1}.trace-anchor{fill:#fff}.wih{width:100%;max-width:380px;display:flex;flex-direction:column;gap:16px}.wih-choices{display:grid;grid-template-columns:1fr 1fr;gap:12px}.wih-choice{min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:12px;border:0;border-radius:20px;background:#ffffff24;cursor:pointer}.wih-choice:active{background:#ffffff42}.wih-emoji{font-size:64px;line-height:1}.wih-name{font-size:18px;font-weight:600}.wih-choice.correct,.mf-cell.correct{box-shadow:inset 0 0 0 4px #3ddc84}.wih-choice.wrong,.mf-cell.wrong{box-shadow:inset 0 0 0 4px #ff6b5e}.wih-explanation{min-height:3em;margin:0;text-align:center;font-size:17px;color:var(--fg)}.tc{width:100%;max-width:360px;display:flex;flex-direction:column;gap:20px}.tc-field{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.tc-field.solo{grid-template-columns:1fr;justify-items:center}.tc-item{aspect-ratio:1;min-width:48px;border:0;border-radius:50%;background:#ffffff24;font-size:clamp(36px,11vw,52px);line-height:1;cursor:pointer}.tc-field.solo .tc-item{width:min(60vw,220px);font-size:96px}.tc-item.target{animation:tap-pulse .12s ease-out}@keyframes tap-pulse{0%{transform:scale(.9)}}.tc-done{min-height:56px;border:0;border-radius:16px;background:var(--fg);color:var(--bg);font-size:20px;font-weight:700;cursor:pointer}.mf-grid{display:grid;gap:8px;width:100%;max-width:360px}.mf-cell{aspect-ratio:1;min-width:48px;border:0;border-radius:14px;background:#ffffff24;font-size:clamp(28px,9vw,44px);line-height:1;cursor:pointer}.mf-grid.stage-recall .mf-cell:active{background:#ffffff42}