:root{--paper:#f5f4ef;--ink:#20241f;--muted:#898c82;--line:#e7e5dc;--green:#234b3c;--lime:#caeb8b;--white:#fff;--mono:'DM Mono',monospace;--sans:'DM Sans',sans-serif;--display:'Space Grotesk',sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}.topbar{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(5.5vw,24px);position:relative}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-family:var(--display);font-weight:600;font-size:16px;letter-spacing:-.04em}.brand-mark{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:var(--green);color:var(--lime);font-size:15px}.topbar nav{display:flex;gap:8px;position:absolute;left:50%;transform:translateX(-50%)}.nav-link{font:500 13px var(--sans);border:0;background:none;color:#888b81;padding:9px 15px;border-radius:24px;cursor:pointer}.nav-link.active{color:var(--ink);background:#eae9e1}.account-area{display:flex;align-items:center;gap:14px}.account-label{font-size:12px;color:var(--muted)}button{font-family:inherit;cursor:pointer}.button{border:0;border-radius:8px;padding:13px 18px;font-size:13px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:23px;transition:transform .15s,background .15s}.button:hover{transform:translateY(-1px)}.button-small{padding:8px 14px;font-size:12px}.button-outline{border:1px solid #d8d8ce;background:transparent;color:var(--ink)}.button-primary{background:var(--green);color:white;min-width:176px}.button-primary:hover{background:#173d2e}.button-light{background:var(--lime);color:var(--green)}main{max-width:960px;margin:0 auto;padding:61px 24px 32px}.intro{text-align:center}.eyebrow{display:flex;justify-content:center;align-items:center;gap:8px;font:500 10px var(--mono);letter-spacing:.11em;color:#73786c}.live-dot{width:7px;height:7px;border-radius:50%;background:#a8ce67;box-shadow:0 0 0 3px #e7eedb}.intro h1{font:500 clamp(39px,5vw,58px)/1.06 var(--display);letter-spacing:-.07em;margin:21px 0 14px}.intro h1 span{color:var(--green)}.intro p{font-size:14px;line-height:1.7;color:#777b71;margin:0}.game-shell{width:min(100%,650px);margin:39px auto 0;background:#fff;border:1px solid #edede7;border-radius:13px;box-shadow:0 11px 35px #2e382012;padding:24px 27px 19px}.game-top{margin-bottom:26px}.round-label{font:10px var(--mono);letter-spacing:.08em;color:#888c80;display:flex;gap:9px}.round-label span:first-child{color:var(--green)}.separator{color:#d5d4cb}.progress-track{height:3px;border-radius:4px;background:#eeeee9;margin-top:13px;overflow:hidden}.progress-track div{height:100%;background:#aacb6e;width:20%;transition:width .3s}.question-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.question-title{font:500 11px var(--mono);letter-spacing:.04em;text-transform:uppercase;color:#858a7d}.q-number{font:500 11px var(--mono);color:#a3a69b}.question-prompt{font:500 24px/1.34 var(--display);letter-spacing:-.045em;max-width:550px;margin:0 0 22px}.answer-input-wrap{display:flex;align-items:center;border:1px solid #e4e6de;background:#fbfbf8;border-radius:8px;padding:0 15px;height:55px;transition:border .2s}.answer-input-wrap:focus-within{border-color:#849b6c}.answer-input-wrap input{width:100%;font:500 17px var(--display);color:var(--ink);border:0;outline:0;background:transparent}.answer-input-wrap input::placeholder{color:#c2c4bb}.input-unit{font:11px var(--mono);color:#999d91;white-space:nowrap}.hint-row{display:flex;align-items:center;justify-content:space-between;margin-top:13px;font-size:11px;color:#9a9d93}.hint-button{background:none;border:0;color:var(--green);font-size:11px;padding:3px}.map-wrap{border:1px solid #e7e9e1;border-radius:8px;overflow:hidden;background:#edf1e8;position:relative}.map-canvas{width:100%;height:230px;display:block;cursor:crosshair}.map-hint{position:absolute;top:11px;left:11px;padding:7px 9px;border-radius:6px;background:#ffffffdc;color:#6e7567;font-size:10px}.game-actions{border-top:1px solid #f0f0eb;margin-top:22px;padding-top:17px;display:flex;align-items:center;justify-content:space-between}.points-note{font-size:11px;color:#969a8e}.points-note b{color:#676d60;font-weight:600}.spark{font-size:15px;color:#a6c86a;margin-right:5px}.keyboard-hint{text-align:center;font:10px var(--mono);color:#b0b2a9;margin-top:15px}.answer-feedback{border-radius:8px;background:#f3f5eb;padding:13px 15px;margin-top:14px;font-size:12px;line-height:1.6;color:#60685a}.answer-feedback strong{color:#31503c}.hidden{display:none!important}.result-panel{width:min(100%,650px);margin:15px auto 0;background:var(--green);color:#fff;border-radius:12px;padding:24px 27px}.result-kicker{font:10px var(--mono);letter-spacing:.11em;color:#bdd69d}.result-main{display:flex;align-items:end;justify-content:space-between;margin:9px 0 18px}.result-main h2{font:500 29px var(--display);letter-spacing:-.05em;margin:0}.result-score{font:500 36px var(--display);color:var(--lime)}.result-list{border-top:1px solid #ffffff2b;padding-top:14px;display:grid;gap:8px}.result-line{display:flex;justify-content:space-between;color:#d0ddcf;font-size:12px}.result-line b{color:#fff;font-weight:500}.result-actions{display:flex;gap:9px;margin-top:19px}.result-actions .button-outline{border-color:#ffffff57;color:white}.below-grid{width:min(100%,760px);margin:34px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:10px}.note-card{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--line);border-radius:9px;padding:16px 17px;background:#f8f7f2}.card-icon{font-size:18px;color:#a6c86a}.card-icon.green{color:var(--green)}.note-card h3,.upgrade-card h3{font:600 13px var(--display);margin:1px 0 5px;letter-spacing:-.02em}.note-card p,.upgrade-card p{font-size:11px;line-height:1.55;color:#85897e;margin:0}.upgrade-card{grid-column:1/-1;background:var(--green);border-radius:10px;display:flex;align-items:center;justify-content:space-between;padding:19px 21px}.upgrade-copy .eyebrow{justify-content:flex-start;color:#bed3a7;font-size:9px}.upgrade-card h3{color:#fff;margin:7px 0 4px;font-size:15px}.upgrade-card p{color:#cfdbcc}footer{margin:35px 0 0;border-top:1px solid var(--line);padding-top:17px;display:flex;justify-content:space-between;align-items:center;color:#a1a499;font-size:10px}.footer-brand{font-size:12px}.footer-brand .brand-mark{width:22px;height:22px;font-size:12px;border-radius:6px}dialog{border:1px solid var(--line);border-radius:13px;padding:31px;width:min(410px,calc(100% - 32px));box-shadow:0 20px 80px #101a1640;color:var(--ink)}dialog::backdrop{background:#17221db0;backdrop-filter:blur(3px)}dialog .eyebrow{justify-content:flex-start}dialog h2{font:500 29px var(--display);letter-spacing:-.05em;margin:12px 0 6px}dialog>p{font-size:13px;line-height:1.6;color:#81857b;margin:0 0 20px}#auth-form label{display:grid;gap:7px;font-size:11px;color:#696e63;margin:14px 0}#auth-form input{border:1px solid #e4e6de;background:#fbfbf8;border-radius:7px;padding:12px;font:13px var(--sans);outline:none}#auth-form input:focus{border-color:#849b6c}.auth-submit{width:100%;margin-top:12px}.modal-close{position:absolute;right:14px;top:12px}.modal-close button{font-size:24px;border:0;background:none;color:#999}.text-button{margin-top:16px;border:0;background:none;padding:0;color:var(--green);font-size:12px}.form-error{font-size:11px;color:#aa4740;min-height:14px}@media(max-width:620px){.topbar{height:65px;padding:0 16px}.brand{font-size:14px;gap:7px}.topbar nav{position:static;transform:none;gap:0}.nav-link{padding:8px 10px;font-size:11px}.account-label{display:none}.account-area{gap:0}main{padding:44px 15px 24px}.intro h1{font-size:43px}.intro p{font-size:13px}.game-shell{padding:19px 17px 16px;margin-top:29px}.question-prompt{font-size:21px}.game-actions{gap:10px}.points-note{font-size:10px}.button-primary{min-width:auto;padding:12px 13px;gap:10px}.below-grid{grid-template-columns:1fr;margin-top:25px}.upgrade-card{grid-column:auto;gap:13px;padding:17px 14px}.upgrade-card .button{padding:11px 12px;gap:8px;font-size:11px;white-space:nowrap}.result-panel{padding:21px 18px}.result-main h2{font-size:25px}.result-score{font-size:32px}footer{font-size:9px}.map-canvas{height:190px}}
/* Weighted multiple-choice picks for the first two questions. */
.choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:7px 0 19px}.choice-card{min-height:64px;display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid #e4e6de;border-radius:9px;background:#fbfbf8;color:var(--ink);text-align:left;font:500 15px var(--display);transition:border-color .15s,background .15s,transform .15s}.choice-card:hover{border-color:#9aaf7e;transform:translateY(-1px)}.choice-card.selected{border-color:var(--green);background:#eef3e5;box-shadow:inset 0 0 0 1px var(--green)}.choice-marker{width:26px;height:26px;flex:0 0 26px;display:grid;place-items:center;border:1px solid #d9ddd1;border-radius:7px;color:#7e8676;font:11px var(--mono)}.choice-card.selected .choice-marker{border-color:var(--green);background:var(--green);color:#fff}.choice-label{line-height:1.25}.game-actions #submit-button{width:184px;min-width:184px;height:46px;flex:0 0 184px;padding:10px 12px;gap:10px;white-space:nowrap}.answer-feedback{margin-top:13px}.result-score{white-space:nowrap}.result-line b{white-space:nowrap}@media(max-width:620px){.choice-grid{gap:8px;margin:4px 0 16px}.choice-card{min-height:58px;padding:9px 10px;gap:8px;font-size:13px}.choice-marker{width:24px;height:24px;flex-basis:24px}.game-actions #submit-button{width:174px;min-width:174px;flex-basis:174px;height:44px;padding:9px 10px;gap:7px;font-size:12px}.answer-feedback{margin-top:12px}.result-line{gap:8px}.result-line span{min-width:0}}