:root{font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:#f4f7fc;color-scheme:dark;background:#081723}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 85% 0%,#24435d 0%,transparent 50%),radial-gradient(ellipse at 4% 25%,#193845 0%,transparent 55%),#081723}button{font:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #73e6c9;outline-offset:4px}.shell{width:min(100% - 32px,940px);margin:0 auto}.topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding:24px 0 20px;border-bottom:1px solid #2b5060}.brand{font-size:21px;font-weight:950;letter-spacing:.1em;white-space:nowrap}.brand strong{color:#7ceccc}.languages{display:flex;align-items:center;gap:7px}.languages button{border:1px solid #436173;border-radius:12px;padding:9px 13px;background:#183044;color:#dceaf1;cursor:pointer;font-size:13px;font-weight:900}.languages button[aria-pressed=true]{background:#78eacc;border-color:#78eacc;color:#092c31}.hero{padding:54px 0 30px}.eyebrow{font-size:12px;letter-spacing:.17em;font-weight:850;color:#7ce5c9}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:38px;align-items:center}.hero h1{font-size:clamp(36px,5.7vw,63px);letter-spacing:-.06em;line-height:1.08;margin:18px 0}.lead{font-size:clamp(17px,2.5vw,21px);color:#d0dfeb;line-height:1.55;max-width:600px}.note{line-height:1.65;color:#9fbac9;max-width:600px}.pill{display:inline-block;background:#123a35;border:1px solid #357b6b;border-radius:28px;color:#94f0d8;padding:8px 13px;font-size:13px;font-weight:850}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:14px;padding:16px 23px;min-height:54px;font-size:15px;font-weight:850;line-height:1.4;cursor:pointer;text-align:center}.primary{background:#79ebce;color:#072b34}.primary:hover{background:#a3fae5}.secondary{background:#20394c;color:#eff8ff;border:1px solid #436579}.secondary:hover{border-color:#7de8cf}.btn:disabled{opacity:.4;cursor:not-allowed}.hero .btn{margin:23px 0 2px}.hero-art{aspect-ratio:1;position:relative;display:flex;align-items:center;justify-content:center;border-radius:26px;background:radial-gradient(circle at 35% 25%,#2b6877 0%,#173348 55%,#102b3c 100%);border:1px solid #3b6570;box-shadow:0 25px 55px #020a1452;overflow:hidden}.hero-art:before,.hero-art:after{content:"";position:absolute;border:1px solid #5c89904d;border-radius:50%;height:76%;aspect-ratio:1}.hero-art:after{height:55%}.gear-deco{font-size:clamp(80px,14vw,168px);line-height:1;color:#75ebcc;text-shadow:0 12px 35px #071f2b;animation:turn 22s linear infinite;z-index:1}.hero-art .smallgear{position:absolute;right:15%;bottom:13%;font-size:clamp(37px,6vw,75px);color:#ffcf75;animation:turnback 12s linear infinite;z-index:1}@keyframes turn{to{transform:rotate(360deg)}}@keyframes turnback{to{transform:rotate(-360deg)}}.three-tiles{display:flex;gap:12px;justify-content:space-between;margin-top:25px;max-width:550px}.three-tiles span{display:flex;flex:1;align-items:center;justify-content:center;gap:7px;background:#123044;border:1px solid #335667;border-radius:13px;padding:13px 8px;font-size:13px;text-align:center}.three-tiles b{font-size:21px}.card{margin:30px 0 45px;padding:clamp(19px,4vw,40px);background:#10293c;border:1px solid #32586b;border-radius:24px;box-shadow:0 15px 52px #020b133a}.quiz-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;font-weight:800;color:#a5c9d6;font-size:13px;letter-spacing:.08em}.quiz-progress{height:9px;border-radius:99px;overflow:hidden;background:#2d5064;margin:17px 0 34px}#progress-fill{height:100%;width:0;background:#76eccc;transition:width .22s}.prompt{font-size:clamp(21px,3.8vw,32px);letter-spacing:-.02em;line-height:1.3;margin:13px 0 21px}.figure{border-radius:20px;background:#0a1d2e;border:1px solid #294e66;padding:17px 18px;max-width:680px;margin:0 auto 14px;text-align:center;min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center}.figure>svg{display:block;width:min(100%,620px);height:auto}.figure>svg[viewBox="0 0 180 180"]{width:min(53vw,260px)}.smallcap{margin:2px 0 13px;color:#a7c9d9;font-size:12px;letter-spacing:.15em;font-weight:800}.sequence{width:100%;display:flex;gap:8px;justify-content:center;align-items:center;flex-wrap:nowrap}.sequence svg{width:min(17vw,105px);height:auto;min-width:0;border:1px solid #29526c;border-radius:10px}.sequence .missing{display:grid;place-items:center;font-size:32px;font-weight:850;color:#efcf7b;border:2px dashed #87744d;width:min(17vw,105px);aspect-ratio:1;border-radius:10px;flex-shrink:0}.instruction{text-align:center;font-size:14px;color:#b5cfda;margin:12px 0 20px}.answers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;max-width:720px;margin:0 auto}.answer{border:2px solid #31536b;background:#193648;color:#f5fafc;border-radius:17px;padding:13px;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;position:relative;min-height:94px;transition:background .15s,border-color .15s,transform .15s}.answer:hover{background:#244b58;border-color:#83d3d4;transform:translateY(-2px)}.answer.chosen{background:#1c514c;border-color:#8df0d3;box-shadow:0 0 0 2px #276f5d}.answer-key{position:absolute;left:12px;top:10px;color:#a7c4d5;font-weight:900;font-size:12px;background:#102b3c;padding:4px 7px;border-radius:6px}.option-draw{display:flex;width:100%;justify-content:center;align-items:center;padding:10px}.option-draw svg{display:block;max-width:158px;width:100%;height:auto}.answer .option-draw svg[viewBox="0 0 120 120"]{max-width:120px}.spin-icon{font-size:59px;color:#81eccf;line-height:1}.gear-label{font-weight:800;font-size:17px}.actions{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-top:26px}.actions .btn{flex:1 1 160px}.results-top{text-align:center}.bigscore{font-size:clamp(66px,13vw,112px);font-weight:950;letter-spacing:-.075em;color:#87f2d2;line-height:1;margin:19px 0}.bigscore small{font-size:.38em;color:#b7d0dc;letter-spacing:0}.result-lead{font-size:21px;font-weight:700;color:#e5f5f7}.review-title{font-size:21px;margin:42px 0 20px}.review-entry{border-top:1px solid #32566a;padding:18px 2px}.review-entry summary{cursor:pointer;font-weight:750;line-height:1.6}.review-entry p{color:#c3dbe3;line-height:1.6;padding-left:10px}.review-entry .reason{color:#94e7d2}.promo{padding:28px;border:1px solid #4a7380;background:#123346;border-radius:24px;margin-bottom:44px}.promo h2{margin:10px 0;font-size:25px}.promo p{color:#c0d4df;line-height:1.7}.promo .btn{margin:6px 8px 0 0}.promo .small{font-size:13px;color:#a5c0ce}.footer{border-top:1px solid #315165;color:#a8bdcb;font-size:13px;padding:26px 0 40px;line-height:1.7}.footer a{text-decoration:underline;text-underline-offset:3px;margin-right:15px}[hidden]{display:none!important}@media(max-width:700px){.hero-grid{grid-template-columns:1fr;gap:20px}.hero-art{aspect-ratio:2.1;max-height:250px}.gear-deco{font-size:130px}.hero-art .smallgear{font-size:65px}.hero{padding-top:39px}.topbar{gap:13px}.answers{gap:8px}.answer{padding:6px;min-height:88px}.answer-key{left:5px;top:5px}.spin-icon{font-size:46px}.gear-label{font-size:13px}.sequence{gap:4px}.card{padding:17px}.figure{padding:14px 6px}.btn{font-size:14px;padding:14px 16px}.languages{width:100%}.languages button{flex:1}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}