@font-face{font-family:Outfit;src:url('./assets/fonts/Outfit-Variable.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{color-scheme:light;--paper:#faf8f2;--surface:#eee9de;--ink:#18261f;--muted:#4c5a50;--line:#d3d3c8;--border:#7b8279;--accent:#b63c16;--on-accent:#fff9ef;--accent-hover:#96300f;--focus:#87300f;--highlight:#b63c16;--ease:cubic-bezier(.2,.7,.2,1)}
:root[data-theme=dark]{color-scheme:dark;--paper:#111c17;--surface:#202e25;--ink:#fff9ed;--muted:#c4cec2;--line:#445347;--border:#9ba99a;--focus:#ffcba8;--highlight:#ffae86}
*{box-sizing:border-box}html{background:var(--paper);color:var(--ink);font:400 18px/1.5 Outfit,Arial,sans-serif;scroll-padding-top:26px}body{margin:0}button,a,summary{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{font:500 16px/1.3 inherit;cursor:pointer;color:inherit;background:transparent;border:0}button,input,select{font-family:inherit;font-size:inherit}a{color:inherit;text-decoration:none}button,a,summary{outline-offset:5px}button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex="-1"]:focus-visible{outline:3px solid var(--focus)}img{display:block;max-width:100%}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:500;letter-spacing:-.045em;line-height:1.08}h2{font-size:clamp(2rem,3.3vw,3rem)}h3{font-size:1.55rem}p{color:var(--muted)}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}[hidden]{display:none!important}.wrap{width:min(1320px,calc(100% - 96px));margin-inline:auto}.skip-link{position:fixed;z-index:30;left:20px;top:-150px;padding:15px 20px;background:var(--ink);color:var(--paper);border-radius:10px}.skip-link:focus{top:12px}
.site-header{border-bottom:1px solid var(--line);position:relative;z-index:10;background:var(--paper)}.header-inner{min-height:80px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:flex;align-items:center;gap:12px;flex-shrink:0;min-height:48px}.brand-emblem{width:38px;height:38px}.wordmark{width:206px;height:auto;object-fit:contain;image-rendering:auto}.navigation{display:flex;align-items:center;gap:22px}.navigation>a,.navigation>button:not(.button){font-size:.94rem;font-weight:500;min-height:48px;display:inline-flex;align-items:center;padding:8px 0;position:relative}.navigation>a::after{content:'';position:absolute;left:0;right:0;bottom:7px;height:2px;background:var(--ink);transform:scaleX(0);transform-origin:left;transition:transform .18s var(--ease)}.navigation>a:hover::after,.navigation>a[aria-current]::after{transform:scaleX(1)}.preferences{display:flex;align-items:center;gap:7px}.preferences button{min-height:46px;min-width:46px;padding:8px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:10px;font-size:.86rem}.preferences button:hover{background:var(--surface)}#language [data-lang]{color:var(--muted)}#language .selected{font-weight:650;color:var(--ink)}.icon-button{display:inline-flex;align-items:center;justify-content:center;min-width:46px;min-height:46px;border-radius:10px}.icon-button:hover{background:var(--surface)}#menu{display:none;align-items:center;gap:10px;min-height:46px;padding:8px 10px;border-radius:10px;font-size:.9rem}#menu:hover{background:var(--surface)}.button{min-height:54px;display:inline-flex;align-items:center;justify-content:center;padding:14px 24px;border-radius:12px;font-weight:550;font-size:1rem;line-height:1.3;border:1px solid transparent;transition:background .18s,color .18s,transform .18s;white-space:nowrap}.button:hover{transform:translateY(-2px)}.button:active{transform:translateY(1px)}.button-ink{background:var(--ink);color:var(--paper)}.button-ink:hover{background:var(--muted);color:var(--paper)}.button-primary{background:var(--accent);color:var(--on-accent)}.button-primary:hover{background:var(--accent-hover)}.navigation .button{font-size:.9rem;min-height:46px;padding:12px 18px}
.hero{padding-block:38px 32px}.hero-copy{display:grid;grid-template-columns:1fr auto;column-gap:50px;align-items:end}.hero h1{font-size:clamp(3rem,6.1vw,5.65rem);line-height:1.01;letter-spacing:-.06em;grid-row:1/3}.hero h1 span{display:block}.headline-accent{color:var(--highlight)}.hero p{font-size:1.12rem;max-width:250px;padding-bottom:12px}.text-link{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:5px;text-decoration-color:var(--border);width:fit-content;font-weight:500}.text-link:hover{text-decoration-color:var(--ink)}.hero .text-link{grid-column:2;font-size:.96rem}.featured{scroll-margin-top:24px}.game-media{position:relative;border-radius:22px;overflow:hidden;background:var(--surface)}.scene-window{position:relative;width:100%;aspect-ratio:2.45;background:var(--surface);overflow:hidden}.scene-window img,.scene-window video{width:100%;height:100%;object-fit:cover;object-position:center 48%;image-rendering:pixelated}.scene-window video{position:absolute;inset:0;opacity:0}.scene-window[data-video-ready=true] video{opacity:1}.scene-window[data-video-ready=true] img{opacity:0}.scene-window[data-view="1"] img{object-position:center 45%}.scene-window[data-view="2"]{background:#18251f}.scene-window[data-view="2"] img{object-fit:contain}.scene-window.changing img{animation:scene-enter .25s ease-out}.media-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px 24px;flex-wrap:wrap;padding-top:8px}.scene-choices{display:flex;gap:3px}.scene-choices button{font-size:.84rem;min-height:44px;min-width:44px;padding:9px 14px;border-radius:10px}.scene-choices button:hover{background:var(--surface)}.scene-choices button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.playback-controls{display:flex;align-items:center;gap:10px}.video-toggle{min-height:44px;min-width:44px;padding:9px 12px;display:inline-flex;align-items:center;gap:9px;border-radius:10px;font-size:.84rem;font-weight:500}.video-toggle:hover{background:var(--surface)}.video-status{flex-basis:100%;font-size:.92rem}.video-status:empty{display:none}.video-status:not(:empty){padding:12px 16px;border-radius:10px;background:var(--surface)}.game-caption{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-block:22px 36px;border-bottom:1px solid var(--line)}.game-caption h2{font-size:2.35rem;margin-top:5px}.category{font-size:.82rem}.game-caption p:last-child{font-size:1.1rem;margin-top:8px}
.account-section{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:100px;padding-block:82px;align-items:center}.account-intro h2 span{display:block}.account-intro p{font-size:1.14rem;margin-top:22px;max-width:450px}.account-entry{padding:32px;border:1px solid var(--line);background:var(--surface);border-radius:20px}.account-entry h3{font-size:1.7rem}.account-entry>p{font-size:1.02rem;margin-top:16px}.account-entry .button{width:100%;margin-top:26px}.account-entry .small-note{font-size:.86rem;margin-top:13px}.studio-section{padding-block:60px 80px;display:grid;grid-template-columns:1.1fr .9fr;gap:100px;border-top:1px solid var(--line);scroll-margin-top:30px}.section-label{font-size:.95rem;margin-bottom:20px}.studio-section h2{max-width:540px}.studio-section>div>p:last-child{font-size:1.1rem;max-width:480px;margin-top:22px}.studio-help h3{font-size:1.4rem;margin-bottom:20px}.studio-help details{border-top:1px solid var(--line)}.studio-help summary{cursor:pointer;padding:18px 0;min-height:48px;font-size:1rem;font-weight:500}.studio-help details p{margin:0 0 24px;font-size:1rem;line-height:1.6}.site-footer{border-top:1px solid var(--line);display:flex;align-items:center;gap:24px;flex-wrap:wrap;padding-block:28px 34px}.footer-brand .brand-emblem{width:30px;height:30px}.footer-brand .wordmark{width:160px}.site-footer nav{display:flex;gap:24px;margin-left:auto}.site-footer button{min-height:44px;padding:8px 0;font-size:.9rem}.site-footer button:hover{text-decoration:underline;text-underline-offset:4px}.copyright{font-size:.82rem;color:var(--muted)}
dialog{width:min(540px,calc(100% - 32px));max-height:calc(100dvh - 40px);padding:28px;border:1px solid var(--line);border-radius:22px;background:var(--paper);color:var(--ink);box-shadow:0 28px 100px #07130f40;overflow-y:auto}dialog::backdrop{background:#07130fc4}.dialog-top{display:flex;align-items:flex-start;gap:22px;justify-content:space-between}.dialog-top h2{font-size:1.95rem;letter-spacing:-.04em;line-height:1.1;min-width:0;padding-top:5px}.dialog-top .icon-button{flex-shrink:0;border:1px solid var(--border)}#dialog-content p{margin-top:18px;font-size:1.05rem;line-height:1.6}#dialog-content .notice{padding:14px 16px;background:var(--surface);border-radius:12px;font-size:.96rem}#dialog-content .button{margin-top:24px}#dialog-content .small-note{font-size:.88rem}.image-dialog{width:min(700px,calc(100% - 32px))}.image-dialog img{max-height:70dvh;width:auto;max-width:100%;margin:22px auto 0;border-radius:10px;image-rendering:pixelated}
@media(prefers-reduced-motion:no-preference){.entry{animation:page-enter .65s var(--ease) both}.hero .entry{animation-delay:.05s}.featured.entry{animation-delay:.18s}.reveal.is-pending{opacity:0;transform:translateY(20px)}.reveal.is-visible{opacity:1;transform:none;transition:opacity .55s var(--ease),transform .55s var(--ease)}dialog[open]{animation:page-enter .2s var(--ease)}}
@keyframes page-enter{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes scene-enter{from{opacity:.5;transform:scale(1.01)}to{opacity:1;transform:none}}
@media(min-width:1600px){.hero{padding-block:48px 36px}.scene-window{aspect-ratio:2.65}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.navigation{gap:14px}.wordmark{width:184px}.hero-copy{column-gap:30px}.account-section,.studio-section{gap:50px}.hero h1{font-size:6.3vw}}
@media(max-width:980px){.header-inner{min-height:76px;gap:16px}#menu{display:inline-flex}.navigation{display:none;position:absolute;top:68px;left:32px;right:32px;padding:18px;max-height:calc(100dvh - 90px - env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain;background:var(--paper);border:1px solid var(--border);border-radius:18px;box-shadow:0 20px 50px #07130f25;flex-wrap:wrap;gap:8px}.navigation[data-open=true]{display:flex}.navigation>a,.navigation>button:not(.button){flex-basis:100%;padding:8px 12px}.navigation>a::after{display:none}.navigation .preferences{margin-right:auto}.hero{padding-top:32px}.hero h1{font-size:7vw}.hero p{font-size:1rem;max-width:210px}.scene-window{aspect-ratio:2}.account-section{gap:32px;padding-block:60px}.studio-section{gap:32px}.site-footer nav{margin-left:auto}.copyright{width:100%}}
@media(max-width:700px){.hero-copy{display:block}.hero h1{font-size:clamp(2.6rem,9vw,4rem)}.hero p{font-size:1.08rem;max-width:34ch;margin-top:20px;padding:0}.hero .text-link{margin-top:10px}.scene-window{aspect-ratio:4/3}.account-section,.studio-section{grid-template-columns:1fr;gap:28px}.account-intro h2{font-size:2.35rem}.account-intro p{max-width:38ch}.account-section{padding-block:45px}.studio-section{padding-block:40px 48px}.account-entry{padding:26px}.game-caption h2{font-size:2rem}.game-caption .button{padding-inline:20px}.hero{padding-bottom:26px}.game-caption{gap:16px}.scene-choices button{padding-inline:9px;font-size:.8rem}.media-toolbar{gap:6px}.playback-controls{gap:2px}.video-toggle{padding-inline:8px}.game-caption p:last-child{font-size:1rem}}
@media(max-width:480px){html{font-size:17px}.wrap{width:auto;margin-inline:max(18px,env(safe-area-inset-left)) max(18px,env(safe-area-inset-right))}.header-inner{min-height:74px}.brand{gap:9px}.brand-emblem{width:31px;height:31px}.wordmark{width:163px}.navigation{top:65px;left:max(18px,env(safe-area-inset-left));right:max(18px,env(safe-area-inset-right));padding:12px}.navigation .button{flex-basis:100%;margin-top:4px;min-height:50px}.hero{padding-block:28px 24px}.hero h1{font-size:clamp(2.6rem,10.1vw,3.2rem)}.hero p{margin-top:16px}.hero .text-link{font-size:.96rem;margin-top:8px}.game-media{border-radius:16px}.media-toolbar{padding-top:7px;display:grid;grid-template-columns:1fr}.scene-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:5px}.scene-choices button{padding:9px 5px;font-size:.84rem}.playback-controls{justify-content:space-between;gap:14px}.video-toggle{font-size:.88rem}.video-status{grid-column:1/-1}.game-caption{display:block;padding-block:15px 28px}.game-caption h2{font-size:2rem}.game-caption .button{margin-top:20px;width:100%;min-height:54px}.category{font-size:.85rem}.account-section{padding-block:38px 40px}.account-intro h2{font-size:2.25rem}.account-intro p{font-size:1.08rem;margin-top:18px}.account-entry{padding:24px;border-radius:18px}.account-entry h3{font-size:1.65rem}.account-entry>p{font-size:1.05rem}.account-entry .small-note{font-size:.9rem}.studio-section h2{font-size:2.15rem;max-width:18ch}.studio-section>div>p:last-child{font-size:1.06rem}.site-footer{gap:14px;padding-block:24px}.site-footer nav{margin-left:0;width:100%;gap:26px}.footer-brand .wordmark{width:163px}.copyright{font-size:.9rem}.dialog-top h2{font-size:1.75rem}dialog{padding:24px;max-height:calc(100dvh - 28px)}#dialog-content p{font-size:1.05rem}#dialog-content .button{white-space:normal;width:100%}}
@media(max-width:360px){.wordmark{width:150px}.brand{gap:7px}.brand-emblem{width:28px;height:28px}#menu{padding-inline:5px;gap:7px}.hero h1{font-size:2.5rem}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}