:root{font-family:Trebuchet MS,Segoe UI,sans-serif;color:#f0f3e9;background:#101810;font-synthesis:none;--bg: #101810;--surface: #19231a;--raised: #243020;--line: #3c4c35;--text: #f0f3e9;--muted: #aab8a0;--accent: #dcff78;--accent-ink: #17220e;--warm: #ffb27c;--focus: #f0f3e9;--xs: .75rem;--sm: .875rem;--base: 1rem;--lg: 1.25rem;--xl: 2rem;--display: 3rem;font-size:16px;line-height:1.5;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:280px}button,select{font:inherit}button{cursor:pointer;color:inherit;background:none;border:0}button:disabled{cursor:not-allowed}a{color:inherit;text-underline-offset:4px;text-decoration-thickness:1px}button,a,select,summary{-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--focus);outline-offset:4px}::selection{background:var(--accent);color:var(--accent-ink)}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:600;text-wrap:balance}h1{font-size:var(--xl);line-height:1.15;letter-spacing:-.035em}h2{font-size:var(--lg);line-height:1.3;letter-spacing:-.02em}h3{font-size:var(--base);line-height:1.4}p{text-wrap:pretty}svg{flex-shrink:0}strong,b{font-weight:600}small{font-size:var(--sm)}.shell{max-width:1280px;margin:auto;padding-inline:40px}.skip{position:absolute;inset-block-start:-100px;inset-inline-start:16px;padding:12px 20px;color:var(--accent-ink);background:var(--accent);z-index:10}.skip:focus{inset-block-start:12px}.topbar{min-height:92px;display:flex;justify-content:space-between;align-items:center;gap:16px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-size:var(--lg);text-decoration:none;white-space:nowrap}.brand>svg{width:30px;height:30px;color:var(--accent)}.brand b{color:var(--accent)}.utilities{display:flex;align-items:center;gap:12px}.icon-button{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px}.help-button{display:flex;align-items:center;gap:8px;min-height:44px;padding:8px 0 8px 8px;font-size:var(--sm)}.intro{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-block:36px 28px}.intro h1 span{color:var(--accent)}.intro p{color:var(--muted);font-size:var(--sm);margin-block-start:10px}.mode-picker{display:flex;flex-shrink:0;padding:4px;border-radius:10px;background:var(--surface)}.mode-picker button{padding:9px 14px;border-radius:7px;min-height:44px;font-size:var(--sm);white-space:nowrap}.mode-picker button span{margin-inline-start:6px;color:var(--muted);font-size:var(--xs)}.mode-picker button[aria-pressed=true]{background:var(--raised);color:var(--accent)}.demo-banner{margin-block-end:16px;padding:10px 16px;display:flex;gap:12px;flex-wrap:wrap;font-size:var(--sm);border-inline-start:3px solid var(--warm);background:var(--surface)}.demo-banner strong{color:var(--warm)}.arena{display:grid;grid-template-columns:minmax(0,1.36fr) minmax(0,1fr);gap:24px;align-items:stretch}.reactor{background:var(--surface);border-radius:16px;min-width:0;display:flex;flex-direction:column}.scene-top,.scene-bottom{padding:20px 24px 0;display:flex;justify-content:space-between;gap:16px;align-items:center;position:relative;z-index:1}.scene-top{font-size:var(--sm)}.scene-name{display:flex;align-items:center;gap:8px}.scene-state{color:var(--muted);font-size:var(--xs)}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);display:inline-block}.wheel-art{width:100%;min-height:0;height:340px;display:block;flex:1}.wheel-spokes{transform-origin:310px 178px}.scene-bottom{padding-block:0 4px;font-size:var(--xs);margin-top:-20px}.scene-bottom>span{color:var(--muted)}.scene-bottom .icon-button{color:var(--muted)}.reactor-readings{display:grid;grid-template-columns:1fr 1fr .7fr;padding:20px 24px;border-block-start:1px solid var(--line);gap:16px}.reactor-readings div{display:flex;flex-direction:column;gap:4px}.reactor-readings div:not(:first-child){padding-inline-start:20px;border-inline-start:1px solid var(--line)}.reactor-readings span{color:var(--muted);font-size:var(--xs)}.reactor-readings strong{font-size:var(--xl);line-height:1.15;font-weight:400;font-variant-numeric:tabular-nums}.reactor-readings small{color:var(--muted);font-size:var(--sm)}.prediction{padding:24px;border:1px solid var(--line);border-radius:16px;min-width:0;display:flex;flex-direction:column}.section-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.section-top>h2{min-width:0}.feed-state{display:inline-flex;align-items:center;gap:6px;font-size:var(--xs);color:var(--accent);flex-shrink:0}.feed-state i{display:block;width:6px;height:6px;background:currentColor;border-radius:50%}.feed-state.demo,.feed-state.stale,.feed-state.offline{color:var(--warm)}.feed-state.syncing{color:var(--muted)}.target-row{display:flex;justify-content:space-between;gap:16px;align-items:flex-end;padding-block:24px}.field-label{font-size:var(--sm);color:var(--muted)}.target-number{font-size:var(--display);line-height:1.15;font-variant-numeric:tabular-nums;letter-spacing:-.035em}.target-number>span{font-size:var(--lg);letter-spacing:0;color:var(--muted)}.window-label{display:flex;flex-direction:column;text-align:end;padding-bottom:4px;font-size:var(--sm)}.window-label span{color:var(--muted);font-size:var(--xs)}.choices{display:grid;grid-template-columns:1fr 1fr;gap:12px}.choice{display:flex;flex-direction:column;align-items:start;padding:12px 16px;border:1px solid var(--line);border-radius:10px;gap:4px}.choice-label{font-size:var(--base);font-weight:600;white-space:nowrap}.choice-label>span{display:inline-block;margin-inline-end:8px;color:var(--muted)}.choice small{color:var(--muted);font-size:var(--xs)}.choice.selected{border-color:var(--accent);background:var(--raised)}.choice.selected .choice-label,.choice.selected .choice-label>span{color:var(--accent)}.choice:disabled:not(.selected){opacity:.55}.primary{min-height:48px;width:100%;padding:12px 16px;border-radius:9px;background:var(--accent);color:var(--accent-ink);display:flex;align-items:center;justify-content:center;gap:12px;font-weight:600;margin-block-start:14px}.primary:disabled{background:var(--raised);color:var(--muted)}.lock-hint{font-size:var(--xs);color:var(--muted);text-align:center;margin-block:10px 20px}.baseline-call{display:flex;align-items:center;gap:12px;padding-block:16px;border-top:1px solid var(--line);margin-block-start:auto}.baseline-call>svg{color:var(--accent)}.baseline-call>div{min-width:0}.baseline-call span{font-size:var(--sm);display:block}.baseline-call strong{color:var(--accent)}.baseline-call small{font-size:var(--xs);color:var(--muted);display:block;margin-block-start:3px}.source-line{font-size:var(--xs);color:var(--muted);display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}.source-line a{text-decoration-color:var(--line)}.source-warning{margin-block:-6px 16px;font-size:var(--sm);color:var(--warm)}.source-warning .text-button{font-size:var(--xs);text-decoration:underline}.inline-note{font-size:var(--sm);color:var(--muted);margin-block:-4px 16px}.result{padding-block:24px;flex:1}.result-symbol{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:var(--raised);color:var(--accent);font-size:var(--xl)}.result h3{font-size:var(--xl);margin-block:12px 4px;letter-spacing:-.03em}.result-score{color:var(--accent);font-size:var(--lg)}.result p{color:var(--muted);font-size:var(--sm);margin-top:12px}.result-void .result-symbol,.result-void .result-score,.result-incorrect .result-symbol{color:var(--warm)}.result p.accent{color:var(--accent)}.boss-strip{display:flex;align-items:center;gap:16px;padding-block:24px;margin-block-start:24px;border-block:1px solid var(--line)}.vacuum-art{width:124px;height:108px;margin-inline-start:-8px}.boss-info{flex:1;min-width:0}.boss-title-row{display:flex;gap:12px;justify-content:space-between;align-items:center}.boss-level{font-size:var(--xs);color:var(--muted);white-space:nowrap}.health-row{display:flex;align-items:center;gap:16px;margin-block:14px 8px}.health-bar{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;flex:1}.health-bar>span{height:7px;background:var(--raised);border-radius:1px}.health-bar>span.filled{background:var(--warm)}.health-row strong{white-space:nowrap;font-size:var(--sm);font-variant-numeric:tabular-nums}.health-row strong>span{color:var(--muted);font-weight:400}.boss-info p{color:var(--muted);font-size:var(--sm)}.score-strip{display:flex;gap:36px;padding-inline-start:32px;margin-inline-start:32px;border-inline-start:1px solid var(--line)}.score-strip>div{display:flex;flex-direction:column;gap:6px}.score-strip span{font-size:var(--xs);color:var(--muted);white-space:nowrap}.score-strip strong{font-size:var(--xl);font-weight:400;font-variant-numeric:tabular-nums}.score-strip small{font-size:var(--xs);color:var(--muted)}.narrative{display:flex;gap:12px;align-items:center;padding-block:20px 32px;font-size:var(--sm);color:var(--muted)}.narrative>svg{width:16px;height:16px;color:var(--accent)}.lower-grid{display:grid;grid-template-columns:minmax(0,1.36fr) minmax(0,1fr);gap:40px}.text-button{padding:8px 0;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:var(--sm);min-height:44px;color:var(--muted)}.text-button:disabled{opacity:.6}.history-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;color:var(--muted);font-size:var(--xs);margin-block:12px 0;padding-block-end:12px;border-bottom:1px solid var(--line)}.history-toolbar label{display:flex;gap:8px;align-items:center}select{color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:6px;min-height:36px;padding:4px 8px;font-size:var(--sm)}.empty-history{min-height:176px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;padding:24px}.empty-history>svg{width:30px;height:30px;color:var(--muted)}.empty-history strong{font-size:var(--sm)}.empty-history p{font-size:var(--sm);color:var(--muted);max-width:40ch}.history-list{list-style:none;padding:0;margin:0}.history-list li{display:flex;gap:12px;align-items:center;padding-block:16px;border-bottom:1px solid var(--line)}.history-mark{width:32px;height:32px;display:grid;place-items:center;background:var(--raised);border-radius:50%;color:var(--muted);flex-shrink:0}.history-mark.correct{color:var(--accent)}.history-mark.incorrect,.history-mark.void{color:var(--warm)}.history-description{display:flex;flex:1;flex-direction:column;min-width:0;gap:4px}.history-description strong{font-size:var(--sm)}.history-description span,.history-description small{color:var(--muted);font-size:var(--xs)}.history-points{font-variant-numeric:tabular-nums;color:var(--accent);font-size:var(--sm)}.opponent{padding-inline-start:32px;border-inline-start:1px solid var(--line)}.opponent .section-top>svg{color:var(--muted)}.versus{display:flex;justify-content:center;gap:48px;padding-block:20px}.versus>div{display:flex;flex-direction:column;align-items:center;min-width:70px}.versus strong{font-size:var(--display);font-variant-numeric:tabular-nums;line-height:1.2;font-weight:400}.versus>div:first-child strong{color:var(--accent)}.versus span:not(.versus-separator){color:var(--muted);font-size:var(--sm);margin-top:4px}.versus-separator{align-self:flex-start;padding-top:8px;color:var(--muted);font-size:var(--xl)}.opponent>p{color:var(--muted);font-size:var(--sm)}summary{cursor:pointer;min-height:44px;padding-block:12px}.opponent summary{font-size:var(--sm);margin-block-start:8px}.details-content{color:var(--muted);font-size:var(--sm);padding-block:8px 16px}.details-content p+p{margin-top:12px}.rules{margin-top:32px;border-block:1px solid var(--line)}.rules summary{padding-block:20px}.rules summary>span{color:var(--muted);font-size:var(--sm);float:right}.rule-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;padding-bottom:24px}.rule-grid h3{color:var(--text);margin-bottom:10px}.save-line{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:var(--xs);color:var(--muted);padding-block:16px 4px}.save-line .text-button{font-size:var(--xs);text-decoration:underline}.action-notice{font-size:var(--sm);color:var(--accent);min-height:24px}.warning{color:var(--warm);font-size:var(--sm);padding-block:8px 20px}footer{padding-block:32px;border-top:1px solid var(--line);margin-top:16px;font-size:var(--xs);color:var(--muted);display:grid;grid-template-columns:1fr auto;gap:8px 24px}footer>span{color:var(--text);font-size:var(--sm)}footer p{max-width:76ch;grid-row:2}footer a{grid-column:2;grid-row:1 / 3;align-self:center}.muted{color:var(--muted)}.small{font-size:var(--xs)}.accent{color:var(--accent)}dialog{color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:24px;width:min(560px,calc(100% - 32px));max-height:calc(100dvh - 48px);overscroll-behavior:contain}dialog::backdrop{background:#080f08d9}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:16px}.help-steps{padding-inline-start:24px;margin-block:20px}.help-steps li{padding-inline-start:4px;margin-block:16px}.help-steps li::marker{color:var(--accent)}.help-steps p{color:var(--muted);font-size:var(--sm);margin-top:4px}dialog>p{font-size:var(--sm)}@media(hover:hover){button:not(:disabled):hover{color:var(--accent)}.primary:not(:disabled):hover{background:#e8ffa7;color:var(--accent-ink)}.choice:not(:disabled):hover{background:var(--raised);border-color:#91a56f}.icon-button:hover{background:var(--raised)}a:hover{color:var(--accent)}}@media(prefers-reduced-motion:no-preference){button{transition:background-color .15s,color .15s,border-color .15s,transform .15s}button:not(:disabled):active{transform:scale(.96)}.running .wheel-spokes{animation:spin 5s linear infinite}.running .hamster{animation:jog .3s ease-in-out infinite alternate}.running .paw{animation:stride .3s ease-in-out infinite alternate;transform-origin:310px 300px}.running .paw.back{animation-direction:alternate-reverse}@keyframes spin{to{transform:rotate(360deg)}}@keyframes jog{to{transform:translateY(-3px)}}@keyframes stride{to{transform:rotate(5deg)}}}@media(max-width:1100px){.shell{padding-inline:24px}.arena{gap:20px;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}.score-strip{gap:20px;margin-inline-start:12px;padding-inline-start:24px}.intro{align-items:flex-start}.mode-picker button{padding-inline:10px}.boss-info h2{font-size:var(--base)}.boss-info p{font-size:var(--xs)}.vacuum-art{width:100px}.prediction{padding:20px}}@media(max-width:850px){.intro{flex-direction:column;gap:20px;padding-block:24px}.arena{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}.scene-top,.scene-bottom{padding-inline:16px}.scene-state{display:none}.reactor-readings{padding:16px;gap:10px}.reactor-readings div:not(:first-child){padding-inline-start:10px}.reactor-readings strong{font-size:var(--lg)}.prediction h2{font-size:var(--base)}.prediction{padding:16px}.target-row{gap:8px}.window-label{font-size:var(--xs)}.choice{padding:10px}.choice-label{font-size:var(--sm)}.choice-label>span{margin-inline-end:4px}.boss-strip{flex-wrap:wrap}.boss-info{min-width:60%}.score-strip{margin:0;border-inline-start:0;width:100%;border-top:1px solid var(--line);padding:20px 0 0;justify-content:space-around}.lower-grid{gap:24px}.opponent{padding-inline-start:24px}.versus{gap:24px}.rule-grid{grid-template-columns:1fr;gap:24px}}@media(max-width:620px){.shell{padding-inline:16px}.topbar{min-height:68px;gap:8px}.brand{font-size:var(--base);gap:8px}.brand>svg{width:24px;height:24px}.utilities{gap:0}.help-button{width:44px;padding:8px;justify-content:center}.help-button>span{display:none}.icon-button{width:44px}.intro{padding-block:20px 16px;gap:16px}.intro h1{font-size:var(--xl)}.intro p{display:none}.mode-picker{width:100%}.mode-picker button{flex:1;min-height:44px;padding-block:7px}.arena{display:flex;flex-direction:column;gap:16px}.reactor{border-radius:12px}.scene-top{padding:12px 16px 0}.scene-state{display:block}.wheel-art{flex:none;height:148px;margin-block:-8px}.scene-bottom{margin-top:-28px;padding-block:0 2px}.scene-bottom>span{max-width:110px;font-size:var(--xs);line-height:1.4}.reactor-readings{padding:12px 16px}.reactor-readings div{gap:2px}.reactor-readings span,.reactor-readings small{font-size:var(--xs)}.prediction{border-radius:12px;padding:16px}.prediction h2{font-size:var(--base)}.target-row{padding-block:16px}.target-number{font-size:var(--xl)}.target-number>span{font-size:var(--base)}.field-label{font-size:var(--xs)}.window-label{font-size:var(--sm)}.choices{gap:12px}.choice{padding:10px 14px}.choice-label{font-size:var(--base)}.primary{margin-top:12px}.lock-hint{margin-block:8px 12px}.baseline-call{padding-block:12px}.baseline-call small{line-height:1.5}.source-line,.source-warning{font-size:var(--xs)}.source-warning .text-button{min-height:36px}.boss-strip{margin-top:24px;padding-block:16px;gap:8px}.vacuum-art{width:80px;height:90px;margin-inline-start:-6px}.boss-info{min-width:0}.boss-title-row{gap:6px;flex-wrap:wrap}.boss-info h2{font-size:var(--base)}.boss-level{font-size:var(--xs)}.health-row{gap:10px;margin-block:10px 6px}.health-row strong,.boss-info p{font-size:var(--xs)}.score-strip{padding-top:16px;margin-top:12px;justify-content:space-between;padding-inline:8px}.score-strip strong{font-size:var(--xl)}.narrative{padding-block:20px 28px;align-items:flex-start}.narrative>svg{margin-top:3px}.lower-grid{grid-template-columns:1fr;gap:28px}.opponent{padding:24px 0 0;border-inline-start:0;border-top:1px solid var(--line)}.lower-grid h2{font-size:var(--lg)}.empty-history{min-height:172px;padding-inline:16px}.versus{padding-block:20px;gap:64px}.opponent>p{max-width:55ch}.rules summary>span{display:none}.rules{margin-top:24px}.save-line{align-items:flex-start;flex-direction:column;gap:0}footer{grid-template-columns:1fr;gap:12px;padding-block:24px}footer p,footer a{grid-column:1;grid-row:auto}.demo-banner{padding:8px 12px;font-size:var(--xs);gap:8px}.result{padding-block:16px}select{font-size:var(--base);min-height:44px}}@media(max-width:360px){.shell{padding-inline:12px}.brand{gap:6px}.brand>svg{width:20px}.brand{font-size:var(--sm)}.intro h1{font-size:var(--xl)}.utilities .icon-button,.help-button{width:44px}.prediction{padding:14px}.choice{padding:10px}.choice-label{font-size:var(--sm)}.window-label,.scene-state{font-size:var(--xs)}.scene-top{gap:6px}.boss-level{display:none}.score-strip{gap:16px;padding-inline:0}.lower-grid h2{font-size:var(--base)}.text-button{font-size:var(--xs)}}@media(forced-colors:active){:focus-visible{outline-color:Highlight}.choice.selected,.mode-picker button[aria-pressed=true]{outline:2px solid Highlight}.health-bar>span.filled{background:Highlight}}