:root{color-scheme:dark;--ink:#f7f5fb;--muted:#c0bdcd;--soft:#9d9aad;--line:rgba(184,169,218,.2);--surface:#0a0d17;--violet:#ad68ff;--cyan:#58d6f4;--gold:#f1c45b;--max:1120px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:80px}
body{position:relative;margin:0;min-width:320px;color:var(--ink);background:#050710;font-family:Inter,"Segoe UI",Arial,sans-serif;line-height:1.5;isolation:isolate}
body::before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:linear-gradient(180deg,rgba(3,4,12,.78),rgba(5,7,16,.9) 55%,rgba(3,4,11,.96)),url('/static/branding/retro/leviathan.webp') center 42%/cover no-repeat;filter:saturate(.9) contrast(1.08);opacity:.92}
body::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 12% 18%,rgba(141,60,255,.28),transparent 25%),radial-gradient(circle at 88% 26%,rgba(74,39,163,.25),transparent 27%),linear-gradient(rgba(121,88,169,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(121,88,169,.06) 1px,transparent 1px);background-size:auto,auto,46px 46px,46px 46px;mix-blend-mode:screen;opacity:.55}
a{color:inherit}
.skip-link{position:absolute;z-index:5;top:-50px;left:12px;padding:8px 12px;border-radius:5px;background:#762ed1;color:#fff}.skip-link:focus{top:10px}
.site-header{position:sticky;top:0;z-index:2;display:flex;min-height:64px;align-items:center;justify-content:space-between;gap:18px;padding:8px max(24px,calc((100vw - var(--max))/2));border-bottom:1px solid rgba(164,99,239,.28);background:rgba(4,5,11,.9);backdrop-filter:blur(14px)}
.brand{display:inline-flex;align-items:center;gap:11px;text-decoration:none}.brand img{width:43px;height:43px;object-fit:contain}.brand>span{display:grid;gap:1px}.brand strong{font-family:"Courier New",monospace;font-size:.96rem;letter-spacing:.06em}.brand strong b{color:var(--gold)}.brand small{color:var(--soft);font-size:.63rem;letter-spacing:.08em;text-transform:uppercase}
.hub-link{padding:8px 12px;border:1px solid var(--line);border-radius:6px;color:#d7c7ef;font-size:.76rem;text-decoration:none;transition:background .18s,border-color .18s}.hub-link:hover{border-color:#9560c9;background:rgba(128,57,191,.14)}
.retro-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px}.retro-language{display:flex;align-items:center;gap:2px;padding:3px;border:1px solid rgba(154,69,238,.45);border-radius:8px;background:rgba(9,7,18,.75)}.retro-language button{min-width:30px;padding:5px 6px;border:0;border-radius:5px;color:#a8a3b9;background:transparent;font:inherit;font-size:.67rem;font-weight:800;text-align:center;cursor:pointer}.retro-language button:hover,.retro-language button.active{color:#f0dfff;background:rgba(121,42,224,.34);box-shadow:0 0 14px rgba(147,65,255,.25)}.hub-account-link{display:inline-flex;min-height:36px;align-items:center;gap:7px;padding:0 13px;border:1px solid rgba(168,83,246,.64);border-radius:8px;color:#e2caff;background:rgba(20,10,34,.36);font-size:.7rem;font-weight:800;letter-spacing:.03em;text-decoration:none;text-transform:uppercase;transition:background .18s,border-color .18s}.hub-account-link:hover{border-color:var(--violet);background:rgba(120,47,215,.19)}
main{width:min(1240px,calc(100% - 40px));margin:18px auto 42px}
.intro{position:relative;isolation:isolate;overflow:hidden;padding:clamp(25px,4vw,48px);border:1px solid rgba(161,102,218,.46);border-radius:14px;background:linear-gradient(135deg,rgba(13,14,31,.9),rgba(7,9,18,.93) 70%);box-shadow:0 24px 80px #0009}
.intro-art,.intro-shade{position:absolute;z-index:-1;inset:0;width:100%;height:100%}.intro-art{object-fit:cover;object-position:center 42%;opacity:.22}.intro-shade{background:linear-gradient(90deg,rgba(5,7,16,.97),rgba(5,7,16,.86) 55%,rgba(5,7,16,.78)),linear-gradient(0deg,#080b15 0%,transparent 50%)}
.intro-content{max-width:890px;margin:auto;text-align:center}.eyebrow{margin:0;color:#c891ff;font-family:"Courier New",monospace;font-size:.68rem;font-weight:800;letter-spacing:.24em;text-transform:uppercase}.intro h1{margin:11px 0 13px;font-size:clamp(2rem,5vw,3.65rem);font-weight:760;letter-spacing:-.045em;line-height:1.05}.intro h1 span{color:#dec0ff}.intro h1 .intro-title-lead{color:#fff}.intro-copy{max-width:690px;margin:0 auto;color:#d5d2df;font-size:clamp(.9rem,1.5vw,1.04rem);line-height:1.65}.promise{margin:17px auto 21px;font-size:clamp(.93rem,1.6vw,1.09rem);letter-spacing:.005em}.promise strong{color:#fff}
.universe-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;text-align:left}.universe-card{--accent:var(--cyan);display:grid;grid-template-columns:1fr auto;align-content:start;min-width:0;padding:17px 19px 14px;border:1px solid color-mix(in srgb,var(--accent) 39%,transparent);border-radius:9px;background:linear-gradient(135deg,rgba(8,20,33,.94),rgba(9,11,22,.96));text-decoration:none;transition:transform .18s,border-color .18s,box-shadow .18s}.universe-card--beta{--accent:var(--gold);background:linear-gradient(135deg,rgba(35,28,18,.9),rgba(11,12,20,.96))}.universe-card:hover{transform:translateY(-2px);border-color:var(--accent);box-shadow:0 10px 30px color-mix(in srgb,var(--accent) 13%,transparent)}.universe-card:focus-visible,.hub-link:focus-visible,.final-choice a:focus-visible,.site-footer a:focus-visible{outline:3px solid #d3aaff;outline-offset:3px}
.universe-card__top{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px}.universe-label{color:var(--accent);font-family:"Courier New",monospace;font-size:.63rem;font-weight:800;letter-spacing:.12em}.universe-status{padding:3px 7px;border:1px solid rgba(107,222,153,.34);border-radius:20px;color:#a8f0c5;background:rgba(28,112,64,.2);font-size:.56rem;font-weight:800;letter-spacing:.1em}.universe-card h2{grid-column:1/-1;margin:9px 0 6px;font-size:1.65rem;letter-spacing:.04em}.universe-speeds,.speed-labels{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);margin:0;text-align:center}.universe-speeds{color:var(--accent);font-family:"Courier New",monospace;font-size:1.08rem;font-weight:800}.speed-labels{margin-top:1px;color:#a9a6b6;font-size:.58rem}.universe-card__bottom{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:9px;margin-top:15px;padding-top:11px;border-top:1px solid rgba(190,179,211,.12)}.universe-card__bottom>span{color:#9d9aad;font-size:.63rem}.universe-card__bottom strong{color:#fff;font-size:.73rem}.universe-card__bottom b{margin-left:5px;color:var(--accent);font-size:1rem}.account-note{margin:12px 0 0;color:#aaa7b8;font-size:.69rem}
.universe-facts{display:flex;align-items:center;justify-content:center;gap:clamp(12px,3vw,34px);margin-top:22px;color:#b8b5c5;font-size:.72rem}.universe-facts span{display:flex;align-items:center;gap:7px}.universe-facts strong{color:#fff;font-family:"Courier New",monospace;font-size:.85rem}.universe-facts i{width:1px;height:19px;background:var(--line)}
.screens-section{padding:44px 0 0}.section-heading{max-width:680px;margin:0 auto 22px;text-align:center}.section-heading h2,.devlog h2,.final-choice h2{margin:8px 0;color:#fff;font-size:clamp(1.45rem,3.2vw,2.05rem);letter-spacing:-.025em}.section-heading>p:last-child{margin:0;color:var(--muted);font-size:.86rem}.screens-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.screen-card{overflow:hidden;margin:0;border:1px solid var(--line);border-radius:8px;background:rgba(11,14,24,.84);box-shadow:0 10px 32px #0006}.screen-card img{display:block;width:100%;aspect-ratio:2/1;object-fit:contain;background:rgba(5,7,12,.8)}.screen-card figcaption{display:grid;gap:3px;padding:11px 14px 13px;border-top:1px solid rgba(180,164,212,.12)}.screen-card figcaption strong{font-size:.83rem}.screen-card figcaption span{color:#a9a6b6;font-size:.69rem}
.devlog{display:grid;grid-template-columns:minmax(220px,.68fr) minmax(0,1.32fr);gap:28px;margin-top:52px;padding:clamp(20px,3.5vw,34px);border:1px solid rgba(158,99,218,.3);border-radius:10px;background:linear-gradient(135deg,rgba(20,15,32,.94),rgba(9,12,21,.98))}.devlog-heading h2{font-size:clamp(1.3rem,2.5vw,1.7rem);line-height:1.18}.devlog-date{margin:12px 0 0;color:#c8a4ef;font-size:.7rem}.devlog-content{color:#c5c2d0;font-size:.79rem;line-height:1.65}.devlog-content p{margin:0 0 12px}.devlog-content ul{display:grid;gap:8px;margin:0;padding-left:18px}.devlog-content li::marker{color:#c084fc}.devlog-content strong{color:#eee9f8}.devlog-footnote{margin-top:15px!important;color:#9f9bab;font-size:.69rem}
.final-choice{margin-top:32px;padding:23px;border:1px solid var(--line);border-radius:9px;background:rgba(10,13,22,.85);text-align:center}.final-choice h2{margin:0;font-size:1.2rem}.final-choice p{margin:5px 0 15px;color:var(--muted);font-size:.77rem}.final-choice>div{display:flex;justify-content:center;gap:9px}.final-choice a{display:inline-flex;min-height:39px;align-items:center;justify-content:center;gap:18px;padding:0 15px;border:1px solid rgba(171,101,255,.5);border-radius:5px;color:#fff;background:linear-gradient(120deg,#6126ae,#873bcb);font-size:.71rem;font-weight:800;text-decoration:none}.final-choice a:last-child{border-color:rgba(241,196,91,.48);background:linear-gradient(120deg,#3f3320,#725b2a)}.final-choice a span{color:#e4cbff}
.hub-footer{min-height:48px;border-top:1px solid rgba(170,91,237,.25);background:rgba(3,4,9,.96)}.footer-inner{width:min(1240px,calc(100% - 48px));min-height:48px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-inner p{display:flex;align-items:center;gap:13px;margin:0;color:#a6a7b4;font-size:.66rem}.footer-inner p strong{color:#f7f5fb;font-size:.76rem;letter-spacing:.03em}.footer-inner p>span[aria-hidden]{width:1px;height:18px;background:var(--line)}.footer-links{display:flex;align-items:center}.footer-links a{display:inline-flex;min-height:30px;align-items:center;gap:6px;padding:0 18px;border-left:1px solid rgba(160,82,220,.3);color:#aaa9b7;font-size:.64rem;font-weight:800;letter-spacing:.03em;text-decoration:none;text-transform:uppercase}.footer-links a:first-child{border-left:0}.footer-links a:hover{color:#fff}.discord-mark{color:#a35df1}
@media(max-width:700px){main{width:calc(100% - 24px);margin-top:12px}.site-header{min-height:62px;padding:8px 12px;flex-wrap:wrap}.brand img{width:38px;height:38px}.brand strong{font-size:.81rem}.retro-header-actions{width:100%;justify-content:flex-end;flex-wrap:wrap}.retro-language button{min-width:27px}.hub-account-link{padding:0 9px;font-size:.64rem}.hub-link{padding:7px 9px;font-size:.68rem}.intro{padding:28px 16px 19px;border-radius:10px}.intro-art{object-position:55% center;opacity:.32}.intro-shade{background:linear-gradient(90deg,rgba(5,7,16,.91),rgba(5,7,16,.74)),linear-gradient(0deg,#080b15,transparent 65%)}.intro h1{font-size:clamp(1.85rem,8vw,2.65rem)}.intro-copy{font-size:.86rem}.promise{font-size:.86rem}.universe-grid{grid-template-columns:1fr;gap:9px}.universe-card{padding:14px}.universe-card h2{margin:5px 0;font-size:1.4rem}.universe-speeds{font-size:.98rem}.universe-card__bottom{margin-top:10px;padding-top:8px}.universe-facts{flex-wrap:wrap;gap:9px 13px;font-size:.62rem}.universe-facts i{height:14px}.screens-section{padding-top:39px}.screens-grid{gap:9px}.screen-card figcaption{padding:8px}.screen-card figcaption strong{font-size:.74rem}.screen-card figcaption span{font-size:.61rem}.devlog{grid-template-columns:1fr;gap:8px;margin-top:38px;padding:18px}.devlog-content{font-size:.75rem}.footer-inner{width:calc(100% - 24px);padding:9px 0;flex-wrap:wrap}.hub-footer{min-height:60px}.footer-links{margin-left:auto}}
@media(max-width:700px){.footer-inner{flex-direction:column;align-items:flex-start;gap:6px}.footer-links{width:100%;justify-content:space-between;margin:0}.footer-links a{padding:0 7px;font-size:.58rem}.footer-links a:first-child{padding-left:0}.footer-links a:last-child{padding-right:0}}
@media(max-width:440px){.screens-grid{grid-template-columns:1fr}.screen-card img{aspect-ratio:2/1}.universe-card__bottom>span{font-size:.59rem}.universe-card__bottom strong{font-size:.68rem}.universe-facts{gap:8px 10px}.final-choice>div{flex-direction:column}.final-choice a{width:100%}.site-footer nav{width:100%;justify-content:space-between;margin:0}.site-footer nav a{font-size:.61rem}}
.screen-card img{height:auto}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}
.footer-inner{width:min(1540px,calc(100% - 48px))}
@media(max-width:700px){.footer-inner{width:calc(100% - 24px)}}