/* Broadcast design, built into the preview and production package. */
body[data-design=broadcast]{background:#130e1d}
html:not([data-vhs=off]) body[data-design=broadcast]::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:90;background:repeating-linear-gradient(0deg,transparent 0 3px,#a89fbd 3px 4px);opacity:.025}
[data-design] .intro{border-bottom:0}
[data-design] .section{padding-top:68px;padding-bottom:92px;scroll-margin-top:86px}
[data-design] .game-about{margin-bottom:100px}
[data-design] .section-heading h2,[data-design] .follow h2{letter-spacing:-.045em}
.channel-band{height:86px;display:flex;align-items:stretch;overflow:hidden;position:relative;background:#a0f0eb;color:#14101c;font-family:Mono,monospace;white-space:nowrap;isolation:isolate;border-top:1px solid #cffcf8;border-bottom:1px solid #537d82}
.channel-number{display:flex;flex-direction:column;justify-content:center;padding:0 28px;font-size:16px;line-height:1.3;border-right:1px solid #203f4640;min-width:90px}
.channel-word{display:flex;align-items:center;padding:0 26px;font-family:Plex,Arial,sans-serif;font-size:clamp(32px,3.8vw,64px);font-weight:600;letter-spacing:-.04em}
.channel-symbol{display:flex;align-items:center;justify-content:center;min-width:86px;font-size:64px;font-weight:400;background:#171020;color:#d793c9;line-height:1}
.channel-word.secondary{background:#d793c9;flex:1;min-width:max-content}.channel-tail{padding:0 24px;display:flex;align-items:center;letter-spacing:7px;font-size:28px;background:#171020;color:#8de9e6}
.channel-band:nth-of-type(even){background:#d793c9}.channel-band:nth-of-type(even) .secondary{background:#a0f0eb}
.channel-band::before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:repeating-linear-gradient(0deg,#10071c80 0 1px,transparent 1px 4px);opacity:.13}
.channel-band::after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;opacity:0;background:repeating-linear-gradient(177deg,transparent 0 6px,#e7fcfc90 7px 8px,transparent 9px 18px,#140b2290 19px 21px);mix-blend-mode:overlay}
.channel-band.tuning::after{animation:channel-noise .55s steps(4) both}.channel-band.tuning .channel-word{animation:channel-lock .55s steps(3) both}
@keyframes channel-noise{0%{opacity:.8;transform:translateX(-9px)}35%{opacity:.5;transform:translateX(7px)}70%{opacity:.2;transform:translateX(-3px)}100%{opacity:0;transform:none}}
@keyframes channel-lock{0%{transform:translateX(-13px)}32%{transform:translateX(7px)}70%{transform:translateX(-2px)}100%{transform:none}}
.signal-reveal{transition:transform .65s cubic-bezier(.2,.7,.2,1),opacity .55s;transform:translateY(24px);opacity:.25}.signal-reveal.is-visible{transform:none;opacity:1}
[data-design] .game-about-copy>.game-about-genre{font-size:clamp(30px,3vw,44px);letter-spacing:-.03em}[data-design] .about-menu img{border-color:#6c506f}
[data-design] .media-shell{border-color:#4b3b58}[data-design] .film-corner{background:#100a19de;color:#c2eee9;font-family:Mono,monospace;font-size:10px;letter-spacing:.06em}
[data-design] .weapon-grid h3{font-size:25px}[data-design] .weapon-grid article{border-bottom:1px solid #44304f;padding-bottom:30px}
.broadcast-devlog{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:start}.broadcast-devlog h2{font-size:clamp(40px,4.7vw,72px);line-height:1.02;letter-spacing:-.045em;margin:26px 0}.broadcast-devlog h2 em{color:#d793c9;font-style:normal}.broadcast-devlog .section-lead{max-width:430px}.broadcast-current{display:inline-block;font:13px Mono,monospace;color:#9aece6;margin-top:30px;text-underline-offset:6px}.broadcast-archive nav>a{display:flex;justify-content:space-between;gap:15px;padding:22px 0;border-top:1px solid #4e385c;font:14px/1.5 Mono,monospace;color:#d6cadf;text-decoration:none}.broadcast-archive nav>a:hover{color:#a0f0eb}.broadcast-archive nav>a b{font-weight:400;color:#d793c9}.ascii-signal{margin:0 0 24px;border:1px solid #493653;background:#0e0916;overflow:hidden}.ascii-signal pre{margin:0;padding:28px 0 20px;font:clamp(4px,.68vw,10px)/1.12 monospace;letter-spacing:0;text-align:center;color:#9ceee9;white-space:pre;overflow:hidden;min-height:166px}.ascii-signal figcaption{padding:12px 15px;border-top:1px solid #493653;font:10px Mono,monospace;color:#aa94ba;display:flex;justify-content:space-between}.ascii-signal figcaption span{color:#df95c9}
[data-design] .journal-status{border-left:0;border-top:3px solid #9ceee9;background:#1a1326}[data-design] .journal-intro{position:relative}[data-design] .journal-grid{gap:64px 40px}[data-design] .journal-card img{border-bottom:3px solid #ad78a9}[data-design] .journal-card:nth-child(even) img{border-color:#7ccac6}
@media(max-width:760px){.channel-band{height:58px}.channel-number{font-size:10px;min-width:52px;padding:0 14px}.channel-word{font-size:27px;padding:0 17px}.channel-symbol{font-size:43px;min-width:58px}.channel-tail{display:none}.channel-word.secondary{font-size:23px}.broadcast-devlog{grid-template-columns:1fr;gap:40px}.broadcast-devlog h2{font-size:42px}.ascii-signal pre{font-size:clamp(4px,1.25vw,9px);min-height:130px}.broadcast-archive nav>a{padding:18px 0;font-size:12px}[data-design] .section{padding-top:48px;padding-bottom:58px}[data-design] .game-about{margin-bottom:60px}[data-design] .game-about-copy>.game-about-genre{font-size:30px}}
@media(prefers-reduced-motion:reduce){.signal-reveal{transform:none;opacity:1;transition:none}.channel-band.tuning::after,.channel-band.tuning .channel-word{animation:none}html:not([data-vhs=off]) body[data-design=broadcast]::after{display:none}}
[data-design] .header{position:fixed;inset:0 0 auto;z-index:95;background:#130e1df5;border-bottom:1px solid #72567e66;padding-top:10px;padding-bottom:10px;box-shadow:0 5px 24px #08041033}
[data-design] .journal-header{position:sticky;top:0;z-index:95;background:#130e1df5;max-width:none;padding-top:18px;padding-bottom:18px}
[data-design] .journal-toc{top:100px}[data-design] .journal-prose h2{scroll-margin-top:110px}
[data-design] .channel-band{scroll-margin-top:66px}
[data-design] .header nav a[aria-current=location]{color:#9aefeb;text-decoration:underline;text-underline-offset:7px;text-decoration-color:#d793c9}
.channel-wipe{position:fixed;inset:66px 0 auto;height:28vh;z-index:94;pointer-events:none;opacity:0;transform:translateY(-110%);background:linear-gradient(0deg,transparent 0 12%,#d793c9 12% 18%,#120e1d 18% 21%,#a0f0eb 21% 25%,transparent 25% 48%,#a0f0eb 48% 53%,#d793c9 53% 68%,transparent 68%),repeating-linear-gradient(0deg,transparent 0 4px,#e6fafa66 4px 5px)}
.channel-wipe.active{animation:broadcast-wipe .48s steps(7) both}
@keyframes broadcast-wipe{0%{opacity:0;transform:translateY(-80%)}18%{opacity:.75;transform:translateY(0)}60%{opacity:.45;transform:translateY(80%)}100%{opacity:0;transform:translateY(200%)}}
@media(max-width:680px){[data-design] .header{min-height:92px}[data-design] .channel-band{scroll-margin-top:94px}.channel-wipe{top:94px}[data-design] .release-top{top:118px}[data-design] .journal-header{gap:16px;font-size:12px}[data-design] .journal-header nav{gap:12px}}
@media(prefers-reduced-motion:reduce){.channel-wipe{display:none!important}}
/* Fine analogue texture, independent from the stronger finite navigation sequence. */
.site-vhs{position:fixed;inset:-5%;z-index:89;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='128' height='128'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' d='M0 0h128v128H0z'/%3E%3C/svg%3E");animation:site-grain 1.3s steps(4) infinite}
@keyframes site-grain{0%,100%{transform:translate(0)}25%{transform:translate(-2%,1%)}50%{transform:translate(1%,-1%)}75%{transform:translate(-1%,2%)}}
html[data-vhs=off] .site-vhs,html[data-vhs=off] body[data-design=broadcast]::after,html[data-vhs=off] .scanlines,html[data-vhs=off] .channel-band::before,html[data-vhs=off] .channel-band::after{display:none!important}
.devlog-transition{position:fixed;inset:0;z-index:200;pointer-events:auto;overflow:hidden}.devlog-transition canvas{display:block;width:100%;height:100%}
.header-controls{display:flex;align-items:center;gap:9px;min-width:0}.vhs-toggle{white-space:nowrap;min-height:40px;padding:8px 10px;border:1px solid #70577d;background:transparent;color:#aa9ab7;font:11px Mono,monospace;cursor:pointer}.vhs-toggle[aria-pressed=true]{color:#a0e6e1;border-color:#6b9b98}.vhs-toggle:focus-visible{outline:2px solid #f17dc9;outline-offset:3px}
[data-design] .header{grid-template-columns:auto minmax(0,1fr) auto auto;gap:18px}.header-controls{grid-column:3;grid-row:1}[data-design] .header .language-switch{grid-column:4;grid-row:1}[data-design] .header nav{gap:20px}
.header-controls .sound-dock{border:0;border-radius:0;background:none;backdrop-filter:none}.header-controls .sound-dock>button{font-size:11px;padding:7px 10px;white-space:nowrap;min-height:40px}.header-controls .audio-panel{position:absolute;top:calc(100% + 15px);bottom:auto;right:0;max-height:calc(100dvh - 130px);overflow:auto;text-align:left}.header-controls .audio-panel button{cursor:pointer}
.journal-header .header-controls{margin-left:auto}.journal-header nav{order:4;margin-left:0}[data-design] .journal-header{gap:22px}.journal-header .sound-dock>button{font-family:Plex,Arial,sans-serif}
@media(max-width:1100px){[data-design] .header{grid-template-columns:auto 1fr auto;gap:8px 18px}[data-design] .header nav{grid-column:1/-1;grid-row:2;justify-self:center;gap:28px}.header-controls{grid-column:2;justify-self:end}[data-design] .header .language-switch{grid-column:3}[data-design] .channel-band{scroll-margin-top:112px}[data-design] .section{scroll-margin-top:112px}.header-controls .audio-panel{position:fixed;top:108px;right:16px}.journal-header{flex-wrap:wrap}.journal-header .header-controls{order:3}.journal-header nav{order:4}.journal-header .audio-panel{top:106px}.journal-toc{top:130px!important}}
@media(max-width:680px){[data-design] .header{padding:7px 4%;min-height:94px;column-gap:6px}[data-design] .header nav{justify-self:stretch;justify-content:space-between;gap:9px;font-size:11px}.header-controls{gap:5px}.header-controls .sound-dock>button{padding:6px;font-size:10px}.header-controls #sound-enable{font-size:0;gap:0;width:34px}.header-controls #sound-enable:before{font-size:20px}.vhs-toggle{font-size:10px;padding:6px;min-height:38px}[data-design] .header .language-switch a{min-width:28px;padding:8px 4px;font-size:11px}.header-controls .audio-panel{right:12px;max-width:calc(100vw - 24px);width:430px;top:103px}.journal-header .journal-brand span{display:none}[data-design] .journal-header{gap:12px;padding:10px 4%}.journal-header .header-controls{margin-left:0}.journal-header nav{margin-left:auto}.journal-header .audio-panel{top:115px}.journal-header .sound-dock{position:static}}
@media(prefers-reduced-motion:reduce){.site-vhs{animation:none}.devlog-transition{display:none}}
@media(max-width:680px){[data-design] .journal-header{display:grid;grid-template-columns:auto 1fr auto;gap:8px 10px}.journal-header .journal-brand{grid-column:1;grid-row:1}.journal-header .header-controls{grid-column:2;grid-row:1;justify-self:end}.journal-header nav{grid-column:3;grid-row:1;gap:12px!important;margin:0}.journal-header>a:not(.journal-brand){grid-row:2;justify-self:start}.journal-header>a:nth-child(2){grid-column:1/3}.journal-header>a:nth-child(3){grid-column:2/4;justify-self:end}.journal-header .audio-panel{top:104px}}
/* The channel switch borrows the TV power-on beam and briefly tunes a test card. */
.channel-switch{position:fixed;inset:0;z-index:220;pointer-events:auto;overflow:hidden;background:#07040c;animation:channel-close .42s ease-out both}.channel-testcard{position:absolute;inset:0;display:flex;filter:saturate(.75);opacity:.82}.channel-testcard i{flex:1;background:#eee}.channel-testcard i:nth-child(2){background:#dfdf36}.channel-testcard i:nth-child(3){background:#38d9e0}.channel-testcard i:nth-child(4){background:#38d158}.channel-testcard i:nth-child(5){background:#d344b9}.channel-testcard i:nth-child(6){background:#d24242}.channel-testcard i:nth-child(7){background:#3437b0}.channel-testcard:after{content:'';position:absolute;bottom:0;left:0;right:0;height:21%;background:linear-gradient(90deg,#102b7b 0 17%,#eee 17% 34%,#4f176b 34% 51%,#111 51% 75%,#262626 75%)}.channel-testcard span{position:absolute;top:9%;left:7%;color:white;text-shadow:2px 0 #244aff;font:18px/1.4 Mono,monospace}.channel-static{position:absolute;inset:0;opacity:.23;background:repeating-linear-gradient(0deg,#001e9566 0 1px,transparent 1px 3px);animation:calibrate .15s steps(2) infinite}.channel-shutter{position:absolute;left:0;right:0;height:50%;background:#08040c;transform:scaleY(0);z-index:2}.channel-shutter.upper{top:0;transform-origin:top}.channel-shutter.lower{bottom:0;transform-origin:bottom}.channel-beam{position:absolute;top:50%;left:10%;width:80%;height:2px;background:#d7f7ff;box-shadow:0 0 9px #b6ecff,0 0 25px #4376ff;z-index:3;opacity:0}.channel-acquired{background:transparent;animation:none;pointer-events:none}.channel-acquired .channel-testcard{animation:calibration-out .65s ease-out forwards}.channel-acquired .channel-static{animation:static-out 1.2s ease-out forwards}.channel-acquired .channel-shutter{animation:channel-open 1s cubic-bezier(.22,.65,.25,1) forwards}.channel-acquired .channel-beam{animation:channel-beam 1.1s ease-out forwards}
@keyframes channel-close{from{opacity:0;clip-path:inset(49.8% 30%)}50%{opacity:1;clip-path:inset(49.5% 0)}to{opacity:1;clip-path:inset(0)}}@keyframes channel-open{0%,12%{transform:scaleY(1)}to{transform:scaleY(0)}}@keyframes channel-beam{0%{opacity:1;transform:scaleX(.02)}35%{opacity:1;transform:scaleX(1)}to{opacity:0;transform:scaleX(1) scaleY(12)}}@keyframes calibration-out{0%,15%{opacity:.82;transform:translateX(-3px)}40%{opacity:.4;transform:translateX(2px)}100%{opacity:0;transform:none}}@keyframes static-out{from{opacity:.3}to{opacity:0}}@keyframes calibrate{to{transform:translateX(3px)}}
.vhs-definitions{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}.site-vhs{inset:0;width:100%;height:100%;opacity:1;background:none!important;animation:none!important;image-rendering:pixelated;mix-blend-mode:screen}html:not([data-vhs=off]) body[data-design=broadcast]::after{opacity:.014}html:not([data-vhs=off]) :is(h1,h2,h3){text-shadow:2px 0 #315cff6b,-1px 0 #bf47c52e}@keyframes tape-nudge{0%,96%,98%,100%{transform:translateX(0)}96.3%,97%{transform:translateX(.6px)}97.3%{transform:translateX(-.4px)}}
.channel-page{position:fixed;top:var(--channel-header,70px);left:0;width:100%;height:calc(100dvh - var(--channel-header,70px));border:0;background:#130e1d;z-index:10}.channel-host{overflow:hidden}.channel-host>.site-vhs{display:none}.channel-embedded header,.channel-embedded .sound-dock,.channel-embedded .intro-bottom .sound-dock,.channel-embedded .opening-toolbar{display:none!important}.channel-embedded .header-controls{display:none!important}.channel-embedded .channel-band{scroll-margin-top:0!important}.channel-embedded .intro{height:calc(100svh - 10px)}.channel-embedded .journal-intro{padding-top:55px}.channel-embedded .release-top{top:calc(22% - 82px)!important}.channel-error{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:230;background:#20132c;border:1px solid #e79bcf;color:white;padding:20px}.journal>.header{font-family:Plex,Arial,sans-serif}.journal>.header+.journal-main{padding-top:70px}.header .site-nav{justify-content:center}
@media(prefers-reduced-motion:reduce){html:not([data-vhs=off]) main{animation:none}.channel-switch{display:none}}
@media(max-width:680px){[data-design] .header .site-nav{justify-content:center;gap:28px}.channel-embedded .release-top{top:calc(23% - 88px)!important}.channel-embedded .channel-page{top:0}}
.site-vhs{opacity:.3;image-rendering:auto}
.journal>main{padding-top:60px}.channel-embedded .journal>main{padding-top:0}
.channel-host>main,.channel-host>footer,.channel-host>dialog,.channel-host>.skip{display:none!important}
/* Power off the current picture, tune briefly, power on the next channel. */
.channel-switch.channel-poweroff{background:transparent;animation:none}.channel-poweroff .channel-testcard{opacity:0}.channel-poweroff .channel-shutter{animation:tv-channel-off .85s cubic-bezier(.5,0,.8,.5) forwards}.channel-poweroff .channel-beam{animation:tv-beam-off .85s ease-in forwards}.channel-colour-noise{position:absolute;inset:0;width:100%;height:100%;z-index:4;pointer-events:none;image-rendering:auto;animation:tv-noise-off .85s ease-in forwards}.channel-poweroff.channel-acquired .channel-shutter{animation:channel-open 1.2s cubic-bezier(.22,.65,.25,1) forwards}.channel-poweroff.channel-acquired .channel-beam{animation:channel-beam 1.2s ease-out forwards}.channel-poweroff.channel-acquired .channel-colour-noise{animation:tv-noise-on 1.5s ease-out forwards}.channel-poweroff.channel-acquired .channel-testcard{animation:tv-calibration-on .7s ease-out forwards}
@keyframes tv-channel-off{0%{transform:scaleY(0)}65%{transform:scaleY(.995)}100%{transform:scaleY(1)}}@keyframes tv-beam-off{0%,38%{opacity:0;transform:scaleX(1)}66%{opacity:1;transform:scaleX(1)}90%{opacity:.8;transform:scaleX(.01)}100%{opacity:0;transform:scaleX(0)}}@keyframes tv-noise-off{0%{opacity:0}25%{opacity:.38}55%{opacity:.3}100%{opacity:0}}@keyframes tv-noise-on{0%{opacity:.48}25%{opacity:.4}65%{opacity:.15}100%{opacity:0}}@keyframes tv-calibration-on{0%,15%{opacity:.32}45%{opacity:.18}100%{opacity:0}}
/* OFF is a complete bypass; ON includes the title-screen picture as well. */
html[data-vhs=off] :is(.media-shell,.about-menu,#scene){filter:none!important}html[data-vhs=off] :is(h1,h2,h3){text-shadow:none!important}html[data-vhs=off] main{animation:none!important}
html[data-vhs=on] #scene{filter:url(#vhs-chroma)}html[data-vhs=on] .site-vhs{opacity:.48}.vhs-toggle{min-width:64px}.vhs-toggle[aria-pressed=false]{background:#1a1520;color:#aaa;border-color:#53465f}.vhs-toggle[aria-pressed=true]{background:#173030;color:#a5fff2;box-shadow:inset 0 -2px #80d9e1}
html[data-vhs=on] #scene{filter:url(#vhs-chroma)!important}
/* Narrow channel strips stay in flow; only their contents respond to scrolling. */
[data-design] .intro{min-height:max(740px,100svh);max-height:none;margin-bottom:0}
[data-design] .channel-band{height:42px;position:relative;inset:auto;flex-shrink:0;margin:0;transform:none;contain:paint;--drift:0px;--spin:0deg;--tune:0}
.channel-number{min-width:61px;padding:0 16px;font-size:10px;line-height:1.15;flex-shrink:0}
.channel-word{font-size:clamp(18px,2.1vw,30px);padding:0 22px;letter-spacing:-.035em;overflow:hidden}.channel-word span{display:block;transform:translateX(var(--drift));will-change:transform}.channel-word.secondary span{transform:translateX(calc(var(--drift) * -1))}
.channel-symbol{min-width:48px;font-size:34px;overflow:hidden}.channel-symbol{color:transparent;position:relative}.channel-symbol::before{content:'✳';color:#d793c9;position:absolute;inset:0;display:grid;place-items:center;transform:rotate(var(--spin))}
.channel-tail{font-size:16px;padding:0 15px;letter-spacing:5px}.channel-band.tuning .channel-word{animation:none}.channel-band.tuning::after{animation:none;opacity:calc(var(--scroll-energy,0) * .28)}
.channel-band::before{inset:auto 0 0;height:2px;background:#fff;opacity:.7;transform:scaleX(var(--tune));transform-origin:left}
.signal-reveal{transition:transform 1.25s cubic-bezier(.16,.65,.25,1),opacity 1.1s ease;transform:translateY(32px);opacity:.12}.signal-reveal.is-visible{transform:none;opacity:1}
.scroll-tape{position:fixed;right:12px;top:46%;z-index:85;pointer-events:none;color:#a8d9e0;opacity:0;transition:opacity .5s;font:8px Mono,monospace;display:flex;align-items:center;gap:8px;writing-mode:vertical-rl}.scroll-tape.active{opacity:.75}.scroll-tape>span{letter-spacing:.12em}.scroll-tape>i{display:block;width:3px;height:100px;background:repeating-linear-gradient(0deg,#bda3d955 0 1px,transparent 1px 5px);position:relative}.scroll-tape b{position:absolute;top:calc(var(--read,0) * 96px);left:-3px;width:9px;height:3px;background:#9dece8;box-shadow:0 0 calc(4px + var(--scroll-energy,0) * 12px) #f08bda}
.channel-host>.scroll-tape,.channel-host>.vhs-tracking{display:none}
/* Real grain plus a slow rolling tracking line. No grey wash. */
html[data-vhs=on] .site-vhs{opacity:.28;mix-blend-mode:screen}
.vhs-tracking{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:90;mix-blend-mode:screen}.vhs-tracking>i{position:absolute;top:-12vh;left:0;width:100%;height:12vh;background:linear-gradient(0deg,transparent,#87b8ff08 30%,#a7dbff25 48%,#9fdfff50 49%,#e694dc22 50%,transparent 55%);animation:vhs-roll 8.5s linear infinite;opacity:calc(.48 + var(--scroll-energy,0) * .3)}.vhs-tracking>b{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 3px,#759dff0a 3px 4px);animation:vhs-fields .24s steps(2) infinite}
@keyframes vhs-roll{to{transform:translateY(112vh)}}@keyframes vhs-fields{to{transform:translateY(2px)}}
html[data-vhs=off] .vhs-tracking{display:none!important}
@media(max-width:760px){[data-design] .channel-band{height:32px}.channel-number{font-size:8px;min-width:42px;padding:0 10px}.channel-word,.channel-word.secondary{font-size:17px;padding:0 14px}.channel-symbol{min-width:36px;font-size:27px}.scroll-tape{right:3px}.scroll-tape>span{display:none}}
@media(prefers-reduced-motion:reduce){.signal-reveal{transform:none;opacity:1;transition:none}.vhs-tracking{display:none}.channel-word span,.channel-word.secondary span,.channel-symbol::before{transform:none!important}.scroll-tape{transition:none}}
.journal-return{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;margin:48px 0 64px;padding:24px 0;border-top:1px solid #65506f;font:14px/1.6 Plex,Arial,sans-serif}.journal-return a{color:#a3e9e5;text-decoration:none}.journal-return a:hover{color:#f4aee0}.geo-credit{font-size:9px;color:#9c91ab!important;white-space:nowrap}footer{flex-wrap:wrap}
.channel-beam{left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,#a1dfff55 15%,#d4faff 50%,#a1dfff55 85%,transparent);box-shadow:0 0 12px #91d5ff55}
@keyframes channel-beam{0%{opacity:.8;transform:scaleX(.02)}35%{opacity:.65;transform:scaleX(1)}70%,100%{opacity:0;transform:scaleX(1)}}
:root{--intro-header:var(--channel-header,96px)}.channel-embedded{--intro-header:0px}
@media(max-width:680px){[data-design] .header .site-nav{gap:12px;font-size:10px}[data-design] .release-top,.channel-embedded [data-design] .release-top{top:calc(var(--intro-header) + 18px)!important;left:12px;right:12px}.release-top .release-dates{gap:5px}.release-top .release-dates p{font-size:11px;line-height:1.45;white-space:nowrap}.release-top .wishlist-note{font-size:10px;margin-bottom:8px}[data-design] .hero-copy{top:max(23%,calc(var(--intro-header) + 112px))}.journal-return{flex-direction:column;gap:18px;margin-bottom:40px}}

/* Ambient VHS stays behind content. Video and image pixels remain untouched. */
body[data-design=broadcast]{isolation:isolate}
body[data-design=broadcast]>main,body[data-design=broadcast]>footer{position:relative;z-index:1}
body[data-design=broadcast]>.site-vhs,body[data-design=broadcast]>.vhs-tracking,html:not([data-vhs=off]) body[data-design=broadcast]::after{z-index:0}
body[data-design=broadcast] :is(.media-shell,.about-menu,.trailer-film,.journal-media){filter:none}

/* Shared header typography, without changing labels inside the player panel. */
[data-design] .header .site-nav a,
[data-design] .header-controls .sound-dock>button{
  font-family:Plex,Arial,sans-serif;font-weight:500;letter-spacing:.025em;text-transform:uppercase;
}
[data-design] .header .site-nav a{display:inline-flex;align-items:center;min-height:40px;line-height:1.3}
@media(min-width:681px){
  [data-design] .header .site-nav a,
  [data-design] .header-controls .sound-dock>button{font-size:12px}
}

/* Modes share a reading order and aligned preview rows in both languages. */
[data-design] .how>.section-heading{display:flex;flex-direction:column;align-items:flex-start;gap:22px;margin-bottom:44px}
[data-design] .how>.section-heading .section-lead{max-width:720px;margin:0;font-size:18px;line-height:1.65}
[data-design] .mode-grid{column-gap:36px;row-gap:0;margin-bottom:56px}
[data-design] .mode-grid>article{display:grid;grid-template-rows:auto auto 1fr auto auto;align-content:start;min-width:0}
[data-design] .mode-grid .mode-label{font:500 12px/1.5 Mono,monospace;letter-spacing:.1em;margin:0 0 10px;color:#e6a8d5}
[data-design] .mode-grid h3{line-height:1.15;margin:0 0 16px}
[data-design] .mode-grid article>p:not(.mode-label){margin:0 0 24px;max-width:66ch}
[data-design] .mode-grid video{margin:0;align-self:start}
[data-design] .mode-grid ol{margin:16px 0 0;padding-left:24px}
@supports(grid-template-rows:subgrid){
  [data-design] .mode-grid>article{grid-row:span 5;grid-template-rows:subgrid}
}
@media(max-width:600px){
  [data-design] .how>.section-heading{gap:18px;margin-bottom:32px}
  [data-design] .how>.section-heading .section-lead{font-size:16px}
  [data-design] .mode-grid{row-gap:40px;margin-bottom:40px}
  [data-design] .mode-grid>article{grid-row:auto;grid-template-rows:auto auto auto auto auto;row-gap:0}
  [data-design] .mode-grid h3{margin-bottom:14px}
  [data-design] .mode-grid article>p:not(.mode-label){margin-bottom:20px}
}

/* Hero-local VHS sits over the scene, never over gameplay media. */
body[data-design=broadcast] .intro>.hero-vhs{position:absolute;inset:0;z-index:2;pointer-events:none}
body[data-design=broadcast] .intro>.hero-tracking{position:absolute;inset:0;z-index:2;pointer-events:none}
html[data-vhs=on] .intro>.hero-vhs{opacity:.24}

