:root{--paper:#f1eddf;--ink:#1c1d1a;--orange:#f16a38;--acid:#d9ec7e;--line:#1c1d1a;--mono:'DM Mono',monospace;--sans:'DM Sans',sans-serif;--display:'Archivo Black',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans)}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid var(--orange);outline-offset:4px}.skip{position:absolute;left:-9999px;top:8px;z-index:100;background:var(--acid);padding:10px}.skip:focus{left:8px}.site{max-width:1800px;margin:auto;overflow:hidden}.site-header{height:76px;border-bottom:2px solid var(--ink);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,4vw,68px)}.wordmark{display:flex;align-items:center;gap:13px;font:16px var(--display);letter-spacing:-.055em}.wordmark-square{width:37px;height:37px;background:var(--orange);color:var(--ink);display:grid;place-items:center;font:17px var(--display);letter-spacing:-.07em;border:2px solid var(--ink)}.wordmark-dot{color:var(--orange)}.header-nav{display:flex;gap:29px;font:11px var(--mono)}.header-nav a:hover,.site-footer a:hover{color:#dc5124}.hero{min-height:580px;display:grid;grid-template-columns:minmax(0,1fr) minmax(310px,37%);gap:5vw;padding:68px clamp(22px,4vw,68px) 70px;align-items:stretch}.hero-main{display:flex;flex-direction:column;align-items:flex-start}.hero-kicker{font:11px var(--mono);letter-spacing:.1em;display:flex;align-items:center;gap:11px}.blink-square{width:9px;height:9px;background:var(--orange);display:inline-block;animation:blink 1.5s steps(2,end) infinite}.hero-kicker-divider{color:#a29988}.hero h1{font:clamp(73px,8.4vw,145px)/.85 var(--display);letter-spacing:-.105em;margin:28px 0 31px;transform:translateX(-.04em);white-space:nowrap}.hero h1 span{color:var(--orange)}.hero h1 b{color:var(--ink);font-weight:inherit}.hero-rule{height:2px;background:var(--ink);width:100%;max-width:720px}.hero-copy{display:grid;grid-template-columns:minmax(190px,.7fr) minmax(0,1fr);gap:25px;max-width:720px;padding-top:19px}.hero-role{font:12px/1.7 var(--mono);margin:0}.hero-copy>p:last-child{font-size:15px;line-height:1.5;margin:0;max-width:310px}.hero-links{display:flex;gap:23px;align-items:center;margin-top:auto;padding-top:29px}.play-link{background:var(--ink);color:var(--paper);border:2px solid var(--ink);padding:14px 18px;font:12px var(--mono);display:inline-flex;gap:32px;align-items:center;transition:transform .2s,background .2s}.play-link:hover{background:var(--orange);color:var(--ink);transform:translateY(-3px)}.play-link span{font:22px var(--sans);line-height:8px}.quiet-link{border-bottom:2px solid var(--ink);padding-bottom:3px;font:11px var(--mono)}.quiet-link:hover{color:#d95227}.portrait-frame{position:relative;align-self:stretch;background:#d7cfc2;border:2px solid var(--ink);min-height:450px;overflow:hidden}.portrait-frame img{height:100%;width:100%;object-fit:cover;object-position:center 28%;display:block;filter:grayscale(100%) contrast(1.05);transition:filter .35s,transform .5s}.portrait-frame:hover img{filter:grayscale(0);transform:scale(1.025)}.portrait-caption{position:absolute;bottom:0;left:0;right:0;background:var(--acid);border-top:2px solid var(--ink);height:42px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;font:10px var(--mono)}.corner{position:absolute;width:23px;height:23px;border:3px solid var(--orange);pointer-events:none}.corner-tl{left:15px;top:15px;border-right:0;border-bottom:0}.corner-br{right:15px;bottom:58px;border-left:0;border-top:0}.ticker{border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);background:var(--acid);overflow:hidden}.ticker-inner{min-width:max-content;display:flex;gap:26px;align-items:center;justify-content:space-around;padding:13px 24px;font:13px var(--display);letter-spacing:-.04em}.ticker i{font:18px var(--sans);font-style:normal;color:#de5c2d}.game-section{padding:67px clamp(22px,4vw,68px) 100px;background:#e7e2d3;scroll-margin-top:10px}.section-topline{border-top:2px solid var(--ink);padding-top:10px;display:flex;justify-content:space-between;font:10px var(--mono);letter-spacing:.06em}.game-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin:18px 0 33px}.game-heading h2{font:clamp(52px,6.2vw,92px)/.9 var(--display);letter-spacing:-.075em;margin:0}.game-heading h2 span{color:var(--orange)}.game-heading p{font:11px/1.7 var(--mono);margin:0 0 6px}.game-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr);align-items:stretch;border:2px solid var(--ink);min-height:526px}.map-shell{min-width:0;background:var(--ink);color:var(--paper);position:relative;display:flex;flex-direction:column;border-right:2px solid var(--ink)}.map-top,.map-footer{height:47px;padding:0 17px;display:flex;align-items:center;justify-content:space-between;font:10px var(--mono)}.map-top{border-bottom:1px solid #66665b}.map-footer{border-top:1px solid #66665b;gap:13px}.progress-bar{height:7px;flex:1;background:#595b50;max-width:180px;margin-left:auto}.progress-bar span{height:100%;width:20%;display:block;background:var(--acid);transition:width .3s}.map-track{position:relative;flex:1;min-height:354px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;padding:20px 17px 20px;overflow-x:auto;scrollbar-width:thin}.map-track::before{content:'';position:absolute;inset:0;background-image:linear-gradient(#ffffff0a 1px,transparent 1px),linear-gradient(90deg,#ffffff0a 1px,transparent 1px);background-size:26px 26px;pointer-events:none}.track-line{position:absolute;left:8%;right:8%;top:51%;border-top:3px dashed #adad95;pointer-events:none}.station{position:relative;z-index:1;align-self:center;justify-self:center;width:94px;height:118px;border:2px solid #aaa99b;background:#2c2d28;color:var(--paper);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;transform:translateY(var(--offset,0));transition:background .18s,color .18s,transform .18s,border-color .18s}.station:nth-of-type(2){--offset:-35px}.station:nth-of-type(3){--offset:24px}.station:nth-of-type(4){--offset:-35px}.station:nth-of-type(5){--offset:24px}.station:nth-of-type(6){--offset:-35px}.station:hover{background:#3d4035;border-color:var(--acid);transform:translateY(calc(var(--offset,0px) - 5px))}.station.selected{background:var(--orange);border-color:var(--paper);color:var(--ink);box-shadow:6px 6px 0 var(--acid)}.station.visited:not(.selected)::after{content:'✓';position:absolute;right:5px;top:4px;color:var(--acid);font:13px var(--mono)}.station-number{font:10px var(--mono)}.station-icon{font:33px/1 var(--sans);height:38px}.station-name{font:9px var(--mono);white-space:nowrap}.map-controls{position:absolute;bottom:62px;left:17px;right:17px;display:flex;align-items:center;justify-content:center;gap:10px;font:9px var(--mono);color:#bcb7a9}.map-controls button{height:27px;width:34px;color:var(--ink);background:var(--acid);border:0;font:18px var(--sans);line-height:1}.map-controls button:hover{background:var(--orange)}.dossier{background:var(--paper);color:var(--ink);min-width:0;display:flex;flex-direction:column}.dossier-header{min-height:49px;background:var(--orange);border-bottom:2px solid var(--ink);padding:0 16px;display:flex;align-items:center;justify-content:space-between;font:11px var(--mono)}.dossier-body{padding:28px 26px 30px;overflow:auto;max-height:478px}.dossier-level{font:10px var(--mono);color:#766c5d}.dossier h3{font:clamp(31px,3vw,43px)/.97 var(--display);letter-spacing:-.065em;margin:10px 0 18px}.dossier p{font-size:13px;line-height:1.65;margin:0 0 13px}.dossier strong{font-weight:700}.dossier-rule{border-top:2px solid var(--ink);margin:22px 0 15px}.dossier-small{font:10px var(--mono);text-transform:uppercase;letter-spacing:.04em}.dossier-row{border-top:1px solid #c3bcaa;padding:12px 0;display:grid;grid-template-columns:100px 1fr;gap:12px;font-size:12px;line-height:1.55}.dossier-row b{font-weight:600}.dossier-row small{font:10px/1.5 var(--mono);color:#786c5e}.dossier-row .row-main{display:grid;gap:4px}.dossier-taglist{display:flex;flex-wrap:wrap;gap:5px;margin:10px 0 18px}.dossier-taglist span{border:1px solid var(--ink);padding:6px 7px;font:10px var(--mono)}.dossier-link{display:inline-flex;gap:14px;align-items:center;border-bottom:2px solid var(--ink);padding-bottom:3px;font:11px var(--mono);margin:8px 16px 8px 0}.dossier-link:hover{color:#e35022}.dossier-loading{padding:25px;font:12px var(--mono)}.site-footer{border-top:2px solid var(--ink);padding:23px clamp(22px,4vw,68px);display:flex;justify-content:space-between;gap:20px;font:10px var(--mono)}
@keyframes blink{50%{opacity:0}}
@media(max-width:1150px){.hero{grid-template-columns:minmax(0,1fr) 32%;min-height:500px;gap:4vw}.hero h1{font-size:clamp(60px,8vw,100px)}.portrait-frame{min-height:390px}.game-layout{grid-template-columns:1fr}.map-shell{border-right:0;border-bottom:2px solid var(--ink)}.map-track{min-height:270px}.dossier-body{max-height:none}.dossier{min-height:340px}.station{width:86px;height:105px}}
@media(max-width:720px){.site-header{height:62px}.wordmark{font-size:13px;gap:8px}.wordmark-square{height:31px;width:31px;font-size:14px}.header-nav{gap:12px;font-size:9px}.header-nav a:first-child{display:none}.hero{grid-template-columns:1fr 128px;gap:16px;min-height:0;padding-top:38px;padding-bottom:43px}.hero h1{font-size:clamp(49px,11vw,78px);margin:26px 0 26px}.hero-rule{max-width:none}.hero-copy{grid-template-columns:1fr;gap:10px}.hero-role{font-size:10px}.hero-copy>p:last-child{font-size:12px}.hero-links{gap:16px;margin-top:24px;padding-top:0}.play-link{font-size:10px;padding:12px;gap:12px}.quiet-link{font-size:10px}.portrait-frame{min-height:0;height:210px;align-self:start}.portrait-caption{font-size:8px;height:31px;padding:0 5px}.corner{width:13px;height:13px;border-width:2px}.corner-tl{left:7px;top:7px}.corner-br{right:7px;bottom:40px}.ticker-inner{font-size:10px;gap:17px;padding:10px 17px}.game-section{padding-top:43px;padding-bottom:62px}.game-heading{display:block}.game-heading h2{font-size:clamp(48px,11vw,70px)}.game-heading p{margin-top:17px}.map-track{min-height:230px;padding:12px 12px 45px}.station{width:68px;height:87px;gap:3px}.station-number{font-size:8px}.station-icon{font-size:25px;height:29px}.station-name{font-size:7px}.map-controls{bottom:54px}.dossier-body{padding:22px 19px}.site-footer{font-size:9px}.site-footer span:nth-child(2){display:none}}
@media(max-width:480px){.header-nav a:last-child{display:none}.hero{grid-template-columns:minmax(0,1fr) 100px}.hero h1{font-size:clamp(43px,11vw,56px)}.portrait-frame{height:170px}.hero-role{font-size:9px}.hero-copy>p:last-child{font-size:11px}.hero-links{flex-wrap:wrap}.play-link{font-size:9px}.game-layout{margin:0 -22px;border-left:0;border-right:0}.map-track{min-width:0;overflow-x:auto;justify-content:flex-start;grid-template-columns:repeat(5,74px)}.track-line{left:45px;right:auto;width:300px}.station{width:61px;height:82px}.station-name{font-size:6.5px}.station:nth-of-type(2),.station:nth-of-type(4),.station:nth-of-type(6){--offset:-20px}.station:nth-of-type(3),.station:nth-of-type(5){--offset:14px}.map-top,.map-footer{font-size:9px}.game-heading p{font-size:10px}.dossier h3{font-size:32px}.dossier-row{grid-template-columns:86px 1fr}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

.project-title{font:22px var(--display);letter-spacing:-.05em;margin:10px 0}

.ticker-track{display:flex;width:max-content;animation:ticker-scroll 24s linear infinite}
.ticker-inner{flex:none;min-width:min(100vw,1800px);justify-content:space-around}
.ticker:hover .ticker-track,.ticker:focus-within .ticker-track{animation-play-state:paused}
@keyframes ticker-scroll{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.ticker-track{animation:none}.ticker{overflow-x:auto}}

/* Snake level */
.snake-shell{border-right:2px solid var(--ink)}
.snake-area{width:min(100% - 34px,420px);aspect-ratio:1;margin:18px auto 0;position:relative;border:2px solid #7f806d;background:var(--ink)}
.snake-area canvas{display:block;width:100%;height:100%;image-rendering:pixelated}
.snake-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px;background:#1c1d1ade;padding:20px}
.snake-overlay[hidden]{display:none}
.snake-overlay strong{max-width:270px;color:var(--paper);font:clamp(22px,3vw,32px)/1.05 var(--display);letter-spacing:-.05em}
.snake-overlay span{color:var(--acid);font:10px/1.5 var(--mono)}
.snake-overlay button{margin-top:10px;background:var(--acid);border:2px solid var(--paper);padding:12px 15px;color:var(--ink);font:11px var(--mono)}
.snake-overlay button:hover{background:var(--orange)}
.snake-hud{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:13px 17px 0;padding-bottom:13px;border-bottom:1px solid #66665b}
.snake-hud small,.snake-hud strong{display:block;font-family:var(--mono)}
.snake-hud small{font-size:9px;color:#aaa995;margin-bottom:5px}
.snake-hud strong{font-size:11px;color:var(--acid)}
.snake-hud button{border:1px solid var(--acid);background:transparent;color:var(--acid);font:10px var(--mono);padding:8px 10px;white-space:nowrap}
.snake-hud button:hover{background:var(--acid);color:var(--ink)}
.touch-controls{display:flex;justify-content:center;gap:7px;margin:12px 17px 15px}
.touch-controls button{border:1px solid #8f917d;background:#31352c;color:var(--paper);width:40px;height:36px;font:19px var(--sans)}
.touch-controls button:hover,.touch-controls button:active{background:var(--orange);color:var(--ink)}
.phase-shortcuts{border-top:1px solid #66665b;padding:13px 17px 17px}
.phase-shortcuts>span{font:9px var(--mono);color:#a8a796}
.phase-buttons{display:flex;flex-wrap:wrap;gap:5px;margin-top:9px}
.phase-buttons .station{position:static;transform:none;width:auto;height:auto;display:inline-block;padding:6px 7px;background:transparent;border:1px solid #7d806d;box-shadow:none;color:var(--paper);font:9px var(--mono);white-space:nowrap}
.phase-buttons .station:hover{transform:none;background:#404438;border-color:var(--acid)}
.phase-buttons .station.selected{background:var(--orange);color:var(--ink);border-color:var(--orange);box-shadow:none}
.phase-buttons .station.visited:not(.selected)::after{content:none}
@media(max-width:1150px){.snake-shell{border-right:0}.snake-area{width:min(100% - 34px,390px)}}
@media(max-width:720px){.snake-area{width:min(100% - 32px,390px);margin-top:14px}.game-heading h2{font-size:clamp(46px,10vw,70px)}.touch-controls button{width:47px;height:40px}}
@media(max-width:480px){.snake-area{width:min(100% - 28px,350px)}.phase-shortcuts{padding-bottom:15px}.phase-buttons .station{font-size:8px;padding:6px}.snake-overlay strong{font-size:24px}}

/* Dark palette */
:root{--paper:#0d1112;--ink:#eef2ec;--orange:#ff6338;--acid:#b8f42f;--line:#343c3b}
body{background:var(--paper)}
.site-header,.hero-rule,.ticker,.game-layout,.site-footer{border-color:var(--line)}
.hero-kicker-divider{color:#7d8987}
.wordmark-square,.play-link,.portrait-caption,.dossier-header,.station.selected,.phase-buttons .station.selected{color:#0d1112}
.play-link{background:var(--orange);border-color:var(--orange)}
.play-link:hover{background:var(--acid);border-color:var(--acid);color:#0d1112}
.portrait-frame{background:#182021;border-color:var(--line)}
.portrait-caption{border-color:var(--line)}
.ticker,.ticker-inner{color:#0d1112}
.ticker i{color:#0d1112}
.game-section{background:#13191a}
.map-shell{background:#0a0f10;color:var(--ink);border-color:var(--line)}
.map-top,.snake-hud,.phase-shortcuts{border-color:#35403d}
.snake-area{background:#0a0f10;border-color:#47514d}
.snake-overlay{background:#0a0f10e8}
.snake-overlay strong{color:var(--ink)}
.snake-overlay button,.snake-hud button:hover,.touch-controls button:hover,.touch-controls button:active{color:#0d1112}
.snake-hud small,.phase-shortcuts>span{color:#a5b0a9}
.touch-controls button{background:#17201f;border-color:#50605a;color:var(--ink)}
.phase-buttons .station{border-color:#63716a;color:var(--ink)}
.phase-buttons .station:hover{background:#26332e}
.dossier{background:#171e1e;color:var(--ink)}
.dossier-header{border-color:var(--line)}
.dossier-level,.dossier-row small{color:#a9b4ad}
.dossier-row{border-color:#394541}
.dossier-taglist span{border-color:#68776c}
.dossier-link{border-color:var(--orange)}
.site-footer{background:#0d1112}

.projects-body{max-height:620px}
.project-window{border:1px solid #63716a;background:#0a0f10;margin:15px 0 5px;overflow:hidden}
.project-window-bar{height:27px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 9px;border-bottom:1px solid #3a4742;color:#a9b4ad;font:9px var(--mono)}
.project-window-dots{color:var(--orange);letter-spacing:1px;white-space:nowrap}
.project-window-domain{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.project-window-frame{aspect-ratio:16/9;overflow:hidden;background:#101719}
.project-window-frame img,.project-window-frame iframe{display:block;width:100%;height:100%;border:0}
.project-window-frame img{object-fit:cover;object-position:top left}
.project-window-frame iframe{background:#f7f7f5}
.project-preview-note{font:9px/1.4 var(--mono);color:#a9b4ad;letter-spacing:.02em;margin:0 0 12px}
@media(max-width:1150px){.projects-body{max-height:none}}

/* Top-down journey on phones */
.mobile-rpg,.mobile-instructions,.rpg-back{display:none}
@media(max-width:720px){
  .desktop-instructions,.snake-shell>.map-top,.snake-shell>.snake-area,.snake-shell>.snake-hud,.snake-shell>.touch-controls,.snake-shell>.phase-shortcuts{display:none}
  .mobile-instructions,.mobile-rpg{display:block}
  .mobile-rpg{scroll-margin-top:8px}
  .dossier.is-locked,.dossier-header-label{display:none}
  .game-heading p.mobile-instructions{max-width:390px;font-size:11px;line-height:1.55}
  .game-layout{display:block}
  .snake-shell{border-bottom:0}
  .rpg-top{height:42px;border-bottom:1px solid #385044;padding:0 15px;display:flex;justify-content:space-between;align-items:center;color:var(--acid);font:10px var(--mono)}
  .rpg-map-wrap{width:min(calc(100% - 24px),384px);aspect-ratio:384/448;margin:12px auto 0;position:relative;border:2px solid #627565;background:#173026;overflow:hidden}
  .rpg-map-wrap canvas{width:100%;height:100%;display:block;image-rendering:pixelated}
  .rpg-map-wrap.has-3d #rpg-map{visibility:hidden}
  .rpg-map-wrap .rpg-three{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:pan-y;image-rendering:auto}
  .rpg-map-wrap.has-3d .rpg-landmark{width:60px;min-height:39px;background:#101a1fe8;border-color:#c9ddd0;box-shadow:0 3px 10px #07140da8;text-shadow:0 1px 2px #07110d}
  .rpg-landmark{position:absolute;transform:translate(-50%,-50%);z-index:2;width:64px;min-height:45px;padding:3px;border:2px solid #edf1e8;background:#182126;color:#edf1e8;box-shadow:3px 3px 0 #06100d;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;font:8px/1.1 var(--mono);text-align:center}
  .rpg-landmark b{font:15px/1 var(--display);color:var(--orange)}
  .rpg-landmark.visited{border-color:var(--acid)}
  .rpg-landmark.visited::after{content:'✓';position:absolute;top:-8px;right:-7px;background:var(--acid);color:#0d1112;border:1px solid #0d1112;font:10px var(--mono);padding:1px 3px}
  .rpg-landmark.nearby{box-shadow:0 0 0 4px #b8f42f77,3px 3px 0 #06100d}
  .rpg-message{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:13px 13px 0;padding:10px 12px;background:#172421;border:1px solid #506155}
  .rpg-message-label{font:9px var(--mono);color:#a5b7a8}
  .rpg-message strong{font:11px var(--mono);color:var(--acid);text-align:right}
  .rpg-controls{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 20px 0}
  .rpg-pad{display:grid;grid-template-columns:repeat(3,46px);grid-template-rows:repeat(3,43px);gap:3px;touch-action:none;user-select:none}
  .rpg-pad button{border:2px solid #8da397;background:#273c34;color:#f2f5ec;font:24px/1 var(--sans);touch-action:none;user-select:none}
  .rpg-pad button:active,.rpg-pad button.is-held{background:var(--acid);color:#0d1112;transform:translateY(2px)}
  .rpg-pad [data-rpg-direction="up"]{grid-column:2;grid-row:1}
  .rpg-pad [data-rpg-direction="left"]{grid-column:1;grid-row:2}
  .rpg-pad [data-rpg-direction="right"]{grid-column:3;grid-row:2}
  .rpg-pad [data-rpg-direction="down"]{grid-column:2;grid-row:3}
  .rpg-pad>span{grid-column:2;grid-row:2;display:grid;place-items:center;background:#14221c;border:2px solid #587060;color:var(--orange);font:13px var(--display)}
  .rpg-action{width:108px;height:108px;border-radius:50%;border:3px solid #d6e9a9;background:var(--acid);color:#0d1112;box-shadow:0 6px 0 #526727;font:10px var(--mono);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}
  .rpg-action span{font:33px/1 var(--display)}
  .rpg-action .rpg-action-label{font:10px var(--mono)}
  .rpg-action:disabled{opacity:.4;filter:grayscale(1);cursor:default}
  .rpg-action:not(:disabled):active{transform:translateY(4px);box-shadow:0 2px 0 #526727}
  .rpg-hint{font:9px/1.4 var(--mono);letter-spacing:.04em;color:#a5b7a8;text-align:center;margin:14px 10px 16px}
  .rpg-back{display:inline-block;background:#0d1112;color:#edf1e8;border:1px solid #0d1112;padding:6px 8px;font:9px var(--mono)}
}
@media(max-width:370px){.rpg-controls{padding-inline:13px}.rpg-pad{grid-template-columns:repeat(3,42px);grid-template-rows:repeat(3,41px)}.rpg-action{width:96px;height:96px}}