@font-face{font-family:Golos Text;src:url(/fonts/GolosText-Variable.ttf)format("truetype");font-weight:400 900;font-display:swap}@font-face{font-family:IBM Plex Mono;src:url(/fonts/IBMPlexMono-Regular.ttf)format("truetype");font-weight:400;font-display:swap}@font-face{font-family:IBM Plex Mono;src:url(/fonts/IBMPlexMono-Medium.ttf)format("truetype");font-weight:500;font-display:swap}@font-face{font-family:IBM Plex Mono;src:url(/fonts/IBMPlexMono-SemiBold.ttf)format("truetype");font-weight:600;font-display:swap}@font-face{font-family:IBM Plex Sans Thai;src:url(/fonts/IBMPlexSansThai-Regular.ttf)format("truetype");font-weight:400;font-display:swap}@font-face{font-family:IBM Plex Sans Thai;src:url(/fonts/IBMPlexSansThai-SemiBold.ttf)format("truetype");font-weight:600;font-display:swap}@font-face{font-family:IBM Plex Sans Thai;src:url(/fonts/IBMPlexSansThai-Bold.ttf)format("truetype");font-weight:700;font-display:swap}:root{--void:#0e1116;--gui:#10131ae6;--gui-solid:#12161d;--bevel-light:#6e7b84;--bevel-dark:#20252f;--text:#f2f4f7;--text-soft:#b6bfc4;--stamp:#c23b31;--gold:#f0c64a;--sky-day:#9bd8f6;--sky-high:#63b7eb;--grass:#6cb043;--sand:#e3ce8f;--stone:#9aa0a6;--dusk:#f3a97c;--night:#10163a;--font-sans:"Golos Text", "IBM Plex Sans Thai", system-ui, sans-serif;--font-mono:"IBM Plex Mono", "IBM Plex Sans Thai", ui-monospace, monospace;--block:4px;--shadow-text:2px 2px 0 #090b0f99}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:5.5rem}body{background:var(--void);color:var(--text);font-family:var(--font-sans);-webkit-text-size-adjust:100%;margin:0;font-size:clamp(1rem,.94rem + .3vw,1.12rem);line-height:1.55}h1,h2,h3,h4{letter-spacing:-.015em;margin:0;font-weight:900;line-height:1.08}p{margin:0}ul,ol{margin:0;padding:0;list-style:none}a{color:inherit}:focus-visible{outline:3px solid var(--gold);outline-offset:3px}svg{shape-rendering:crispedges;display:block}.gui,.card,.sign,.envelope,.gui-button,.hotbar{background:var(--gui);border-top:var(--block) solid var(--bevel-light);border-left:var(--block) solid var(--bevel-light);border-right:var(--block) solid var(--bevel-dark);border-bottom:var(--block) solid var(--bevel-dark);border-radius:0}.gui{padding:clamp(1.25rem,3vw,2.25rem)}.gui-button{color:var(--text);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;text-shadow:var(--shadow-text);cursor:pointer;background:#313a45;border-width:3px;padding:.4rem .9rem;font-size:.78rem;font-weight:600;text-decoration:none;display:inline-block}.gui-button:hover{background:#47535f}.gui-button[aria-pressed=true]{background:var(--text);color:var(--gui-solid);text-shadow:none;border-color:#fff #8a9199 #8a9199 #fff}.hud-top{z-index:30;border-bottom:var(--block) solid var(--bevel-dark);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0e1116eb;flex-wrap:wrap;align-items:center;gap:.6rem 1rem;padding:.7rem clamp(.8rem,3vw,2rem);display:flex;position:sticky;top:0}.wordmark{font-family:var(--font-mono);letter-spacing:.18em;text-shadow:var(--shadow-text);font-size:1rem;font-weight:600}.wordmark-dot{color:var(--stamp)}.dev-badge{font-family:var(--font-mono);letter-spacing:.1em;color:var(--gold);text-transform:uppercase;font-size:.68rem}.lang-switcher{align-items:center;gap:.4rem;margin-left:auto;display:flex}.lang-label{font-family:var(--font-mono);letter-spacing:.14em;color:var(--text-soft);text-transform:uppercase;font-size:.68rem}main{padding-bottom:clamp(6rem,12vh,8rem)}.scene{position:relative}.eyebrow{font-family:var(--font-mono);letter-spacing:.24em;color:var(--gold);text-transform:uppercase;font-size:.72rem;font-weight:600}.scene-title{text-shadow:3px 3px #090b0f8c;margin-top:.5rem;font-size:clamp(1.7rem,1.1rem + 2.6vw,3.1rem)}.scene-lead{max-width:58ch;color:var(--text-soft);margin-top:.9rem}.scene-note{border-left:var(--block) solid var(--stamp);max-width:62ch;color:var(--text);margin-top:1.4rem;padding-left:.9rem}.scene-tag{font-family:var(--font-mono);letter-spacing:.06em;color:var(--gold);margin-top:.8rem;font-size:.78rem}.scene-split{background:var(--night);grid-template-columns:1fr;display:grid}.split-art{grid-template-columns:1fr;display:grid}.panel{background:var(--sky-high);margin:0;position:relative;overflow:hidden}.panel-we{background:#cfd6d3}.panel-svg{width:100%;height:46svh;display:block}.panel-caption{background:var(--gui-solid);border-top:3px solid var(--bevel-dark);align-items:baseline;gap:.6rem;padding:.55rem clamp(.8rem,3vw,1.4rem);display:flex}.panel-name{font-family:var(--font-mono);letter-spacing:.16em;color:var(--gold);font-size:.8rem;font-weight:600}.panel-text{color:var(--text-soft);font-size:.85rem}.gui-hero{border-left:none;border-right:none;padding-block:clamp(1.5rem,4vw,2.5rem);padding-inline:clamp(1.25rem,5vw,3rem)}.scroll-hint{font-family:var(--font-mono);letter-spacing:.28em;color:var(--text-soft);text-transform:uppercase;margin-top:1.4rem;font-size:.72rem}.scroll-hint:after{content:" ▼";color:var(--gold)}.scene-band{padding:0 0 clamp(2rem,6vw,4rem)}.band{background:linear-gradient(to bottom, var(--sky-day) 0 42%, var(--grass) 42% 100%)}.band svg{width:100%;max-height:62svh}#scene-paper .band{background:linear-gradient(to bottom, #dceaf5 0 40%, #d2e3f0 40% 80%, var(--stone) 80% 100%)}#scene-vehicle .band{background:linear-gradient(to bottom, #7cc8f1 0 12%, #9bd8f6 12% 24%, #f8cfae 24% 36%, var(--dusk) 36% 47%, var(--grass) 47% 100%)}#scene-memory .band{background:linear-gradient(to bottom, var(--night) 0 52%, #6e6a5a 52% 100%)}.scene-band .gui{z-index:2;width:min(72rem,100% - 2rem);margin:-2.5rem auto 0;position:relative}.cards{grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1rem;margin-top:1.6rem;display:grid}.card{background:#20252fe6;padding:1rem}.card-top{justify-content:space-between;align-items:baseline;gap:.6rem;display:flex}.card-code{font-family:var(--font-mono);letter-spacing:.14em;color:var(--gold);font-size:.8rem;font-weight:600}.card-due{font-family:var(--font-mono);color:var(--text-soft);font-size:.72rem}.card-name{margin-top:.5rem;font-size:1.05rem}.card-body{color:var(--text-soft);margin-top:.5rem;font-size:.92rem}.rung-who{font-family:var(--font-mono);letter-spacing:.18em;color:var(--stamp);text-transform:uppercase;margin-top:.8rem;font-size:.68rem}.rung-we li,.envelope-items li{color:var(--text-soft);padding-left:1.1rem;font-size:.9rem;position:relative}.rung-we li:before,.envelope-items li:before{content:"";background:var(--gold);width:.5rem;height:.5rem;position:absolute;top:.55em;left:0}.rung-you{font-size:.92rem}.envelope{background:#20252fe6;margin-top:1.6rem;padding:1rem}.envelope-items{gap:.3rem;margin-top:.7rem;display:grid}.ladder-title{margin-top:1.8rem;font-size:1.15rem}.signs{grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:.9rem;margin-top:1rem;display:grid}.sign{background:#7a533059;border-color:#b07c41 #5c3d22 #5c3d22 #b07c41;padding:.9rem}.sign-title{font-size:.98rem}.sign-body{color:var(--text-soft);margin-top:.4rem;font-size:.88rem}.honest{margin-top:2rem}.hotbar{z-index:40;background:#0e1116f0;padding:.4rem;position:fixed;bottom:clamp(.6rem,2vw,1.2rem);left:50%;transform:translate(-50%)}.slots{gap:.3rem;display:flex}.slot-link{background:#4a5460;border:3px solid #1a1f27;border-color:#3f4854 #1a1f27 #1a1f27 #3f4854;place-items:center;width:clamp(2.9rem,11vw,3.6rem);height:clamp(2.9rem,11vw,3.6rem);text-decoration:none;display:grid;position:relative}.slot-link:hover{background:#39424e}.slot-link[aria-current=true]{border-color:var(--text);background:#47535f}.slot-icon{width:62%;height:62%;image-rendering:pixelated}.slot-name{border:2px solid var(--bevel-dark);font-family:var(--font-mono);letter-spacing:.08em;white-space:nowrap;opacity:0;pointer-events:none;background:#0e1116f0;padding:.25rem .5rem;font-size:.68rem;transition:opacity .12s;position:absolute;bottom:calc(100% + .5rem);left:50%;transform:translate(-50%)}.slot-link:hover .slot-name,.slot-link:focus-visible .slot-name,.slot-link[aria-current=true] .slot-name{opacity:1}.slot-index{font-family:var(--font-mono);color:var(--text-soft);font-size:.6rem;position:absolute;bottom:0;right:2px}.footer{border-top:var(--block) solid var(--bevel-dark);background:var(--gui-solid);color:var(--text-soft);padding:2.5rem clamp(1rem,5vw,3rem) clamp(5rem,12vh,7rem);font-size:.85rem}.footer-note{max-width:70ch;margin-top:.6rem;font-size:.8rem}@media (width>=60rem){.scene-split{grid-template-rows:auto 1fr;min-height:100svh}.split-art{gap:var(--block);background:var(--bevel-dark);grid-template-columns:1fr 1fr}.panel-svg{height:min(62svh,42vw)}.gui-hero{text-align:center;flex-direction:column;order:-1;justify-content:center;align-items:center;display:flex}.gui-hero .scene-lead{margin-inline:auto}.scene-band{flex-direction:column;justify-content:center;min-height:100svh;display:flex}html{scroll-padding-top:4.5rem}}@media (width<=59.99rem){html{scroll-padding-top:.5rem}.hud-top{gap:.4rem .6rem;padding:.5rem .8rem;position:static}.login-link{margin-left:auto}.lang-switcher{order:3;width:100%;margin-left:0}.scene-band .gui{margin-top:-1.25rem}.scene-split{grid-template-areas:"you""copy""we"}.split-art{display:contents}.panel-you{grid-area:you}.gui-hero{grid-area:copy}.panel-we{grid-area:we}.panel-svg{height:42svh}}.pose,.frame-b,.think,.ticket{opacity:0}.pose-sit,.frame-a,.think-1,.ticket-1{opacity:1}@keyframes you-travel{0%,25%{transform:translate(8px,68px)}33%,54%{transform:translate(54px,68px)}62%,87%{transform:translate(96px,68px)}to{transform:translate(8px,68px)}}@keyframes pose-sit{0%,24.9%{opacity:1}25%,to{opacity:0}}@keyframes pose-upright{0%,24.9%{opacity:0}25%,to{opacity:1}}@keyframes pose-walk{0%,24.9%{opacity:0}25%,32.9%{opacity:1}33%,53.9%{opacity:0}54%,61.9%{opacity:1}62%,86.9%{opacity:0}87%,to{opacity:1}}@keyframes pose-drink{0%,32.9%{opacity:0}33%,53.9%{opacity:1}54%,to{opacity:0}}@keyframes pose-dance{0%,61.9%{opacity:0}62%,86.9%{opacity:1}87%,to{opacity:0}}@keyframes frame-swap{0%,49.9%{opacity:1}50%,to{opacity:0}}@keyframes think-cycle{0%,1%{opacity:0}2%,22%{opacity:1}23%,to{opacity:0}}@keyframes paper-away{0%{opacity:0;transform:translate(46px,96px)}6%{opacity:1}94%{opacity:1}to{opacity:0;transform:translate(138px,96px)}}@keyframes paper-in{0%{opacity:0;transform:translate(-8px,45px)}8%{opacity:1}92%{opacity:1}to{opacity:0;transform:translate(52px,45px)}}@keyframes swell{0%,to{transform:translate(0)}50%{transform:translate(4px)}}@keyframes drift{0%{transform:translate(-24px)}to{transform:translate(132px)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.25}}@keyframes flicker{0%,92%,to{opacity:1}93%{opacity:.35}95%{opacity:1}97%{opacity:.5}}@keyframes stamp-down{0%,55%{transform:translateY(-10px)}62%,70%{transform:translateY(0)}80%,to{transform:translateY(-10px)}}@keyframes stack-up{0%,4%{opacity:0}8%,92%{opacity:1}96%,to{opacity:0}}@keyframes ticket-cycle{0%,1%{opacity:0}2%,31%{opacity:1}32%,to{opacity:0}}@keyframes hand-round{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes file-away{0%,60%{opacity:0;transform:translate(80px,73px)}66%{opacity:1}92%{opacity:1;transform:translate(100px,66px)}to{opacity:0;transform:translate(100px,66px)}}@keyframes walk-along{0%{transform:translate(6px,48px)}to{transform:translate(186px,48px)}}@keyframes scout-along{0%{transform:translate(150px,48px)}to{transform:translate(-26px,48px)}}@keyframes flame{0%,to{opacity:1}40%{opacity:.7}70%{opacity:.9}}@keyframes feed-in{0%{opacity:0;transform:translate(var(--fx,18px), 6px)}12%{opacity:1}62%{opacity:1;transform:translate(var(--fx,18px), 44px)}70%,to{opacity:0;transform:translate(var(--fx,18px), 52px)}}@keyframes crafted-pop{0%,55%{opacity:0}62%{opacity:1}to{opacity:1}}@keyframes gate-lift{0%,30%{transform:rotate(0)}45%,85%{transform:rotate(-52deg)}to{transform:rotate(0)}}@keyframes ride-past{0%{transform:translate(-44px,46px)}to{transform:translate(200px,46px)}}@keyframes twinkle{0%,to{opacity:1}50%{opacity:.2}}@keyframes chest-glow{0%,to{opacity:.35}50%{opacity:.9}}@media (prefers-reduced-motion:no-preference){.actor-you{animation:24s linear infinite you-travel}.pose-sit{animation:24s step-end infinite pose-sit}.pose-upright{animation:24s step-end infinite pose-upright}.pose-walk{animation:24s step-end infinite pose-walk}.pose-drink{animation:24s step-end infinite pose-drink}.pose-dance{animation:24s step-end infinite pose-dance}.frame-a{animation:.5s step-end infinite frame-swap}.frame-b{animation:.5s step-end -.25s infinite frame-swap}.think{animation:24s step-end infinite think-cycle}.think-1{animation-delay:0s}.think-2{animation-delay:6s}.think-3{animation-delay:12s}.think-4{animation-delay:18s}.outbound{animation:8s linear infinite paper-away;animation-delay:var(--d,0s)}.inbound{animation:8s linear infinite paper-in;animation-delay:var(--d,0s)}.swell{animation:3.2s steps(2,end) infinite swell;animation-delay:var(--d,0s)}.drift-slow{animation:90s linear infinite drift}.drift-fast{animation:54s linear infinite drift}.blink{animation:2.4s steps(2,end) infinite blink;animation-delay:var(--d,0s)}.flicker{animation:6s step-end infinite flicker;animation-delay:var(--d,0s)}.stamp-arm{animation:4s step-end infinite stamp-down}.stacked{animation:14s step-end infinite stack-up;animation-delay:var(--d,0s)}.ticket{animation:12s step-end infinite ticket-cycle}.ticket-1{animation-delay:0s}.ticket-2{animation-delay:4s}.ticket-3{animation-delay:8s}.clock-hand{animation:12s steps(12,end) infinite hand-round}.filed{animation:14s linear infinite file-away}.walk-you{animation:26s linear infinite walk-along}.walk-we{animation:26s linear infinite scout-along}.flame{animation:1.6s steps(2,end) infinite flame;animation-delay:var(--d,0s)}.feed{animation:6s linear infinite feed-in;animation-delay:var(--d,0s)}.crafted{animation:6s step-end infinite crafted-pop}.gate-arm{transform-box:fill-box;transform-origin:0;animation:9s ease-in-out infinite gate-lift;animation-delay:var(--d,0s)}.rider{animation:9s linear infinite ride-past}.twinkle{animation:4.5s steps(2,end) infinite twinkle;animation-delay:var(--d,0s)}.chest-glow{animation:3s ease-in-out infinite chest-glow}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.slot-name{transition:none}}.nametag{font-family:var(--font-mono);letter-spacing:.1em;fill:#fff;paint-order:stroke fill;stroke:#090b0fb8;stroke-width:3px;stroke-linejoin:round;font-size:6px;font-weight:600}