:root{--bg-top:#141826;--bg-bottom:#241a33;--text:#e8ebf4;--muted:#a6aec4;--accent:#b6e000;--panel:#121624c7;--border:#ffffff17;--chip:#b6e0001a;--chip-border:#b6e00047;--lime:#b6e000;--wing:#2e8b2e;--gold:#e8c25a;--cheek:#d92b2b;--pixel-font:"Press Start 2P", ui-monospace, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-snap-type:y mandatory}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto;scroll-snap-type:y proximity}}body{color:var(--text);background:linear-gradient(180deg, var(--bg-top), var(--bg-bottom)) fixed;margin:0;font:17px/1.6 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:var(--accent);text-underline-offset:3px}a:focus-visible,.button:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}main,footer{max-width:780px;margin-left:max(16px,7vw);margin-right:16px;position:relative}section{scroll-snap-align:start;scroll-snap-stop:always;flex-direction:column;justify-content:center;min-height:100svh;padding:8vh 0;display:flex}section.tall{scroll-snap-stop:normal;justify-content:flex-start}footer{scroll-snap-align:end}.section-nav{z-index:2;position:fixed;top:50%;right:16px;transform:translateY(-50%)}.section-nav ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.section-nav a{width:24px;height:24px;font:8px/1 var(--pixel-font);color:var(--muted);border:2px solid var(--muted);background:#0a0c1480;place-items:center;text-decoration:none;transition:background .2s,border-color .2s,color .2s;display:grid}.section-nav a:hover{border-color:var(--accent);color:var(--accent)}.section-nav a[aria-current]{background:var(--accent);border-color:var(--accent);color:#12161f}.section-nav a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}h1{letter-spacing:-.025em;margin:0;font-size:clamp(2.6rem,6.5vw,4.6rem);line-height:1.02}h1 .role{letter-spacing:-.01em;color:var(--muted);margin-top:.45em;font-size:.42em;font-weight:600;display:block}h2{letter-spacing:-.015em;margin:0 0 .7em;font-size:clamp(1.7rem,3.6vw,2.4rem)}h3{margin:1.4em 0 .6em;font-size:1.1rem}h4{margin:0 0 6px;font-size:1.05rem}p{max-width:38em;color:var(--muted);margin:0 0 1em}.tagline{color:var(--accent);margin:.6em 0 1em;font-size:1.35rem;font-style:italic}.intro{color:var(--text);font-size:1.1rem}.hint{opacity:.85;margin-top:1.6em;font-size:.9rem}.muted,.earlier{color:var(--muted);font-size:.95rem}.aside{color:var(--muted);font-size:.85rem;font-weight:400}.org,.where{color:var(--muted);font-weight:400}.ctas{flex-wrap:wrap;gap:12px;margin-top:.4em;display:flex}.button{border:1px solid var(--accent);color:var(--accent);background:#0a0c1466;border-radius:999px;padding:10px 18px;font-weight:600;text-decoration:none;display:inline-block}.button:hover{background:#b6e0001f}.button.primary{background:var(--accent);color:#12161f}.button.primary:hover{background:#c8f020}.panel,.card{background:var(--panel);border:1px solid var(--border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:14px;padding:18px 20px}.tags{flex-wrap:wrap;gap:6px;margin:10px 0 0;padding:0;list-style:none;display:flex}.tags li{background:var(--chip);border:1px solid var(--chip-border);color:#dbe8b0;border-radius:999px;padding:2px 9px;font-size:.78rem;line-height:1.5}.cards{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;display:grid}.card{flex-direction:column;display:flex}.card p{font-size:.95rem}.card .tags{margin-top:auto}.card-links{margin:12px 0 0;font-size:.92rem}.card-links em{color:var(--muted)}.timeline{gap:14px;margin:0;padding:0;list-style:none;display:grid}.timeline h3{margin:0}.timeline h3 a{color:var(--text)}.meta{margin:2px 0 8px;font-size:.9rem}.meta .job{font-style:italic}.bullets{color:var(--muted);margin:0;padding-left:1.1em;font-size:.95rem}.bullets li{margin:.2em 0}.earlier{margin-top:16px}.skills{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px;display:grid}.skills h3{margin:0}.panel p:last-child,.card p:last-child{margin-bottom:0}footer{padding:6vh 0 5vh;font-size:.85rem}@media (width<=760px){main,footer{margin-left:16px}section{padding:6vh 0}.section-nav{display:none}}.hud{font:10px/1.6 var(--pixel-font);letter-spacing:.04em;text-transform:uppercase;color:var(--gold);margin:0 0 14px}@keyframes build-in{0%{clip-path:inset(0 100% 100% 0)}to{clip-path:inset(0)}}@media (prefers-reduced-motion:no-preference){section:not([data-seen]) .build{clip-path:inset(0 100% 100% 0)}section[data-seen] .build{animation:.45s steps(9,end) both build-in;animation-delay:calc(var(--i,0) * 70ms)}}@keyframes type{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes caret{50%{opacity:0}}.typed{display:inline-block;position:relative}@media (prefers-reduced-motion:no-preference){.typed{animation:type .9s steps(var(--chars,12), end) .2s both}.typed:after{content:"";background:var(--accent);width:.28em;height:.82em;animation:1s step-end infinite caret;position:absolute;top:.12em;right:-.35em}}.prompt{font:11px/1.8 var(--pixel-font);color:var(--accent);letter-spacing:.04em}@keyframes blink{50%{opacity:.25}}@media (prefers-reduced-motion:no-preference){.prompt.blink{animation:1.2s step-end infinite blink}}.sheet{border:2px solid var(--wing);border-radius:4px;box-shadow:6px 6px #00000059}.sheet-head{grid-template-columns:160px 1fr;align-items:center;gap:24px;margin-bottom:8px;display:grid}.portrait{width:160px;height:160px;image-rendering:pixelated;display:block}.photo-frame{position:relative;overflow:hidden}.photo{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.photo.pixelated{image-rendering:pixelated}.photo.full{opacity:0;transition:opacity .3s steps(4,end)}.photo-frame:hover .full{opacity:1}.sheet-name{font:14px/1.6 var(--pixel-font);color:var(--text);margin:0 0 10px}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 18px;margin:0;display:grid}.stats div{border-bottom:2px dotted var(--border);padding-bottom:4px}.stats dt{font:8px/1.8 var(--pixel-font);color:var(--gold);text-transform:uppercase}.stats dd{color:var(--text);margin:0;font-weight:600}.sheet-label{font:10px/1.6 var(--pixel-font);color:var(--gold);text-transform:uppercase;margin:14px 0 6px}.sheet p{margin-bottom:.7em;font-size:.96rem}.slots{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:6px;margin:0;padding:0;list-style:none;display:grid}.slot{border:2px solid var(--border);background:#0a0c148c;grid-template-columns:32px 1fr;align-items:center;column-gap:10px;padding:6px 8px;display:grid}.slot svg{image-rendering:pixelated;grid-row:span 2}.slot:hover{border-color:var(--accent)}.slot-name{color:var(--text);font-size:.82rem;font-weight:600;line-height:1.3}.slot-desc{color:var(--muted);font-size:.74rem;line-height:1.35}.world{font:10px/1.6 var(--pixel-font);color:var(--gold);text-transform:uppercase;margin:1.6em 0 .8em}.world .aside{text-transform:none;font:400 .8rem/1.4 system-ui,sans-serif}.cards{perspective:900px}.cartridge{transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));border:2px solid #b6e00059;border-radius:6px 6px 3px 3px;transition:transform .15s ease-out,border-color .2s;position:relative;overflow:hidden;box-shadow:0 6px #0006}.cartridge:after{content:"";pointer-events:none;opacity:0;background:radial-gradient(circle at var(--mx,50%) var(--my,0%), #ffffff24, transparent 55%);transition:opacity .2s;position:absolute;inset:0}.cartridge:hover{border-color:var(--accent)}.cartridge:hover:after{opacity:1}.cartridge:focus-within{border-color:var(--accent);transform:translateY(-4px)}.label-strip{background:linear-gradient(#b6e00029,#b6e0000a);border-bottom:2px solid #b6e00040;margin:-18px -20px 12px;padding:12px 20px 10px}.label-strip h4{margin:0}.card-links{flex-wrap:wrap;align-items:center;gap:6px 12px;display:flex}.play{font:9px/1 var(--pixel-font);color:#12161f;background:var(--accent);cursor:pointer;box-shadow:3px 3px 0 var(--wing);border:0;padding:7px 9px;text-decoration:none}.play:hover{background:#c8f020}.play:active{box-shadow:1px 1px 0 var(--wing);transform:translate(2px,2px)}.play:focus-visible{outline:2px solid var(--text);outline-offset:3px}.elsewhere{margin-top:8px}.quests{flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none;display:flex}.quest{border:2px dashed var(--chip-border);background:#0a0c1480;padding:8px 12px;font-size:.9rem;text-decoration:none;display:inline-block}.quest:before{content:"◆ ";color:var(--gold)}.quest:hover{border-style:solid}.screen{border:4px solid var(--accent);width:min(960px,94vw);height:min(640px,86vh);color:var(--text);background:#0b0d14;border-radius:6px;padding:0;box-shadow:10px 10px #00000080}.screen::backdrop{background:#05060abf}.screen[open]{flex-direction:column;display:flex}.screen-bar{border-bottom:2px solid var(--border);align-items:center;gap:14px;padding:8px 12px;display:flex}.screen-bar .hud{flex:1;margin:0}.screen-link{font-size:.85rem}.screen-bar button{font:12px/1 var(--pixel-font);color:var(--text);border:2px solid var(--muted);cursor:pointer;background:0 0;padding:6px 8px}.screen-bar button:hover,.screen-bar button:focus-visible{border-color:var(--accent);color:var(--accent)}.screen iframe{background:#000;border:0;flex:1;width:100%}.backpack{z-index:1;border:2px solid var(--wing);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0e111ceb;border-radius:4px;margin:0 0 16px;padding:10px 12px;position:sticky;top:12px}.backpack-title{font:9px/1.6 var(--pixel-font);color:var(--gold);text-transform:uppercase;justify-content:space-between;gap:12px;margin:0 0 8px;display:flex}.backpack-title span:last-child{color:var(--text);white-space:nowrap}.backpack-items{scrollbar-width:thin;gap:6px;margin:0;padding:0 0 4px;list-style:none;display:flex;overflow-x:auto}.backpack-items li{border:1px solid var(--chip-border);background:var(--chip);color:#dbe8b0;flex:none;padding:2px 8px;font-size:.74rem}@keyframes pop{0%{opacity:0;transform:scale(.6)}}@media (prefers-reduced-motion:no-preference){.backpack-items li{animation:.25s steps(3,end) both pop}}.backpack-items .count{color:var(--gold);margin-left:4px;font-weight:700}.road-wrap{padding-left:48px;position:relative}.road-wrap:before{content:"";background:repeating-linear-gradient(180deg, var(--wing) 0 8px, transparent 8px 14px);width:4px;position:absolute;top:0;bottom:0;left:18px}.walker{z-index:1;width:40px;height:40px;image-rendering:pixelated;transform:translateY(var(--walk,0px));transition:transform .25s steps(5,end);position:absolute;top:0;left:0}.road>li{transition:border-color .3s;position:relative}.road>li:before{content:"";background:var(--muted);clip-path:polygon(0 0,100% 50%,0 100%);width:12px;height:10px;transition:transform .3s steps(3,end),background .3s;position:absolute;top:22px;left:-36px;transform:translateY(8px)}.road>li.reached:before{background:var(--cheek);transform:translateY(0)}.road>li.reached{border-color:#b6e0004d}.stack{border-top:4px solid var(--block)}.stack h3{color:var(--block)}.blocks{flex-wrap:wrap;gap:8px;margin:12px 0 0;padding:0;list-style:none;display:flex}.block{color:#12161f;background:var(--block);padding:4px 9px;font-size:.78rem;font-weight:600;line-height:1.4;transition:transform .15s steps(2,end);box-shadow:inset -3px -3px #00000047,inset 3px 3px #ffffff4d,3px 3px #00000059}.process .block{color:var(--block);box-shadow:inset 0 0 0 2px var(--block), 0 0 10px color-mix(in srgb, var(--block) 35%, transparent);background:0 0}.stack:hover .block,.stack:focus-within .block{transform:translateY(-2px)}@keyframes glow{50%{box-shadow:0 0 0 4px #b6e0002e,0 0 24px #b6e00073}}.crystal{border-radius:4px;padding:14px 22px;font-size:1.05rem}@media (prefers-reduced-motion:no-preference){.crystal{animation:2.4s ease-in-out infinite glow}}.slot-button{border-style:dashed;border-radius:4px}.save .toast{min-height:1.6em;font:10px/1.6 var(--pixel-font);color:var(--accent);flex-basis:100%;order:9;margin:4px 0 0}.credits{text-align:left}.credits .hud{margin-bottom:6px}@media (width<=760px){.sheet-head{grid-template-columns:1fr;gap:14px}.portrait{width:112px;height:112px}.stats{grid-template-columns:1fr 1fr}.slots{grid-template-columns:1fr}.backpack{top:0}.road-wrap{padding-left:40px}}@font-face{font-family:"Press Start 2P";font-style:normal;font-display:swap;font-weight:400;src:url(/assets/press-start-2p-latin-400-normal-_wFEWmAB.woff2)format("woff2"),url(/assets/press-start-2p-latin-400-normal-KLytu4cr.woff)format("woff")}