body{background:radial-gradient(circle at 8% 18%,rgba(216,208,242,.66),transparent 28rem),radial-gradient(circle at 92% 32%,rgba(213,243,246,.62),transparent 27rem),var(--paper)}
.hero h1 em{color:#7868b7}.back-link{background:#eeeafd;border-color:#d8d0f2}.tools button:hover{background:#eeeafd}.progress i{background:linear-gradient(90deg,#7868b7,var(--aqua-strong))}.mission-card{background:linear-gradient(135deg,#eeeafd,#eefafd);border-color:#d8d0f2}.mission-card small,.route{color:#665b91}.phase-track .active b{background:var(--violet)}.series-track .active{background:#eeeafd;border-color:#c8bdeb}.numberline-card{background:linear-gradient(145deg,#fbfaff,#fff);border:1px solid var(--line);border-radius:18px;overflow:hidden}.numberline-head{align-items:center;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;padding:12px 14px}.numberline-head span{font:900 13px Nunito,sans-serif}.numberline-head small{color:var(--muted);font-size:10px}.numberline-scroll{overflow-x:auto;padding:22px 14px 12px}.numberline{display:grid;grid-template-columns:repeat(21,42px);min-width:882px;padding:22px 0 30px;position:relative}.numberline::before{background:#5e6068;content:"";height:3px;left:19px;position:absolute;right:19px;top:42px}.number-point{background:transparent;border:0;color:var(--ink);cursor:pointer;font:900 11px Nunito,sans-serif;height:60px;padding:0;position:relative}.number-point::before{background:#5e6068;content:"";height:15px;left:50%;position:absolute;top:14px;transform:translateX(-50%);width:2px}.number-point::after{background:#fff;border:3px solid #8d83b9;border-radius:50%;content:"";height:12px;left:50%;position:absolute;top:8px;transform:translateX(-50%);transition:.18s;width:12px}.number-point span{bottom:0;left:50%;position:absolute;transform:translateX(-50%)}.number-point:hover::after,.number-point:focus-visible::after{background:#d8d0f2;transform:translateX(-50%) scale(1.25)}.number-point:focus-visible{outline:2px solid #7868b7;outline-offset:2px}.number-point.zero::after{background:var(--gold);border-color:#9f7617}.number-point.selected::after{background:#7868b7;border-color:#4f427f;box-shadow:0 0 0 6px rgba(120,104,183,.18);transform:translateX(-50%) scale(1.15)}.number-point.correct::after{background:#69ba86;border-color:#34764b}.number-point.wrong::after{animation:radar-shake .28s;background:#ef879f;border-color:#a7445c}.distance-card{background:linear-gradient(135deg,rgba(216,208,242,.42),rgba(213,243,246,.42));border-top:1px solid var(--line);min-height:150px;padding:17px;text-align:center}.distance-kicker{color:#7868b7;font:900 10px Nunito,sans-serif;letter-spacing:.12em}.distance-card strong{display:block;font:900 20px Nunito,sans-serif;margin:5px 0}.distance-card p{color:var(--muted);font-size:13px;margin:0}.distance-dots{display:flex;flex-wrap:wrap;gap:5px;justify-content:center;margin-top:13px}.distance-dots i{background:#fff;border:2px solid #8d83b9;border-radius:50%;height:13px;width:13px}.distance-dots i:last-child{background:var(--gold);border-color:#9f7617}.radar-shell.radar-board .workbench,.radar-shell.radar-board .workbench{align-items:stretch}.radar-shell.radar-board .numberline-card,.radar-shell.radar-board .numberline-card{display:flex;flex-direction:column;justify-content:center}@keyframes radar-shake{25%{transform:translateX(calc(-50% - 4px))}75%{transform:translateX(calc(-50% + 4px))}}
@media(max-width:850px){.numberline-scroll{padding-bottom:16px}.distance-card{min-height:135px}}
@media(max-width:600px){.numberline{grid-template-columns:repeat(21,38px);min-width:798px}.number-point{font-size:10px}.distance-card{padding:14px 10px}.distance-card strong{font-size:18px}}
/* A single wide number line, with explanations underneath. */
.radar-shell .workbench{grid-template-columns:minmax(0,1fr);gap:14px}.radar-shell .decision-card{width:100%;align-self:stretch;padding:16px}.radar-shell .choice-list{grid-template-columns:repeat(3,minmax(0,1fr))}.radar-shell .choice-lock{grid-column:1/-1}.radar-shell .check-btn{display:block;width:auto;min-width:210px;margin:12px 0 0 auto}.radar-shell .numberline{grid-template-columns:repeat(21,minmax(0,1fr));min-width:0}.radar-shell .number-point{font-size:16px;min-width:0}.radar-shell .numberline-scroll{padding:8px 18px 4px}.radar-shell .numberline-head span{font-size:17px}.radar-shell .numberline-head small{font-size:15px}.radar-shell .decision-card h2{font-size:24px}.radar-shell .decision-card>p{margin-bottom:10px}.radar-shell.radar-board,.radar-shell.radar-board{display:flex;flex-direction:column;overflow:hidden}.radar-shell.radar-board .play-area,.radar-shell.radar-board .play-area{flex:1;min-height:0;display:flex;flex-direction:column;gap:10px;padding:12px}.radar-shell.radar-board .workbench,.radar-shell.radar-board .workbench{min-height:0;margin:0;flex:1;align-content:center}.radar-shell.radar-board .numberline-card,.radar-shell.radar-board .numberline-card{display:block}.radar-shell.radar-board .bottom-bar,.radar-shell.radar-board .bottom-bar{margin:0}.radar-shell.radar-board .mission-card h2{font-size:28px}.radar-shell.radar-board .choice{font-size:22px}.radar-shell.radar-board .number-point{font-size:21px}.radar-shell.radar-board .feedback{font-size:20px}.radar-shell.radar-board .check-btn{font-size:20px}.radar-shell.radar-board .phase-track{display:none}
@media(max-width:700px){.radar-shell .choice-list{grid-template-columns:1fr}.radar-shell .numberline{min-width:700px}.radar-shell .numberline-scroll{overflow-x:auto}.radar-shell .check-btn{width:100%}.radar-shell.radar-board .choice{font-size:16px;padding:7px 10px;min-height:44px}.radar-shell.radar-board .mission-card h2{font-size:20px}.radar-shell.radar-board .decision-card{padding:10px}.radar-shell.radar-board .feedback{font-size:16px}.radar-shell.radar-board .workbench{gap:6px}}
@media(max-height:700px) and (min-width:701px){.radar-shell.radar-board .numberline{padding:10px 0 25px}.radar-shell.radar-board .numberline:before{top:30px}.radar-shell.radar-board .numberline-head{padding:6px 12px}.radar-shell.radar-board .decision-card{padding:10px}.radar-shell.radar-board .mission-card{padding:8px 12px}.radar-shell.radar-board .mission-card h2{font-size:24px}.radar-shell.radar-board .decision-card>p{margin-bottom:6px}}