:root{color-scheme:dark;--black:#000;--yellow:#ffdc27;--white:#f8f8f8;--muted:#c7c7c7}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:var(--black);color:var(--white);font:16px/1.55 Arial,Helvetica,sans-serif}a{color:inherit}img{display:block;max-width:100%;height:auto}.shell{width:min(1460px,calc(100% - 48px));margin-inline:auto}.skip{position:absolute;left:12px;top:-100px;z-index:99;background:var(--yellow);color:#000;padding:10px}.skip:focus{top:12px}.site-header{position:sticky;top:0;z-index:10;background:#000;border-bottom:1px solid #393939}.header-inner{min-height:78px;display:flex;align-items:center;gap:24px}.brand{text-decoration:none;white-space:nowrap;font-family:Impact,'Arial Black',sans-serif;font-size:clamp(1.4rem,2.3vw,2.1rem);letter-spacing:.055em;color:var(--yellow)}.brand-mark{font-family:monospace;font-size:.75em;margin-right:10px}.trademark{font-size:.4em;vertical-align:top}.nav{display:flex;align-items:center;gap:clamp(12px,1.7vw,30px);margin:auto}.nav a,.header-cta,.menu-toggle,.eyebrow,.card-number,.button,.road-status,.footer{font:800 .8rem/1.4 ui-monospace,Menlo,Consolas,monospace;letter-spacing:.04em}.nav a{text-decoration:none}.nav a:hover,.footer a:hover{color:var(--yellow)}.header-cta{border:1px solid var(--yellow);padding:12px;color:var(--yellow);text-decoration:none;white-space:nowrap}.menu-toggle{display:none}.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:clamp(20px,4vw,60px);padding-block:55px 46px}.eyebrow{color:var(--yellow);letter-spacing:.1em}.hero h1,.story h2,.roadmap h2,.contact h2{font-family:Impact,'Arial Black',sans-serif;line-height:1.02;letter-spacing:.03em;margin:16px 0 24px}.hero h1{font-size:clamp(3rem,5.7vw,6rem)}.hero h1 span,.story h2 span,.contact h2 span{color:var(--yellow)}.hero-copy>p:not(.eyebrow){max-width:520px;font-size:1.12rem;color:#e1e1e1}.hero-visual{display:flex;align-items:center;justify-content:center;min-width:0}.hero-visual img{width:auto;max-width:100%;max-height:711px;object-fit:contain}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 17px;text-decoration:none}.primary{background:var(--yellow);color:#000}.secondary{border:1px solid #9b9b9b}.button:hover{outline:2px solid var(--yellow);outline-offset:2px}.features{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding-block:12px 54px}.feature{border:1px solid #b59c22;background:#000;min-width:0;padding:15px;display:flex;flex-direction:column}.card-number{color:var(--yellow);margin:0 0 15px}.feature-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:10px;flex:1}.feature-inner img{width:100%;height:auto;max-height:240px;object-fit:contain}.feature-copy{min-width:0}.feature h2{font:900 clamp(1.4rem,2vw,2rem)/1 Impact,'Arial Black',sans-serif;color:var(--yellow);margin:0 0 12px;letter-spacing:.03em}.feature p:not(.card-number){margin:0;font-size:.9rem;line-height:1.5}.story{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding-bottom:40px}.story-visual,.story-copy{border:1px solid #333;background:#000;min-width:0;padding:clamp(20px,3vw,40px)}.story-visual{display:flex;align-items:center;justify-content:center;min-height:330px}.story-visual img{width:auto;max-width:100%;max-height:366px;object-fit:contain}.story-visual.small img{max-height:340px}.story h2,.contact h2{font-size:clamp(2.2rem,4.1vw,4.7rem)}.story-copy p:not(.eyebrow){color:#d8d8d8;max-width:660px}.roadmap{background:var(--yellow);color:#000;padding:clamp(22px,4vw,54px);margin-bottom:44px}.roadmap .eyebrow{color:#403500}.roadmap h2{font-size:clamp(2.5rem,5.2vw,5.6rem);max-width:1000px}.roadmap h2 span{color:#705600}.roadmap-rows{max-width:1000px}.roadmap-rows>div{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:15px;align-items:center;border-bottom:1px solid #8b7616;padding:10px 0}.road-number{border:1px solid #000;text-align:center;padding:5px;font-weight:900}.roadmap-rows strong{font-size:clamp(.85rem,1.7vw,1.15rem)}.road-status{white-space:nowrap}.loading-track{height:21px;max-width:1000px;border:3px solid #000;background:repeating-linear-gradient(90deg,#000 0 14px,var(--yellow) 14px 20px);margin-top:28px}.loading-track span{display:block;width:42%;height:100%;background:repeating-linear-gradient(90deg,#fff 0 14px,#000 14px 20px)}.contact{border-top:1px solid #444;padding-block:35px 60px}.contact>div{max-width:850px}.contact p:not(.eyebrow){color:#d0d0d0}.footer{border-top:1px solid #333}.footer-inner{display:flex;justify-content:space-between;gap:20px;padding-block:23px}.footer a{color:var(--yellow);text-decoration:none}.muted{color:#a9a9a9}:focus-visible{outline:3px solid #fff;outline-offset:4px}@media(max-width:1200px){.header-cta{display:none}.features{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-inner{grid-template-columns:minmax(0,190px) minmax(0,1fr)}.feature-inner img{max-height:200px}}@media(max-width:850px){.hero{grid-template-columns:1fr}.hero-visual{justify-content:flex-start}.hero-visual img{max-height:480px}.nav{gap:10px}.nav a{font-size:.7rem}.story{grid-template-columns:1fr}.story-visual{min-height:220px}.story-visual.small{display:none}}@media(max-width:620px){.shell{width:calc(100% - 28px)}.header-inner{min-height:65px;justify-content:space-between}.menu-toggle{display:block;background:#000;border:1px solid var(--yellow);color:var(--yellow);padding:9px 11px}.nav{display:none;position:absolute;left:0;right:0;top:64px;background:#000;border-bottom:1px solid var(--yellow);padding:10px 16px;flex-direction:column;align-items:stretch;gap:0}.nav.open{display:flex}.nav a{font-size:.95rem;padding:12px 8px}.hero{padding-block:28px 35px}.hero h1{font-size:clamp(2.8rem,11vw,4.4rem)}.hero-copy>p:not(.eyebrow){font-size:1rem}.features{grid-template-columns:1fr;gap:12px;padding-bottom:32px}.feature-inner{grid-template-columns:minmax(0,40%) minmax(0,60%);gap:10px}.feature-inner img{max-height:175px}.feature{min-height:200px}.feature h2{font-size:1.7rem}.story-visual,.story-copy{padding:20px}.story h2,.contact h2{font-size:clamp(2.2rem,9vw,3.7rem)}.roadmap-rows>div{grid-template-columns:36px 1fr;gap:8px 12px}.road-status{grid-column:2;white-space:normal;font-size:.7rem}.roadmap h2{font-size:clamp(2.2rem,9vw,3.8rem)}.footer-inner{flex-direction:column}.muted{display:block}}@media(max-width:360px){.feature-inner{grid-template-columns:34% 1fr}.feature h2{font-size:1.4rem}.feature p:not(.card-number){font-size:.84rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* V0.3: approved header, hero and four-card composition only. */
.brand{display:block;flex:0 1 auto;min-width:0}.brand img{width:min(100%,445px);max-height:96px;height:auto;object-fit:contain;object-position:left center}
.header-inner{min-height:106px}.hero{grid-template-columns:minmax(0,0.93fr) minmax(0,1.17fr);gap:clamp(20px,2vw,42px);padding-block:65px 50px}.hero-visual img{width:auto;max-width:100%;max-height:none;object-fit:contain}
.features{gap:20px}.feature{padding:20px;min-height:275px}.feature-inner{grid-template-columns:minmax(0,48%) minmax(0,52%);gap:14px}.feature-inner img{width:100%;height:220px;max-height:220px;object-fit:contain;object-position:center center}.feature-copy{position:relative;z-index:1}.feature h2{font-size:clamp(1.35rem,1.8vw,2rem)}.feature p:not(.card-number){font-size:clamp(.85rem,1vw,1rem)}
@media(max-width:1200px){.header-inner{min-height:90px}.brand img{max-width:330px}.features{gap:14px}.feature-inner{grid-template-columns:minmax(0,45%) minmax(0,55%)}.feature-inner img{height:195px;max-height:195px}}
@media(max-width:850px){.hero{grid-template-columns:1fr;gap:28px;padding-block:40px}.hero-visual{justify-content:center}.hero-visual img{max-height:none}.feature-inner{grid-template-columns:minmax(0,42%) minmax(0,58%)}.feature-inner img{height:200px;max-height:200px}}
@media(max-width:620px){.header-inner{min-height:72px}.brand{max-width:min(72vw,280px)}.brand img{max-height:62px}.nav{top:71px}.hero{padding-block:30px}.feature{min-height:0;padding:16px}.feature-inner{grid-template-columns:minmax(0,43%) minmax(0,57%);gap:10px}.feature-inner img{height:175px;max-height:175px}.feature h2{font-size:clamp(1.3rem,6vw,1.8rem)}.feature p:not(.card-number){font-size:.9rem}}
@media(max-width:360px){.brand{max-width:68vw}.feature-inner{grid-template-columns:minmax(0,40%) minmax(0,60%)}.feature-inner img{height:145px;max-height:145px}.feature h2{font-size:1.3rem}}

/* V0.4 — targeted changes; original JPEG bytes preserved. */
.brand{flex:0 0 auto}.brand img{width:222.5px;max-width:100%;height:auto;max-height:none}
.header-inner{min-height:78px}
/* Reduce the oversized top section while keeping artwork at or below native dimensions. */
.hero{grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);gap:clamp(18px,2.5vw,38px);padding-block:32px 30px}
.hero h1{font-size:clamp(2.4rem,4.1vw,4.5rem)}
.hero-visual img{max-width:100%;max-height:320px;width:auto;height:auto;object-fit:contain}
/* Equal visual space, not equal source-file widths; no stretching or cropping. */
.features{gap:14px}.feature{padding:16px;min-height:245px}.feature-inner{grid-template-columns:minmax(0,48%) minmax(0,52%);gap:12px}.feature-inner img{width:100%;height:190px;max-height:190px;object-fit:contain;object-position:center}
#games .feature-inner{grid-template-columns:minmax(0,51%) minmax(0,49%)}
#games .feature-inner img{height:195px;max-height:195px}
.story-visual img{width:auto;max-width:100%;max-height:366px;object-fit:contain}
.story-visual.small img{width:auto;max-width:100%;max-height:340px}
@media(max-width:1200px){.header-inner{min-height:74px}.brand img{width:200px}.feature-inner img{height:190px;max-height:190px}}
@media(max-width:850px){.hero{grid-template-columns:1fr;gap:16px;padding-block:25px}.hero-visual{grid-row:1;justify-content:center}.hero-copy{grid-row:2}.hero-visual img{max-height:320px}.story-visual.small{display:flex}.story{grid-template-columns:1fr}.story-visual.small{grid-row:4}}
@media(max-width:620px){.header-inner{min-height:65px}.brand img{width:min(180px,65vw);max-height:none}.nav{top:64px}.hero{padding-block:20px 28px}.hero-visual img{max-height:240px}.hero h1{font-size:clamp(2.6rem,10vw,4rem)}.feature{padding:14px;min-height:0}.feature-inner{grid-template-columns:minmax(0,45%) minmax(0,55%);gap:10px}.feature-inner img{height:170px;max-height:170px}#games .feature-inner{grid-template-columns:minmax(0,48%) minmax(0,52%)}#games .feature-inner img{height:175px;max-height:175px}.story-visual.small img{max-height:260px}}
@media(max-width:360px){.brand img{width:min(160px,62vw)}.feature-inner img,#games .feature-inner img{height:145px;max-height:145px}}

/* V0.5 — real CSS arcade interface, no alteration to source JPGs. */
.arcade-card{position:relative;isolation:isolate;border:2px solid #a58b17;box-shadow:inset 0 0 0 5px #000,inset 0 0 0 6px #40370e;clip-path:polygon(0 9px,9px 9px,9px 0,calc(100% - 9px) 0,calc(100% - 9px) 9px,100% 9px,100% calc(100% - 9px),calc(100% - 9px) calc(100% - 9px),calc(100% - 9px) 100%,9px 100%,9px calc(100% - 9px),0 calc(100% - 9px))}
.arcade-card::before,.arcade-card::after{content:"";position:absolute;width:7px;height:7px;background:var(--yellow);z-index:2}.arcade-card::before{top:13px;right:13px}.arcade-card::after{bottom:13px;left:13px;opacity:.65}.arcade-card .card-number{padding-bottom:9px;border-bottom:1px solid #4e4211}.arcade-card:hover{border-color:var(--yellow);box-shadow:inset 0 0 0 5px #000,inset 0 0 0 6px #88701a,0 0 0 2px #473b0c}.arcade-card:hover .card-number{color:#fff}
/* Games: more visual real estate on desktop/tablet; keep the approved mobile layout. */
@media(min-width:851px){#games .feature-inner{grid-template-columns:minmax(0,59%) minmax(0,41%);gap:6px}#games .feature-inner img{width:100%;height:240px;max-height:240px;object-fit:contain}#games .feature-copy h2{font-size:clamp(1.2rem,1.6vw,1.85rem)}#games .feature-copy p{font-size:clamp(.82rem,.91vw,1rem)}}
.pixel-stage{position:relative;border:1px solid #5b4b15;box-shadow:inset 0 0 0 7px #000,inset 0 0 0 8px #3c320e;overflow:hidden}.pixel-stage::before{content:attr(data-stage);position:absolute;top:14px;left:15px;padding:5px 8px;background:#000;color:var(--yellow);font:800 .7rem/1.2 ui-monospace,monospace;letter-spacing:.13em;z-index:1}.pixel-stage::after{content:"";position:absolute;inset:12px;pointer-events:none;background:linear-gradient(var(--yellow),var(--yellow)) top left/15px 2px no-repeat,linear-gradient(var(--yellow),var(--yellow)) top left/2px 15px no-repeat,linear-gradient(var(--yellow),var(--yellow)) bottom right/15px 2px no-repeat,linear-gradient(var(--yellow),var(--yellow)) bottom right/2px 15px no-repeat;opacity:.65}.bike-stage{border-color:#5b4b15}.bike-stage::before{content:"SIDE QUEST // 02"}
/* Full-width monitor, restrained green glow and pixel framing without scanlines over content. */
.roadmap{width:min(1460px,calc(100% - 48px));max-width:1460px;margin:0 auto 46px;padding:0;background:#000}.roadmap-screen{position:relative;width:100%;max-width:1460px;padding:clamp(22px,4vw,58px);background:#071d14;color:#ffdf36;border:3px solid #bca227;box-shadow:inset 0 0 0 6px #071d14,inset 0 0 0 8px #456c42,0 0 0 6px #000,0 0 0 7px #665719;clip-path:polygon(0 12px,12px 12px,12px 0,calc(100% - 12px) 0,calc(100% - 12px) 12px,100% 12px,100% calc(100% - 12px),calc(100% - 12px) calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,12px calc(100% - 12px),0 calc(100% - 12px))}.roadmap-screen::before{content:"●  SYS ONLINE";display:block;color:#a7d48b;font:800 .75rem ui-monospace,monospace;letter-spacing:.12em;padding-bottom:18px;border-bottom:1px solid #395740}.roadmap .eyebrow{color:#b6dd96}.roadmap h2{max-width:none;color:#ffe338;text-shadow:3px 3px 0 #263c15}.roadmap h2 span{color:#a9db94}.roadmap-rows{max-width:none}.roadmap-rows>div{border-color:#43633f}.road-number{border-color:#c5d87c}.road-status{color:#b8d9a1}.loading-track{max-width:none;border-color:#b4c75e;background:repeating-linear-gradient(90deg,#173322 0 14px,#a5bc6d 14px 20px)}.loading-track span{background:repeating-linear-gradient(90deg,#ffe338 0 14px,#071d14 14px 20px)}.screen-bottom{margin:17px 0 0;font:800 .68rem ui-monospace,monospace;letter-spacing:.13em;color:#9cc48a}
.contact{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(24px,4vw,70px);align-items:start;border-top:1px solid #54481c;padding-block:45px 70px}.contact-intro{max-width:600px}.contact-availability{font:800 .73rem/1.6 ui-monospace,monospace;color:#ffe338!important;border-left:3px solid var(--yellow);padding-left:12px;margin-top:26px}.terminal{min-width:0;border:2px solid #d4b822;box-shadow:6px 6px 0 #4d4112;background:#030503}.terminal-bar{display:flex;justify-content:space-between;gap:10px;background:var(--yellow);color:#000;padding:11px 15px;font:900 .75rem ui-monospace,monospace;letter-spacing:.05em}.terminal form{padding:clamp(15px,2.4vw,28px)}.mission{border:0;padding:0;margin:0}.mission legend,.form-step{font:900 .8rem ui-monospace,monospace;color:var(--yellow);letter-spacing:.05em;margin:0 0 15px}.mission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mission-grid label{min-width:0;cursor:pointer}.mission-grid input{position:absolute;opacity:0;width:1px;height:1px}.mission-grid span{display:block;padding:12px 10px;border:1px solid #776619;font:800 .76rem/1.4 ui-monospace,monospace;color:#f2e4a7;min-height:56px}.mission-grid input:checked+span{background:var(--yellow);color:#000;border-color:var(--yellow);box-shadow:3px 3px 0 #685816}.mission-grid input:focus-visible+span{outline:3px solid #fff;outline-offset:3px}.form-panel{margin-top:24px;border-top:1px solid #685b1e;padding-top:22px}.form-panel.panel-flash{border-color:var(--yellow)}.form-step{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px}.form-step span{color:#d0e7a5}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.form-panel label{display:block;font:800 .75rem/1.5 ui-monospace,monospace;letter-spacing:.05em;color:var(--yellow);margin-bottom:14px}.form-panel input,.form-panel textarea{display:block;width:100%;margin-top:7px;border:1px solid #78691e;border-radius:0;background:#0b0c08;color:#fff;padding:13px;font:400 1rem/1.4 Arial,sans-serif;resize:vertical}.form-panel input:focus,.form-panel textarea:focus{outline:2px solid var(--yellow);outline-offset:1px}.form-bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px}.form-bottom p{flex:1 1 230px;font-size:.79rem;color:#c3c3c3!important}.form-bottom button{cursor:pointer;border:0}.form-result{font:800 .78rem/1.5 ui-monospace,monospace;color:var(--yellow)!important}.footer-inner{align-items:center}.footer-brand{display:flex;flex-wrap:wrap;align-items:center;gap:12px;font-size:.75rem}.footer-brand img{width:96px;height:auto}.footer-brand .muted{color:#a9a9a9}.footer a{white-space:nowrap}
@media(max-width:1100px){.contact{grid-template-columns:1fr}.contact-intro{max-width:850px}}
@media(max-width:850px){.roadmap-screen{padding:25px 20px}}
@media(max-width:620px){.arcade-card{clip-path:none}.roadmap-screen{clip-path:none;padding:24px 15px}.roadmap h2{font-size:clamp(2rem,8.5vw,3.8rem)}.roadmap-rows>div{grid-template-columns:36px minmax(0,1fr)}.contact{padding-block:35px 48px}.mission-grid{gap:7px}.mission-grid span{font-size:.67rem;min-height:62px}.form-grid{grid-template-columns:1fr;gap:0}.footer-inner{flex-direction:row;align-items:center;justify-content:space-between;gap:12px}.footer-brand{flex:1 1 auto;min-width:0;flex-wrap:nowrap;gap:8px;font-size:clamp(.58rem,2.4vw,.75rem)}.footer-brand img{width:58px;flex:0 0 auto}.back-to-top{display:inline-flex;align-items:center;justify-content:center;flex:0 0 36px;width:36px;height:36px;border:1px solid var(--yellow);font-size:1.35rem}.back-to-top-label{display:none}.footer-brand .muted{display:block;width:100%}}
@media(prefers-reduced-motion:no-preference){.arcade-card{transition:border-color .16s,box-shadow .16s}.form-panel{transition:border-color .18s}}

/* V0.6: targeted changes only. Keep original source images untouched. */
@media(min-width:851px){#games .feature-inner{grid-template-columns:minmax(0,63%) minmax(0,37%);gap:4px}#games .feature-inner img{height:260px;max-height:260px;object-fit:contain}#games .feature-copy{position:relative;z-index:1}}
@media(min-width:621px) and (max-width:850px){#games .feature-inner{grid-template-columns:minmax(0,55%) minmax(0,45%)}#games .feature-inner img{height:230px;max-height:230px}}
.roadmap-screen{overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 50% 45%,#123e26 0%,#092519 62%,#04140e 100%)}
.screen-content{position:relative;z-index:2}.screen-interference{pointer-events:none;position:absolute;z-index:3;inset:0;opacity:0;background:linear-gradient(transparent 0 41%,rgba(215,255,172,.18) 42% 43%,transparent 44% 100%);mix-blend-mode:screen}
.roadmap-screen::after{content:"";pointer-events:none;position:absolute;z-index:4;inset:0;border-radius:5% / 4%;box-shadow:inset 0 0 45px 15px rgba(0,0,0,.52);background:radial-gradient(ellipse at center,transparent 55%,rgba(0,0,0,.24) 100%)}
@keyframes signal-interference{0%,86%,100%{opacity:0;transform:translateY(-35%)}87%{opacity:.65;transform:translateY(-12%)}88%{opacity:.1;transform:translateY(5%)}89%{opacity:.7;transform:translateY(30%)}90%{opacity:0;transform:translateY(55%)}}
@keyframes signal-flicker{0%,79%,83%,91%,100%{opacity:1;transform:none;text-shadow:3px 3px 0 #263c15}80%{opacity:.18;transform:translateX(3px)}81%{opacity:1;transform:translateX(-2px)}82%{opacity:.38;transform:none}92%{opacity:0;transform:translateX(-3px)}93%{opacity:1;transform:none}}
@keyframes signal-shift{0%,89%,92%,100%{transform:none;filter:none}90%{transform:translateX(3px);filter:contrast(1.4)}91%{transform:translateX(-2px);filter:none}}
@media(prefers-reduced-motion:no-preference){.screen-interference{animation:signal-interference 11s steps(1,end) infinite}.roadmap-screen h2{animation:signal-flicker 13s steps(1,end) infinite}.roadmap-rows{animation:signal-shift 17s steps(1,end) infinite}}
@media(prefers-reduced-motion:reduce){.screen-interference{display:none}.roadmap-screen h2,.roadmap-rows{animation:none}}

/* V0.7: identical page gutters for monitor and contact; prevent mobile overflow. */
@media(max-width:620px){.roadmap{width:calc(100% - 28px)}.contact{width:calc(100% - 28px);min-width:0}.contact>div{min-width:0;max-width:100%}.terminal{box-shadow:3px 3px 0 #4d4112}.terminal-bar{min-width:0;overflow-wrap:anywhere}}

/* V1.0: keep What We Do heading visible beneath the sticky header. */
#what-we-do { scroll-margin-top: 110px; }
@media (max-width: 700px) { #what-we-do { scroll-margin-top: 88px; } }