:root{color:#f8fbff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#e5e5e5;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;font-weight:500}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}:root{--page:#e5e5e5;--panel:#fff;--ink:#20242e;--muted:#6f7480;--line:#d7d7d7;--red:#ef3b3b;--red-dark:#b82525;--yellow:#ffd400;--yellow-dark:#b98d00;--purple:#7658ff;--shadow:0 14px 30px #1c202a1f;--mono:"SFMono-Regular", "Cascadia Mono", "Roboto Mono", ui-monospace, monospace}.app-shell{background:var(--page);min-height:100svh;color:var(--ink);grid-template-rows:auto 1fr auto;display:grid;overflow:hidden}.top-bar{background:var(--panel);border-bottom:1px solid var(--line);font-family:var(--mono);text-transform:uppercase;color:var(--ink);justify-content:space-between;align-items:center;gap:16px;padding:18px clamp(20px,5vw,72px);font-size:.9rem;font-weight:900;display:flex;box-shadow:0 4px 16px #1c202a14}.day-selector{align-items:center;gap:10px;min-width:0;display:inline-flex}.day-selector span{color:var(--muted)}.day-selector select{border:1px solid var(--line);background:var(--panel);min-width:178px;height:42px;color:var(--ink);font:inherit;font-family:var(--mono);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:8px;outline:none;padding:0 38px 0 12px;font-weight:900}.day-selector select:disabled{color:#0000;cursor:default;opacity:1}.day-selector select:focus-visible{outline:3px solid var(--purple);outline-offset:3px}.day-selector select:focus:not(:focus-visible){outline:none}.question-layout{grid-template-columns:minmax(280px,1fr) minmax(300px,460px);align-items:center;gap:clamp(24px,6vw,84px);width:min(1180px,100% - 40px);margin:0 auto;padding:26px 0 22px;display:grid}.question-copy{flex-direction:column;justify-content:center;align-self:stretch;display:flex}.content-fade{opacity:1;transition:opacity .16s,transform .16s;transform:translateY(0)}.game-loading .content-fade{opacity:.16;transform:translateY(3px)}.game-loading .play-surface{opacity:.82;transition:opacity .16s}.preload-shell .play-surface{opacity:.72}.pending-question{background:linear-gradient(90deg,#20242e1c,#20242e0d),linear-gradient(#20242e14,#20242e14);border-radius:8px;width:min(680px,100%);height:clamp(120px,16vw,210px)}.eyebrow{color:var(--red);font-family:var(--mono);text-transform:uppercase;margin:0 0 12px;font-weight:900}h1,h2,p{margin:0}h1{max-width:780px;font-family:var(--mono);letter-spacing:0;text-wrap:balance;font-size:3.75rem;line-height:1.02}h2{font-family:var(--mono);letter-spacing:0;font-size:3.1rem;line-height:1}.denominator-line{color:var(--muted);font-family:var(--mono);text-transform:uppercase;margin-top:16px;font-size:.95rem;font-weight:900;line-height:1.4}.score-strip{gap:10px;margin-top:24px;display:flex}.score-dot{background:#cfd1d6;border:1px solid #bfc2c8;border-radius:999px;width:42px;height:10px}.score-dot.answered{background:var(--red);border-color:var(--red-dark)}.play-surface{background:var(--panel);border:1px solid var(--line);min-width:0;box-shadow:var(--shadow);border-radius:8px;place-items:center;gap:12px;padding:22px;display:grid}.pie-chart{aspect-ratio:1;touch-action:none;cursor:grab;filter:drop-shadow(0 12px 14px #1c202a29);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;outline:none;width:min(100%,380px)}.pie-chart:focus-visible{outline:4px solid var(--purple);outline-offset:8px;border-radius:50%}.pie-chart:focus:not(:focus-visible){outline:none}.pie-chart.locked{cursor:default}.pie-shadow{fill:#1c202a21;transform:translate(5px,7px)}.pie-base{fill:#f6f6f6}.pie-fill{fill:var(--red)}.pie-rim{fill:none;stroke:#2d3038;stroke-width:7px}.pie-spoke{stroke:#2d3038;stroke-width:5px;stroke-linecap:round}.pie-handle{fill:var(--yellow);stroke:#2d3038;stroke-width:6px}.answer-spoke{stroke:var(--purple);stroke-width:6px;stroke-linecap:round;stroke-dasharray:9 10}.answer-handle{fill:var(--purple);stroke:#fff;stroke-width:5px}.number-guess{grid-template-columns:58px minmax(130px,190px) 58px;align-items:center;gap:10px;min-height:320px;display:grid}.number-guess button,.number-guess input{height:58px;color:var(--ink);font:inherit;font-family:var(--mono);background:#f6f6f6;border:1px solid #2d3038;border-radius:8px;outline:none;font-weight:900}.number-guess button{cursor:pointer;font-size:2rem}.number-guess input{text-align:center;font-size:2.2rem}.number-guess button:disabled,.number-guess input:disabled{cursor:default;opacity:.82}.number-guess button:focus-visible,.number-guess input:focus-visible{outline:4px solid var(--purple);outline-offset:4px}.guess-readout{min-height:58px;color:var(--ink);justify-content:center;align-items:baseline;gap:16px;display:flex}.guess-readout span,.score-card span{font-family:var(--mono);text-transform:uppercase;color:var(--muted);font-weight:900}.guess-readout strong{font-family:var(--mono);font-size:3.55rem;line-height:1}.action-bar,.reveal-panel{width:min(1180px,100% - 40px);margin:0 auto 28px}.action-bar{justify-content:flex-end;display:flex}.primary-action{background:var(--yellow);min-width:150px;color:var(--ink);font:inherit;font-family:var(--mono);cursor:pointer;box-shadow:0 7px 0 var(--yellow-dark);border:0;border-radius:8px;padding:15px 24px;font-weight:900}.primary-action:disabled{cursor:not-allowed;opacity:.68}.primary-action:focus-visible{outline:3px solid var(--purple);outline-offset:4px}.reveal-panel{box-sizing:border-box;background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:8px;grid-template-columns:auto minmax(220px,1fr) auto auto;align-items:center;gap:16px;padding:16px;display:grid}.pokemon-breakdown{border-top:1px solid var(--line);grid-column:1/-1;grid-template-columns:1fr 1fr;gap:12px;padding-top:14px;display:grid}.pokemon-breakdown details{border:1px solid var(--line);background:#f7f7f7;border-radius:8px;min-width:0}.pokemon-breakdown summary{cursor:pointer;font-family:var(--mono);color:var(--ink);justify-content:space-between;gap:12px;padding:12px 14px;font-weight:900;display:flex}.pokemon-breakdown summary span{color:var(--red)}.pokemon-list{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px 10px;max-height:250px;margin:0;padding:0 14px 14px;font-size:.9rem;list-style:none;display:grid;overflow:auto}.pokemon-list li{text-overflow:ellipsis;white-space:nowrap;grid-template-columns:32px auto 1fr;align-items:center;gap:6px;min-width:0;display:grid;overflow:hidden}.pokemon-list img,.pokemon-list i{width:32px;height:32px}.pokemon-list img{image-rendering:pixelated}.pokemon-list span{color:var(--muted);font-family:var(--mono);font-size:.78rem}.reveal-panel p{max-width:560px;color:var(--ink)}small{color:var(--muted);margin-top:8px;display:block}.score-card{text-align:center;min-width:112px}.score-card strong{font-family:var(--mono);font-size:2rem;line-height:1;display:block}.summary-view,.status-panel{text-align:center;width:min(860px,100% - 40px);margin:auto;padding:40px 0}.summary-view h1{max-width:none;font-size:7rem}.result-list{text-align:left;gap:12px;margin:34px 0;display:grid}.result-row{background:var(--panel);border:1px solid var(--line);border-radius:8px;grid-template-columns:36px 1fr auto;align-items:center;gap:16px;padding:16px;display:grid;box-shadow:0 6px 14px #1c202a14}.result-row span{background:var(--yellow);width:34px;height:34px;color:var(--ink);font-family:var(--mono);border-radius:8px;place-items:center;font-weight:900;display:grid}.result-row strong,.result-row b{color:var(--red);font-family:var(--mono)}.result-row p{color:var(--ink)}@media (width<=860px){.app-shell{overflow:auto}.question-layout{grid-template-columns:1fr;gap:18px;padding-top:18px}.question-copy{min-height:0}h1{font-size:2.8rem}h2{font-size:3rem}.score-strip{margin-top:22px}.play-surface{gap:6px}.pie-chart{width:min(100%,360px)}.number-guess{min-height:220px}.guess-readout{gap:10px;min-height:62px}.guess-readout strong{font-size:3.1rem}.summary-view h1{font-size:5.2rem}.reveal-panel,.pokemon-breakdown{grid-template-columns:1fr}.action-bar{justify-content:stretch}.primary-action{width:100%}}@media (width<=520px){h1{font-size:2.15rem}h2{font-size:2.25rem}.top-bar{flex-direction:column;align-items:flex-start;gap:6px}.day-selector{width:100%}.day-selector select{flex:1;min-width:0}.guess-readout{flex-direction:column;align-items:center;gap:2px}.guess-readout strong{font-size:2.8rem}.number-guess{grid-template-columns:48px minmax(120px,1fr) 48px;width:100%}.summary-view h1{font-size:4.3rem}}