:root{--cream:#fff6d9;--red:#f04435;--blue:#2242cc;--green:#72d172;--ink:#171611;--yellow:#ffdf42}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--blue);color:var(--ink);font-family:Arial,"PingFang SC",sans-serif;background-image:radial-gradient(circle at 12% 18%,rgba(255,255,255,.13) 0 3px,transparent 4px),radial-gradient(circle at 85% 78%,rgba(255,223,66,.18) 0 5px,transparent 6px);background-size:80px 80px,120px 120px}.game{width:min(960px,calc(100% - 28px));margin:auto;padding:22px 0 30px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.wordmark{color:white;text-decoration:none;display:flex;align-items:center;gap:9px;transform:rotate(-1deg)}.wordmark b{font:900 32px/1 Impact,Arial Black,sans-serif;-webkit-text-stroke:1px var(--ink);text-shadow:3px 3px 0 var(--red);letter-spacing:.04em}.wordmark span{background:var(--yellow);color:var(--ink);border:2px solid var(--ink);padding:5px 9px;border-radius:50%;font-weight:900;transform:rotate(6deg)}.scoreboard{display:flex;background:var(--cream);border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink)}.scoreboard div{padding:7px 16px;text-align:center;border-left:1px solid var(--ink)}.scoreboard div:first-child{border-left:0}.scoreboard small{font-size:9px;display:block}.scoreboard strong{font-size:19px;font-variant-numeric:tabular-nums}.roundbar{height:34px;background:var(--ink);color:white;border:2px solid var(--ink);display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:0 13px;font-size:11px;font-weight:bold}.progress{height:7px;border:1px solid white;border-radius:5px;overflow:hidden}.progress i{display:block;height:100%;background:var(--yellow);width:10%;transition:.4s}.question-card{background:var(--cream);border:3px solid var(--ink);border-top:0;min-height:600px;padding:48px clamp(24px,8vw,90px) 34px;position:relative;box-shadow:9px 9px 0 rgba(10,12,44,.5)}.question-card::before{content:"";position:absolute;top:18px;left:20px;right:20px;border-top:1px dashed rgba(23,22,17,.35)}.sticker{position:absolute;right:7%;top:42px;width:90px;height:90px;background:var(--green);border:3px solid var(--ink);border-radius:47% 53% 58% 42%;display:grid;place-items:center;font-size:45px;transform:rotate(8deg);box-shadow:4px 4px 0 var(--ink)}.prompt-label{color:var(--red);font-weight:900;text-transform:uppercase;letter-spacing:.13em;font-size:11px;margin:12px 0}.question-card h1{font:900 clamp(36px,6vw,64px)/1.08 Arial Black,Arial,sans-serif;letter-spacing:-.06em;max-width:650px;margin:12px 0 10px;padding-right:90px}.hint{margin:0 0 36px;color:#625c4e;font-size:14px}.answer-area{display:grid;grid-template-columns:1fr 1.45fr;gap:18px 24px;border-top:3px solid var(--ink);padding-top:25px}.field label,.field>span{display:block;font-size:11px;font-weight:900;margin-bottom:9px}.number-field input{width:100%;height:58px;border:2px solid var(--ink);background:white;padding:0 15px;font-size:24px;font-weight:bold;outline:none;border-radius:0}.number-field input:focus{box-shadow:4px 4px 0 var(--yellow)}.unit-options{display:flex;gap:7px;flex-wrap:wrap}.unit-options button{min-width:68px;height:58px;border:2px solid var(--ink);background:white;font-weight:900;cursor:pointer;box-shadow:2px 2px 0 var(--ink)}.unit-options button:hover{background:#f8f0ce}.unit-options button.active{background:var(--yellow);transform:translate(2px,2px);box-shadow:none}.submit,.next{grid-column:1/-1;height:56px;border:2px solid var(--ink);background:var(--red);color:white;font-size:17px;font-weight:900;cursor:pointer;box-shadow:4px 4px 0 var(--ink);display:flex;justify-content:center;align-items:center;gap:15px}.submit:hover,.next:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink)}.submit span{font-size:24px}.error{grid-column:1/-1;color:var(--red);font-weight:bold;min-height:17px;margin:0;font-size:12px}.reveal{border-top:3px solid var(--ink);padding-top:23px}.grade{display:flex;align-items:center;gap:13px;margin-bottom:20px}.grade>span{font-size:35px;width:58px;height:58px;background:var(--yellow);border:2px solid var(--ink);border-radius:50%;display:grid;place-items:center}.grade div{display:flex;flex-direction:column}.grade small{font-size:10px}.grade strong{font:900 25px Arial Black}.grade>b{margin-left:auto;font-size:30px;color:var(--red)}.range-card{background:white;border:2px solid var(--ink);padding:16px}.range-card>span{display:block;font-size:9px;font-weight:bold;text-transform:uppercase}.range-card>strong{display:block;font-size:24px;margin:5px 0 18px}.range-line{height:10px;border:2px solid var(--ink);background:linear-gradient(90deg,#f6a398 0 25%,var(--green) 25% 75%,#f6a398 75%);position:relative}.range-line i{position:absolute;top:50%;left:50%;width:15px;height:24px;border:3px solid var(--ink);background:var(--yellow);transform:translate(-50%,-50%);transition:.4s}.range-notes{display:flex;justify-content:space-between;font-size:8px;margin-top:6px}.explain-grid{display:grid;grid-template-columns:1fr 1fr;border:2px solid var(--ink);border-top:0;background:#f8edc7}.explain-grid div{padding:13px 16px}.explain-grid div+div{border-left:1px solid var(--ink)}.explain-grid small{font-weight:900;font-size:9px}.explain-grid p{font-size:12px;line-height:1.6;margin:5px 0 0}.next{width:100%;margin-top:17px}.reveal[hidden],.answer-area[hidden]{display:none}footer{display:flex;justify-content:space-between;color:white;padding:28px 8px 0;text-transform:uppercase;letter-spacing:.08em;font-size:9px}footer b{color:var(--yellow)}@media(max-width:650px){.game{width:min(100% - 16px,520px);padding-top:10px}.wordmark b{font-size:25px}.scoreboard div{padding:6px 9px}.question-card{padding:38px 20px 25px;min-height:620px}.sticker{width:63px;height:63px;font-size:32px;top:41px}.question-card h1{font-size:38px;padding-right:55px}.answer-area{grid-template-columns:1fr}.submit,.error{grid-column:1}.unit-options button{height:48px;min-width:60px}.explain-grid{grid-template-columns:1fr}.explain-grid div+div{border-left:0;border-top:1px solid var(--ink)}footer span:first-child{display:none}}