:root{color-scheme:dark;--bg:#101b26;--panel:#172632;--ink:#edf0e6;--muted:#a4b9bb;--mint:#bde3cb;--gold:#d8b66e;--line:#32434a;font-family:system-ui,-apple-system,'Segoe UI',sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-size:16px;line-height:1.8}button,a,input{touch-action:manipulation}a{color:inherit;text-underline-offset:5px}button{font:inherit;cursor:pointer;color:inherit;border:1px solid var(--line);background:var(--panel);border-radius:10px;padding:14px 20px;min-height:52px;transition:background .2s,transform .2s}button:hover{background:#243b45;transform:translateY(-1px)}button:disabled{cursor:default;opacity:.48;transform:none}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible,textarea:focus-visible{outline:3px solid var(--gold);outline-offset:5px}header{max-width:1100px;margin:auto;padding:28px 28px;display:flex;justify-content:space-between;align-items:center;gap:14px;border-bottom:1px solid var(--line)}header a{text-decoration:none}.brand{font-size:18px;font-weight:700;letter-spacing:2px}.brand small{font-size:9px;color:var(--muted);letter-spacing:2px}.mark{color:var(--mint);margin-right:6px;font-size:26px}nav{display:flex;gap:24px;font-size:13px}main{max-width:1000px;margin:auto;min-height:65vh;outline:none}.hero{position:relative;padding:76px 60px 50px;overflow:hidden}.eyebrow{font-size:10px;letter-spacing:3px;color:var(--gold);font-weight:600}.hero-kicker{font-size:17px;letter-spacing:3px;color:var(--mint);margin:55px 0 15px}h1{font-size:clamp(30px,5vw,52px);font-weight:500;line-height:1.5;letter-spacing:.04em;margin:18px 0 28px}h1 em{font-style:normal;color:var(--mint)}.lead{font-size:15px;color:var(--muted);line-height:2.2}.actions{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0}.primary{background:var(--mint);color:#142a27;border-color:var(--mint);font-weight:700}.primary:hover{background:#d1eedb}.hint{font-size:12px;color:var(--muted);line-height:1.8}.hero-stats{display:flex;gap:60px;border-top:1px solid var(--line);margin-top:50px;padding-top:25px}.hero-stats div{display:flex;align-items:baseline;gap:10px}.hero-stats strong{font-size:28px;font-weight:400;color:var(--mint)}.hero-stats span{font-size:11px;color:var(--muted)}.orbit{position:absolute;right:30px;top:150px;width:290px;height:290px;opacity:.55;pointer-events:none}.orbit i{position:absolute;inset:0;border:1px solid #52816d;border-radius:50%;transform:rotate(-35deg) scaleX(.6)}.orbit i:nth-child(2){transform:rotate(35deg) scaleX(.6)}.orbit i:nth-child(3){transform:rotate(90deg) scaleX(.6)}.orbit span{position:absolute;inset:0;display:grid;place-items:center;font-size:75px;color:var(--gold)}.intro{padding:55px 60px;border-top:1px solid var(--line);background:linear-gradient(100deg,#172d30,transparent)}.intro h2{font-size:30px;font-weight:400;line-height:1.6}.intro p{color:var(--muted);font-size:14px}.intro a{font-size:13px;color:var(--mint)}.paper{max-width:740px;margin:0 auto;padding:55px 28px 65px}.paper h1{font-size:30px}.paper>p{color:var(--muted)}.progress{height:3px;background:var(--line);margin:26px 0}.progress span{display:block;height:100%;width:var(--progress);background:var(--mint)}.question-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:12px;margin:20px 0}.choices{display:grid;gap:13px;margin:30px 0}.choice{display:flex;text-align:left;gap:16px;align-items:center;padding:18px;line-height:1.65}.choice span:nth-child(2){flex:1}.letter{font-size:12px;border:1px solid #486258;color:var(--mint);border-radius:50%;min-width:28px;height:28px;display:grid;place-items:center}.setting{font-size:13px;color:var(--muted);display:flex;align-items:center;gap:10px}.setting input{width:21px;height:21px;accent-color:var(--mint)}.story{font-family:serif;font-size:23px!important;color:var(--ink)!important;line-height:2.2!important;margin:50px 0}.result-card{padding:40px 28px;text-align:center;border:1px solid #567566;background:radial-gradient(ellipse at top,#28443d,var(--panel) 70%);border-radius:15px}.rarity{color:var(--gold);font-size:12px;letter-spacing:2px}.constellation{font-size:60px;color:var(--gold);margin:20px}.result-card h2{font-family:serif;font-size:32px;font-weight:500;line-height:1.6}.result-card p{font-size:15px;line-height:2}.result-card small{font-size:11px;color:var(--muted)}.rare,.ultra{border-color:var(--gold);background:radial-gradient(ellipse at top,#4e4135,var(--panel) 75%)}.section-title{font-size:20px;font-weight:500;margin-top:46px}.timeline{list-style:none;padding:0}.timeline li{display:flex;gap:24px;position:relative;padding:15px 0;border-bottom:1px solid var(--line)}.timeline li>span{color:var(--mint);font-size:28px;min-width:57px}.timeline small{font-size:11px;display:block}.timeline p{font-size:14px;color:var(--muted)}.axes{display:grid;gap:18px}.axes label{display:flex;justify-content:space-between;font-size:13px}.axes strong{font-weight:400;color:var(--mint)}meter{width:100%;height:14px;accent-color:var(--mint)}meter::-webkit-meter-bar{background:var(--line);border:0}meter::-webkit-meter-optimum-value{background:var(--mint)}blockquote{margin:12px 0;padding:12px 18px;border-left:2px solid var(--mint);background:var(--panel);font-size:14px}.comparison{padding:20px;margin-top:24px;background:var(--panel);border-left:2px solid var(--gold)}.comparison h2{font-size:18px}.comparison p{font-size:13px}details{margin-top:30px;border-top:1px solid var(--line);padding-top:20px}summary{cursor:pointer;min-height:44px}.recap{padding-left:24px;font-size:13px}.recap li{padding:12px 0;color:var(--muted)}.recap strong{color:var(--ink);font-weight:400}code{word-break:break-all}.collection{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:30px 0}.entry{padding:20px;border:1px solid var(--line);border-radius:10px}.entry small{font-size:10px;color:var(--muted);letter-spacing:2px}.entry h2{font-size:17px;font-weight:400}.entry p{font-size:12px;color:var(--muted)}.entry span{font-size:10px;color:var(--gold)}.found{background:var(--panel);border-color:#567566}.history-item{width:100%;display:flex;justify-content:space-between;text-align:left;gap:14px;margin:12px 0}.history-item small{color:var(--muted)}.history-item span:nth-child(2){flex:1}textarea{width:100%;padding:15px;background:var(--panel);color:var(--ink);border:1px solid var(--line);font:inherit}footer{padding:32px 24px 40px;border-top:1px solid var(--line);max-width:1100px;margin:auto;text-align:center;color:var(--muted);font-size:11px}footer nav{justify-content:center;flex-wrap:wrap;gap:20px;font-size:11px;margin:18px 0}footer small{font-size:10px}.skip{position:fixed;top:-80px;padding:12px;background:var(--mint);color:var(--bg);z-index:10}.skip:focus{top:10px}#notice{position:sticky;bottom:12px;max-width:640px;margin:0 auto;padding:0 20px;color:var(--gold);background:var(--bg);font-size:13px}#notice:not(:empty){padding:16px;border:1px solid var(--gold);border-radius:10px}@media(max-width:650px){header{padding:18px}.brand{font-size:15px;letter-spacing:1px}.brand small{display:none}nav{gap:18px}.hero{padding:42px 24px}.hero-kicker{margin-top:145px}.orbit{width:160px;height:160px;right:30px;top:45px;opacity:.7}.orbit span{font-size:40px}h1{font-size:36px}.hero-stats{gap:0;justify-content:space-between}.hero-stats div{flex-direction:column;gap:0}.hero-stats strong{font-size:26px}.intro{padding:40px 24px}.paper{padding:30px 20px 50px}.paper h1{font-size:26px}.actions>button{flex:1 1 200px}.choice{padding:16px 12px;gap:12px}.story{font-size:21px!important}.collection{grid-template-columns:1fr}.result-card{padding:28px 18px}.result-card h2{font-size:27px}.history-item{flex-wrap:wrap}.history-item small{width:100%}.eyebrow{font-size:9px;letter-spacing:2px}}@media(prefers-reduced-motion:reduce){html:not(.motion-full) *{transition:none!important;animation:none!important;scroll-behavior:auto!important}}@media print{header,footer,.actions,details,#notice{display:none}body{background:white;color:black}.paper{padding:0}.result-card{background:white;color:black;border:1px solid black}}

.progress{width:100%;border:0;appearance:none}.progress::-webkit-progress-bar{background:var(--line)}.progress::-webkit-progress-value{background:var(--mint)}
