:root{color-scheme:dark;--text: #f6eee3;--muted: rgba(246, 238, 227, .66);--panel: rgba(10, 12, 18, .72);--line: rgba(246, 238, 227, .16);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;height:100%;margin:0}body{overflow:hidden;background:#05070d;color:var(--text);-webkit-font-smoothing:antialiased}button{color:inherit;font:inherit}.app,.viewer{width:100%;height:100dvh}.viewer{position:relative;overflow:hidden;background:#05070d}.topbar,.scene-panel{position:absolute;z-index:4}.topbar{top:16px;left:16px;right:16px;display:flex;align-items:center;justify-content:space-between;gap:12px;pointer-events:none}.brand,.toolbar,.scene-panel{pointer-events:auto}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--text);text-decoration:none}.brand-mark,.icon-button{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--line);border-radius:8px;background:var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand strong,.brand small{display:block;line-height:1.2}.brand strong{font-size:15px}.brand small{margin-top:2px;color:var(--muted);font-size:12px}.toolbar{display:flex;gap:8px}.icon-button{cursor:pointer}.icon-button:hover{border-color:#f6eee357;background:#f6eee31f}.scene-panel{right:16px;bottom:16px;display:grid;width:min(360px,calc(100vw - 32px));max-height:calc(100dvh - 92px);gap:14px;overflow:auto;padding:14px;border:1px solid var(--line);border-radius:8px;background:var(--panel);box-shadow:0 18px 56px #00000061;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.active-copy{display:grid;gap:4px}.active-copy p,.active-copy h1{margin:0}.active-copy p{color:#f3c46d;font-size:12px;font-weight:800}.active-copy h1{font-size:clamp(24px,4vw,34px);line-height:1}.active-copy span{color:var(--muted);font-size:13px}.scene-list{display:grid;gap:8px}.scene-button{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;min-height:58px;gap:8px;padding:9px;border:1px solid rgba(246,238,227,.12);border-radius:8px;background:#ffffff0e;cursor:pointer;text-align:left}.scene-button:hover,.scene-button.is-active{border-color:#f3c46db8;background:#f3c46d1f}.scene-button span{display:grid;min-width:0;gap:2px}.scene-button strong,.scene-button small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scene-button strong{font-size:13px}.scene-button small{color:var(--muted);font-size:12px}.scene-button i{max-width:118px;overflow:hidden;padding:3px 7px;border:1px solid rgba(246,238,227,.12);border-radius:999px;color:#f3c46d;font-size:11px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.ui-hidden .topbar,.ui-hidden .scene-panel{display:none}.video-frame{position:relative;overflow:hidden;color:#fff5e4;contain:paint}.video-frame *{position:absolute}.sky-pulse{top:-120px;right:-120px;bottom:-120px;left:-120px;background:radial-gradient(circle at 72% 18%,rgba(255,210,135,.32),transparent 24%),radial-gradient(circle at 28% 28%,rgba(125,209,216,.18),transparent 30%)}.star{border-radius:50%;background:#fff6d7}.video-grain{top:0;right:0;bottom:0;left:0;opacity:.05;pointer-events:none;background-image:linear-gradient(0deg,rgba(255,255,255,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:4px 4px;mix-blend-mode:overlay}.video-vignette{top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at center,transparent 46%,rgba(2,3,8,.68))}.scene-caption{left:28px;bottom:24px;display:grid;gap:3px;text-shadow:0 2px 12px rgba(0,0,0,.45)}.scene-caption strong{position:static;font-size:28px}.scene-caption span{position:static;color:#fff5e4b8;font-size:14px}.far-city{left:0;right:0;bottom:220px;height:220px}.far-city span,.rooftop-buildings span{bottom:0;border-radius:6px 6px 0 0;background:linear-gradient(180deg,#4d5b80b3,#16192af5)}.far-city span:before,.rooftop-buildings span:before{content:"";position:absolute;inset:18px 12px auto;height:80%;background-image:radial-gradient(circle,rgba(255,209,128,.65) 0 2px,transparent 3px);background-size:18px 18px}.window-frame{top:80px;right:115px;bottom:135px;left:115px;overflow:hidden;border:18px solid rgba(15,18,28,.9);border-radius:12px;box-shadow:inset 0 0 0 3px #ffffff14,0 32px 90px #00000059}.window-frame:before,.window-frame:after{content:"";position:absolute;background:#0f121cdb}.window-frame:before{left:50%;top:0;width:14px;height:100%}.window-frame:after{left:0;top:50%;width:100%;height:12px}.rain-line{width:2px;border-radius:999px;background:linear-gradient(180deg,transparent,rgba(185,235,255,.72),transparent);transform:skew(-12deg)}.desk{left:0;right:0;bottom:0;height:155px;background:linear-gradient(180deg,#281b27,#130d16)}.lamp{right:190px;bottom:128px;width:155px;height:155px;border-radius:50%;background:radial-gradient(circle,rgba(255,197,112,.95),rgba(255,197,112,.12) 50%,transparent 72%)}.train-window{top:78px;right:78px;bottom:150px;left:78px;border:18px solid rgba(10,12,22,.88);border-radius:24px;box-shadow:inset 0 0 0 3px #ffffff14}.city-strips{left:0;top:190px;width:1600px;height:260px}.city-strips span{bottom:0;width:58px;height:120px;border-radius:6px 6px 0 0;background:linear-gradient(180deg,#f7c978b8,#f06d8f2e);box-shadow:70px -40px #78a0e133,38px 30px #f7c97829}.seat{left:0;right:0;bottom:0;height:175px;background:linear-gradient(180deg,#32243f,#15101f)}.reflection{width:210px;height:620px;top:35px;border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.18),transparent);filter:blur(16px);transform:rotate(18deg)}.reflection-a{left:260px}.reflection-b{right:220px;opacity:.55}.town-parallax{left:-120px;bottom:145px;width:1800px;height:260px}.shop{bottom:0;width:132px;height:160px;border-radius:8px 8px 0 0;background:linear-gradient(180deg,#425877,#1d2435);box-shadow:inset 0 -42px #f2c66d29}.shop:before{content:"";position:absolute;left:14px;right:14px;top:24px;height:58px;background-image:linear-gradient(90deg,rgba(242,198,109,.8) 0 12px,transparent 12px 24px)}.street{left:0;right:0;bottom:0;height:180px;background:linear-gradient(180deg,#252b40,#11131e)}.lanterns{left:0;right:0;bottom:242px;height:120px}.lanterns i{width:34px;height:55px;border-radius:50% 50% 45% 45%;background:radial-gradient(circle,#f8d884,#c96d54);box-shadow:0 0 42px #f8d8848c}.map-stage{top:0;right:0;bottom:0;left:0}.iso-tile{width:114px;height:64px;transform:rotate(30deg) skew(-30deg);border:2px solid rgba(255,255,255,.08);background:#3f8069}.tile-1{background:#4d946f}.tile-2{background:#2e6659}.tile-3{background:#5b8a6e}.tile-4{background:#426b7c}.rooftop-buildings{left:0;right:0;bottom:116px;height:350px}.sunset-disc{right:185px;top:88px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,#f8dca7,#e78f70 56%,transparent 68%)}.clothes-line{left:210px;right:160px;bottom:325px;height:2px;background:#ffeed77a}.clothes-line i{top:2px;width:42px;height:58px;border-radius:0 0 8px 8px;background:#f8dca7}.clothes-line i:nth-child(1){left:170px}.clothes-line i:nth-child(2){left:250px;background:#e78f70}.clothes-line i:nth-child(3){left:342px;background:#b8e4c9}.birds{left:680px;top:140px;width:260px;height:90px}.birds span{width:42px;height:18px;border-top:3px solid rgba(255,245,228,.75);border-radius:50%}.birds span:nth-child(2){left:85px;top:24px}.birds span:nth-child(3){left:156px;top:5px}.cloud-band{left:-140px;top:155px;width:1600px;height:90px;background-image:radial-gradient(circle,rgba(255,255,255,.24) 0 38px,transparent 40px);background-size:160px 90px}.island{width:160px;height:76px;border-radius:50%;background:#5e9f72;box-shadow:inset 0 -26px #2a4e42,0 20px 46px #0003}.island span{left:56px;top:-38px;width:44px;height:62px;border-radius:22px 22px 4px 4px;background:#b8e4c9}.airship{width:150px;height:50px;border-radius:50%;background:linear-gradient(180deg,#f5d287,#c97962);box-shadow:0 18px 0 -10px #2a4054}.pixel-person{width:46px;height:86px;transform-origin:center bottom;image-rendering:pixelated}.pixel-person.small{transform-origin:center center}.pixel-person i{display:block}.head{left:12px;top:0;width:24px;height:24px;background:#f0bd82;box-shadow:0 6px #3c2b36}.body{left:9px;top:30px;width:30px;height:34px;background:#7bd6b2;box-shadow:inset 0 -12px #0000002e}.leg{top:64px;width:10px;height:22px;background:#26334a}.leg-a{left:11px}.leg-b{right:11px}.leg-a.step-1{transform:translate(5px)}.leg-b.step-1{transform:translate(-5px)}.sitting .leg{top:62px;height:12px}.small{scale:.78}@media(max-width:760px){.topbar{align-items:flex-start;flex-direction:column}.scene-panel{left:12px;right:12px;bottom:12px;width:auto;max-height:52dvh}.scene-button{grid-template-columns:minmax(0,1fr)}.scene-button i{justify-self:start}}