:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#f5f7ff;background:#090d23;--ink:#f5f7ff;--night:#090d23;--panel:#121936;--cyan:#49e7ff;--pink:#ff5ea8;--yellow:#ffe15a;--muted:#adb7d6;--line:#344165;--paper:#f7f4eb;--paperink:#171b2d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;line-height:1.55}a{color:inherit;text-underline-offset:4px}button,a{touch-action:manipulation}button{font:inherit;cursor:pointer}:focus-visible{outline:3px solid var(--yellow);outline-offset:4px}[hidden]{display:none!important}.skip{position:absolute;left:16px;top:-100px;background:white;color:#111;padding:12px 18px;z-index:4}.skip:focus{top:12px}header{width:min(1100px,calc(100% - 40px));margin:auto;padding:22px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;font-size:.8rem}.brand{font-weight:900;letter-spacing:.1em;text-decoration:none}.hero{width:min(1100px,calc(100% - 40px));margin:auto;display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:center;padding:70px 0}.kicker{font:800 .74rem ui-monospace,monospace;letter-spacing:.12em;color:var(--cyan);margin:0 0 14px}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.06;letter-spacing:-.035em}h1{font-size:clamp(3rem,6vw,5.6rem);max-width:13ch}h1 span{color:var(--pink)}h2{font-size:clamp(2rem,4vw,3.4rem)}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:11px 19px;border:2px solid var(--cyan);background:var(--cyan);color:#071022;text-decoration:none;font-weight:850}.button.secondary{background:transparent;color:inherit;border-color:currentColor}.fine{font-size:.78rem;color:var(--muted);margin-top:16px;max-width:62ch}.orbit{height:320px;border:2px solid var(--cyan);position:relative;background:linear-gradient(180deg,#29345c 0 8%,#10162f 8% 92%,#29345c 92%);box-shadow:12px 12px 0 #17214b}.orbit span{position:absolute;left:18px;font:800 .7rem ui-monospace,monospace;letter-spacing:.1em}.orbit .ceiling{top:14px}.orbit .floor{bottom:14px}.orbit i{position:absolute;left:calc(50% - 21px);top:calc(50% - 21px);width:42px;height:42px;border-radius:50%;background:var(--pink);box-shadow:0 0 30px var(--pink)}.orbit b{position:absolute;right:24px;top:calc(50% - 40px);font-size:4rem;color:var(--yellow)}.game{background:var(--paper);color:var(--paperink);padding:44px max(20px,calc((100vw - 1050px)/2));border-block:6px solid var(--pink)}.game .kicker{color:#2055a4}.game-head{display:flex;align-items:end;justify-content:space-between;gap:30px}.game-head h2{margin-bottom:10px}.game-head>p{font:700 .78rem ui-monospace,monospace}.route-card{display:grid;grid-template-columns:.35fr 1fr;gap:28px;border:2px solid #1e2f62;padding:26px;margin:25px 0;background:white}.start{border-right:1px solid #adb5c8;display:flex;flex-direction:column;justify-content:center}.start span,.route-label{font:750 .7rem ui-monospace,monospace;letter-spacing:.1em;color:#5b6581}.start strong{font-size:1.8rem}.markers{display:flex;gap:10px;flex-wrap:wrap;min-height:50px}.marker{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#1e49a3;color:white;font-weight:900}.marker:nth-child(even){background:#8c1f59}.count-hint{margin:12px 0 0;font-size:.85rem;color:#5b6581}fieldset{border:0;padding:0;margin:0 0 22px}legend{font-weight:850;margin-bottom:10px}.choices{display:flex;gap:12px}.choices button{min-height:50px;min-width:150px;background:white;border:2px solid #68718b;font-weight:800}.choices button[aria-pressed="true"]{border-color:#2055a4;background:#dcecff;box-shadow:inset 0 0 0 2px #2055a4}.actions{display:flex;gap:10px;flex-wrap:wrap}.game .button{background:#2055a4;border-color:#2055a4;color:white}.game .button.secondary{background:transparent;color:#1c2a4d;border-color:#65708c}.game .button:disabled{background:#d8dbe3;border-color:#d8dbe3;color:#656b79;cursor:default}.status{min-height:1.5em;margin:15px 0 0;color:#2055a4;font-weight:800}.explanation{border-top:1px solid #adb5c8;margin-top:22px;padding-top:20px}.explanation h3{font-size:1.45rem}.rule,.app,footer{width:min(1100px,calc(100% - 40px));margin:auto}.rule{display:grid;grid-template-columns:.7fr 1.3fr;gap:60px;padding:60px 0}.rule p{color:#dbe1f5}.app{display:grid;grid-template-columns:1.4fr .6fr;gap:50px;align-items:center;background:#303fa5;padding:48px}.identity{display:flex;align-items:center;gap:16px}.identity img{border-radius:18px}.identity p{margin:0}.identity span{color:#d6dbff;font-size:.85rem}.app h2{margin:22px 0 12px}.button.light{background:white;border-color:white;color:#1e2e84}.light-copy{color:#d6dbff}.app figure{margin:0;text-align:center}.app figure img{max-width:100%;height:auto;border-radius:23px}.app figcaption{font-size:.75rem;color:#d6dbff;margin-top:10px}footer{padding:38px 0;color:var(--muted);font-size:.8rem}footer p{max-width:90ch}@media(max-width:720px){.hero,.rule,.app{grid-template-columns:1fr}.hero{gap:30px;padding:45px 0}.orbit{height:230px}.game-head{align-items:start;flex-direction:column;gap:0}.route-card{grid-template-columns:1fr}.start{border-right:0;border-bottom:1px solid #adb5c8;padding-bottom:16px}.rule{gap:20px}.app{padding:30px}.app figure{order:-1}.app figure img{width:180px}}@media(max-width:470px){header{font-size:.68rem}h1{font-size:2.85rem}.choices{flex-direction:column}.choices button,.actions .button{width:100%}.route-card{padding:18px}.marker{width:38px;height:38px}.app{width:100%}.rule,footer{width:calc(100% - 28px)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
