@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#08161d;--panel:#10232c;--line:#28404a;--ink:#eff7f6;--muted:#92a9b0;--mint:#6af4c5;--gold:#ffd28c}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',system-ui,sans-serif;min-height:100dvh}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:1px solid var(--line);border-radius:10px;background:#142a34;color:var(--ink);padding:13px 20px;transition:transform .2s,background .2s}button:hover:not(:disabled){background:#244650;transform:translateY(-2px)}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--mint);outline-offset:3px}a{color:inherit;text-decoration:none}input,select{min-width:0;background:#0c1d25;border:1px solid var(--line);border-radius:10px;padding:16px;color:var(--ink)}input[type=checkbox]{accent-color:var(--mint);width:22px;height:22px}.primary{background:var(--mint);border-color:var(--mint);color:#06251e;font-weight:700}.primary:hover:not(:disabled){background:#9dffdb}h1,h2,strong,.brand{font-family:'Space Grotesk',system-ui,sans-serif}h1{font-size:clamp(42px,5.4vw,76px);line-height:1.04;letter-spacing:-3px;margin:26px 0}h1 em{font-style:normal;color:var(--mint)}h2{line-height:1.25}.ambient{pointer-events:none;position:fixed;inset:0;background:radial-gradient(ellipse at 85% 20%,#123f443d,transparent 55%);z-index:-1}header{height:100px;max-width:1320px;padding:0 48px;margin:auto;display:flex;align-items:center;gap:24px;border-bottom:1px solid var(--line)}.brand{font-size:21px;font-weight:600;display:flex;align-items:center;gap:12px}.brand-icon{font-size:44px;color:var(--mint);line-height:1}.edition{font-size:10px;letter-spacing:2px;color:var(--muted);margin-left:auto}.icon-button{padding:10px 14px;font-size:20px}main{max-width:1224px;margin:auto;padding:50px 0}.home{display:grid;grid-template-columns:1.1fr 1fr;gap:40px}.eyebrow{font-size:11px;letter-spacing:2px;text-transform:uppercase;display:flex;align-items:center;gap:8px;color:var(--mint)}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 16px var(--mint)}.lead{max-width:460px;font-size:16px;line-height:1.7;color:var(--muted)}.facts{display:flex;gap:34px;margin:30px 0}.facts span{display:flex;flex-direction:column;gap:6px}.facts b{font-family:'Space Grotesk';font-size:25px;font-weight:500}.facts small{font-size:11px;color:var(--muted)}form>label{display:block;font-size:12px;margin:0 0 9px;color:var(--muted)}.start-row{display:flex;gap:10px;max-width:490px}.start-row input{width:50%;flex:1}.start-row button{white-space:nowrap}.home-links{display:flex;gap:22px;margin-top:18px}.home-links button{padding:8px 0;border:0;background:none;font-size:12px;color:var(--muted)}.hero-art{position:relative;min-height:460px;overflow:hidden;border:1px solid #29444a;border-radius:24px;background:radial-gradient(ellipse at 50% 30%,#28595655,transparent 65%),linear-gradient(145deg,#142d35,#0a1b23);box-shadow:inset 0 0 80px #0003}.hero-art:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#5daba60b 1px,transparent 1px),linear-gradient(90deg,#5daba60b 1px,transparent 1px);background-size:32px 32px}.orbit{position:absolute;border:1px solid #62dbba25;border-radius:50%;width:440px;height:440px;left:50%;top:42%;transform:translate(-50%,-50%)}.orbit-two{width:330px;height:330px}.hero-link{position:absolute;width:180px;height:108px;border:22px solid var(--mint);border-radius:70px;transform:rotate(-40deg);left:calc(50% - 140px);top:115px;box-shadow:inset 5px 4px 8px #ffffff66,5px 12px 25px #0008,0 0 40px #6af4c522;animation:float 6s ease-in-out infinite}.link-two{left:calc(50% - 30px);top:160px;border-color:#4b8e93;animation-delay:-3s}.art-tag{position:absolute;top:30px;left:30px;font-size:10px;letter-spacing:3px;color:#8ab3b4}.prize{position:absolute;bottom:46px;width:100%;text-align:center;display:flex;flex-direction:column;gap:8px}.prize small{text-transform:uppercase;letter-spacing:2px;color:var(--muted);font-size:10px}.prize strong{font-size:62px;letter-spacing:-3px}.prize strong span{color:var(--mint);font-size:35px;vertical-align:top}.prize>span{font-size:11px;color:var(--muted)}.art-coordinate{position:absolute;bottom:20px;right:24px;color:#5e858a;font-size:10px;letter-spacing:2px}.how-strip{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);padding-top:26px;gap:36px}.how-strip>div{display:flex;gap:18px;align-items:flex-start}.how-strip span{font:12px 'Space Grotesk';color:var(--mint);border:1px solid var(--line);padding:9px;border-radius:50%}.how-strip p{font-size:12px;color:var(--muted);margin:5px 0;line-height:1.6}footer{max-width:1224px;margin:0 auto;padding:26px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px;color:#6d858e}.accent{color:var(--mint)}#settings{position:fixed;right:max(20px,calc((100vw - 1224px)/2));top:83px;z-index:20;width:310px;background:#132a34;border:1px solid #38545f;border-radius:16px;padding:22px;box-shadow:0 20px 90px #0009;max-height:calc(100dvh - 100px);overflow:auto}#settings label{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:18px 0;font-size:14px}#settings>button{width:100%;margin-top:8px;text-align:left}.menu-head,.dialog-head{display:flex;justify-content:space-between;align-items:center;gap:20px}.menu-head button,.dialog-head button{padding:4px 12px;font-size:26px}.muted{color:var(--muted);font-size:12px;line-height:1.5}.game-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.game-top strong{display:block;font-size:42px;line-height:1.2}.timer-wrap{text-align:right}.timer-wrap span{font-size:11px;color:var(--muted)}#timer{font-variant-numeric:tabular-nums}#timer.urgent{color:#ff8e8e}.game-layout{display:grid;grid-template-columns:200px 1fr;gap:60px}.ladder-panel .eyebrow{color:var(--muted);margin-bottom:18px}#ladder{display:flex;flex-direction:column-reverse;list-style:none;padding:0;gap:7px;margin:0}#ladder li{padding:10px 18px;border:1px solid var(--line);border-radius:8px;text-align:center;font:500 17px 'Space Grotesk';color:#8da6af;background:#0c1e27}#ladder li.current{background:var(--mint);border-color:var(--mint);color:#082b23;box-shadow:0 0 25px #6af4c51a}#ladder li.done{border-color:#36856c;color:var(--mint)}.play-panel{min-width:0}.question-meta{display:flex;align-items:center;gap:18px;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:1px}.question-meta button{margin-left:auto}#question{font-size:clamp(23px,2.6vw,36px);min-height:100px;margin:25px 0}.answers{display:grid;grid-template-columns:1fr 1fr;gap:12px}.answer{display:flex;align-items:center;text-align:left;gap:14px;min-height:75px;font-size:15px;background:#10252f}.answer b{font-size:12px;color:var(--mint);border:1px solid #38545d;border-radius:7px;padding:7px 10px}.answer.correct{background:#185740;border-color:var(--mint)}.answer.wrong{background:#622e38;border-color:#ed909c}#feedback{height:40px;display:flex;align-items:center;font-size:13px;color:var(--mint)}.bank-row{border-top:1px solid var(--line);padding-top:20px;display:flex;align-items:center;justify-content:space-between}.bank-row small{color:var(--muted);font-size:11px;display:block}.bank-row strong{font-size:28px}.bank-row button{min-width:210px}.game-hint{font-size:11px;color:var(--muted)}.result{text-align:center;padding:35px 0}.result .eyebrow{justify-content:center}.result-icon{font-size:66px;color:var(--mint)}.result h1{font-size:90px}.result p{color:var(--muted)}.result button{margin:8px}dialog{background:#10242e;color:var(--ink);border:1px solid var(--line);border-radius:18px;width:min(620px,92vw);padding:28px;max-height:85dvh}dialog::backdrop{background:#020a10cc;backdrop-filter:blur(8px)}#dialogContent{font-size:15px;line-height:1.8;color:#b4c7ce}table{width:100%;border-collapse:collapse;font-size:13px}td,th{text-align:left;padding:10px 5px;border-bottom:1px solid var(--line)}td:last-child,th:last-child{text-align:right}#toast{position:fixed;z-index:50;bottom:24px;left:50%;transform:translateX(-50%);background:#243d48;border:1px solid #536e77;padding:15px 22px;border-radius:12px;max-width:90vw;width:max-content;font-size:13px}#loader{position:fixed;inset:0;z-index:100;background:var(--bg);display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:14px;color:var(--muted)}.loader-ring{width:60px;height:60px;border:2px solid #254b4b;border-top-color:var(--mint);border-radius:50%;animation:spin 1s linear infinite}[hidden]{display:none!important}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{50%{transform:translateY(-12px) rotate(-40deg)}}@keyframes appear{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.play-panel{animation:appear .35s ease-out}body.playing footer{display:none}
@media(max-width:1320px){main{padding:40px}footer{margin:0 40px}header{padding:0 40px}.game-layout{gap:35px}}
@media(max-width:850px){header{height:78px;padding:0 26px}main{padding:30px 26px}.home{gap:24px}.hero-art{min-height:440px}.hero-link{width:150px;height:90px;border-width:18px;left:calc(50% - 110px)}.link-two{left:calc(50% - 20px);top:155px}h1{font-size:46px}.facts{gap:22px}.start-row{flex-direction:column}.start-row input{width:100%}.game-layout{grid-template-columns:130px 1fr;gap:22px}.answer{font-size:14px;padding:12px;min-height:76px}.how-strip{gap:16px}.edition{display:none}#menuButton{margin-left:auto}footer{margin:0 26px}}
@media(max-width:600px){header{height:64px;padding:0 18px}.brand{font-size:17px}.brand-icon{font-size:34px}main{padding:24px 18px}.home{display:block}.intro h1{font-size:48px;letter-spacing:-2px;margin:22px 0}.lead{font-size:14px}.hero-art{display:none}.facts{justify-content:space-between;margin:24px 0}.start-row{flex-direction:row}.start-row input{width:45%;padding:14px}.start-row button{padding:12px 18px}.how-strip{display:none}footer{margin:0 18px;padding:20px 0}footer>span:nth-child(2){display:none}.game-top{margin-bottom:14px}.game-top strong{font-size:30px}.game-layout{display:flex;flex-direction:column;gap:13px}.ladder-panel .eyebrow{display:none}#ladder{flex-direction:row;gap:4px}#ladder li{flex:1;min-width:0;padding:8px 0;font-size:11px;border-radius:5px}.question-meta{font-size:9px;gap:8px}.question-meta button{font-size:15px;padding:6px 10px}#question{font-size:22px;min-height:0;margin:16px 0 18px}.answers{grid-template-columns:1fr;gap:8px}.answer{min-height:50px;padding:9px 12px;font-size:14px}.answer b{padding:5px 8px}.bank-row{padding-top:12px}.bank-row button{min-width:170px;padding:13px 14px}.bank-row strong{font-size:25px}#feedback{height:31px;font-size:11px}.game-hint{margin:8px 0 0;font-size:10px}.playing main{padding-top:16px;padding-bottom:max(12px,env(safe-area-inset-bottom))}.result h1{font-size:70px}#settings{top:60px;right:12px;width:min(310px,calc(100vw - 24px))}.result{padding:15px 0}}
@media(max-height:700px) and (max-width:600px){.playing header{height:52px}.playing main{padding-top:9px}.game-top{margin-bottom:9px}.game-top strong{font-size:25px}#question{font-size:19px;margin:10px 0 12px}.answer{min-height:44px;padding:7px 10px}.answers{gap:6px}.game-layout{gap:8px}#ladder li{padding:6px 0}.game-hint{display:none}.bank-row{padding-top:8px}#feedback{height:26px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}