@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#0c0e0f;--panel:#131617;--line:#2a2e2f;--ink:#f1f4ed;--muted:#808886;--accent:#d7ff3f;--max:1500px;--ease:cubic-bezier(.2,.8,.2,1)}
*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;min-height:100vh;background:var(--bg);color:var(--ink);font-family:Manrope,sans-serif}.shell{width:min(100%,var(--max));min-height:100vh;margin:auto;padding:0 38px;display:flex;flex-direction:column}header{height:92px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{display:flex;align-items:center;gap:13px;text-decoration:none;color:var(--ink);font-size:17px;font-weight:800;letter-spacing:.09em}.wordmark strong{color:var(--accent);font-weight:800}.mark{display:grid;place-items:center;width:35px;height:35px;background:var(--accent);color:var(--bg);font-weight:800;transform:skew(-7deg)}.clock{display:flex;align-items:baseline;gap:12px;font-family:'DM Mono',monospace}.clock span{color:var(--muted);font-size:12px;text-transform:uppercase}.clock .week{color:var(--ink);border-left:1px solid var(--line);padding-left:12px}.clock strong{font-size:19px;font-weight:500}.clock i{color:var(--accent);font-size:10px;font-style:normal;border:1px solid #4c561f;padding:3px 5px}
main{flex:1;display:grid;grid-template-columns:minmax(280px,.65fr) minmax(650px,1.35fr);gap:clamp(50px,8vw,130px);align-items:center;padding:70px 0}.intro{align-self:start;padding-top:16px;position:sticky;top:30px}.kicker{font:500 11px 'DM Mono',monospace;letter-spacing:.1em;color:var(--muted);display:flex;align-items:center;gap:10px}.kicker span{width:23px;height:2px;background:var(--accent)}h1{font-size:clamp(48px,5.3vw,82px);line-height:.98;letter-spacing:-.055em;margin:31px 0 25px;font-weight:700}h1 em{font-style:normal;color:var(--muted);font-weight:500}.intro-copy{color:#9aa19f;line-height:1.7;max-width:390px;font-size:15px}.hint{display:flex;align-items:center;gap:5px;margin-top:48px;color:var(--muted);font:400 10px 'DM Mono',monospace}.hint kbd{display:grid;place-items:center;width:24px;height:24px;border:1px solid var(--line);font:500 10px 'DM Mono';color:var(--ink);background:var(--panel)}.hint span{margin-left:7px}
.launcher{display:grid;grid-template-columns:1fr 1fr;gap:12px}.destination{min-height:278px;padding:22px 24px;display:flex;flex-direction:column;position:relative;overflow:hidden;background:var(--panel);border:1px solid var(--line);color:var(--ink);text-decoration:none;transition:transform .25s var(--ease),border-color .25s,background .25s}.destination:hover,.destination:focus-visible{transform:translateY(-4px);border-color:#555d59;background:#171b1b;outline:none}.destination:focus-visible{box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--accent)}.destination::after{content:"";position:absolute;inset:auto -35px -65px auto;width:150px;height:150px;border:1px solid #292e2d;border-radius:50%;transition:transform .4s var(--ease)}.destination:hover::after{transform:scale(1.15)}.card-top{display:flex;justify-content:space-between;align-items:center;font:500 10px 'DM Mono';letter-spacing:.08em}.number{color:var(--accent)}.location{color:var(--muted)}.symbol{height:118px;display:flex;align-items:center;color:#353b39}.symbol svg{width:72px;height:72px;fill:currentColor;stroke:none}.f1-symbol{font-size:70px;font-weight:800;letter-spacing:-.09em;font-style:italic}.hermes-symbol svg{width:76px}.gear-symbol svg{width:70px}.nas-symbol svg{fill:none;stroke:currentColor;stroke-width:4}.card-bottom{display:flex;align-items:end;justify-content:space-between;margin-top:auto;position:relative;z-index:1}.card-bottom h2{margin:0 0 5px;font-size:22px;letter-spacing:-.025em}.card-bottom p{margin:0;color:var(--muted);font-size:12px}.open{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--line);font-size:18px;transition:background .2s,color .2s,border-color .2s}.destination:hover .open,.destination:focus-visible .open{background:var(--accent);border-color:var(--accent);color:var(--bg)}.destination-f1{grid-column:1;grid-row:1 / 3;min-height:568px}.destination-f1 .symbol{flex:1;font-size:clamp(95px,9vw,145px);color:#303735}.destination-f1::before{content:"";position:absolute;width:280px;height:280px;right:-105px;top:95px;border:36px solid #1c2020;border-radius:50%}.destination-f1 .card-bottom h2{font-size:30px}.destination-hermes{grid-column:2;grid-row:1;min-height:278px}.destination-factorio{grid-column:2;grid-row:2;min-height:278px}.destination-nas{grid-column:1 / 3;grid-row:3;min-height:210px}.destination-factorio .symbol,.destination-nas .symbol{height:82px}
footer{height:70px;border-top:1px solid var(--line);display:flex;align-items:center;gap:18px;color:#5d6462;font:400 9px 'DM Mono';letter-spacing:.12em}.footer-line{height:1px;background:var(--line);flex:1}
@media(max-width:1050px){main{grid-template-columns:1fr;gap:45px;padding:52px 0}.intro{position:static;padding:0;display:grid;grid-template-columns:1fr 1fr;column-gap:35px}.kicker,.hint{grid-column:1/-1}h1{margin-bottom:0}.intro-copy{align-self:end;margin-bottom:5px}.hint{margin-top:30px}.launcher{max-width:none}.destination-f1{min-height:500px}}
@media(max-width:700px){.shell{padding:0 17px}header{height:70px}.clock .date{display:none}.clock{gap:8px}.clock .week{font-size:10px;padding-left:0;border-left:0}.wordmark{font-size:14px}.mark{width:31px;height:31px}main{padding:36px 0}.intro{display:block}.kicker{font-size:9px}h1{font-size:48px;margin:24px 0 20px}.intro-copy{font-size:14px}.hint{display:none}.launcher{grid-template-columns:1fr}.destination,.destination-f1,.destination-hermes,.destination-factorio,.destination-nas{grid-column:1;grid-row:auto;min-height:210px}.destination-f1{min-height:300px}.destination-f1 .symbol{font-size:92px}.symbol{height:85px}.destination-f1 .symbol{height:auto}.destination-f1::before{width:190px;height:190px;border-width:25px;right:-80px;top:65px}.card-bottom p{max-width:240px}footer{height:64px}.footer-line{display:none}footer{justify-content:space-between}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}