/* Gaming Is Culture / terminal editorial system */
:root{--ink:#e9e9df;--paper:#19211d;--muted:#a5afa1;--line:#3b483e;--terminal:#131c17;--panel:#202a23;--mono:ui-monospace,"SFMono-Regular",Consolas,"Liberation Mono",monospace}
body{color:var(--ink);background-color:var(--paper);background-image:linear-gradient(#b0bca408 1px,transparent 1px),linear-gradient(90deg,#b0bca408 1px,transparent 1px);background-size:48px 48px}
::selection{background:var(--orange);color:#121913}
body:not(.article-page) .site-header,.site-header{background:#19211df5;color:var(--ink);border-bottom:1px solid var(--line);height:86px;padding:0 4.5%;backdrop-filter:blur(18px)}
.brand{font:700 12px var(--mono);letter-spacing:-.4px;gap:14px}.brand img{width:43px;height:43px}.brand-prompt{color:var(--orange);margin-left:4px}
body:not(.article-page) .site-header nav>a,.site-header nav>a{color:#c2cabc;font:11px var(--mono)}body:not(.article-page) .site-header nav>a:hover,.site-header nav>a:hover{color:var(--orange)}
.nav-watch,.pill,.share-button{border-radius:0;font:12px var(--mono);font-weight:600;border:1px solid var(--orange);background:var(--orange);color:#131b16;transition:background .2s,color .2s}
.nav-watch:hover,.pill:hover{background:#ff9340}
.eyebrow{font:11px/1.7 var(--mono);font-weight:400;letter-spacing:1px}
.hero{background:radial-gradient(ellipse at 85% 10%,#fb77170d,transparent 60%);color:var(--ink);padding:0;overflow:hidden;border-bottom:1px solid var(--line)}
.terminal-hero{max-width:1500px;margin:auto;padding:72px 4.5% 70px;display:grid;grid-template-columns:1.03fr 1fr;gap:6%;align-items:center}
.hero-copy{text-align:left;padding:0;max-width:none;margin:0;min-width:0}
.hero .eyebrow{justify-content:flex-start;color:#a9b3a2;gap:10px;font-size:10px;letter-spacing:.6px}
.live-dot{width:7px;height:7px;border-radius:0;box-shadow:0 0 15px #ff710033;flex:none}
.terminal-command{font:13px/1.6 var(--mono);color:var(--orange);margin-top:35px;min-height:21px;letter-spacing:.5px}
.terminal-cursor{display:inline-block;margin-left:5px;animation:cursor-blink 1.1s step-end 5}
@keyframes cursor-blink{50%{opacity:0}}
.hero h1{font-family:Culture,Impact,Arial,sans-serif;font-size:clamp(52px,5.3vw,88px);font-weight:900;line-height:1.02;letter-spacing:-.06em;margin:21px 0 28px}
.hero h1 em{font:inherit;color:var(--orange);letter-spacing:inherit}
.hero-deck{color:#b2bcab;font-size:15px;line-height:1.85;margin:0;max-width:480px}
.hero-deck strong{display:inline-block;color:var(--ink);font-weight:400;margin-bottom:5px}
.hero-links{justify-content:flex-start;gap:25px;margin:30px 0 38px}
.pill{padding:15px 20px;gap:27px}.hero .quiet-link{font:11px var(--mono);border:0;background:none;color:#d7ddcf;gap:10px;padding:12px 0;text-align:left}
.hero .quiet-link:hover{color:var(--orange)}
.hero-system-note{border-top:1px solid var(--line);padding-top:17px;display:flex;flex-wrap:wrap;gap:12px 20px;color:#9da995;font:9px/1.6 var(--mono)}
.reel-wrap{padding:0;perspective:none;min-width:0;border:1px solid #52614e;box-shadow:10px 10px 0 #111a1344}
.terminal-window-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 17px;background:#283329;border-bottom:1px solid #52614e;color:#c6cfbc;font:9px/1.5 var(--mono);letter-spacing:.3px}
.terminal-window-bar>span:first-child{display:flex;gap:6px}.terminal-window-bar i{width:6px;height:6px;border:1px solid #a6b097}.terminal-window-bar i:first-child{background:var(--orange);border-color:var(--orange)}
.reel{max-width:none;margin:0;aspect-ratio:1.25;border:0;border-radius:0;box-shadow:none;transform:none!important;will-change:auto}
.reel video{object-fit:cover;opacity:.85}.reel-label{font:9px var(--mono);left:19px;top:20px;border-radius:0;background:#17201ac9;border-color:#ffffff42;color:#e8eddd}
.reel-play{width:67px;height:67px;border-radius:0;border:1px solid var(--orange);background:#131c17c9;color:var(--orange);backdrop-filter:none}
.reel-play:hover{background:var(--orange);color:#151c16;transform:none}
.reel-toggle{border-radius:0;top:20px;right:18px;background:#17201acc;color:#e9e9df}
.reel-caption{left:20px;right:20px;bottom:24px;gap:15px;align-items:end}
.reel-caption h2{font:700 clamp(19px,2vw,31px)/1.15 var(--mono);letter-spacing:-1.2px}.reel-caption span{font:8px/1.8 var(--mono);color:#bfc9b5;text-align:right;flex:none}
.terminal-window-footer{display:flex;justify-content:space-between;gap:12px;padding:13px 17px;background:#1b261e;border-top:1px solid #52614e;color:#9eae91;font:8px/1.5 var(--mono)}
.terminal-window-footer span:last-child{color:var(--orange)}
.film-strip{background:#202b22;color:#a9b99c;padding:21px 5%;border-top:0;border-bottom:1px solid var(--line);font:10px var(--mono);letter-spacing:.5px;gap:20px}
.intro-section{max-width:1500px;padding:83px 5%;gap:50px;grid-template-columns:.7fr 1.3fr}
.intro-section .eyebrow{color:var(--orange);font-size:10px}
.intro-section h2{font-family:Culture,Arial,sans-serif;font-size:clamp(28px,3.1vw,45px);letter-spacing:-1.6px;line-height:1.24;text-transform:uppercase}
.intro-section h2 span{color:#a2b393}.intro-section p{color:#b2beaa;font-size:14px;line-height:1.9;margin-top:22px;max-width:620px}
.journal{max-width:1500px;padding:0 5% 85px}
.section-top{padding-top:35px;border-top:1px solid var(--line);margin-bottom:30px;gap:30px}
.section-top .eyebrow{color:var(--orange);font-size:10px;letter-spacing:.8px;margin-bottom:18px}
.section-top h2{font-family:Culture,Arial,sans-serif;text-transform:uppercase;font-size:clamp(36px,4vw,60px);letter-spacing:-2.6px;line-height:1.04}
.orange{color:var(--orange)}
.section-top>p{font:11px/1.9 var(--mono);color:#a4b397}
.journal-tools{border-color:var(--line);padding:19px 0 27px}
.filters{gap:8px}
.filters button{border-radius:0;border:1px solid #46543e;color:#aab89f;background:#1c271e;padding:11px 14px;font:10px var(--mono)}
.filters button.active{border-color:var(--orange);background:var(--orange);color:#172016}
.filters button:hover{border-color:var(--orange);color:var(--ink)}.filters button.active:hover{color:#151c16}
.search{border-radius:0;background:#141e17;border-color:#46543e;padding:11px 15px}
.search span{color:var(--orange)}.search input{font:11px var(--mono);color:var(--ink);width:180px}.search input::placeholder{color:#9ba990}
.posts-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.post-card{border:1px solid var(--line);background:#202a23;padding:17px;transition:border-color .2s}
.post-card:hover{border-color:#81916e}
.post-card .card-image,.post-card:first-child .card-image{display:block;border-radius:0;border:1px solid #3e4e37;background:#17211a;aspect-ratio:1.85;overflow:hidden}
.card-image img{width:100%;height:100%;object-position:center 30%;filter:saturate(.65);transition:filter .4s,transform .7s}
.post-card:hover .card-image img{filter:saturate(1)}
.card-arrow{border-radius:0;background:#172016;color:var(--orange);border:1px solid #96a386;right:13px;bottom:13px}
.card-meta{font:9px/1.5 var(--mono);color:#a8b49b;margin-top:22px;letter-spacing:.4px;flex-wrap:wrap}.card-meta .tag{color:var(--orange)}
.post-card h3,.post-card:first-child h3{font:700 clamp(22px,2vw,29px)/1.2 Arial,sans-serif;letter-spacing:-.65px;max-width:none}
.post-card p{font-size:14px;line-height:1.8;color:#aebba4;margin-top:15px;max-width:600px}
.post-card:first-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;column-gap:38px;padding:25px;align-content:center}
.post-card:first-child .card-image{grid-row:1/5;aspect-ratio:1.45;align-self:stretch;min-height:310px}
.post-card:first-child .card-image img{object-fit:contain;object-position:center;background:#111b14;filter:none}
.post-card:first-child .card-meta{align-self:end;margin-top:15px}
.post-card:first-child h3{font-size:clamp(28px,2.8vw,42px);align-self:center;letter-spacing:-1.3px;margin-top:12px}
.post-card:first-child p{align-self:start}
.journal-note{color:#a7b69b;border-color:var(--line);font:10px/1.8 var(--mono)}
.people{background:#222e24;border-top:1px solid #536148;border-bottom:1px solid #536148;padding:80px 5%}
.people .eyebrow{color:var(--orange);font-size:10px}.people-heading h2{font-family:Culture,Arial,sans-serif;text-transform:uppercase;font-size:clamp(35px,4.3vw,63px);line-height:1.13;letter-spacing:-2px}
.people-heading h2 em{font:inherit;color:var(--orange)}
.people-panels{gap:28px}.people-panel{border-radius:0;border:1px solid #536148;aspect-ratio:1.4}
.people-panel img{filter:saturate(.45)}
.people-panel:after{background:linear-gradient(0deg,#111b12f0,transparent)}
.panel-copy span{font:10px var(--mono)}.panel-copy h3{font:700 36px/1.1 Arial,sans-serif}
.panel-copy p{color:#c7d1bd;font-size:13px}.people-bottom{font:11px/1.8 var(--mono);color:#b4c2a5}
.closing{background:#1b271e;border-bottom:1px solid var(--line);padding:70px 5%}
.closing .eyebrow{color:#9fb38b;font-size:10px}.closing h2{font-family:Culture,Arial,sans-serif;font-size:clamp(32px,4.5vw,65px);line-height:1.15;letter-spacing:-2px}
.closing h2 em{font:inherit;color:var(--orange)}.closing-cursor{color:var(--orange)}
.closing a{border-radius:0;border:1px solid var(--orange);background:var(--orange);color:#182017;width:65px;height:65px}
footer{background:#141e17;border-top:1px solid var(--line);padding:45px 5%;font:11px/1.7 var(--mono);color:#b4c2a4}
.footer-brand{font:700 14px var(--mono)}.footer-brand span{font:11px var(--mono);color:#9dab8f;margin-top:14px}
footer p{font:10px/1.9 var(--mono);color:#99ac89}footer button{font:11px var(--mono)}footer a:hover,footer button:hover{color:var(--orange)}
.film-dialog{border-radius:0;border-color:#738661}.dialog-bar{font-family:var(--mono);background:#1c291f;color:#c9d7bb}.dialog-bar button{border-radius:0}
.article-heading{max-width:1100px;padding:60px 35px 25px}.back-link{font:11px/1.6 var(--mono);color:#b8c6a8}.back-link:hover{color:var(--orange)}
.article-heading .eyebrow{color:var(--orange);font-size:10px}
.article-heading h1{font-family:Culture,Arial,sans-serif;font-size:clamp(36px,4.7vw,64px);line-height:1.13;letter-spacing:-2.2px;max-width:1040px}
.article-deck{color:#bcc8af;font-size:19px;line-height:1.8}
.byline{color:#a2b491;border-color:var(--line);font:10px/1.8 var(--mono)}.share-button{font-size:10px;padding:11px 15px}
.announcement{color:#afbd9f;font:11px/1.7 var(--mono)}
.article-figure{max-width:1120px;margin:25px auto 50px}.article-figure img{border-radius:0;border:1px solid #607352;background:#142019}
.portrait-figure img{background:#142019}.article-figure figcaption{font:10px/1.8 var(--mono);color:#a5b796}
.article-body{max-width:800px;padding-bottom:75px}.article-body p{font-family:Arial,Helvetica,sans-serif;color:#d3dacb;font-size:19px;line-height:1.9}
.article-body section{margin-bottom:38px}
.article-body h2{font:600 19px/1.5 var(--mono);color:#eef0e6;letter-spacing:-.45px;margin-bottom:17px}
.article-body h2:before{content:"> ";color:var(--orange)}
.article-update-film{padding:25px;background:#152019;border:1px solid #46583c}
.article-update-film video{border-radius:0;border:1px solid #46583c}.article-body .video-description{font:11px/1.8 var(--mono);color:#b0c09e}
.source-note{border-color:#506344;background:#1c291f;padding:24px;border-left:2px solid var(--orange)}.source-note span{font:10px var(--mono);color:var(--orange)}
.source-note>a,.additional-sources a{color:#e1e6d8;font-size:13px;line-height:1.8}
.source-note p{font:12px/1.8 var(--mono);color:#b3c3a0}
.end-link{border-color:#6b815b}.reading-progress{top:85px}
@media(min-width:1700px){.hero{padding-top:0}}
@media(max-width:1050px){.terminal-hero{gap:4%;padding:55px 5%}.hero h1{font-size:clamp(49px,5.9vw,70px)}.hero .eyebrow{font-size:8px}.reel-caption h2{font-size:20px}.hero-deck{font-size:14px}.terminal-window-bar{font-size:7px}.hero-system-note{font-size:8px}.terminal-window-footer{font-size:7px}.hero-links{gap:18px}.post-card:first-child{column-gap:25px}.post-card:first-child h3{font-size:32px}}
@media(max-width:800px){body:not(.article-page) .site-header,.site-header{height:72px;padding:0 5%}.brand>span{display:none}.site-header nav{gap:18px}body:not(.article-page) .site-header nav>a,.site-header nav>a{font-size:10px}.nav-watch{font-size:10px;padding:10px 12px;gap:12px}.terminal-hero{grid-template-columns:1fr;gap:40px;padding:42px 6% 35px;max-width:650px}.hero h1{font-size:clamp(52px,10vw,78px);margin-top:18px}.hero .eyebrow{font-size:9px}.terminal-command{margin-top:25px;font-size:12px}.hero-deck{font-size:15px;max-width:500px}.hero-links{margin:25px 0}.hero-system-note{font-size:8px}.reel{aspect-ratio:1.5}.reel-caption h2{font-size:24px}.reel-caption span{font-size:8px}.terminal-window-bar{font-size:9px}.terminal-window-footer{font-size:8px}.reel-wrap{padding-bottom:0}.reel-label{font-size:8px}.film-strip{font-size:8px;padding:18px 6%}.intro-section{padding:55px 6%;gap:22px;grid-template-columns:1fr}.intro-section h2{font-size:34px}.intro-section p{font-size:14px}.journal{padding:0 6% 60px}.section-top{padding-top:26px}.section-top h2{font-size:43px}.journal-tools{gap:18px}.filters button{font-size:9px;padding:10px 12px}.search input{width:100%}.posts-grid{gap:20px}.post-card{padding:13px}.post-card:first-child{grid-template-columns:1fr;padding:16px}.post-card:first-child .card-image{grid-row:auto;min-height:0;aspect-ratio:1.5}.post-card:first-child h3{font-size:29px}.post-card:first-child .card-meta{margin-top:20px}.post-card h3{font-size:23px}.post-card p{font-size:13px}.people{padding:55px 6%}.people-heading h2{font-size:38px;letter-spacing:-1.5px}.people-panel{aspect-ratio:.9}.panel-copy h3{font-size:29px}.panel-copy p{font-size:11px}.closing{padding:55px 6%}.closing h2{font-size:43px}.closing a{width:52px;height:52px}.article-heading{padding:40px 6% 20px}.article-heading h1{font-size:43px;letter-spacing:-1.5px}.article-deck{font-size:17px}.article-figure{padding:0 6%}.article-body{padding:0 6% 55px}.article-body p{font-size:18px}.article-body h2{font-size:18px}.reading-progress{top:71px}}
@media(max-width:480px){.hero h1{font-size:52px}.hero .eyebrow{font-size:8px;letter-spacing:.2px}.hero-deck{font-size:14px}.hero-links{gap:18px}.pill{font-size:11px;padding:13px 16px;gap:17px}.hero .quiet-link{font-size:10px}.terminal-window-bar{padding:12px;font-size:7px}.terminal-window-footer{font-size:7px;padding:11px 12px}.reel-caption h2{font-size:20px;letter-spacing:-.7px}.reel-caption span{font-size:6px}.reel-label{left:13px;top:14px;font-size:7px;letter-spacing:.3px;padding:7px}.reel-toggle{top:14px;right:13px;width:28px;height:28px}.reel-caption{left:14px;right:14px;bottom:18px}.reel-play{width:52px;height:52px;font-size:18px}.intro-section h2{font-size:28px;letter-spacing:-1px}.section-top h2{font-size:36px}.section-top .eyebrow{font-size:8px}.posts-grid{grid-template-columns:1fr}.post-card:first-child{grid-column:auto}.post-card:first-child .card-image{aspect-ratio:1.35}.post-card:first-child h3,.post-card h3{font-size:26px}.post-card .card-image{aspect-ratio:1.6}.card-meta{font-size:8px}.people-heading h2{font-size:32px}.people-panels{grid-template-columns:1fr}.people-panel{aspect-ratio:1.15}.panel-copy h3{font-size:32px}.panel-copy p{font-size:12px}.closing h2{font-size:30px;letter-spacing:-1px}.closing a{width:43px;height:43px;font-size:25px}.closing-cursor{display:none}.article-heading h1{font-size:34px;line-height:1.17;letter-spacing:-1.2px}.article-deck{font-size:16px}.article-update-film{padding:16px}.article-body p{font-size:17px}.source-note{padding:20px}.announcement{font-size:10px}}
@media(prefers-reduced-motion:reduce){.terminal-cursor{animation:none}.reveal{transition:none}}

/* Publication information and in-article references. */
.article-body section a{text-decoration:underline;text-underline-offset:4px;text-decoration-color:#ff7100}.article-body section a:hover{color:#ff7100}.utility-page .article-body{padding-top:30px}.utility-page .article-heading{padding-bottom:12px}footer>div{display:flex;flex-wrap:wrap;gap:12px 22px;max-width:440px}footer>div a,footer>div button{white-space:nowrap}

/* Story photography: keep source images natural and captions traceable. */
.article-figure figcaption a{text-decoration:underline;text-underline-offset:3px}.card-image img{filter:none}.card-image img[src$="scummvm-the-colony-public-testing.png"]{object-fit:contain;object-position:center;background:#ddd}.card-image img[src$="gamescom-community.jpg"]{object-position:center}.card-image img[src$="xbox-adaptive-joystick-player-led-design.jpg"]{object-position:center}