@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";:root{color:#f2eee1;font-synthesis:none;text-rendering:optimizelegibility;--bg:#141916;--panel:#1b211d;--line:#394139;--muted:#9da69a;--orange:#d57b45;--gold:#e3be70;--cream:#f2eee1;--mono:"DM Mono",monospace;--display:"Barlow Condensed",Impact,sans-serif;background:#141916;font-family:Manrope,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{background:radial-gradient(ellipse at 78% 12%,#2a3329 0,transparent 28%),var(--bg);color:var(--cream);margin:0}a{color:inherit;text-decoration:none}button{font:inherit}.ticker{background:var(--orange);color:#181712;height:28px;font:10px var(--mono);letter-spacing:.12em;justify-content:center;align-items:center;gap:13px;display:flex}.ticker i,.eyebrow i{opacity:.5;background:#392b20;width:1px;height:14px}.ticker a{align-items:center;gap:5px;text-decoration:underline;display:inline-flex}.live-dot{background:#8c9285;border-radius:50%;width:7px;height:7px;display:inline-block;box-shadow:0 0 0 3px #8c928522}.live-dot.on{background:#a9dc82;box-shadow:0 0 0 3px #a9dc8222}.topbar{z-index:9;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#141916ee;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;height:74px;padding:0 max(50% - 640px,5.2%);display:flex;position:sticky;top:0}.brand{align-items:center;gap:11px;display:flex}.brand-icon{width:38px;height:38px;color:var(--gold);background:#252b25;border:1px solid #687067;border-radius:8px;place-items:center;display:grid}.brand b{font:800 16px var(--display);letter-spacing:.04em}.brand b span{color:var(--orange)}.brand small{color:#8c9488;font:9px var(--mono);letter-spacing:.14em;margin-top:3px;display:block}.nav{color:#c6c8bb;align-items:center;gap:31px;font-size:12px;font-weight:700;display:flex}.nav a:hover,.footer a:hover{color:var(--gold)}.nav-source{color:#f4dec1;font:10px var(--mono);letter-spacing:.06em;background:#48291f;border:1px solid #a65532;align-items:center;gap:8px;padding:12px 15px;display:flex}.menu-toggle{color:#fff;background:0 0;border:0;display:none}.hero{border-bottom:1px solid #ffffff18;align-items:center;height:min(690px,100vh - 102px);min-height:570px;display:flex;position:relative;overflow:hidden}.hero-image{filter:saturate(.8);background-image:url(/retro-commander-cover.png);background-position:50% 43%;background-size:cover;position:absolute;inset:0}.hero-shade{background:linear-gradient(90deg,#111713 0%,#111713ef 29%,#111713a8 56%,#11171312 100%),linear-gradient(#11171345 0%,#0000 71%,#141916 100%);position:absolute;inset:0}.hero-content{max-width:640px;margin-left:max(50% - 640px,8%);padding:55px 20px 45px 0;position:relative}.eyebrow{color:#b8b6a7;font:10px var(--mono);letter-spacing:.14em;align-items:center;gap:11px;display:flex}.eyebrow span{color:var(--gold)}.eyebrow i{background:#9ba294}.hero h1,.section-heading h2,.brief-intro h2,.controls-inner h2,.source-card h2{font:900 clamp(68px,8.5vw,118px)/.82 var(--display);letter-spacing:.005em;color:var(--cream);margin:27px 0 24px}h1 em,h2 em,h3 em{color:var(--orange);font-style:normal}.hero-copy{color:#d1d0c4;max-width:500px;font-size:16px;line-height:1.8}.hero-actions{align-items:center;gap:22px;margin-top:31px;display:flex}.button{font:700 11px var(--mono);letter-spacing:.04em;align-items:center;gap:12px;padding:15px 18px;display:inline-flex}.button.primary{background:var(--gold);color:#171913;box-shadow:4px 4px #a76d34}.button.primary:hover{background:#f0d48e;transform:translateY(-1px)}.button.text{color:#e4d5b3;border-bottom:1px solid #b2a881;padding-inline:0}.hero-stats{color:#9fa397;font:9px var(--mono);letter-spacing:.08em;gap:27px;margin-top:44px;display:flex}.hero-stats span{gap:7px;display:flex}.hero-stats b{color:#edc87e}.hero-stamp{text-align:center;color:#d9c686;width:112px;height:112px;font:9px var(--mono);letter-spacing:.08em;background:#1b211c99;border:1px solid #ddc27b77;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:54px;right:8%;transform:rotate(10deg)}.hero-stamp b{font:800 45px var(--display);opacity:.2;position:absolute}.hero-stamp small{font-size:7px}.section-wrap{max-width:1160px;margin:0 auto}.game-section{padding:95px 0 76px}.section-heading{justify-content:space-between;align-items:end;margin-bottom:25px;display:flex}.section-heading h2,.brief-intro h2,.controls-inner h2,.source-card h2{margin:16px 0;font-size:clamp(45px,5vw,67px);line-height:.9}.section-heading p,.brief-intro p,.controls-inner p,.source-card p{color:#adb3a7;max-width:600px;font-size:13px;line-height:1.8}.external-link,.inline-link{font:10px var(--mono);letter-spacing:.05em;color:var(--gold);white-space:nowrap;border-bottom:1px solid #a88953;align-items:center;gap:8px;padding-bottom:7px;display:inline-flex}.game-frame{background:#080a09;border:1px solid #53594b;position:relative;overflow:hidden;box-shadow:0 24px 70px #0008}.game-frame iframe{background:#090b09;border:0;width:100%;height:min(72vw,690px);min-height:480px;display:block}.game-frame.expanded{z-index:30;background:#000;position:fixed;inset:20px}.game-frame.expanded iframe{height:calc(100vh - 58px)}.launch-screen{background:#111;height:min(72vw,690px);min-height:480px;position:relative;overflow:hidden}.launch-screen>img{object-fit:cover;object-position:center 40%;opacity:.68;width:100%;height:100%}.launch-scrim{background:linear-gradient(90deg,#111713f5,#111713a8 52%,#11171325),linear-gradient(#0000 40%,#11171390);position:absolute;inset:0}.launch-copy{position:absolute;top:50%;left:7%;transform:translateY(-50%)}.launch-label{font:10px var(--mono);color:#e9d392;letter-spacing:.14em;align-items:center;gap:9px;display:flex}.launch-label i{background:#a9dc82;border-radius:50%;width:7px;height:7px}.launch-copy h3{font:900 clamp(48px,6vw,80px)/.82 var(--display);margin:20px 0 27px}.launch-button{cursor:pointer;border:0}.launch-copy>small{color:#b3b2a7;font:10px var(--mono);margin-top:16px;display:block}.launch-corner{color:#ddd0a466;font:10px var(--mono);text-align:right;letter-spacing:.13em;line-height:1.8;position:absolute;bottom:28px;right:30px}.game-toolbar{color:#a8aea0;height:42px;font:9px var(--mono);letter-spacing:.06em;background:#1d241f;justify-content:space-between;align-items:center;padding:0 14px;display:flex}.game-toolbar span,.game-toolbar button{align-items:center;gap:9px;display:flex}.game-toolbar button{color:#dfd2ae;cursor:pointer;font:9px var(--mono);background:0 0;border:0}.game-credit{color:#939a8e;justify-content:space-between;gap:12px;font-size:10px;line-height:1.6;display:flex}.game-credit a{color:var(--gold);white-space:nowrap;align-items:center;gap:4px;display:inline-flex}.brief-grid{border-top:1px solid #ffffff1b;grid-template-columns:.9fr 1.1fr;gap:90px;padding:92px 0 104px;display:grid}.brief-intro h2{font-size:clamp(52px,6vw,78px)}.brief-intro .inline-link{margin-top:18px}.feature-list article{border-bottom:1px solid #ffffff19;gap:20px;padding:24px 0;display:flex}.feature-icon{width:48px;height:48px;color:var(--gold);background:#232b23;border:1px solid #596252;flex:0 0 48px;place-items:center;display:grid}.feature-icon svg{width:21px}.feature-list small{font:9px var(--mono);color:#d5a56c;letter-spacing:.1em}.feature-list h3{font:700 24px var(--display);margin:7px 0}.feature-list p{color:#aeb4a9;margin:0;font-size:12px;line-height:1.7}.controls-section{background:linear-gradient(110deg,#252a22,#1c241e 55%,#25281f);border-block:1px solid #6a67484a}.controls-inner{grid-template-columns:.8fr 1.2fr;gap:110px;padding-top:83px;padding-bottom:88px;display:grid}.controls-inner h2{font-size:clamp(56px,6vw,80px)}.steps{border-top:1px solid #7d806c55}.steps>div{border-bottom:1px solid #7d806c45;align-items:center;gap:25px;padding:17px 0;display:flex}.steps b{font:16px var(--mono);color:var(--orange)}.steps strong,.steps small{display:block}.steps strong{font-size:13px}.steps small{color:#a6ada0;margin-top:5px;font-size:11px}.controls-strip{border-bottom:1px solid #ffffff1a;justify-content:space-between;padding:30px 0 42px;display:flex}.controls-strip div{gap:8px;display:grid}.controls-strip small{font:9px var(--mono);letter-spacing:.1em;color:#9fa496}.controls-strip b{font:700 11px var(--mono);color:#e4d5b3}.source-section{padding:82px 0 42px}.source-card{background:linear-gradient(110deg,#202720ed,#1d241fef),url(/retro-commander-cover.png) 50%/cover;border:1px solid #4c5547;grid-template-columns:1fr .8fr;gap:60px;padding:38px 43px;display:grid}.source-card h2{font-size:clamp(43px,5vw,62px)}.source-card p{max-width:490px}.source-links{align-self:center}.source-links a{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:17px 3px;display:flex}.source-links a svg{color:var(--gold);width:17px}.source-links small,.source-links b{display:block}.source-links small{font:9px var(--mono);color:#c29a5d;letter-spacing:.1em}.source-links b{margin-top:5px;font-size:12px}.source-disclaimer{color:#858e81;font:9px var(--mono);padding:18px 0}.footer{color:#90988c;font:9px var(--mono);letter-spacing:.06em;border-top:1px solid #ffffff1b;justify-content:space-between;align-items:center;padding:24px max(50% - 580px,5.2%);display:flex}.footer .brand b{font-size:13px}.footer .brand-icon{width:32px;height:32px}.footer>a:last-child{color:#d9c383}@media (width<=1200px){.section-wrap{margin-inline:6%}.brief-grid,.controls-inner{gap:55px}.game-section{padding-top:75px}}@media (width<=760px){.ticker{letter-spacing:.04em;gap:7px;font-size:8px}.ticker i:nth-of-type(2),.ticker a{display:none}.topbar{height:64px;padding-inline:5%}.menu-toggle{display:block}.nav{background:#171d19;border-bottom:1px solid #6a6d5c55;flex-direction:column;align-items:stretch;gap:0;padding:18px 5% 24px;display:none;position:absolute;top:64px;left:0;right:0}.nav.open{display:flex}.nav>a{border-bottom:1px solid #ffffff12;padding:14px 0}.nav .nav-source{margin-top:12px;padding:13px}.hero{align-items:end;height:auto;min-height:680px}.hero-image{background-position:62%}.hero-shade{background:linear-gradient(#11171338 0%,#111713dc 65%,#111713 100%),linear-gradient(90deg,#11171355,#0000)}.hero-content{margin:0;padding:0 6% 45px}.hero h1{font-size:clamp(62px,15vw,92px)}.hero-copy{font-size:14px}.hero-actions{flex-direction:column;align-items:flex-start;gap:14px}.hero-stats{flex-wrap:wrap;gap:10px;margin-top:30px}.hero-stats span{font-size:8px}.hero-stamp{width:80px;height:80px;top:32px;bottom:auto;right:6%}.hero-stamp b{font-size:34px}.section-wrap{margin-inline:5%}.game-section{padding:62px 0 52px}.section-heading{display:block}.section-heading h2{font-size:48px}.external-link{margin-top:10px}.game-frame iframe,.launch-screen{height:68vh;min-height:420px}.launch-copy{left:6%}.launch-copy h3{font-size:58px}.game-credit{display:block}.game-credit a{margin-top:5px}.brief-grid,.controls-inner{grid-template-columns:1fr;gap:38px;padding-top:60px;padding-bottom:65px}.brief-intro h2,.controls-inner h2{font-size:62px}.feature-list article{padding:19px 0}.controls-inner{gap:18px}.controls-strip{grid-template-columns:1fr 1fr;gap:24px;padding-top:27px;display:grid}.source-section{padding-top:58px}.source-card{grid-template-columns:1fr;gap:20px;padding:27px 22px}.source-card h2{font-size:48px}.footer{flex-wrap:wrap;gap:14px;padding:20px 5%}.footer>span{order:3;width:100%}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.embed-note{color:#d0d0c4;max-width:510px;margin:0 0 20px;font-size:13px;line-height:1.8}.game-toolbar a{color:#dfd2ae;font:9px var(--mono);align-items:center;gap:8px;display:flex}.guide-deep{border-top:1px solid #ffffff1b;padding:88px 0 80px}.guide-title{max-width:700px}.guide-title h2,.gallery-section h2{font:900 clamp(49px,6vw,75px)/.9 var(--display);margin:17px 0}.guide-title p,.gallery-intro{color:#adb3a7;max-width:650px;font-size:13px;line-height:1.8}.guide-cards{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:35px;display:grid}.guide-cards article{background:linear-gradient(145deg,#28302a,#1d241f);border:1px solid #424c41;min-height:260px;padding:25px 24px;position:relative}.guide-cards article>span{font:9px var(--mono);color:#dbac69;letter-spacing:.09em}.guide-cards article>svg{color:var(--gold);width:23px;margin-top:24px;display:block}.guide-cards h3{font:700 25px var(--display);margin:12px 0 8px}.guide-cards p{color:#b2b8ac;margin:0 0 23px;font-size:12px;line-height:1.75}.guide-cards article>small{font:8px var(--mono);color:#a9a995;letter-spacing:.08em;position:absolute;bottom:20px;left:24px}.guide-note{color:#ded6b8;background:#28291f;border:1px solid #786b46;align-items:flex-start;gap:14px;margin-top:22px;padding:18px 20px;display:flex}.guide-note svg{color:var(--gold);flex:0 0 18px;margin-top:2px}.guide-note p{margin:0;font-size:12px;line-height:1.7}.media-section{border-top:1px solid #ffffff1b;padding:78px 0 82px}.video-frame{aspect-ratio:16/9;background:#090b09;border:1px solid #53594b;max-height:650px;box-shadow:0 20px 55px #0007}.video-frame iframe{border:0;width:100%;height:100%;display:block}.gallery-section{border-top:1px solid #ffffff1b;padding:75px 0 70px}.gallery-grid{grid-template-columns:repeat(6,1fr);gap:12px;margin-top:26px;display:grid}.gallery-grid a{background:#1d241f;border:1px solid #4b5348;grid-column:span 2;min-height:220px;position:relative;overflow:hidden}.gallery-grid a:first-child,.gallery-grid a:nth-child(2){grid-column:span 3;min-height:300px}.gallery-grid img{object-fit:cover;width:100%;height:100%;transition:transform .35s;position:absolute;inset:0}.gallery-grid a:hover img{transform:scale(1.035)}.gallery-grid a:after{content:"";background:linear-gradient(#0000,#101512dd);position:absolute;inset:45% 0 0}.gallery-grid a span{z-index:1;color:#f0dfba;font:9px var(--mono);letter-spacing:.05em;justify-content:space-between;align-items:center;display:flex;position:absolute;bottom:12px;left:14px;right:14px}.image-credit{color:#8f978a;margin-top:16px;font-size:10px}.image-credit a{color:var(--gold)}@media (width<=760px){.guide-deep,.media-section,.gallery-section{padding-top:58px;padding-bottom:58px}.guide-cards{grid-template-columns:1fr;gap:12px}.guide-cards article{min-height:230px}.gallery-grid{grid-template-columns:1fr 1fr;gap:9px}.gallery-grid a,.gallery-grid a:first-child,.gallery-grid a:nth-child(2){grid-column:span 1;min-height:185px}.gallery-grid a:first-child{grid-column:span 2;min-height:250px}.gallery-grid a:nth-child(2){grid-column:span 1;min-height:185px}.video-frame{aspect-ratio:16/10}.embed-note{font-size:12px}}.launch-button{cursor:pointer}.launch-button:focus-visible{outline-offset:4px;outline:3px solid #fff}.embed-explainer{color:#ede5d2;background:#171d19ef;border:1px solid #dfba6f;gap:7px;max-width:520px;margin-top:17px;padding:15px 17px;font-size:12px;line-height:1.65;display:grid}.embed-explainer b{font:600 10px var(--mono);letter-spacing:.08em;color:var(--gold);text-transform:uppercase}.embed-status{cursor:default}.video-frame{position:relative}.video-frame:empty:before{content:"VIDEO WILL START MUTED WHEN YOU SCROLL HERE";color:#d8c68d;font:10px var(--mono);letter-spacing:.12em;background:linear-gradient(120deg,#18201b,#252a22);place-items:center;display:grid;position:absolute;inset:0}