*{box-sizing:border-box;margin:0;padding:0}html,body{color:#e8eaf0;background:#0b0e13;height:100%;font-family:system-ui,-apple-system,Segoe UI,sans-serif}#app{position:fixed;inset:0}.overlay{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0c0f16d1;border:1px solid #ffffff1f;border-radius:10px;padding:12px 14px;font-size:13px;line-height:1.5;position:fixed}.overlay h1{margin-bottom:2px;font-size:14px;font-weight:600}.overlay .muted{color:#9aa3b2;font-size:12px}.overlay a{color:#7fb4ff;text-decoration:none}#hud{max-width:380px;top:12px;left:12px}#controls{flex-direction:column;gap:8px;min-width:280px;max-height:calc(100vh - 130px);display:flex;bottom:82px;left:12px;overflow-y:auto}#controls .group{letter-spacing:.09em;text-transform:uppercase;color:#ffffff8c;border-top:1px solid #ffffff1f;margin-top:6px;padding-top:8px;font-size:10px;font-weight:600}#controls .group:first-child{border-top:none;margin-top:0;padding-top:0}#controls[hidden]{display:none}#menu-toggle{z-index:11;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0c0f16d1;border:1px solid #ffffff1f;width:42px;height:42px;padding:0;font-size:18px;position:fixed;bottom:28px;left:12px}#menu-toggle:hover{background:#1e2634e6}#fly-toggle{z-index:11;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#3d6fb4e6;border:1px solid #ffffff2e;width:42px;height:42px;padding:0;font-size:16px;position:fixed;bottom:28px;left:62px}#fly-toggle:hover{background:#4a80c9f2}#minimap{z-index:10;background:#0c0f16d9;border:1px solid #ffffff1f;border-radius:10px;width:440px;height:440px;position:fixed;bottom:12px;right:12px}@media (width<=640px){#minimap{width:300px;height:300px}}#perf[hidden]{display:none}#perf{z-index:10;font-variant-numeric:tabular-nums;background:#0c0f16d9;border:1px solid #ffffff1f;border-radius:8px;align-items:center;gap:10px;padding:4px 10px;font-size:12px;display:flex;position:fixed;bottom:460px;right:12px}#rec-toggle{color:#e8eaf0;cursor:pointer;background:0 0;border:none;padding:0;font-size:13px}#rec-toggle.recording{color:#f53;animation:1s steps(2,end) infinite rec-blink}@keyframes rec-blink{50%{opacity:.25}}@media (width<=640px){#perf{bottom:320px}}#perf.perf-alone{bottom:12px}#memory[hidden]{display:none}#memory{z-index:10;font-variant-numeric:tabular-nums;pointer-events:none;background:#0c0f16d9;border:1px solid #ffffff1f;border-radius:8px;padding:8px 10px;font-size:11px;position:fixed;top:12px;right:12px}#memory .mm-head{color:#ffffff80;justify-content:space-between;gap:12px;margin-bottom:4px;display:flex}#memory table{border-collapse:collapse}#memory th{text-align:left;color:#fff9;padding-right:10px;font-weight:400}#memory td{text-align:right;padding-left:8px}#memory td i{color:#fff6;font-style:normal}#memory .mm-prev{color:#ffb08a;border-top:1px solid #ffffff1f;max-width:190px;margin-top:6px;padding-top:5px}#controls label{white-space:nowrap;align-items:center;gap:8px;display:flex}#controls input[type=range]{flex:1}#controls input[type=color]{cursor:pointer;background:0 0;border:1px solid #ffffff40;border-radius:4px;width:44px;height:22px;padding:0}#controls input[type=color]::-webkit-color-swatch-wrapper{padding:2px}#controls input[type=color]::-webkit-color-swatch{border:none;border-radius:2px}#controls input[type=color]::-moz-color-swatch{border:none;border-radius:2px}#loading{text-align:center;padding:20px 28px;top:50%;left:50%;transform:translate(-50%,-50%)}#loading .spinner{border:3px solid #ffffff26;border-top-color:#7fb4ff;border-radius:50%;width:26px;height:26px;margin:0 auto 10px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}button{color:#fff;cursor:pointer;background:#3d6fb4;border:none;border-radius:6px;padding:6px 12px;font-size:12px}button:hover{background:#4a80c9}select{color:inherit;background:#ffffff14;border:1px solid #fff3;border-radius:6px;padding:4px 6px;font-size:12px}select option{background:#141924}#play-toggle{flex:none;width:34px}#photo-layer{pointer-events:none;z-index:9;position:fixed;inset:0;overflow:hidden}#photo-layer>*{pointer-events:auto;cursor:pointer;position:absolute;top:0;left:0}@property --dot{syntax:"<length>";inherits:false;initial-value:9px}.photo-dot{--dot:9px;width:var(--dot);height:var(--dot);margin:calc(var(--dot) / -2);background:var(--dot-fill,#d9d9d9);border:2px solid #fff;border-radius:50%;padding:0;transition:--dot .16s;overflow:hidden;box-shadow:0 1px 5px #00000040}.photo-dot:hover,.photo-dot:focus-visible{--dot:104px;z-index:1}.photo-dot img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .16s;display:block}.photo-dot:hover img,.photo-dot:focus-visible img{opacity:1}.photo-dot video{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.photo-dot,.photo-dot img{transition:none}}.photo-bubble{--size:clamp(96px, 17vw, 150px);will-change:transform}.photo-bubble .pb-disc{width:var(--size);height:var(--size);margin-left:calc(var(--size) / -2);transform-origin:50% 130%;border:3px solid #ffffffeb;border-radius:50%;animation:.6s cubic-bezier(.2,.9,.3,1.2) both pb-rise,2.6s ease-in-out .6s infinite pb-bob;overflow:hidden;box-shadow:0 6px 24px #00000073}.photo-bubble .pb-disc img,.photo-bubble .pb-disc video{object-fit:cover;width:100%;height:100%;display:block}.photo-bubble.pb-fade .pb-disc{animation:.7s both pb-out}@keyframes pb-rise{0%{opacity:0;transform:translateY(30px)scale(.25)}to{opacity:1;transform:translateY(calc(var(--size) * -.62)) scale(1)}}@keyframes pb-bob{0%,to{transform:translateY(calc(var(--size) * -.62)) scale(1)}50%{transform:translateY(calc(var(--size) * -.62 - 7px)) scale(1)}}@keyframes pb-out{0%{opacity:1;transform:translateY(calc(var(--size) * -.62)) scale(1)}to{opacity:0;transform:translateY(calc(var(--size) * -.85)) scale(.75)}}@media (prefers-reduced-motion:reduce){.photo-bubble .pb-disc{animation:.3s both pb-rise}}#photo-lightbox[hidden]{display:none}#photo-lightbox{z-index:30;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#080a10e0;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#photo-lightbox figure{flex-direction:column;align-items:center;gap:10px;max-width:min(94vw,1400px);max-height:92vh;margin:0;display:flex}#photo-lightbox img,#photo-lightbox video{border-radius:10px;max-width:94vw;max-height:84vh;box-shadow:0 10px 50px #0009}#photo-lightbox img.lb-loading{filter:blur(18px);scale:1.02}#photo-lightbox figcaption{color:#ffffffbf;font-size:13px}#photo-lightbox .lb-counter{font-variant-numeric:tabular-nums;color:#ffffff80;font-size:12px;position:absolute;top:22px;left:20px}#photo-lightbox button{color:#fff;background:#ffffff1a;border:1px solid #ffffff2e;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-size:20px;line-height:1;display:flex;position:absolute}#photo-lightbox button:hover{background:#ffffff38}#photo-lightbox .lb-close{top:16px;right:16px}#photo-lightbox .lb-prev{top:50%;left:14px;translate:0 -50%}#photo-lightbox .lb-next{top:50%;right:14px;translate:0 -50%}