:root{--ink: #f4efe2;--dim: rgba(244, 239, 226, .55);color-scheme:dark}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden;background:#1a1815;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;color:var(--ink);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:none;overscroll-behavior:none}#view{position:fixed;inset:0;width:100%;height:100%;display:block}#hud{position:fixed;top:max(14px,env(safe-area-inset-top));left:0;right:0;display:flex;justify-content:space-between;padding:0 18px;pointer-events:none;font-variant-numeric:tabular-nums;text-shadow:0 2px 10px rgba(0,0,0,.6)}#hud-score{font-size:30px;font-weight:600;letter-spacing:-.02em}#hud-right{display:flex;align-items:center;gap:12px;font-size:15px;color:var(--dim)}#menu-btn,#fs-btn{pointer-events:auto;font:inherit;font-size:13px;color:var(--ink);background:#14181e8c;border:1px solid rgba(244,239,226,.28);border-radius:7px;padding:7px 13px;cursor:pointer;min-width:62px}#fs-btn{min-width:54px}#fs-btn[hidden]{display:none}#menu-btn:active,#fs-btn:active{background:#f4efe238}#toast{position:fixed;left:0;right:0;top:34%;text-align:center;font-size:34px;font-weight:700;letter-spacing:.02em;pointer-events:none;opacity:0;transform:translateY(8px);text-shadow:0 3px 16px rgba(0,0,0,.7)}#toast.show{animation:pop 1.1s ease-out}@keyframes pop{0%{opacity:0;transform:translateY(14px) scale(.94)}18%{opacity:1;transform:translateY(0) scale(1)}70%{opacity:1}to{opacity:0;transform:translateY(-10px)}}@media(prefers-reduced-motion:reduce){#toast.show{animation-duration:.01s;opacity:1}}#power{position:fixed;right:max(16px,env(safe-area-inset-right));top:50%;transform:translateY(-50%);width:12px;height:34vh;min-height:170px;border:1px solid rgba(244,239,226,.32);border-radius:7px;background:#10141a80;overflow:hidden;pointer-events:none;opacity:0;transition:opacity .12s ease-out}#power.on{opacity:1}#power-fill{position:absolute;left:0;right:0;bottom:0;height:0%;background:linear-gradient(to top,#7fd4a0,#ffd98a 62%,#e08a7a)}#mark{position:fixed;right:max(14px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom));font-size:12px;letter-spacing:.28em;color:#f4efe280;pointer-events:none;opacity:0;transition:opacity .25s ease-out}#mark.on{opacity:1}#policy{position:fixed;inset:0;display:grid;place-items:center;background:#0a0c10b8;padding:24px;z-index:10}#policy[hidden]{display:none}#policy-card{max-width:34rem;background:#f4f1e6;color:#1d2126;padding:26px 24px 20px;border-radius:4px;line-height:1.55;font-size:14px;box-shadow:0 18px 60px #00000080}#policy-card h1{font-size:18px;letter-spacing:.04em;margin-bottom:14px}#policy-card p{margin-bottom:10px}#policy-close{margin-top:10px;font:inherit;padding:9px 18px;border:1px solid #1d2126;background:transparent;color:inherit;border-radius:4px;cursor:pointer}#tutorial{position:fixed;inset:0;display:grid;place-items:center;background:#0a0c10c7;padding:24px;z-index:20}#tutorial[hidden]{display:none}#tut-card{width:min(24rem,100%);background:#f4f1e6;color:#1d2126;border-radius:6px;padding:22px 22px 18px;box-shadow:0 20px 60px #0000008c;text-align:center}#tut-art{color:#4a5563;margin-bottom:6px}#tut-art svg{width:120px;height:90px;display:block;margin:0 auto}#tut-title{font-size:17px;letter-spacing:.02em;margin-bottom:8px}#tut-body{font-size:13.5px;line-height:1.6;color:#3a4048;min-height:5.2em}#tut-dots{display:flex;gap:7px;justify-content:center;margin:14px 0 16px}#tut-dots span{width:7px;height:7px;border-radius:50%;background:#1d212638}#tut-dots span.on{background:#1d2126}#tut-actions{display:flex;gap:10px;justify-content:center}#tut-actions button{font:inherit;font-size:13px;padding:10px 22px;border-radius:4px;cursor:pointer;border:1px solid #1d2126}#tut-skip{background:transparent;color:#1d2126}#tut-next{background:#1d2126;color:#f4f1e6;min-width:96px}
