:root{color-scheme:dark;--bg:#07111f;--bg-soft:#0d1b2e;--ink:#f8fbff;--muted:#a9b9c9;--line:#f8fbff24;--panel:#ffffff0e;--cyan:#62d9ff;--green:#9bf6a5;--amber:#ffd166;--max:1180px}*{box-sizing:border-box}html{background:var(--bg);min-height:100%}body{min-height:100%;color:var(--ink);letter-spacing:0;background:radial-gradient(circle at 18% 12%,#62d9ff2e,#0000 30%),radial-gradient(circle at 82% 6%,#9bf6a51a,#0000 28%),linear-gradient(#07111f 0%,#08101c 48%,#050a12 100%);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}body:before{z-index:-1;content:"";background-image:linear-gradient(#f8fbff0a 1px,#0000 1px),linear-gradient(90deg,#f8fbff0a 1px,#0000 1px);background-size:64px 64px;position:fixed;inset:0;mask-image:linear-gradient(#000000db,#0000 88%)}a{color:inherit;text-decoration:none}p{line-height:1.7}.site-header,.site-footer,.section,.hero{width:min(var(--max), calc(100% - 40px));margin-inline:auto}.site-header{justify-content:space-between;align-items:center;gap:24px;min-height:78px;display:flex}.brand{align-items:center;gap:12px;font-weight:800;display:inline-flex}.brand-mark{object-fit:contain;flex:none;width:38px;height:38px}nav{color:var(--muted);align-items:center;gap:clamp(10px,2vw,22px);font-size:.95rem;display:flex}nav a:hover,.footer-links a:hover{color:var(--ink)}.hero{grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);align-items:center;gap:clamp(32px,6vw,72px);min-height:calc(100svh - 78px);padding:34px 0 64px;display:grid}.hero>*{min-width:0;max-width:100%}.eyebrow{color:var(--green);text-transform:uppercase;margin:0 0 18px;font-size:.78rem;font-weight:850}h1,.page-title{overflow-wrap:break-word;max-width:12ch;margin:0;font-size:clamp(3.2rem,7vw,6.2rem);line-height:.92}h2{margin:0;font-size:clamp(2rem,4vw,4.2rem);line-height:1}h3{margin:0}.lead{max-width:680px;color:var(--muted);overflow-wrap:anywhere;margin:28px 0 0;font-size:clamp(1.05rem,2vw,1.28rem)}.actions{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.button{border:1px solid var(--line);background:#ffffff12;border-radius:8px;justify-content:center;align-items:center;gap:10px;min-height:44px;padding:0 18px;font-weight:750;display:inline-flex}.button.primary{background:var(--cyan);color:#07111f;border-color:#0000}.button:hover{transform:translateY(-1px)}.orbital-card{border:1px solid var(--line);background:linear-gradient(135deg, #ffffff1f, transparent 42%), var(--panel);border-radius:8px;place-items:center;width:100%;min-width:0;min-height:520px;display:grid;overflow:hidden;box-shadow:0 24px 80px #00000047}.hero-media{border:1px solid var(--line);background:linear-gradient(135deg, #ffffff1f, transparent 42%), var(--panel);border-radius:8px;width:100%;min-width:0;min-height:520px;position:relative;overflow:hidden;box-shadow:0 24px 80px #00000047}.hero-media>img{width:100%;height:100%;min-height:inherit;object-fit:cover;display:block}.hero-media:after{content:"";pointer-events:none;background:linear-gradient(#0000 45%,#050a12ad);position:absolute;inset:0}.hero-badge{z-index:1;backdrop-filter:blur(10px);background:#050a12b8;border:1px solid #f8fbff2e;border-radius:8px;width:min(320px,100% - 36px);padding:16px;position:absolute;bottom:18px;right:18px}.hero-badge img{width:100%;height:auto;display:block}.game-hero{min-height:420px}.orbital-card span{aspect-ratio:1;width:min(280px,70%);color:var(--cyan);border:1px solid #62d9ff4d;border-radius:50%;place-items:center;font-size:clamp(4rem,11vw,8rem);font-weight:900;display:grid;box-shadow:0 0 80px #62d9ff29,inset 0 0 90px #9bf6a514}.section{padding:86px 0}.section-head{justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px;display:flex}.section-head p{max-width:520px;color:var(--muted);margin:0}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.game-card,.info-card,.link-card{border:1px solid var(--line);background:var(--panel);border-radius:8px;min-width:0}.game-card a,.info-card,.link-card{gap:18px;padding:18px;display:grid}.game-art{aspect-ratio:16/9;background:linear-gradient(145deg,#ffffff29,#0000 46%),#102033;border-radius:6px;min-height:0;overflow:hidden}.tone-cyan .game-art{background-color:#0d2a3a}.tone-green .game-art{background-color:#123126}.tone-amber .game-art{background-color:#302613}.game-art img,.card-image{object-fit:cover;width:100%;display:block}.game-art img{height:100%}.card-image{aspect-ratio:16/9;border-radius:6px}.game-copy p,.info-card p,.link-card p{color:var(--muted);margin:0}.game-copy span{color:var(--muted);line-height:1.6;display:block}.meta-list{flex-wrap:wrap;gap:8px;margin:22px 0 0;padding:0;list-style:none;display:flex}.meta-list li{border:1px solid var(--line);color:var(--muted);border-radius:8px;padding:8px 10px}.media-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:16px;display:grid}.media-shot{border:1px solid var(--line);background:var(--panel);border-radius:8px;min-width:0;margin:0;overflow:hidden}.media-shot img{aspect-ratio:16/9;object-fit:cover;width:100%;display:block}.media-shot.portrait img{aspect-ratio:9/16}.site-footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:24px;padding:42px 0 54px;display:flex}.site-footer strong{color:var(--ink)}.site-footer p{max-width:480px;margin:8px 0 0}.footer-links{flex-wrap:wrap;place-content:start end;gap:14px;display:flex}@media (width<=860px){.site-header{flex-direction:column;justify-content:center;align-items:flex-start;padding:18px 0}nav{width:100%;padding-bottom:4px;overflow-x:auto}.hero{grid-template-columns:1fr;min-height:auto;padding-top:28px}.orbital-card,.hero-media,.game-hero{min-height:360px}.grid{grid-template-columns:1fr}.section-head,.site-footer{flex-direction:column;align-items:flex-start}.footer-links{justify-content:start}}@media (width<=520px){.site-header,.site-footer,.section,.hero{width:min(var(--max), calc(100% - 40px))}h1,.page-title{word-break:normal;max-width:100%;font-size:clamp(2.5rem,13vw,3.45rem);line-height:.98}.lead{max-width:100%;font-size:1rem}.hero>div,.section-head,.actions{width:100%;max-width:100%}.orbital-card,.hero-media,.game-hero{min-height:300px}.hero-badge{width:min(260px,100% - 24px);padding:12px;bottom:12px;right:12px}.actions .button{flex:100%}}