:root{--ink: #2a2118;--paper: #fff8e7;--paper-2: #f3e6c8;--accent: #e4572e;--accent-2: #3f8f5a;--gold: #ffd23f;--night: #1d1a2b;--pixel: "Press Start 2P", monospace;--mono: "IBM Plex Mono", ui-monospace, monospace;--px-border: 0 -4px 0 0 var(--ink), 0 4px 0 0 var(--ink), -4px 0 0 0 var(--ink), 4px 0 0 0 var(--ink), 0 8px 0 0 rgba(0, 0, 0, .35)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--night);color:var(--ink);font-family:var(--mono);-webkit-font-smoothing:antialiased}body.locked{overflow:hidden}.office{position:relative;height:100vh;height:100svh;overflow:hidden;background:radial-gradient(ellipse at 50% 35%,#3a2f52 0%,var(--night) 70%)}#scene{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:pan-y}button{font:inherit;cursor:pointer}a{color:inherit}:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.hud-top{position:absolute;top:16px;left:16px;right:16px;display:flex;justify-content:space-between;align-items:flex-start;gap:12px;pointer-events:none;z-index:5}.hud-top>*{pointer-events:auto}.badge{background:var(--paper);box-shadow:var(--px-border);padding:10px 14px;display:flex;flex-direction:column;gap:6px}.badge-name{font-family:var(--pixel);font-size:12px;letter-spacing:1px}.badge-role{font-size:12px;color:#6b5a48}.hud-right{display:flex;gap:14px;align-items:center}.progress{font-family:var(--pixel);font-size:9px;color:var(--paper);text-shadow:2px 2px 0 #000}.lang{font-family:var(--pixel);font-size:10px;background:var(--gold);color:var(--ink);border:0;padding:10px 12px;box-shadow:var(--px-border)}.lang:active,.start:active,.btn:active,.slot:active{transform:translateY(2px)}.tooltip{position:fixed;z-index:6;pointer-events:none;font-family:var(--pixel);font-size:9px;line-height:1.4;background:var(--ink);color:var(--paper);padding:8px 10px;transform:translate(-50%,-150%);opacity:0;transition:opacity .12s;white-space:nowrap}.tooltip.show{opacity:1}.hotbar{position:absolute;bottom:34px;left:50%;transform:translate(-50%);display:flex;gap:6px;padding:6px;background:#14101ebf;box-shadow:0 0 0 4px #000;z-index:5;max-width:calc(100vw - 32px)}.slot{position:relative;width:48px;height:48px;border:0;background:#8b8b8b;box-shadow:inset -4px -4px #555,inset 4px 4px #c6c6c6;font-size:22px;display:grid;place-items:center;padding:0}.slot:hover,.slot.active{background:#a9a9a9;box-shadow:inset -4px -4px #555,inset 4px 4px #c6c6c6,0 0 0 3px var(--gold)}.slot .key{position:absolute;top:3px;left:5px;font-family:var(--pixel);font-size:7px;color:#fff;text-shadow:1px 1px 0 #000}.slot.visited:after{content:"";position:absolute;right:4px;bottom:4px;width:6px;height:6px;background:var(--gold);box-shadow:1px 1px #000}.scroll-cue{position:absolute;bottom:8px;left:50%;transform:translate(-50%);white-space:nowrap;font-family:var(--pixel);font-size:8px;color:#fff8e7cc;text-shadow:1px 1px 0 #000;text-decoration:none;z-index:5;padding:4px}.scroll-cue .arrow{display:inline-block;color:var(--gold);animation:bob 1s steps(2) infinite}@keyframes bob{50%{transform:translateY(3px)}}.panel{position:absolute;top:92px;right:24px;bottom:110px;width:min(440px,calc(100vw - 48px));z-index:7;display:flex;animation:panel-in .25s steps(5) both}.panel[hidden]{display:none}@keyframes panel-in{0%{transform:translate(40px);opacity:0}}.panel-inner{position:relative;flex:1;overflow-y:auto;background:var(--paper);box-shadow:var(--px-border);padding:22px 22px 26px;scrollbar-width:thin}.close{position:absolute;top:12px;right:12px;width:34px;height:34px;border:0;background:var(--ink);color:var(--paper);font-size:14px}.kicker{font-family:var(--pixel);font-size:9px;color:var(--accent);text-transform:uppercase}.panel h2{font-family:var(--pixel);font-size:15px;line-height:1.5;margin:10px 44px 16px 0}.panel h3{font-family:var(--pixel);font-size:10px;margin:22px 0 10px;padding-bottom:6px;border-bottom:4px dotted var(--paper-2)}.panel p{font-size:14px;line-height:1.65;margin:0 0 12px}.panel .lead{font-size:15px}.panel ul{list-style:none;margin:0;padding:0}.plain li{font-size:14px;padding:4px 0}.plain em{color:#8a7a66}.cards{display:grid;gap:8px}.cards li,.repos a,.books a,.posts a{display:flex;flex-direction:column;gap:4px;background:#fff;padding:10px 12px;box-shadow:0 0 0 2px var(--ink),3px 3px 0 2px var(--ink);font-size:13px;line-height:1.5}.repos,.books,.posts{display:grid;gap:10px}.repos a,.books a,.posts a{text-decoration:none;transition:transform .08s}.repos a:hover,.books a:hover,.posts a:hover{transform:translate(-2px,-2px);box-shadow:0 0 0 2px var(--ink),5px 5px 0 2px var(--accent)}.repo-head{display:flex;justify-content:space-between;gap:8px;align-items:baseline}.stars{font-family:var(--pixel);font-size:9px;color:#b8860b;white-space:nowrap}.meta,.books span,.posts time{font-size:11px;color:#8a7a66}.books{grid-template-columns:1fr 1fr}.tags{display:flex!important;flex-wrap:wrap;gap:6px;margin-top:14px!important}.tags li{font-size:11px;padding:4px 8px;background:var(--paper-2);box-shadow:0 0 0 2px var(--ink)}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}.btn{font-family:var(--pixel);font-size:9px;line-height:1.4;text-decoration:none;padding:10px 12px;background:#fff;box-shadow:0 0 0 3px var(--ink),3px 3px 0 3px var(--ink)}.btn.primary{background:var(--accent);color:#fff}.toast{position:fixed;top:92px;left:50%;transform:translate(-50%);z-index:9;font-family:var(--pixel);font-size:10px;line-height:1.5;background:var(--ink);color:var(--gold);padding:12px 16px;box-shadow:0 0 0 4px var(--gold);opacity:0;pointer-events:none;transition:opacity .3s;max-width:calc(100vw - 32px);text-align:center}.toast.show{opacity:1}.intro{position:fixed;inset:0;z-index:10;display:grid;place-items:center;padding:16px;background:#14101eb8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);transition:opacity .5s}.intro.hide{opacity:0;pointer-events:none}.intro-card{text-align:center;color:var(--paper);max-width:560px}.intro-handle{font-family:var(--pixel);font-size:10px;color:var(--gold);margin:0 0 18px}.intro h1{font-family:var(--pixel);font-size:clamp(22px,6vw,44px);line-height:1.35;margin:0;text-shadow:4px 4px 0 var(--accent),8px 8px 0 #000}.intro-role{font-size:15px;margin:22px 0 32px;opacity:.85}.start{font-family:var(--pixel);font-size:14px;border:0;padding:16px 26px;background:var(--gold);color:var(--ink);box-shadow:var(--px-border);animation:blink 1.2s steps(2) infinite}@keyframes blink{50%{filter:brightness(1.15);transform:translateY(-2px)}}.intro-hint{font-size:13px;margin-top:26px;opacity:.7}@media(max-width:720px){.badge-name{font-size:9px}.badge-role{font-size:10px}.progress{display:none}.slot{width:40px;height:40px;font-size:18px}.hotbar{bottom:30px;gap:4px}.panel{inset:auto 12px 96px;width:auto;height:min(58vh,calc(100vh - 180px));animation-name:panel-up}.books{grid-template-columns:1fr}@keyframes panel-up{0%{transform:translateY(40px);opacity:0}}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.story{position:relative}.chapter{--ch-bg: var(--night);--ch-fg: var(--paper);--ch-accent: var(--gold);--ch-on: var(--ink);--ch-muted: rgba(255, 248, 231, .72);position:relative;background:var(--ch-bg);color:var(--ch-fg);padding:clamp(72px,12vw,140px) 16px}.chapter:before{content:"";position:absolute;top:0;left:0;right:0;height:16px;background:conic-gradient(rgba(0,0,0,.18) 25%,transparent 0 50%,rgba(0,0,0,.18) 0 75%,transparent 0) 0 0 / 16px 16px}.theme-night{--ch-bg: #1d1a2b}.theme-paper{--ch-bg: #fff8e7;--ch-fg: var(--ink);--ch-accent: #e4572e;--ch-on: #fff;--ch-muted: #6b5a48}.theme-terminal{--ch-bg: #0d1b14;--ch-fg: #d6f5df;--ch-accent: #5dff9c;--ch-on: #0d1b14;--ch-muted: #7fa88c}.theme-sky{--ch-bg: #3d7ebf;--ch-fg: #fff;--ch-accent: #ffd23f;--ch-muted: rgba(255, 255, 255, .8)}.theme-wood{--ch-bg: #5e381c;--ch-fg: #fff8e7;--ch-accent: #f2c14e;--ch-muted: rgba(255, 248, 231, .75)}.theme-kitchen{--ch-bg: #f3e6c8;--ch-fg: var(--ink);--ch-accent: #d64545;--ch-on: #fff;--ch-muted: #6b5a48;background:conic-gradient(rgba(214,69,69,.07) 25%,transparent 0 50%,rgba(214,69,69,.07) 0 75%,transparent 0) 0 0 / 48px 48px,var(--ch-bg)}.theme-omelette{--ch-bg: #ffd96a;--ch-fg: #2b2550;--ch-accent: #4b3f8f;--ch-on: #fff;--ch-muted: #4b4470}.theme-blue{--ch-bg: #3578f6;--ch-fg: #fff;--ch-accent: #ffd23f;--ch-muted: rgba(255, 255, 255, .82)}.theme-sunset{--ch-bg: #7a4fa0;--ch-fg: #fff;--ch-accent: #ffd23f;--ch-muted: rgba(255, 255, 255, .82);background:linear-gradient(180deg,#ff8f6b,#c86a7f 45%,#7a4fa0)}.chapter-inner{max-width:1080px;margin:0 auto;display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(32px,6vw,72px);align-items:center}.chapter:nth-of-type(2n) .chapter-media{order:2}.chapter-kicker{font-family:var(--pixel);font-size:10px;line-height:1.6;color:var(--ch-accent);text-transform:uppercase}.chapter h2{font-family:var(--pixel);font-size:clamp(18px,2.8vw,28px);line-height:1.45;margin:14px 0 22px}.chapter p{font-size:16px;line-height:1.75;margin:0 0 14px;max-width:60ch}.chapter p b{color:var(--ch-accent);font-weight:600}.theme-paper p b,.theme-kitchen p b,.theme-omelette p b{color:inherit;background:linear-gradient(transparent 60%,color-mix(in srgb,var(--ch-accent) 30%,transparent) 0)}.chapter .actions{margin-top:26px}.chapter .btn{color:var(--ink)}.chapter .btn.primary{background:var(--ch-accent);color:var(--ch-on)}.frame{margin:0;background:#fff;padding:8px;box-shadow:0 0 0 4px var(--ink),8px 8px 0 4px #00000059}.frame img{display:block;width:100%;height:auto}.frame figcaption{font-family:var(--pixel);font-size:9px;color:var(--ink);padding:10px 2px 2px}.frame.logo{background:transparent;box-shadow:none;padding:0}.frame.avatar{max-width:340px;margin:0 auto;transform:rotate(-2deg)}.frame.tilt-l{transform:rotate(-3deg)}.frame.tilt-r{transform:rotate(2.5deg)}.frame.spin{max-width:380px;margin:0 auto;animation:wobble 4s ease-in-out infinite}@keyframes wobble{50%{transform:rotate(-4deg) translateY(-6px)}}.collage{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:center}.collage .logo{grid-column:1 / -1;justify-self:center;width:min(220px,60%)}.theme-kitchen .collage .logo{grid-column:auto;width:80%}.og-stack{display:grid;gap:18px}.og{display:block;transition:transform .12s}.og:hover{transform:translate(-3px,-3px)}.og .frame figcaption{color:#b8860b}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.stat{background:#fff;padding:18px 12px;box-shadow:0 0 0 4px var(--ink),6px 6px 0 4px #0003;text-align:center;display:flex;flex-direction:column;gap:10px}.stat b{font-family:var(--pixel);font-size:clamp(16px,2.4vw,24px);color:#e4572e}.stat span{font-size:12px;color:#6b5a48}.whiteboard-mini{margin-top:26px;display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;font-family:var(--pixel);font-size:10px}.whiteboard-mini span{padding:10px;border:3px solid currentColor}.whiteboard-mini span:nth-child(1){color:#3b5b8c}.whiteboard-mini span:nth-child(2){color:#3f8f5a}.whiteboard-mini span:nth-child(3){color:#7a4fa0}.spines{list-style:none;margin:0;padding:0 14px;height:280px;display:flex;align-items:flex-end;justify-content:center;gap:6px;border-bottom:16px solid #3b2210;box-shadow:0 4px #2a170a}.spines li{height:var(--h);width:clamp(38px,6vw,54px)}.spines a{display:flex;align-items:center;justify-content:center;height:100%;background:var(--c);box-shadow:inset -5px 0 #00000038,inset 0 8px #ffffff2e;text-decoration:none;color:#fff;transition:transform .12s}.spines a:hover{transform:translateY(-14px)}.spines span{writing-mode:vertical-rl;transform:rotate(180deg);font-family:var(--pixel);font-size:8px;line-height:1.2;text-shadow:1px 1px 0 rgba(0,0,0,.5);max-height:92%;overflow:hidden}.book-list,.post-list{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:8px;font-size:14px;line-height:1.5;color:var(--ch-muted)}.book-list b{color:var(--ch-fg)}.post-list a{color:var(--ch-fg);text-decoration:none;border-bottom:2px dotted currentColor}.post-list time{font-family:var(--pixel);font-size:8px;color:var(--ch-accent);margin-right:6px}.chapter .tags{list-style:none;padding:0;margin:18px 0 0;display:flex;flex-wrap:wrap;gap:8px}.chapter .tags li{font-size:12px;padding:6px 10px;background:#ffffff29;box-shadow:0 0 0 2px currentColor}.pixel-photo{max-width:320px;margin:0 auto;background:#fff;padding:10px;box-shadow:0 0 0 4px var(--ink),8px 8px 0 4px #0000004d;transform:rotate(3deg)}.pixel-photo svg{display:block;width:100%;height:auto}.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}.chapter-text.reveal{transition-delay:.12s}.reveal.in{opacity:1;transform:none}.site-footer{background:var(--night);color:#fff8e7b3;text-align:center;padding:48px 16px 56px;font-size:12px}.site-footer .back{display:inline-block;font-family:var(--pixel);font-size:10px;color:var(--gold);text-decoration:none;margin-bottom:18px}.story-link{display:inline-block;margin-top:22px;border:0;background:var(--ink)!important;color:var(--paper)}@media(max-width:720px){.chapter-inner{grid-template-columns:1fr}.chapter:nth-of-type(2n) .chapter-media{order:0}.chapter p{font-size:15px}.spines{height:220px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none}}