:root{--background:#11110f;--surface:#1c1b18;--surface-soft:#26241f;--panel:#f5f2ea;--panel-strong:#ebe4d7;--ink:#161512;--muted:#766f63;--line:#16151224;--line-dark:#f5f2ea24;--green:#1f9d63;--green-strong:#107c4b;--red:#d34a3a;--red-strong:#a93128;--amber:#d79a22;--blue:#2f6fbd;--white:#fffdfa;--shadow:0 20px 70px #00000047}*{box-sizing:border-box}html,body{min-height:100%}body{background:linear-gradient(180deg, #fffdfa0a, #11110f00 260px), var(--background);color:var(--white);margin:0;font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}:focus-visible{outline:2px solid var(--amber);outline-offset:2px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.app-shell{min-height:100vh;padding:24px}.game-frame{width:min(1680px,100%);margin:0 auto}.top-bar{grid-template-columns:minmax(220px,1fr) auto minmax(220px,1fr);align-items:center;gap:18px;margin-bottom:18px;display:grid}.brand{min-width:0}.eyebrow{color:#fffdfa9e;text-transform:uppercase;margin:0 0 4px;font-size:.76rem;font-weight:700}.brand h1{color:var(--white);letter-spacing:0;margin:0;font-size:clamp(1.55rem,2.8vw,2.45rem);line-height:1}.mode-switch{border:1px solid var(--line-dark);background:#fffdfa0f;border-radius:8px;grid-template-columns:repeat(2,minmax(130px,1fr));gap:4px;padding:4px;display:grid}.mode-switch button{color:#fffdfab8;background:0 0;border:0;border-radius:6px;min-height:40px;font-weight:800}.mode-switch button.active{background:var(--panel);color:var(--ink)}.top-note{color:#fffdfaad;text-align:right;justify-self:end;font-size:.88rem}.game-grid{grid-template-columns:minmax(0,1fr) min(248px,21vw);align-items:start;gap:12px;display:grid}.chart-stage,.control-stage{border:1px solid var(--line-dark);background:var(--panel);color:var(--ink);box-shadow:var(--shadow);border-radius:8px}.chart-stage{overflow:hidden}.chart-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:14px 16px 12px;display:flex}.challenge-kicker{color:var(--muted);text-transform:uppercase;margin:0 0 5px;font-size:.78rem;font-weight:800}.challenge-title{letter-spacing:0;margin:0;font-size:clamp(1.2rem,2.1vw,2rem);line-height:1.08}.pill-row{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.pill{border:1px solid var(--line);min-height:30px;color:var(--ink);white-space:nowrap;background:#fffdfa;border-radius:999px;align-items:center;gap:6px;padding:6px 9px;font-size:.78rem;font-weight:800;display:inline-flex}.pill svg{width:15px;height:15px}.chart-wrap{padding:14px 16px 18px}.chart-box{aspect-ratio:1280/720;border:1px solid var(--line);background:#fffdfa;border-radius:8px;width:100%;min-height:clamp(440px,62vh,820px);position:relative;overflow:hidden}.chart-box-loading{pointer-events:none}.chart-loading-overlay{color:var(--muted);background:#fffdfab8;place-items:center;font-size:.9rem;font-weight:700;display:grid;position:absolute;inset:0}.chart-svg{width:100%;height:100%;display:block}.control-stage{padding:12px;font-size:.92rem}.status-stack{grid-template-columns:1fr;gap:10px;display:grid}.run-status{border:1px solid var(--line);background:#fffdfa;border-radius:8px;align-items:stretch;min-height:64px;display:flex;overflow:hidden}.run-status-segment{flex-direction:column;flex:1;justify-content:center;padding:12px 14px;display:flex}.run-status-divider{background:var(--line);align-self:stretch;width:1px;margin:10px 0}.infinity-lives{color:var(--ink);margin:0;font-size:1.5rem;font-weight:900;line-height:1}.stat-box{border:1px solid var(--line);background:#fffdfa;border-radius:8px;min-height:76px;padding:12px}.stat-box.full{grid-column:1/-1}.stat-label{color:var(--muted);text-transform:uppercase;align-items:center;gap:6px;margin:0 0 7px;font-size:.74rem;font-weight:800;display:flex}.stat-label svg{width:15px;height:15px}.stat-value{color:var(--ink);margin:0;font-size:1.35rem;font-weight:900}.heart-row{gap:5px;display:flex}.heart{width:25px;height:25px;color:var(--red);fill:currentColor}.heart.empty{color:#d2c8b8;fill:#0000}.section-title{color:var(--ink);text-transform:uppercase;margin:14px 0 8px;font-size:.76rem;font-weight:900}.choice-grid{grid-template-columns:1fr;gap:6px;display:grid}.choice-button,.hint-button,.secondary-button,.share-button{border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-height:42px;font-size:.92rem;font-weight:900;display:inline-flex}.choice-button svg,.hint-button svg,.secondary-button svg,.share-button svg{width:18px;height:18px}.choice-button.long{background:var(--green);color:#fff}.choice-button.stay{background:var(--amber);color:#1f1708}.choice-button.short{background:var(--red);color:#fff}.choice-button.selected{outline:3px solid #2f6fbd59}.choice-button:disabled{opacity:.56}.hint-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.hint-button{background:var(--surface-soft);color:var(--white)}.hint-button:disabled{color:#80776b;background:#d7d0c4}.hint-result{color:#173961;background:#2f6fbd1a;border:1px solid #2f6fbd38;border-radius:8px;margin-top:10px;padding:12px;font-weight:800}.hint-result+.hint-result{margin-top:8px}.hint-cooldown-copy{color:var(--muted);margin:8px 0 0;font-size:.78rem;font-weight:800}.result-panel{border:1px solid var(--line);background:#fffdfa;border-radius:8px;margin-top:16px;overflow:hidden}.result-banner{color:#fff;padding:13px 14px;font-weight:900}.result-banner.correct{background:var(--green-strong)}.result-banner.wrong{background:var(--red-strong)}.result-body{gap:9px;padding:13px 14px;display:grid}.result-line{color:var(--muted);justify-content:space-between;align-items:center;gap:10px;font-weight:800;display:flex}.result-line strong{color:var(--ink);text-align:right}.action-row{grid-template-columns:1fr 1fr;gap:8px;margin-top:14px;display:grid}.secondary-button{border-color:var(--line);color:var(--ink);background:#fffdfa}.share-button{background:var(--blue);color:#fff}.small-copy{color:var(--muted);margin:14px 0 0;font-size:.78rem;line-height:1.4}.loading-box,.error-box{border:1px solid var(--line-dark);background:var(--panel);min-height:420px;color:var(--ink);box-shadow:var(--shadow);border-radius:8px;place-items:center;display:grid}.error-box{color:var(--red-strong);font-weight:900}@media (max-width:980px){.app-shell{padding:14px}.top-bar{grid-template-columns:1fr}.mode-switch{width:100%}.top-note{text-align:left;justify-self:start}.game-grid{grid-template-columns:1fr}.chart-box{min-height:clamp(280px,42vh,460px)}.leaderboard-list li{grid-template-columns:1fr auto;gap:4px 8px}.leaderboard-list li small{grid-column:1/-1}}@media (max-width:560px){.chart-header{flex-direction:column;align-items:flex-start}.pill-row{justify-content:flex-start}.status-stack,.hint-grid,.action-row{grid-template-columns:1fr}}.leaderboard-submit,.leaderboard-panel{border:1px solid var(--line);background:#fffdfa;border-radius:8px;margin-top:12px;padding:10px}.leaderboard-submit .section-title,.leaderboard-panel .section-title{margin-top:0}.leaderboard-submit label{color:var(--muted);text-transform:uppercase;margin-bottom:6px;font-size:.78rem;font-weight:900;display:block}.nickname-row{grid-template-columns:minmax(0,1fr) 92px;gap:8px;display:grid}.nickname-row input{border:1px solid var(--line);min-width:0;min-height:48px;color:var(--ink);border-radius:8px;padding:0 12px;font-weight:800}.leaderboard-message,.empty-leaderboard{color:var(--muted);margin:10px 0 0;font-size:.82rem;font-weight:800}.leaderboard-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.mini-button{border:1px solid var(--line);background:var(--panel-strong);min-height:30px;color:var(--ink);border-radius:999px;font-size:.75rem;font-weight:900}.leaderboard-list{gap:7px;margin:0;padding-left:22px;display:grid}.leaderboard-list li{color:var(--ink);grid-template-columns:minmax(0,1fr) auto auto;align-items:baseline;gap:8px;font-weight:900;display:grid}.leaderboard-list span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.leaderboard-list small{color:var(--muted);font-weight:800}.share-card-preview{background:linear-gradient(135deg,#fffdfa,#ebe4d7);border:1px solid #2f6fbd3d;border-radius:8px;margin-top:16px;padding:12px}.share-card-preview .section-title{margin-top:0}.share-card-title{color:var(--ink);margin-bottom:8px;font-size:1.05rem;font-weight:900}.share-card-preview pre{white-space:pre-wrap;word-break:break-word;color:var(--ink);margin:0;font-family:inherit;font-size:.82rem;font-weight:800;line-height:1.45}.share-message{color:#173961;margin-top:10px;font-size:.82rem;font-weight:900}.site-footer{color:#f5f2eab8;max-width:1180px;margin:0 auto;padding:24px 20px 40px;font-size:.82rem;line-height:1.6}.site-footer p{margin:0 0 6px}.site-footer a{color:var(--panel);text-underline-offset:3px;text-decoration:underline}.attribution-page{justify-content:center;min-height:100vh;padding:40px 20px 80px;display:flex}.attribution-card{background:var(--panel);width:min(720px,100%);color:var(--ink);box-shadow:var(--shadow);border-radius:18px;padding:32px}.attribution-card h1{margin:8px 0 24px;font-size:1.8rem}.attribution-card h2{margin:0 0 10px;font-size:1.05rem}.attribution-card section{margin-bottom:22px}.attribution-card p,.attribution-card li{color:var(--muted);margin:0 0 8px;line-height:1.65}.attribution-card ul{margin:0;padding-left:20px}.attribution-en{border-top:1px solid var(--line);padding-top:12px;font-size:.88rem}.attribution-back{color:var(--ink);margin-top:18px;font-weight:800;text-decoration:none;display:inline-block}.attribution-back:hover{text-decoration:underline}