:root{color:#19251f;background:#dbe4d4;font-family:Monaco,Courier New,monospace;font-size:16px;font-synthesis:none;--bg: #dbe4d4;--paper: #f8f5e9;--paper-bright: #fffdf7;--ink: #19251f;--muted: #647069;--line: #9eb5a6;--line-soft: #ced8cf;--accent: #2d7665;--accent-dark: #155747;--accent-soft: #c7d8c4;--gold: #cf9015;--danger: #bd2c21}*{box-sizing:border-box}html{min-width:320px;background:var(--bg);image-rendering:pixelated}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg)}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,.22) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.22) 1px,transparent 1px);background-size:8px 8px;opacity:.45}a{color:inherit;text-decoration:none}h1,h2,p{margin:0}button{font-family:inherit}.shell{width:min(calc(100% - 32px),1120px);min-height:calc(100dvh - 32px);margin:16px auto;padding:0 22px;display:grid;grid-template-rows:auto 1fr auto;border:2px solid rgba(255,255,255,.9);border-radius:22px;background:#f8f5e9e6;box-shadow:0 0 0 2px #758f8129,8px 8px #5d75692e}.site-header{min-height:78px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;border-bottom:3px solid var(--line);font-size:.74rem}.brand{width:fit-content;display:flex;padding:9px 11px 7px;border:2px solid var(--ink);color:var(--paper-bright);background:var(--accent-dark);box-shadow:3px 3px 0 var(--ink);font-weight:900;text-transform:uppercase;white-space:nowrap}.brand b{color:#d9b84a;font-weight:900}.site-header nav{display:flex;align-items:center;justify-content:center;gap:8px;color:var(--muted)}.site-header nav a{padding:9px 10px 7px;border:2px solid transparent;font-weight:900;text-transform:uppercase;transition:color .1s ease,background .1s ease,transform .1s ease}.site-header nav a:hover{color:var(--accent-dark);background:var(--accent-soft)}.site-header nav a.active{color:var(--paper-bright);border-color:var(--ink);background:var(--accent);box-shadow:3px 3px 0 var(--ink)}.site-header nav a:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}.sound-toggle{min-width:92px;min-height:42px;display:flex;align-items:center;justify-content:center;gap:7px;padding:7px 9px;border:2px solid var(--line);border-radius:7px;color:var(--muted);background:var(--paper-bright);box-shadow:3px 3px 0 var(--line-soft);font-size:.62rem;font-weight:900;cursor:pointer;text-transform:uppercase}.sound-toggle svg{width:17px;height:17px}.sound-toggle:hover,.sound-toggle.is-playing{color:var(--paper-bright);border-color:var(--accent-dark);background:var(--accent);box-shadow:3px 3px 0 var(--accent-dark)}.sound-toggle:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--accent-dark)}main{min-height:0}.route{padding:44px 0 54px}.route>section{max-width:920px}.home-view,.work-page,.play-page{max-width:100%!important}.home-hero{display:grid;grid-template-columns:minmax(0,1fr) 176px;gap:22px;align-items:stretch;margin-bottom:34px}.home-hero .page-header{min-width:0;margin-bottom:0}.player-avatar{min-width:0;margin:25px 0 0;display:grid;grid-template-rows:1fr auto;border:2px solid var(--ink);border-radius:5px;background:var(--paper-bright);box-shadow:4px 4px #1557476b;overflow:hidden}.player-screen{position:relative;min-height:154px;display:flex;align-items:flex-end;justify-content:center;overflow:hidden;background:var(--accent-soft)}.player-screen:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 5px,rgba(31,47,42,.07) 5px 6px);animation:player-scan 3.2s steps(6,end) infinite}.player-screen img{width:92%;height:164px;object-fit:contain;object-position:center bottom;image-rendering:pixelated;transform-origin:center bottom;animation:player-idle 2.4s steps(1,end) infinite;filter:grayscale(.72) saturate(.42) sepia(.08) contrast(.92);opacity:.88}.player-avatar figcaption{min-height:36px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 9px 5px;border-top:3px solid var(--ink);color:var(--paper-bright);background:var(--accent-dark);font-size:.58rem;font-weight:900;text-transform:uppercase}.player-avatar figcaption b{display:flex;align-items:center;gap:5px;color:#e9c458;font-weight:900}.player-avatar figcaption i{width:6px;height:6px;display:block;background:#e9c458;animation:player-ready 1.15s steps(1,end) infinite}@keyframes player-idle{0%,52%,to{transform:translateY(2px);opacity:.84}53%,82%{transform:translateY(0);opacity:.9}83%,87%{transform:translateY(1px) scaleY(.97);opacity:.72}88%,99%{transform:translateY(0);opacity:.9}}@keyframes player-scan{0%{transform:translateY(-12px)}to{transform:translateY(12px)}}@keyframes player-ready{50%{opacity:.25}}.page-header{position:relative;margin-bottom:34px}.page-header:after{content:"";position:absolute;right:12px;bottom:-15px;width:8px;height:8px;background:var(--gold);box-shadow:-12px 0 0 var(--gold),-24px 0 0 var(--gold),0 12px 0 var(--gold)}.command{width:fit-content;margin-bottom:10px;padding:5px 8px 4px;color:var(--paper-bright);background:var(--accent);font-size:.68rem;font-weight:900;text-transform:uppercase}.command span{color:#f1c04a}h1{width:100%;padding:16px 18px 13px;border:3px solid var(--ink);border-radius:6px;color:var(--ink);background:var(--paper-bright);box-shadow:6px 6px 0 var(--accent);font-size:clamp(2rem,5.4vw,4rem);line-height:1;font-weight:900;text-transform:uppercase}.page-intro{max-width:760px;margin-top:22px;color:#3d4a43;font-size:clamp(.92rem,1.7vw,1.05rem);font-weight:700;line-height:1.65}.definition-list{overflow:hidden;border:3px solid var(--line);border-radius:8px;background:var(--paper-bright);box-shadow:5px 5px 0 var(--line-soft)}.definition-list>div{min-height:56px;display:grid;grid-template-columns:138px 1fr;gap:24px;align-items:center;padding:8px 14px;border-bottom:2px solid var(--line-soft);font-size:.82rem}.definition-list>div:last-child{border-bottom:0}.definition-list span{color:var(--accent-dark);font-weight:900;text-transform:uppercase}.definition-list span:before{content:"▸ ";color:var(--gold)}.definition-list p{color:#3d4a43;font-weight:700;line-height:1.5}.home-blocks{margin-top:28px;display:grid;grid-template-columns:1.08fr .92fr;gap:14px;align-items:start}.home-block{overflow:hidden;border:3px solid var(--line);border-radius:8px;padding:12px;background:var(--paper-bright);box-shadow:5px 5px 0 var(--line-soft)}.home-block>header{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:-12px -12px 8px;padding:10px 12px 8px;border-bottom:3px solid var(--accent-dark);background:var(--accent-soft)}.home-block>header h2{font-size:.86rem;font-weight:900;text-transform:uppercase}.home-block>header h2:before{content:"■ ";color:var(--accent)}.home-block>header a{color:var(--accent-dark);font-size:.61rem;font-weight:900;text-transform:uppercase}.home-list>a{min-height:50px;display:grid;grid-template-columns:106px minmax(0,1fr) 190px;gap:10px;align-items:center;padding:7px 5px;border-bottom:2px solid var(--line-soft);transition:color .1s ease,background .1s ease,transform .1s ease}.home-list>a:last-child{border-bottom:0}.home-list>a:hover{color:var(--accent-dark);background:#edf1e7;transform:translate(3px)}.home-list span{color:var(--accent);font-size:.61rem;font-weight:900;text-transform:uppercase}.home-list strong{overflow:hidden;color:var(--ink);font-size:.74rem;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.home-list small{overflow:hidden;color:var(--muted);font-size:.61rem;text-align:right;text-overflow:ellipsis;white-space:nowrap}.home-list svg{width:14px;height:14px;justify-self:end}.home-block:first-child .home-list>a{grid-template-columns:84px minmax(0,1fr)}.home-block:first-child .home-list small,.home-block:nth-child(4) .home-list small{display:none}.home-block:nth-child(2) .home-list>a{grid-template-columns:70px minmax(0,1fr) 16px}.home-block:nth-child(3) .home-list>a{grid-template-columns:72px minmax(0,1fr)}.home-block:nth-child(4) .home-list>a{grid-template-columns:30px minmax(0,1fr)}.command-link{width:fit-content;display:flex;align-items:center;gap:8px;margin-top:26px;padding:9px 11px 7px;border:2px solid var(--accent-dark);color:var(--paper-bright);background:var(--accent);box-shadow:3px 3px 0 var(--accent-dark);font-size:.72rem;font-weight:900}.command-link:hover{transform:translate(-1px,-1px);box-shadow:5px 5px 0 var(--accent-dark)}.command-link svg{width:15px;height:15px}.timeline-item{display:grid;grid-template-columns:28px 118px minmax(0,1fr);gap:18px;min-height:164px}.timeline-rail{position:relative;display:flex;justify-content:center}.timeline-dot{position:relative;z-index:1;width:13px;height:13px;margin-top:6px;border:3px solid var(--accent-dark);background:var(--paper-bright)}.timeline-item:first-child .timeline-dot{background:var(--gold);box-shadow:0 0 0 4px var(--paper),0 0 0 6px var(--accent-dark)}.timeline-line{position:absolute;top:18px;bottom:0;width:3px;background:var(--line)}.timeline-item time{padding-top:2px;color:var(--accent-dark);font-size:.68rem;font-weight:900;line-height:1.4}.timeline-main{margin-bottom:18px;padding:14px 16px 18px;border:3px solid var(--line);border-radius:7px;background:var(--paper-bright);box-shadow:4px 4px 0 var(--line-soft)}.timeline-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.pixel-sprite{--pixel-size: 6px;width:calc(var(--pixel-size) * 8);height:calc(var(--pixel-size) * 8);flex:0 0 auto;display:grid;grid-template-columns:repeat(8,var(--pixel-size));grid-template-rows:repeat(8,var(--pixel-size));padding:0;animation:sprite-idle 2.5s steps(2,end) var(--sprite-delay) infinite;filter:drop-shadow(3px 3px 0 rgba(21,87,71,.16));image-rendering:pixelated}.pixel{width:var(--pixel-size);height:var(--pixel-size);display:block;background:transparent}.pixel-p{background:var(--accent-dark)}.pixel-g{background:var(--gold)}.pixel-w{background:var(--paper-bright)}.pixel-r{background:var(--danger)}.pixel-empty{background:transparent}@keyframes sprite-idle{0%,72%,to{transform:translateY(0)}76%,84%{transform:translateY(-3px)}80%,88%{transform:translateY(-1px)}}.eyebrow{color:var(--accent);font-size:.64rem;font-weight:900;text-transform:uppercase}.timeline-main h2{margin-top:7px;font-size:1.13rem;line-height:1.35;font-weight:900;text-transform:uppercase}.timeline-main>p:last-child{max-width:760px;margin-top:11px;color:#4d5a53;font-size:.85rem;font-weight:700;line-height:1.65}.article-list,.notes-list,.game-index{overflow:hidden;border:3px solid var(--line);border-radius:8px;background:var(--paper-bright);box-shadow:5px 5px 0 var(--line-soft)}.article-list a{min-height:58px;display:grid;grid-template-columns:46px minmax(0,1fr) 100px 18px;gap:16px;align-items:center;padding:8px 14px;border-bottom:2px solid var(--line-soft);transition:color .1s ease,background .1s ease,transform .1s ease}.article-list a:last-child{border-bottom:0}.article-list a:hover{color:var(--accent-dark);background:#edf1e7;transform:translate(3px)}.index{color:var(--gold);font-size:.68rem;font-weight:900}.article-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;font-weight:900}.article-meta{color:var(--muted);font-size:.64rem;text-align:right}.article-list svg{width:15px;height:15px}.notes-page{max-width:880px!important}.note-entry{display:grid;grid-template-columns:118px minmax(0,1fr);gap:26px;padding:22px 18px 24px;border-bottom:2px solid var(--line-soft)}.note-entry:last-child{border-bottom:0}.note-entry time{color:var(--accent);font-size:.66rem;font-weight:900;line-height:1.7;text-transform:uppercase}.note-entry p{color:#3f4b45;font-size:.92rem;font-weight:700;line-height:1.72}.empty-state{max-width:680px;border:3px solid var(--line);border-radius:8px;padding:16px;color:var(--muted);background:var(--paper-bright);font-size:.76rem;box-shadow:4px 4px 0 var(--line-soft)}.empty-state p{min-height:30px;display:flex;align-items:center;gap:20px}.empty-state p span:first-child{width:86px;flex:none;color:var(--accent)}.cursor-line i{width:8px;height:13px;display:inline-block;background:var(--accent);animation:blink 1s steps(1) infinite}@keyframes blink{50%{opacity:0}}.game-index>a{min-height:60px;display:grid;grid-template-columns:44px 1fr 210px 54px 18px;gap:14px;align-items:center;padding:8px 14px;border-bottom:2px solid var(--line-soft);color:var(--muted);font-size:.68rem;transition:color .1s ease,background .1s ease,transform .1s ease}.game-index>a:last-child{border-bottom:0}.game-index>a:hover{color:var(--accent-dark);background:#edf1e7;transform:translate(3px)}.game-index>a>span{color:var(--gold);font-weight:900}.game-index strong{color:var(--ink);font-size:.78rem;font-weight:900;text-transform:uppercase}.game-index small{font-size:.66rem}.game-index i{color:var(--accent);font-style:normal;text-align:right}.game-index svg{width:15px;height:15px}.back-link{display:inline-block;margin-bottom:24px;padding:7px 9px 6px;border:2px solid var(--accent-dark);color:var(--accent-dark);background:var(--paper-bright);box-shadow:3px 3px 0 var(--accent-soft);font-size:.68rem;font-weight:900}.lab-principles{margin-top:22px;border:3px solid var(--line);border-radius:8px;padding:11px 14px;background:var(--accent-soft);box-shadow:4px 4px 0 var(--line-soft)}.lab-principles p{min-height:30px;display:flex;align-items:center;gap:18px;color:#4b5a52;font-size:.68rem}.lab-principles span{width:76px;flex:none;color:var(--accent-dark);font-weight:900}.play-note{margin-top:16px;color:var(--muted);font-size:.65rem;line-height:1.6}.game-console{margin-top:30px;padding:14px;border:3px solid var(--line);border-radius:8px;background:var(--paper-bright);box-shadow:6px 6px 0 var(--line-soft)}.game-console-head{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:3px solid var(--line-soft)}.game-console-head>div{display:flex;align-items:baseline;gap:14px}.game-console-head span{color:var(--gold);font-size:.68rem;font-weight:900}.game-console-head h2{font-size:1rem;font-weight:900;text-transform:uppercase}.game-console-head p{color:var(--muted);font-size:.7rem}.signal-pad{width:100%;min-height:190px;margin-top:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;border:3px solid var(--accent-dark);border-radius:6px;color:var(--ink);background:var(--accent-soft);box-shadow:inset 0 0 0 6px var(--paper-bright);font:inherit;cursor:pointer;transition:background .1s ease,transform .1s ease}.signal-pad>span:not(.start-lights){font-size:clamp(1rem,3vw,1.6rem);font-weight:900;text-transform:uppercase}.signal-pad small{color:var(--muted);font-size:.62rem}.start-lights{display:grid;grid-template-columns:repeat(5,32px);gap:12px;margin-bottom:8px}.start-lights i{width:32px;height:32px;display:block;border:3px solid var(--ink);border-radius:3px;background:var(--paper-bright);box-shadow:3px 3px 0 var(--line)}.start-lights i.is-on{background:#e44934;box-shadow:3px 3px #85251e}.signal-pad.is-ready{color:var(--paper-bright);background:var(--accent)}.signal-pad.is-ready small{color:#e0f0e7}.signal-pad.is-early{color:var(--danger);background:#f5ddd7}.signal-pad:active{transform:translate(2px,2px)}.game-readout,.game-stats{min-height:46px;display:flex;align-items:center;gap:26px;color:var(--muted);font-size:.62rem}.game-stats{padding:0 10px;border:2px solid var(--line-soft);background:#edf1e7}.game-stats b{color:var(--accent-dark)}.memory-console,.pattern-console{max-width:700px}.memory-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:min(100%,420px);margin:28px auto;aspect-ratio:1}.memory-grid button{border:3px solid var(--accent-dark);border-radius:4px;background:var(--accent-soft);box-shadow:4px 4px 0 var(--line);cursor:pointer;transition:background 80ms ease,transform 80ms ease}.memory-grid button:not(:disabled):hover{background:#e7c85d}.memory-grid button.is-lit{background:var(--gold);transform:translate(3px,3px);box-shadow:1px 1px 0 var(--line)}.game-action{width:100%;min-height:48px;border:3px solid var(--ink);border-radius:5px;color:var(--paper-bright);background:var(--accent);box-shadow:4px 4px 0 var(--ink);font:inherit;font-size:.72rem;font-weight:900;text-transform:uppercase;cursor:pointer}.game-action:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--ink)}.pattern-sequence{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin:28px 0 16px}.pattern-sequence span{aspect-ratio:1;display:grid;place-items:center;border:3px solid var(--line);border-radius:4px;background:var(--paper-bright);box-shadow:3px 3px 0 var(--line-soft);font-size:clamp(.9rem,3vw,1.3rem);font-weight:900}.pattern-sequence .is-missing{color:var(--paper-bright);border-color:var(--accent-dark);background:var(--accent);box-shadow:3px 3px 0 var(--accent-dark)}.pattern-feedback{min-height:36px;display:flex;align-items:center;color:var(--muted);font-size:.68rem}.pattern-options{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.pattern-options button{min-height:62px;border:3px solid var(--accent-dark);border-radius:4px;color:var(--ink);background:var(--accent-soft);box-shadow:3px 3px 0 var(--accent-dark);font:inherit;font-size:.9rem;font-weight:900;cursor:pointer}.pattern-options button:hover{color:var(--paper-bright);background:var(--accent)}.pattern-options button:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--accent-dark)}footer{min-height:66px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:3px solid var(--line);color:var(--muted);font-size:.64rem;font-weight:900;text-transform:uppercase}footer a:hover{color:var(--accent-dark)}:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.cursor-follower{position:fixed;top:0;left:0;z-index:100;width:18px;height:18px;pointer-events:none;opacity:0;border:3px solid var(--accent-dark);background:#fffdf785;transform:translate3d(-40px,-40px,0);transition:width .1s steps(2),height .1s steps(2),margin .1s steps(2),opacity 80ms;will-change:transform}.cursor-follower:before{content:"";position:absolute;width:5px;height:5px;right:-6px;bottom:-6px;background:var(--gold)}.cursor-follower i{display:none}.cursor-follower.is-visible{opacity:1}.cursor-follower.is-active{width:28px;height:28px;margin:-5px 0 0 -5px;background:#cf90152e}.cursor-follower.is-pressed{width:12px;height:12px;margin:3px 0 0 3px;background:var(--gold)}@media(max-width:760px){.shell{width:min(calc(100% - 16px),1120px);min-height:calc(100dvh - 16px);margin:8px auto;padding:0 14px;border-radius:14px}.site-header{grid-template-columns:1fr auto;gap:10px;padding:12px 0}.site-header nav{grid-column:1 / -1;grid-row:2;justify-content:flex-start;gap:4px;overflow-x:auto}.site-header nav a{padding:8px 7px 6px}.sound-toggle{min-width:44px}.sound-toggle span{display:none}.route{padding:36px 0 44px}.home-hero{grid-template-columns:minmax(0,1fr) 112px;gap:10px;margin-bottom:30px}.player-avatar{margin-top:25px;box-shadow:4px 4px 0 var(--accent)}.player-screen{min-height:106px}.player-screen img{width:96%;height:112px}.player-avatar figcaption{min-height:28px;justify-content:center;padding:5px 4px 3px}.player-avatar figcaption span{display:none}h1{padding:13px 12px 11px;font-size:clamp(1.72rem,10vw,2.5rem);box-shadow:4px 4px 0 var(--accent)}.definition-list>div{grid-template-columns:1fr;gap:5px;padding:12px}.home-blocks{grid-template-columns:1fr;gap:12px}.home-list>a{grid-template-columns:72px minmax(0,1fr);padding:10px 4px}.home-list small{display:none}.home-block:nth-child(2) .home-list>a{grid-template-columns:72px minmax(0,1fr) 16px}.note-entry{grid-template-columns:1fr;gap:8px;padding:18px 14px 20px}.article-list a{grid-template-columns:28px minmax(0,1fr) 16px;gap:10px;padding:10px}.article-meta{display:none}.timeline-item{grid-template-columns:20px minmax(0,1fr);gap:10px;min-height:0}.timeline-item time{grid-column:2;grid-row:1;padding-bottom:7px}.timeline-rail{grid-column:1;grid-row:1 / span 2}.timeline-main{grid-column:2;grid-row:2;margin-bottom:20px;padding:12px}.pixel-sprite{--pixel-size: 5px}.game-index>a{grid-template-columns:28px 1fr 40px 16px;gap:8px;padding:10px}.game-index small{display:none}.game-console-head{padding:10px 0;align-items:flex-start;flex-direction:column;gap:6px}.start-lights{grid-template-columns:repeat(5,24px);gap:8px}.start-lights i{width:24px;height:24px}.game-readout{align-items:flex-start;flex-direction:column;gap:5px;padding:12px 0}.game-stats{gap:14px;overflow-x:auto}.pattern-sequence{gap:4px}.pattern-options{gap:5px}}@media(hover:none),(pointer:coarse){.cursor-follower{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.cursor-follower{display:none}}