:root{color-scheme:dark;--ink:#10151f;--gold:#ffd12a;--muted:#bdc7d4}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 80% 0,#33245b,transparent 55%),var(--ink);color:#f4f6fa;font:17px/1.65 system-ui,sans-serif}header,main,footer{max-width:980px;margin:auto;padding:24px}header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #ffffff20}.logo{color:var(--gold);font-weight:950;font-style:italic;font-size:32px;text-decoration:none}nav{display:flex;flex-wrap:wrap;gap:18px}a{color:var(--gold);text-underline-offset:4px}nav a{font-size:15px}main{padding-top:48px;padding-bottom:56px}h1{font-size:clamp(32px,6vw,54px);line-height:1.1;margin:12px 0 24px}h2{font-size:24px;line-height:1.3;margin-top:36px}p,li{max-width:76ch}.eyebrow{color:var(--gold);font-size:13px;letter-spacing:.16em;text-transform:uppercase;font-weight:800}.lead{font-size:21px;color:var(--muted)}.panel{border:1px solid #ffffff25;border-left:4px solid var(--gold);border-radius:12px;background:#1a2030;padding:22px;margin:24px 0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.grid .panel{margin:0}button,.button{font:700 16px system-ui;border:0;border-radius:8px;background:var(--gold);color:#141820;padding:13px 20px;cursor:pointer;display:inline-block;text-decoration:none}button.secondary{background:#30384a;color:#fff}label{display:block;padding:12px 0}input{width:20px;height:20px;vertical-align:middle;margin-right:12px;accent-color:var(--gold)}footer{font-size:14px;color:var(--muted);border-top:1px solid #ffffff20}.muted{color:var(--muted)}[hidden]{display:none!important}:focus-visible{outline:3px solid #a897ff;outline-offset:4px}.actions{display:flex;flex-wrap:wrap;gap:12px}#choice-status{min-height:1.6em}table{width:100%;border-collapse:collapse}td,th{text-align:left;border-bottom:1px solid #ffffff20;padding:12px 8px}@media(max-width:560px){header,main,footer{padding-left:18px;padding-right:18px}nav{gap:10px 16px}.lead{font-size:18px}}
:root{--purple:#773bcc;--cyan:#28c5ef}.campaign-hero{margin:30px 0}.campaign-hero img{display:block;width:100%;height:auto;border:2px solid var(--gold);border-radius:14px;box-shadow:7px 7px 0 #773bcc55}.campaign-hero figcaption{font-size:13px;color:var(--muted);margin-top:12px}.facts{display:grid;grid-template-columns:100px 1fr;gap:12px}.facts dt{font-weight:800;color:var(--gold)}.facts dd{margin:0;overflow-wrap:anywhere}header .logo{font-size:38px}h1{font-style:italic;font-weight:900}nav a:hover,footer a:hover{color:var(--cyan)}.button:hover{background:#ffe477;box-shadow:4px 4px 0 var(--purple)}@media(prefers-reduced-motion:no-preference){.button{transition:box-shadow .15s,background .15s}}

.gameplay-video{padding:0;overflow:hidden}.gameplay-video video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#080b16}.gameplay-video:focus-within{outline:2px solid var(--cyan)}

*{scrollbar-width:thin;scrollbar-color:#ffd23a #1a1429}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#1a1429;border-radius:8px}::-webkit-scrollbar-thumb{background:linear-gradient(#ffe477,#b987f0);border:2px solid #1a1429;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:#ffd23a}
