:root{--ink:#161616;--muted:#6c6c6c;--card:rgba(255,255,255,.78);--line:rgba(0,0,0,.1);--shadow:0 18px 60px rgba(0,0,0,.10)}
*{box-sizing:border-box} body{margin:0;min-height:100vh;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#e9f3ff;transition:background .35s ease}
button,input{font:inherit}.topbar{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 28px}.logo{font-size:24px;font-weight:900;letter-spacing:-1px;color:inherit;text-decoration:none}.score-pill{background:rgba(255,255,255,.72);border:1px solid var(--line);padding:9px 14px;border-radius:999px;font-weight:750;backdrop-filter:blur(10px)}
.shell{width:min(760px,calc(100% - 28px));margin:25px auto 70px}h1{text-align:center;font-size:clamp(34px,6vw,58px);line-height:.98;letter-spacing:-2.4px;margin:0}.subtitle{text-align:center;color:var(--muted);font-size:17px;margin:14px auto 24px}.progress{display:flex;gap:8px;justify-content:center;margin:0 0 20px}.dot{width:42px;height:6px;border-radius:99px;background:rgba(0,0,0,.12)}.dot.done,.dot.current{background:var(--ink)}.dot.current{opacity:.55}
.card{background:var(--card);border:1px solid rgba(255,255,255,.7);border-radius:28px;padding:clamp(24px,5vw,46px);box-shadow:var(--shadow);backdrop-filter:blur(16px)}.eyebrow{text-align:center;font-size:12px;font-weight:850;letter-spacing:1.7px;color:var(--muted)}.domain{text-align:center;font-size:clamp(38px,8vw,70px);font-weight:900;letter-spacing:-2.8px;overflow-wrap:anywhere;margin:12px 0 5px}.question{text-align:center;color:var(--muted);margin:0 0 32px}.guess-value{text-align:center;font-size:32px;font-weight:850;font-variant-numeric:tabular-nums;margin-bottom:14px}
input[type=range]{width:100%;accent-color:#171717;cursor:pointer}.scale-labels{display:flex;justify-content:space-between;color:var(--muted);font-size:11px;margin:6px 0 28px}.primary{width:100%;border:0;border-radius:16px;background:#171717;color:white;padding:15px 18px;font-weight:800;cursor:pointer;transition:transform .12s ease,opacity .12s ease}.primary:hover{transform:translateY(-1px)}.primary:disabled{opacity:.5;cursor:not-allowed;transform:none}
.hidden{display:none!important}.reveal{border-top:1px solid var(--line);margin-top:28px;padding-top:26px}.reveal-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.reveal-grid>div{background:rgba(255,255,255,.62);padding:15px;border-radius:16px}.reveal-grid span{display:block;color:var(--muted);font-size:12px;margin-bottom:4px}.reveal-grid strong{font-size:20px}.round-score{text-align:center;font-size:30px;font-weight:900;margin:22px 0 8px}.fineprint{text-align:center;color:var(--muted);font-size:12px;line-height:1.45;margin:0 0 20px}
.results{text-align:center}.final-score{font-size:76px;font-weight:950;letter-spacing:-4px;margin:25px 0 4px}.final-score small{font-size:20px;color:var(--muted);letter-spacing:0}.round-results{display:grid;gap:10px;margin:25px 0}.result-row{display:grid;grid-template-columns:1.5fr 1fr 1fr auto;gap:10px;align-items:center;text-align:left;background:var(--card);border:1px solid rgba(255,255,255,.7);border-radius:16px;padding:14px 16px}.result-row .r-domain{font-weight:850;overflow-wrap:anywhere}.result-row .r-meta{color:var(--muted);font-size:12px}.result-row .r-points{font-weight:900;text-align:right}@media(max-width:620px){.topbar{padding:0 16px}.shell{margin-top:10px}.card{border-radius:22px}.scale-labels span:nth-child(2),.scale-labels span:nth-child(5){display:none}.result-row{grid-template-columns:1fr auto}.result-row .r-meta{display:none}}

.domain-actions{display:flex;align-items:center;gap:10px}.help-circle{width:38px;height:38px;border:1px solid var(--line);border-radius:50%;background:rgba(255,255,255,.72);font-weight:900;cursor:pointer}.personal-bests{background:var(--card);border:1px solid rgba(255,255,255,.75);border-radius:20px;padding:20px;margin:22px 0}.personal-bests .eyebrow{margin-bottom:12px}.best-score-row{display:flex;justify-content:space-between;padding:10px 12px;border-top:1px solid var(--line);font-weight:800}.best-score-row:first-child{border-top:0}.best-score-row span:first-child{color:var(--muted)}.domain-modal{position:fixed;inset:0;background:rgba(0,0,0,.28);backdrop-filter:blur(7px);display:grid;place-items:center;padding:20px;z-index:50}.domain-help{position:relative;width:min(560px,100%);background:#fff;border-radius:26px;padding:30px;box-shadow:var(--shadow)}.domain-help h2{font-size:34px;letter-spacing:-1.5px;margin:8px 0 10px}.domain-help>p{color:var(--muted);line-height:1.5}.help-close{position:absolute;right:18px;top:12px;border:0;background:none;font-size:30px;cursor:pointer}.help-steps{display:grid;gap:9px;margin:20px 0}.help-steps div{display:grid;grid-template-columns:32px 1fr;gap:10px;align-items:start;padding:12px;border:1px solid var(--line);border-radius:14px}.help-steps b{width:28px;height:28px;border-radius:50%;background:#171717;color:#fff;display:grid;place-items:center}.help-steps span{color:var(--muted);font-size:14px;line-height:1.45}.help-note{font-size:12px}