@font-face{font-family:DM Sans;font-weight:400;font-display:swap;src:url(/fonts/dm-sans-400.ttf) format("truetype")}@font-face{font-family:DM Sans;font-weight:500;font-display:swap;src:url(/fonts/dm-sans-500.ttf) format("truetype")}@font-face{font-family:DM Sans;font-weight:900;font-display:swap;src:url(/fonts/dm-sans-900.ttf) format("truetype")}@font-face{font-family:DM Mono;font-weight:400;font-display:swap;src:url(/fonts/dm-mono-400.ttf) format("truetype")}@font-face{font-family:DM Mono;font-weight:500;font-display:swap;src:url(/fonts/dm-mono-500.ttf) format("truetype")}:root{font-family:DM Sans,system-ui,sans-serif;color:#483122;background:#f2e5d1;font-synthesis:none;font-size:16px}*{box-sizing:border-box}html{scroll-snap-type:y proximity;scroll-behavior:smooth}body{margin:0}button{font:inherit;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:3px solid var(--accent,#ac6637);outline-offset:5px}[hidden]{display:none!important}.dream{color:var(--ink);background:var(--background)}.stage{position:relative;height:100vh;height:100svh;min-height:500px;overflow:hidden;scroll-snap-align:start;display:flex;flex-direction:column}.artwork{position:relative;flex:1;min-height:0;margin:3vh 5vw 0;display:grid;place-items:center;overflow:hidden}.cover-frame{width:min(100%,calc((100svh - 145px) * 1440 / 820));aspect-ratio:1440/820;overflow:hidden;-webkit-mask-image:radial-gradient(ellipse 72% 70% at 50% 50%,#000 62%,transparent 100%);mask-image:radial-gradient(ellipse 72% 70% at 50% 50%,#000 62%,transparent 100%)}.artwork img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 0}.artwork picture{display:block;width:100%;height:100%}.showcase-actions{position:relative;z-index:3;flex:none;display:flex;gap:9px;padding:18px 32px 5vh;flex-wrap:wrap;justify-content:center}.button{display:flex;align-items:center;justify-content:center;gap:10px;min-height:50px;border:1px solid #39271b;border-radius:15px;padding:12px 17px;color:#fff1de;background:var(--button);cursor:pointer;font-size:.875rem;box-shadow:0 4px 14px #65462212;transition:background .15s,transform .15s}.button:hover{background:color-mix(in srgb,var(--button),var(--accent) 30%);transform:translateY(-2px)}.button:active{transform:translateY(1px)}kbd{font-family:DM Mono,monospace;font-size:.75rem;font-weight:500;letter-spacing:.06em;padding:6px 8px;border:1px solid #ffffff0e;border-bottom-width:2px;border-radius:6px;background:#ffffff10;line-height:1}.button.secondary{border-color:#79512724;color:var(--button);background:color-mix(in srgb,var(--surface) 81%,transparent);box-shadow:none}.button.secondary:hover{background:var(--surface)}.button svg{stroke:currentColor;fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.3;opacity:.8;transition:transform .3s}.story-button[aria-expanded=true] svg{transform:rotate(180deg)}.game{position:absolute;inset:0;background:var(--background);z-index:2}.game iframe{display:block;width:100%;height:100%;border:0}.is-playing .artwork{visibility:hidden}.is-playing .showcase-actions{position:absolute;top:max(22px,3.8%);right:calc(3.2% + 56px);padding:0}.is-playing .button{min-height:44px;padding:8px 13px;border-radius:12px;font-size:.875rem}.story{max-width:1180px;margin:0 auto;padding:clamp(64px,10vw,120px) clamp(20px,4vw,48px) 100px;outline:none;scroll-margin-top:24px}.story-body{font-size:1.125rem;line-height:1.75}.story-body section+section{margin-top:clamp(64px,8vw,112px)}.story-body h2{max-width:14ch;margin:0 0 36px;font-size:clamp(42px,6vw,76px);line-height:1;letter-spacing:-.05em;font-weight:900;text-wrap:balance}.story-body h3{max-width:24ch;margin:0 0 24px;font-size:clamp(28px,3.3vw,42px);line-height:1.12;letter-spacing:-.035em;font-weight:900;text-wrap:balance}.story-body p{max-width:68ch;margin:0 0 24px;text-wrap:pretty}.story-body blockquote{max-width:32ch;margin:34px 0;font-size:clamp(26px,3.4vw,40px);line-height:1.15;letter-spacing:-.025em;font-weight:500}.story-body blockquote p{margin:0}.story-chapter blockquote{font-size:1.125rem;line-height:1.7;max-width:64ch;margin:28px 0;padding-left:22px;border-left:2px solid var(--accent);font-weight:400;letter-spacing:0}.story-body figure{margin:36px 0 40px}.story-body figure picture{display:block}.story-body figure img{display:block;width:100%;height:auto;background:#eadac1;border-radius:6px}.story-body figcaption{max-width:80ch;font-family:DM Mono,monospace;font-size:.875rem;line-height:1.6;color:#6b4430}.story-body a{color:inherit;text-underline-offset:4px}.story-body a:hover{color:var(--accent)}.story-body hr{border:0;border-top:1px solid #79512724;margin:36px 0}.story-play{display:inline-flex;vertical-align:middle;margin-right:8px}.story-loading{min-height:50vh}.motion-sequence{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.sequence-label{font-family:DM Mono,monospace;font-size:.8125rem;line-height:1.5;margin:0 0 12px;color:#6b4430}.story-back{border:0;background:none;padding:0;color:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:4px;font:inherit;margin-left:auto}.accent{color:var(--accent)}figure{margin:0;display:flex;flex-direction:column;gap:18px}.frames{display:grid;grid-template-columns:repeat(var(--columns),minmax(0,1fr));gap:10px}.frames img{display:block;width:100%;aspect-ratio:var(--ratio);object-fit:cover;background:#eadac1;border-radius:6px}figcaption{display:flex;gap:18px;align-items:baseline;font-family:DM Mono,monospace;font-size:.875rem;line-height:1.65;letter-spacing:.01em;color:#6b4430}figcaption>span:last-child{max-width:60ch;text-wrap:pretty}.chapter-number{flex-shrink:0}.credits{display:flex;flex-wrap:wrap;gap:10px 28px;padding-top:28px;margin-top:52px;border-top:1px solid #79512724;font-family:DM Mono,monospace;font-size:.8125rem;line-height:1.6;color:#6b4430}#dream-nav{position:fixed;top:50%;right:16px;transform:translateY(-50%);z-index:5;display:flex;flex-direction:column;gap:6px;padding:10px 12px;border-radius:14px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-family:DM Mono,monospace;font-size:.8125rem;transition:color .6s,background .6s}#dream-nav button{border:0;background:none;color:inherit;cursor:pointer;display:flex;align-items:center;justify-content:flex-end;gap:10px;min-height:32px;opacity:.45}#dream-nav button[aria-current=true]{opacity:1}.nav-bar{display:block;height:1px;width:10px;background:currentColor;transition:width .4s}[aria-current=true] .nav-bar{width:28px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.noscript{margin:2rem;text-align:center}@media(max-width:700px){.stage{min-height:480px}.artwork{margin:20px 0 0}.cover-frame{width:100%;-webkit-mask-image:radial-gradient(ellipse 80% 72% at 50% 50%,#000 64%,transparent 100%);mask-image:radial-gradient(ellipse 80% 72% at 50% 50%,#000 64%,transparent 100%)}.showcase-actions{padding:20px 16px max(36px,env(safe-area-inset-bottom));gap:8px}.story{padding-bottom:64px}.story-body{font-size:1rem;line-height:1.75}.frames{gap:6px}figcaption{font-size:.875rem;gap:12px}.is-playing .showcase-actions{top:25px;right:calc(3.2% + 52px)}.is-playing .leave kbd{display:none}#dream-nav{right:3px;padding:8px}}@media(max-width:480px){.frames[style*="--columns: 2"],.frames[style*="--columns: 3"]{grid-template-columns:1fr}}@media(max-width:560px){.motion-sequence{grid-template-columns:1fr;gap:24px}.story-back{margin-left:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}