:root{--c-bg: #10141f;--c-bg-raised: #171d2c;--c-panel: #1b2233;--c-panel-alt: #202940;--c-ink: #e8ecf4;--c-ink-dim: #a8b3c7;--c-ink-faint: #8896b2;--c-accent: #ff8c2e;--c-accent-deep: #d96c12;--c-accent-ink: #1a0f04;--c-cat: #9aa3b2;--c-cat-deep: #6e7789;--c-crt: #7be0ff;--c-good: #7dd87d;--c-line: #323c54;--c-focus: #ffd24d;--c-glass-panel: rgba(27, 34, 51, .72);--c-glass-panel-alt: rgba(32, 41, 64, .72);--c-bg-l: #f2efe9;--c-bg-raised-l: #faf8f4;--c-panel-l: #ffffff;--c-panel-alt-l: #efe9df;--c-ink-l: #232833;--c-ink-dim-l: #4d566a;--c-ink-faint-l: #565e70;--c-line-l: #d8d0c2;--c-crt-l: #0d7090;--c-accent-deep-l: #b34e00;--font-heading: "Press Start 2P", "Courier New", monospace;--font-body: "VT323", "Courier New", monospace;--nav-h: 3.5rem;--hud-h: 41px;--footer-h: 69px;--sp-1: .25rem;--sp-2: .5rem;--sp-3: .75rem;--sp-4: 1rem;--sp-6: 1.5rem;--sp-8: 2rem;--radius: 2px;--maxw: 68rem;--slice: 10px;--frame-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23323c54' d='M0 0h24v24H0z'/%3E%3Cpath fill='%231b2233' d='M4 4h16v16H4z'/%3E%3Cpath fill='%23ff8c2e' d='M2 2h2v2H2zm18 0h2v2h-2zM2 20h2v2H2zm18 0h2v2h-2z'/%3E%3C/svg%3E")}html[data-theme=light]{--c-bg: var(--c-bg-l);--c-bg-raised: var(--c-bg-raised-l);--c-panel: var(--c-panel-l);--c-panel-alt: var(--c-panel-alt-l);--c-ink: var(--c-ink-l);--c-ink-dim: var(--c-ink-dim-l);--c-ink-faint: var(--c-ink-faint-l);--c-line: var(--c-line-l);--c-crt: var(--c-crt-l);--c-accent-deep: var(--c-accent-deep-l);--c-glass-panel: rgba(255, 255, 255, .78);--c-glass-panel-alt: rgba(239, 233, 223, .78);--frame-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23d8d0c2' d='M0 0h24v24H0z'/%3E%3Cpath fill='%23ffffff' d='M4 4h16v16H4z'/%3E%3Cpath fill='%23d96c12' d='M2 2h2v2H2zm18 0h2v2h-2zM2 20h2v2H2zm18 0h2v2h-2z'/%3E%3C/svg%3E")}@font-face{font-family:"Press Start 2P";src:url(/fonts/press-start-2p.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:VT323;src:url(/fonts/vt323.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}*,*:before,*:after{box-sizing:border-box}html{color-scheme:dark;scroll-behavior:smooth;background-color:var(--c-bg);scrollbar-gutter:stable;overflow-y:scroll}html:has(.world-stage),html.world-active{overflow-y:auto}html[data-theme=light]{color-scheme:light;background-color:var(--c-bg-l)}body{margin:0;background:transparent;color:var(--c-ink);font-family:var(--font-body);font-size:1.25rem;line-height:1.45;min-height:100vh;position:relative}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-repeat:no-repeat;background-image:repeating-linear-gradient(0deg,transparent 0 2px,rgba(0,0,0,.08) 2px 4px),repeating-linear-gradient(90deg,transparent 0 3px,rgba(0,0,0,.035) 3px 6px),linear-gradient(to top,#0d211a 0 24px,transparent 24px),conic-gradient(from 130deg at 50% 86%,#122c23 100deg,transparent 0),conic-gradient(from 135deg at 16% 82%,#16362b 90deg,transparent 0),conic-gradient(from 135deg at 84% 83%,#16362b 90deg,transparent 0),conic-gradient(from 144deg at 32% 68%,#162035 72deg,transparent 0),conic-gradient(from 142deg at 68% 64%,#18233a 76deg,transparent 0),conic-gradient(from 145deg at 96% 70%,#151f33 70deg,transparent 0),conic-gradient(from 140deg at 18% 54%,#1e2c47 80deg,transparent 0),conic-gradient(from 138deg at 48% 50%,#223250 84deg,transparent 0),conic-gradient(from 142deg at 80% 56%,#1f2d49 76deg,transparent 0),conic-gradient(from 136deg at 35% 42%,#2c3e63 88deg,transparent 0),conic-gradient(from 138deg at 65% 38%,#31456d 84deg,transparent 0),conic-gradient(from 135deg at 88% 44%,#293a5c 90deg,transparent 0),radial-gradient(circle 24px at 78% 18%,#eaf0ff 96%,transparent 100%),radial-gradient(circle 48px at 78% 18%,rgba(123,224,255,.2) 0%,transparent 100%),radial-gradient(ellipse 120% 50% at 50% 68%,rgba(255,140,46,.12) 0%,rgba(123,224,255,.06) 45%,transparent 75%),linear-gradient(180deg,#0a0e1a,#10182a 35%,#18233b 65%,#22314f 85%,#2a3a5b)}html[data-theme=light] body:before{background-image:repeating-linear-gradient(0deg,transparent 0 2px,rgba(0,0,0,.03) 2px 4px),repeating-linear-gradient(90deg,transparent 0 3px,rgba(0,0,0,.025) 3px 6px),linear-gradient(to top,#487a49 0 24px,transparent 24px),conic-gradient(from 130deg at 50% 86%,#558c56 100deg,transparent 0),conic-gradient(from 135deg at 16% 82%,#639c64 90deg,transparent 0),conic-gradient(from 135deg at 84% 83%,#639c64 90deg,transparent 0),conic-gradient(from 144deg at 32% 68%,#729ec4 72deg,transparent 0),conic-gradient(from 142deg at 68% 64%,#7ba6cb 76deg,transparent 0),conic-gradient(from 145deg at 96% 70%,#709bc1 70deg,transparent 0),conic-gradient(from 140deg at 18% 54%,#94b7da 80deg,transparent 0),conic-gradient(from 138deg at 48% 50%,#9fc0e0 84deg,transparent 0),conic-gradient(from 142deg at 80% 56%,#96b8db 76deg,transparent 0),conic-gradient(from 136deg at 35% 42%,#b5d1ed 88deg,transparent 0),conic-gradient(from 138deg at 65% 38%,#bed7f1 84deg,transparent 0),conic-gradient(from 135deg at 88% 44%,#b8d3ef 90deg,transparent 0),radial-gradient(circle 28px at 78% 18%,#ffe57a 96%,transparent 100%),radial-gradient(circle 56px at 78% 18%,rgba(255,185,60,.3) 0%,transparent 100%),radial-gradient(ellipse 120% 50% at 50% 68%,rgba(255,205,140,.35) 0%,rgba(255,230,180,.18) 45%,transparent 75%),linear-gradient(180deg,#b3d7f7,#c4e1fa 35%,#d9ecfd 65%,#faece0 88%,#f2dcce)}h1,h2,h3,.pixel{font-family:var(--font-heading);letter-spacing:.02em;line-height:1.35;text-transform:none}h1{font-size:1.35rem;color:var(--c-ink)}h2{font-size:.95rem;color:var(--c-accent)}h3{font-size:.8rem;color:var(--c-ink)}html[data-theme=light] h2{color:var(--c-accent-deep)}p{margin:0 0 var(--sp-3)}a{color:var(--c-accent);text-decoration:underline;text-underline-offset:3px}html[data-theme=light] a:not(.btn):not(.btn-hud):not(.tabbar__link):not(.hud__brand){color:var(--c-accent-deep)}a:hover{color:var(--c-crt)}img{image-rendering:pixelated;max-width:100%}:focus-visible{outline:3px solid var(--c-focus);outline-offset:2px}.skip-link{position:absolute;left:-999px;top:0;z-index:100;background:var(--c-accent);color:var(--c-accent-ink);padding:var(--sp-2) var(--sp-4);font-family:var(--font-heading);font-size:.7rem}.skip-link:focus{left:var(--sp-2);top:var(--sp-2)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}body{min-height:100vh;min-height:100svh;display:flex;flex-direction:column;padding-top:var(--hud-h, 41px);padding-bottom:calc(var(--footer-h, 69px) + 36px);box-sizing:border-box}main{flex:1 0 auto}body:has(.world-stage),html:has(.world-stage){padding-bottom:0}.wrap{max-width:var(--maxw);margin-inline:auto;padding-inline:var(--sp-4)}.frame{border-image:var(--frame-svg) var(--slice) fill / var(--slice) repeat;border-style:solid;border-width:var(--slice);background:var(--c-panel)}.frame:not(.world-canvas-frame){border-image:none;border:2px solid var(--c-line);background:var(--c-glass-panel, rgba(27, 34, 51, .72));backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);clip-path:polygon(4px 0,calc(100% - 4px) 0,100% 4px,100% calc(100% - 4px),calc(100% - 4px) 100%,4px 100%,0 calc(100% - 4px),0 4px)}.hud{position:fixed;top:0;left:0;right:0;z-index:40;display:flex;flex-wrap:wrap;gap:var(--sp-2);align-items:center;justify-content:space-between;background:var(--c-bg-raised);border-bottom:2px solid var(--c-line);padding:var(--sp-2) var(--sp-4);font-size:1.05rem}.hud__group{display:flex;flex-wrap:wrap;gap:var(--sp-2);align-items:center}.hud__brand{font-family:var(--font-heading);font-size:.65rem;color:var(--c-cat);text-decoration:none;min-height:24px;display:inline-flex;align-items:center}.hud__brand:hover{color:var(--c-accent)}.btn-hud{font-family:var(--font-body);font-size:1rem;background:var(--c-panel);color:var(--c-ink-dim);border:1px solid var(--c-line);border-radius:var(--radius);padding:.1rem .55rem;min-height:24px;min-width:24px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .1s ease,border-color .1s ease,color .1s ease,box-shadow .1s ease}.btn-hud:hover{color:var(--c-ink);border-color:var(--c-accent);transform:translateY(-1px);box-shadow:0 2px 0 0 var(--c-cat-deep)}.btn-hud:active{transform:translateY(1px);box-shadow:none}.btn-hud[aria-pressed=true]{color:var(--c-accent-ink);background:var(--c-accent);border-color:var(--c-accent-deep)}.hud__label{font-size:.95rem}.btn{display:inline-block;font-family:var(--font-heading);font-size:.75rem;text-decoration:none;text-align:center;color:var(--c-ink);background:var(--c-panel);border:3px solid var(--c-ink-dim);box-shadow:0 3px 0 0 var(--c-cat-deep),inset -3px -3px #00000059,inset 3px 3px #ffffff14;padding:var(--sp-4) var(--sp-6);cursor:pointer;transition:transform .1s ease,border-color .1s ease,color .1s ease,box-shadow .1s ease}.btn:hover{border-color:var(--c-accent);color:var(--c-accent);transform:translateY(-2px);box-shadow:0 5px 0 0 var(--c-cat-deep),inset -3px -3px #00000059,inset 3px 3px #ffffff14}.btn:active{transform:translateY(2px);box-shadow:0 1px 0 0 var(--c-cat-deep)}.btn--primary{color:var(--c-accent-ink);background:var(--c-accent);border-color:var(--c-accent-deep)}.btn--primary:hover{color:var(--c-accent-ink);border-color:var(--c-accent-deep);filter:brightness(1.08)}.btn--disabled,.btn--disabled:hover{color:var(--c-ink-faint);background:var(--c-panel-alt);border-color:var(--c-line);box-shadow:none;cursor:not-allowed;filter:none;transform:none}html[data-theme=light] .btn{box-shadow:0 3px 0 0 var(--c-line-l),inset -3px -3px #00000014,inset 3px 3px #ffffff80}html[data-theme=light] .btn:hover:not(.btn--disabled){box-shadow:0 5px 0 0 var(--c-line-l),inset -3px -3px #00000014,inset 3px 3px #ffffff80}html[data-theme=light] .btn:active:not(.btn--disabled){box-shadow:0 1px 0 0 var(--c-line-l)}html[data-theme=light] .btn-hud:hover{box-shadow:0 2px 0 0 var(--c-line-l)}html[data-theme=light] .btn-hud:active{box-shadow:none}.title-screen{min-height:calc(100vh - 4rem);display:grid;place-content:center;text-align:center;gap:var(--sp-4);padding:var(--sp-8) var(--sp-4)}.title-screen__media{width:160px;max-width:100%;aspect-ratio:1 / 1;margin-inline:auto;margin-bottom:var(--sp-2);display:block}.title-screen__cat{width:100%;height:100%;object-fit:cover;border:4px solid var(--c-line);border-radius:var(--radius);image-rendering:auto;display:block}.title-screen h1{font-size:clamp(1.5rem,4vw,1.85rem);line-height:1.35;margin:0;color:var(--c-ink);text-shadow:0 0 8px rgba(123,224,255,.45),0 0 16px rgba(123,224,255,.2)}html[data-theme=light] .title-screen h1{text-shadow:0 0 8px rgba(13,112,144,.25)}.title-screen__press{font-family:var(--font-heading);font-size:.7rem;color:var(--c-crt);margin:0 0 var(--sp-2);animation:blink 1.2s steps(2,start) infinite}@keyframes blink{to{visibility:hidden}}.title-screen__actions{display:flex;flex-direction:column;gap:var(--sp-4);width:min(22rem,100%);margin-inline:auto}.title-screen__sub{display:block;font-family:var(--font-body);font-size:1rem;color:var(--c-ink-dim);margin-top:var(--sp-2)}.btn--primary .title-screen__sub{color:#1d1408}.btn .title-screen__key{display:block;font-size:.55rem;color:inherit;opacity:.75;margin-top:var(--sp-2)}.page-title{grid-column:1 / -1;font-size:.8rem;margin:0 0 var(--sp-2)}.flat{display:grid;grid-template-columns:15rem 1fr;gap:var(--sp-6);align-items:start;padding-block:var(--sp-6)}@media(max-width:720px){.flat{grid-template-columns:1fr}}.tabbar{position:sticky;top:var(--sp-2);display:flex;flex-direction:column;gap:var(--sp-2)}@media(max-width:720px){.tabbar{position:static;flex-direction:row;flex-wrap:wrap}}.tabbar__link{font-family:var(--font-heading);font-size:.62rem;text-decoration:none;text-align:left;color:var(--c-ink-dim);background:var(--c-panel);border:2px solid var(--c-line);padding:var(--sp-3) var(--sp-3);display:flex;justify-content:space-between;gap:var(--sp-2);align-items:baseline}.tabbar__link:hover{color:var(--c-accent);border-color:var(--c-accent)}.tabbar__link[aria-selected=true]{color:var(--c-accent-ink);background:var(--c-accent);border-color:var(--c-accent-deep)}.tabbar__num{font-size:.55rem;opacity:.8}html.js .tabpanel{display:none}html.js .tabpanel.is-active{display:block}.tabpanel{margin:0}.tabpanel>.frame{padding:var(--sp-6)}@media(max-width:720px){.tabpanel>.frame{padding:var(--sp-4)}}.panel-title{margin-bottom:var(--sp-4)}.me{display:grid;grid-template-columns:minmax(140px,180px) 1fr;gap:var(--sp-6);align-items:start}@media(max-width:720px){.me{grid-template-columns:1fr}}.me__media{width:100%;max-width:180px;aspect-ratio:1 / 1}.me__portrait{width:100%;height:100%;object-fit:cover;border:3px solid var(--c-line);image-rendering:auto;display:block}.me__tagline{color:var(--c-accent);font-size:1.35rem;margin-bottom:var(--sp-3)}html[data-theme=light] .me__tagline{color:var(--c-accent-deep)}.sheet{margin:var(--sp-4) 0 0;display:grid;gap:var(--sp-2)}.sheet__row{display:grid;grid-template-columns:minmax(8rem,11rem) 1fr;gap:var(--sp-3);align-items:baseline}.sheet__row dt{font-family:var(--font-heading);font-size:.55rem;color:var(--c-ink-faint);text-transform:uppercase}.sheet__row dd{margin:0;color:var(--c-ink)}@media(max-width:720px){.sheet__row{grid-template-columns:1fr;gap:var(--sp-1)}}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(19rem,1fr));gap:var(--sp-4);list-style:none;margin:0;padding:0}.quest{border:2px solid var(--c-line);background:var(--c-glass-panel, rgba(27, 34, 51, .72));backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);clip-path:polygon(4px 0,calc(100% - 4px) 0,100% 4px,100% calc(100% - 4px),calc(100% - 4px) 100%,4px 100%,0 calc(100% - 4px),0 4px);padding:var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-3)}.quest__head{display:flex;justify-content:space-between;gap:var(--sp-2);align-items:baseline;flex-wrap:wrap}.quest__role{color:var(--c-ink);margin:0}.quest__period{color:var(--c-crt);font-size:1.05rem;white-space:nowrap}.quest__meta{color:var(--c-ink-faint);font-size:1.05rem;margin:0}.quest__bullets{margin:0;padding-left:var(--sp-6);color:var(--c-ink-dim)}.quest__bullets li{margin-bottom:var(--sp-1)}.quest .chip-row{margin-top:auto;padding-top:var(--sp-2)}.chip-row{display:flex;flex-wrap:wrap;gap:var(--sp-2);list-style:none;padding:0;margin:0}.chip{font-size:.95rem;line-height:1.3;color:var(--c-ink-dim);background:var(--c-panel-alt);border:1px solid var(--c-line);border-radius:var(--radius);padding:var(--sp-1) var(--sp-2)}.project{border:2px solid var(--c-line);background:var(--c-glass-panel, rgba(27, 34, 51, .72));backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);clip-path:polygon(4px 0,calc(100% - 4px) 0,100% 4px,100% calc(100% - 4px),calc(100% - 4px) 100%,4px 100%,0 calc(100% - 4px),0 4px);padding:var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-3);position:relative}.project[data-featured=true]{border-color:var(--c-accent)}html[data-theme=light] .project[data-featured=true]{border-color:var(--c-accent-deep)}.project__featured{position:absolute;top:var(--sp-1);right:var(--sp-2);font-family:var(--font-heading);font-size:.58rem;line-height:1.2;letter-spacing:.02em;background:var(--c-accent);color:var(--c-accent-ink);border:1px solid var(--c-accent-deep);box-shadow:0 2px #00000059;padding:var(--sp-1) var(--sp-2);z-index:1}html[data-theme=light] .project__featured{background:var(--c-accent);color:var(--c-accent-ink);border:1px solid var(--c-accent-deep);box-shadow:0 2px 0 0 var(--c-accent-deep)}.project__title{margin:0;font-size:.72rem}.project__cat{color:var(--c-crt);font-size:1.05rem;margin:0}.project__metrics{display:flex;flex-wrap:wrap;gap:var(--sp-4);list-style:none;padding:0;margin:0}.project__metrics .value{font-family:var(--font-heading);font-size:.7rem;color:var(--c-accent);display:block}html[data-theme=light] .project__metrics .value{color:var(--c-accent-deep)}.project__metrics .label{color:var(--c-ink-faint);font-size:.95rem}.project .chip-row{margin-top:auto;padding-top:var(--sp-2)}.project__media{overflow:hidden;border:2px solid var(--c-line);box-shadow:2px 2px 0 0 var(--c-cat-deep);border-radius:0;aspect-ratio:1 / 1;background:var(--c-panel-alt)}html[data-theme=light] .project__media{border-color:var(--c-line-l);box-shadow:2px 2px 0 0 var(--c-line-l)}.project__img{width:100%;height:auto;aspect-ratio:1 / 1;object-fit:cover;display:block;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.project__actions{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-top:var(--sp-2);align-items:center}.project__btn{padding:var(--sp-2) var(--sp-3);font-size:.62rem;line-height:1.2}.project__btn--screens{background:var(--c-panel-alt);border:2px solid var(--c-line);color:var(--c-ink);box-shadow:0 2px 0 0 var(--c-cat-deep)}.project__btn--screens:hover{border-color:var(--c-accent);color:var(--c-accent)}html[data-theme=light] .project__btn--screens{background:var(--c-panel-alt-l);border-color:var(--c-line-l);color:var(--c-ink-l);box-shadow:0 2px 0 0 var(--c-line-l)}html[data-theme=light] .project__btn--screens:hover{border-color:var(--c-accent-deep);color:var(--c-accent-deep)}.project__btn--visit{color:var(--c-accent-ink);background:var(--c-accent);border-color:var(--c-accent-deep);box-shadow:0 2px #00000059}.project__btn--visit:hover{color:var(--c-accent-ink);border-color:var(--c-accent-deep);filter:brightness(1.08)}html[data-theme=light] .project__btn--visit{background:var(--c-accent);color:var(--c-accent-ink);border-color:var(--c-accent-deep);box-shadow:0 2px 0 0 var(--c-accent-deep)}.project-dialog{border:none;background:transparent;padding:0;max-width:90vw;max-height:90vh;margin:auto;overflow:visible}.project-dialog::backdrop{background:#10141fd9;backdrop-filter:blur(4px)}html[data-theme=light] .project-dialog::backdrop{background:#f2efe9d9;backdrop-filter:blur(4px)}.project-dialog__panel{position:relative;background:var(--c-panel);border:3px solid var(--c-line);box-shadow:0 4px 0 0 var(--c-cat-deep);padding:var(--sp-4);max-width:min(720px,92vw);max-height:85vh;display:flex;flex-direction:column;gap:var(--sp-3);overflow-y:auto}html[data-theme=light] .project-dialog__panel{background:var(--c-panel-l);border-color:var(--c-line-l);box-shadow:0 4px 0 0 var(--c-line-l)}.project-dialog__header{display:flex;justify-content:space-between;align-items:center;gap:var(--sp-2);border-bottom:2px solid var(--c-line);padding-bottom:var(--sp-2)}html[data-theme=light] .project-dialog__header{border-bottom-color:var(--c-line-l)}.project-dialog__title{font-size:.82rem;margin:0;color:var(--c-ink)}html[data-theme=light] .project-dialog__title{color:var(--c-ink-l)}.project-dialog__close{background:var(--c-panel-alt);border:2px solid var(--c-line);color:var(--c-ink);width:2rem;height:2rem;display:grid;place-content:center;font-family:var(--font-heading);font-size:.75rem;cursor:pointer;box-shadow:0 2px 0 0 var(--c-cat-deep)}.project-dialog__close:hover{border-color:var(--c-accent);color:var(--c-accent)}html[data-theme=light] .project-dialog__close{background:var(--c-panel-alt-l);border-color:var(--c-line-l);color:var(--c-ink-l);box-shadow:0 2px 0 0 var(--c-line-l)}.project-dialog__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));align-items:start;gap:var(--sp-3);padding:var(--sp-1)}.project-dialog__thumb-wrap{padding:0;background:var(--c-panel-alt);border:2px solid var(--c-line);box-shadow:2px 2px 0 0 var(--c-cat-deep);cursor:pointer;display:block;width:100%;max-width:100%;height:auto;aspect-ratio:1 / 1;overflow:hidden;position:relative;transition:border-color .1s ease,transform .1s ease}.project-dialog__thumb-wrap:hover{border-color:var(--c-accent);transform:translateY(-2px)}.project-dialog__thumb-wrap:focus-visible{outline:2px solid var(--c-accent);outline-offset:2px;border-color:var(--c-accent)}html[data-theme=light] .project-dialog__thumb-wrap{border-color:var(--c-line-l);box-shadow:2px 2px 0 0 var(--c-line-l)}.project-dialog__thumb{width:100%;height:auto;max-width:100%;display:block;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.project-dialog__thumb-badge{position:absolute;top:4px;left:4px;background:var(--c-accent);color:var(--c-accent-ink);font-family:var(--font-heading);font-size:.55rem;line-height:1;padding:2px 4px;box-shadow:1px 1px #0006;pointer-events:none}.project-dialog__preview{position:fixed;inset:0;background:#10141feb;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-3);z-index:1000;padding:var(--sp-4);cursor:pointer}.project-dialog__preview[hidden]{display:none}.project-dialog__enlarged{max-width:80vw;max-height:80vh;object-fit:contain;border:2px solid var(--c-line);box-shadow:3px 3px 0 0 var(--c-cat-deep);image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;background:var(--c-panel)}html[data-theme=light] .project-dialog__enlarged{border-color:var(--c-line-l);box-shadow:3px 3px 0 0 var(--c-line-l);background:var(--c-panel-l)}.project-dialog__preview-close{position:absolute;top:var(--sp-4);right:var(--sp-4);background:var(--c-panel);border:2px solid var(--c-line);color:var(--c-ink);font-family:var(--font-heading);font-size:.85rem;width:2.5rem;height:2.5rem;display:grid;place-content:center;cursor:pointer;box-shadow:0 2px 0 0 var(--c-cat-deep)}html[data-theme=light] .project-dialog__preview-close{background:var(--c-panel-l);border-color:var(--c-line-l);color:var(--c-ink-l);box-shadow:0 2px 0 0 var(--c-line-l)}.project-dialog__preview-hint{font-family:var(--font-heading);font-size:.58rem;letter-spacing:.05em;color:var(--c-ink-dim);text-transform:uppercase}.project-dialog__hint{font-family:var(--font-heading);font-size:.58rem;letter-spacing:.05em;color:var(--c-ink-faint);margin:0;text-align:right;text-transform:uppercase}.letter-card{position:relative;background:var(--c-glass-panel, rgba(27, 34, 51, .72));backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);clip-path:polygon(4px 0,calc(100% - 4px) 0,100% 4px,100% calc(100% - 4px),calc(100% - 4px) 100%,4px 100%,0 calc(100% - 4px),0 4px);border:2px solid var(--c-line);border-top:4px solid var(--c-accent);padding:var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-3);transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.letter-card:hover{transform:translateY(-2px);border-color:var(--c-accent);box-shadow:0 4px 0 0 var(--c-cat-deep)}html[data-theme=light] .letter-card{border-top-color:var(--c-accent-deep)}html[data-theme=light] .letter-card:hover{border-color:var(--c-accent-deep);box-shadow:0 4px 0 0 var(--c-line-l)}.letter-card--placeholder{border-style:dashed;border-top-style:solid;min-height:10rem}.letter-card__stamp{position:absolute;top:var(--sp-3);right:var(--sp-3);width:2rem;height:2.2rem;border:1px dashed var(--c-accent);background:var(--c-panel-alt);display:grid;place-content:center;font-size:.95rem;user-select:none}html[data-theme=light] .letter-card__stamp{border-color:var(--c-accent-deep)}.letter-card__sender{display:block;font-family:var(--font-heading);font-size:.58rem;color:var(--c-accent);letter-spacing:.04em;text-transform:uppercase;margin-bottom:var(--sp-1)}html[data-theme=light] .letter-card__sender{color:var(--c-accent-deep)}.letter-card__media{margin:calc(-1 * var(--sp-4)) calc(-1 * var(--sp-4)) var(--sp-2);overflow:hidden;aspect-ratio:16 / 10}.letter-card__img{width:100%;height:140px;object-fit:cover;display:block}.letter-card__body{display:flex;flex-direction:column;gap:var(--sp-2);padding-right:2.2rem}.letter-card__date{color:var(--c-crt);font-size:.95rem}html[data-theme=light] .letter-card__date{color:var(--c-crt-l)}.letter-card__title{margin:0;font-size:.78rem;line-height:1.35}.letter-card__title a{color:var(--c-ink);text-decoration:none}.letter-card__title a:hover{color:var(--c-accent);text-decoration:underline}html[data-theme=light] .letter-card__title a:hover{color:var(--c-accent-deep)}.letter-card__excerpt{color:var(--c-ink-dim);font-size:1.05rem;margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.letter-card__foot{margin-top:auto;padding-top:var(--sp-2)}.letter-card__link{font-family:var(--font-heading);font-size:.62rem;color:var(--c-accent);text-decoration:none;min-height:24px;display:inline-flex;align-items:center}.letter-card__link:hover{text-decoration:underline}html[data-theme=light] .letter-card__link{color:var(--c-accent-deep)}.letters-page{padding-block:var(--sp-6)}.letters-cta{display:flex;align-items:center;justify-content:center;margin-top:var(--sp-6)}.letters-cta__link{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-6);font-family:var(--font-heading);font-size:.75rem;color:var(--c-ink);background:var(--c-panel);border:2px solid var(--c-line);box-shadow:0 2px 0 0 var(--c-cat-deep);text-decoration:none;cursor:pointer;transition:border-color .1s ease,color .1s ease,transform .1s ease}.letters-cta__link:hover{border-color:var(--c-accent);color:var(--c-accent);transform:translateY(-1px);text-decoration:none}.letters-cta__link:active{transform:translateY(1px);box-shadow:none}html[data-theme=light] .letters-cta__link{color:var(--c-ink)}html[data-theme=light] .letters-cta__link:hover{border-color:var(--c-accent-deep);color:var(--c-accent-deep)}.statbar{list-style:none;padding:0;margin:0 0 var(--sp-6);display:grid;gap:var(--sp-2)}.statbar__row{display:grid;grid-template-columns:minmax(9rem,14rem) 1fr;gap:var(--sp-3);align-items:center}.statbar__pips{display:flex;gap:3px}.pip{width:1.1rem;height:1.1rem;background:var(--c-panel-alt);border:1px solid var(--c-line)}.pip--on{background:var(--c-accent);border-color:var(--c-accent-deep)}.inventory{display:grid;grid-template-columns:repeat(auto-fill,minmax(7.5rem,1fr));gap:var(--sp-2);list-style:none;padding:0;margin:0}.inventory li{border:2px solid var(--c-line);background:var(--c-panel-alt);text-align:center;padding:var(--sp-3) var(--sp-1);font-size:1.05rem;color:var(--c-ink-dim)}.trophy{list-style:none;padding:0;margin:0 0 var(--sp-6);display:grid;gap:var(--sp-2)}.trophy li{border-left:4px solid var(--c-accent);background:var(--c-panel-alt);padding:var(--sp-2) var(--sp-3)}.trophy a{color:inherit;text-decoration:none}.trophy a:hover{color:var(--c-accent);text-decoration:underline}html[data-theme=light] .trophy a:hover{color:var(--c-accent-deep)}.trophy__link-icon{display:inline-block;font-size:.8em;margin-left:var(--sp-1);vertical-align:baseline;opacity:.8}.contact-list{list-style:none;padding:0;margin:0 0 var(--sp-6);display:grid;gap:var(--sp-3)}.contact-list .k{font-family:var(--font-heading);font-size:.6rem;color:var(--c-ink-faint);display:block}.empty{border:2px dashed var(--c-line);color:var(--c-ink-faint);padding:var(--sp-6);text-align:center}.world-stub{min-height:calc(100vh - 6rem);display:grid;place-content:center;text-align:center;gap:var(--sp-4);padding:var(--sp-8)}.footer{position:fixed;bottom:0;left:0;right:0;z-index:8;border-top:2px solid var(--c-line);background:#0d211a;color:var(--c-ink-faint);font-size:1rem;padding:var(--sp-4) 0;text-align:center}html[data-theme=light] .footer{background:#487a49;color:#1c2b1e}.pet-parade{position:fixed;bottom:var(--footer-h, 69px);left:0;right:0;height:34px;overflow:visible;z-index:9}.pet-parade__track{position:absolute;inset:0;overflow:hidden;width:100%}.pet-parade__pet{position:absolute;bottom:0;left:0;width:24px;height:24px;padding:0;margin:0;background:transparent;border:none;cursor:pointer;display:inline-flex;align-items:flex-end;justify-content:center;touch-action:manipulation;will-change:transform}.pet-parade__pet:focus-visible{outline:2px solid var(--c-focus);outline-offset:2px}.pet-parade__pet--grey{--pet-c: #788292;--pet-c-dark: #4d5564;--pet-eye: #ff9800;animation:parade-walk-ltr 28s linear infinite;animation-delay:-6s}.pet-parade__pet--chiki{--pet-c: #e67e22;--pet-c-dark: #b85c10;--pet-eye: #2ecc71;animation:parade-walk-rtl 22s linear infinite;animation-delay:-12s}.pet-parade__pet--chiko{--pet-c: #faebd7;--pet-c-dark: #d2b48c;--pet-eye: #3498db;animation:parade-walk-ltr 34s linear infinite;animation-delay:-20s}.pet-parade__pet--chiyo{--pet-c: #8d5524;--pet-c-dark: #5c3317;--pet-eye: #f1c40f;animation:parade-walk-rtl 18s linear infinite;animation-delay:-3s}@keyframes parade-walk-ltr{0%{transform:translate(-40px)}to{transform:translate(calc(100vw + 40px))}}@keyframes parade-walk-rtl{0%{transform:translate(calc(100vw + 40px))}to{transform:translate(-40px)}}.pet-parade__pet--rtl .pet-pixel{transform:scaleX(-1)}.pet-parade__pet.is-speaking,.pet-parade__pet.is-speaking .pet-pixel,.pet-parade__pet.is-speaking .pet-pixel__leg,.pet-parade__pet.is-speaking .pet-pixel__head,.pet-parade__pet.is-speaking .pet-pixel__tail{animation-play-state:paused!important}.pet-pixel{display:block;width:22px;height:16px;position:relative}.pet-pixel__body{position:absolute;left:4px;bottom:3px;width:12px;height:8px;background:var(--pet-c);border-top:1px solid var(--pet-c-dark)}.pet-pixel__tail{position:absolute;left:1px;bottom:6px;width:3px;height:6px;background:var(--pet-c-dark);border-radius:1px;transform-origin:bottom right;animation:pet-tail .35s steps(1) infinite}.pet-pixel__head{position:absolute;left:13px;bottom:6px;width:7px;height:7px;background:var(--pet-c);animation:pet-bob .35s steps(1) infinite}.pet-pixel__ear{position:absolute;top:-3px;left:0;width:7px;height:3px;border-left:2px solid var(--pet-c-dark);border-right:2px solid var(--pet-c-dark)}.pet-pixel__eye{position:absolute;top:2px;right:1px;width:2px;height:2px;background:var(--pet-eye)}.pet-pixel__leg{position:absolute;bottom:0;width:3px;height:4px;background:var(--pet-c-dark)}.pet-pixel__leg--front{left:14px;animation:pet-leg-f .35s steps(1) infinite}.pet-pixel__leg--back{left:6px;animation:pet-leg-b .35s steps(1) infinite}@keyframes pet-leg-f{50%{transform:translate(-2px,-1px)}}@keyframes pet-leg-b{50%{transform:translate(2px)}}@keyframes pet-bob{50%{transform:translateY(1px)}}@keyframes pet-tail{50%{transform:rotate(12deg)}}.pet-parade__bubble{position:absolute;bottom:calc(100% + 8px);transform:translate(-50%);background:var(--c-panel);border:2px solid var(--c-line);border-radius:var(--radius);color:var(--c-ink);font-family:var(--font-body);font-size:1.15rem;line-height:1.25;max-width:220px;width:max-content;padding:var(--sp-2) var(--sp-3);box-shadow:0 3px 0 0 var(--c-cat-deep);z-index:20;pointer-events:none;text-align:center;word-break:break-word}.pet-parade__bubble[hidden]{display:none}.pet-parade__bubble:before{content:"";position:absolute;bottom:-8px;left:var(--tail-x, 50%);transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:8px solid var(--c-line)}.pet-parade__bubble:after{content:"";position:absolute;bottom:-6px;left:var(--tail-x, 50%);transform:translate(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid var(--c-panel)}html[data-theme=light] .pet-parade__bubble{background:var(--c-panel-alt-l, #efe9df);border-color:var(--c-line-l, #d8d0c2);color:var(--c-ink-l, #232833);box-shadow:0 3px 0 0 var(--c-line-l)}html[data-theme=light] .pet-parade__bubble:after{border-top-color:var(--c-panel-alt-l, #efe9df)}html[data-theme=light] .pet-parade__bubble:before{border-top-color:var(--c-line-l, #d8d0c2)}@media(prefers-reduced-motion:reduce){.pet-parade,.pet-parade__pet{animation:none!important}.pet-parade__pet--grey{left:12%!important;transform:none!important}.pet-parade__pet--chiki{left:36%!important;transform:none!important}.pet-parade__pet--chiko{left:64%!important;transform:none!important}.pet-parade__pet--chiyo{left:88%!important;transform:none!important}.pet-pixel__leg,.pet-pixel__head,.pet-pixel__tail{animation:none!important}}.ambient-sky{position:fixed;top:3.5rem;left:0;width:100vw;height:120px;pointer-events:none;overflow:hidden;z-index:1}.ambient-bird{position:absolute;color:var(--c-ink-dim);opacity:.75;white-space:nowrap;pointer-events:none}.bird-svg{display:block;transform-origin:center;animation:bird-flap .5s steps(2) infinite alternate}@keyframes bird-flap{0%{transform:scaleY(1)}to{transform:scaleY(.6)}}.ambient-bird--1{top:15px;animation:fly-across 22s linear infinite;animation-delay:-3s}.ambient-bird--2{top:50px;animation:fly-across 30s linear infinite;animation-delay:-17s}.ambient-bird--3{top:85px;animation:fly-across 26s linear infinite;animation-delay:-9s}@keyframes fly-across{0%{transform:translate(-60px)}to{transform:translate(calc(100vw + 60px))}}@media(prefers-reduced-motion:reduce){.ambient-sky,.ambient-bird{display:none!important}.bird-svg{animation:none}}.home-split{display:block}.home-split__right,.home-key-info{display:none}@media(min-width:1024px){.wrap:has(.home-split),.wrap--home{max-width:none;padding-inline:var(--sp-6)}.home-split{display:grid;grid-template-columns:minmax(280px,24%) 1fr;gap:var(--sp-6);align-items:start;padding-block:var(--sp-6);max-width:none}.title-screen.home-split__left{min-height:auto;max-height:calc(100vh - var(--nav-h, 3.5rem) - 2 * var(--sp-6));overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:var(--sp-6) var(--sp-4);gap:var(--sp-3);background:var(--c-glass-panel, rgba(27, 34, 51, .72));backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);clip-path:polygon(4px 0,calc(100% - 4px) 0,100% 4px,100% calc(100% - 4px),calc(100% - 4px) 100%,4px 100%,0 calc(100% - 4px),0 4px);border:2px solid var(--c-line)}.home-split__left .title-screen__actions{width:100%}.home-split__right{display:block}.home-split__right .tabbar{position:static;flex-direction:row;flex-wrap:wrap;gap:var(--sp-2);margin-bottom:var(--sp-4)}.home-split__right .tabbar__link{flex:1 1 auto}.home-mobile-only{display:none!important}.home-press{display:none}.home-realm-card,.home-key-info{display:block;width:100%;margin-top:var(--sp-1);padding:var(--sp-3) var(--sp-4);background:var(--c-glass-panel-alt, rgba(32, 41, 64, .72));backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);clip-path:polygon(4px 0,calc(100% - 4px) 0,100% 4px,100% calc(100% - 4px),calc(100% - 4px) 100%,4px 100%,0 calc(100% - 4px),0 4px);border:2px solid var(--c-line);text-align:left}.home-realm-card__header{display:flex;flex-direction:column;gap:.15rem;align-items:center;text-align:center;margin-bottom:var(--sp-2)}.home-realm-card__title{font-family:var(--font-heading);font-size:.72rem;color:var(--c-accent);margin:0;letter-spacing:.03em;text-shadow:0 0 6px rgba(255,140,46,.3)}html[data-theme=light] .home-realm-card__title{color:var(--c-accent-deep);text-shadow:none}.home-realm-card__subtitle{font-family:var(--font-body);font-size:1.05rem;color:var(--c-ink-dim);margin:0}.home-realm-card__desc{font-family:var(--font-body);font-size:1.05rem;line-height:1.35;color:var(--c-ink);margin:0 0 var(--sp-2);text-align:center}}.key-list{display:grid;gap:var(--sp-2);margin:0 0 var(--sp-2);font-family:var(--font-heading);font-size:.58rem}.key-list__row{display:flex;justify-content:space-between;align-items:center;border-bottom:1px dashed var(--c-line);padding-bottom:var(--sp-1);gap:var(--sp-1)}.key-list dt{margin:0;color:var(--c-ink)}.key-list dd{margin:0;display:flex;align-items:center;gap:.2rem;color:var(--c-ink-dim)}.key-list kbd{font-family:var(--font-heading);font-size:.52rem;line-height:1;background:var(--c-bg-raised);color:var(--c-accent);border:1px solid var(--c-line);padding:.12rem .32rem;border-radius:var(--radius)}.key-list__foot{margin:0;text-align:center}.key-list__link{font-family:var(--font-heading);font-size:.6rem;color:var(--c-accent);text-decoration:underline;min-height:24px;display:inline-flex;align-items:center}@supports not ((backdrop-filter: blur(6px)) or (-webkit-backdrop-filter: blur(6px))){.frame:not(.world-canvas-frame),.letter-card,.quest,.project,.title-screen.home-split__left{background:var(--c-panel)}.home-realm-card,.home-key-info{background:var(--c-panel-alt)}}@media print{@page{size:A4;margin:1.2cm}html,body{background:#fff!important;color:#000!important;font-size:11pt}.hud,.tabbar,.btn,.skip-link,.world-stub .btn,.page-title,.empty{display:none!important}html.js .tabpanel{display:block!important}.flat{display:block;padding:0}.tabpanel{page-break-after:always}.tabpanel:last-child{page-break-after:auto}.frame{border:none;background:#fff!important;padding:0}.panel-title{border-bottom:1.5pt solid #000;padding-bottom:4pt}h1,h2,h3,.pixel{color:#000!important;page-break-after:avoid}img{image-rendering:auto;max-width:120px}a{color:#000!important;text-decoration:underline}.contact-list a[href^="mailto:"]:after,.contact-list a[href^="https://"]:after{content:" (" attr(href) ")";font-size:9pt;color:#444}.pip--on{background:#000!important;border-color:#000!important}.project[data-featured=true]{border-color:#000!important;box-shadow:none!important}.project__featured{background:#000!important;color:#fff!important}.quest__period,.project__cat{color:#000!important}.chip{background:#fff!important;color:#000!important;border-color:#999}}