:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light only;background:#9fd9d2;font-family:system-ui,sans-serif}*{box-sizing:border-box}html,body,#scene{width:100%;height:100%;margin:0;overflow:hidden}body{overscroll-behavior:none}body:after{content:"";z-index:2;pointer-events:none;mix-blend-mode:multiply;opacity:.055;background-image:url(../assets/textures/materials/paper-grain-neutral-v1.webp);background-size:720px 720px;position:fixed;inset:0}#scene{cursor:grab;touch-action:none;outline:none;display:block}#scene:active{cursor:grabbing}#performance-stats{z-index:3;color:#eaffdf;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);font-variant-numeric:tabular-nums;pointer-events:none;-webkit-user-select:none;user-select:none;background:#0f3e3cb8;border:1px solid #d7ffd14d;border-radius:8px;flex-direction:column;gap:8px;width:224px;padding:10px 12px 11px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;display:flex;position:fixed;top:14px;right:14px;box-shadow:0 3px 14px #1136322e}.performance-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.performance-stat{gap:1px;display:grid}.performance-stat b{font-size:14px;font-weight:700;line-height:1.1}.performance-stat small{color:#e2ffd8b8;letter-spacing:.05em;white-space:nowrap;font-size:8px;line-height:1.1}.performance-breakdown-title{color:#e2ffd894;letter-spacing:.06em;border-top:1px solid #d7ffd138;padding-top:7px;font-size:8px;line-height:1.2}.performance-toggle{color:#eeffe2e0;cursor:pointer;pointer-events:auto;grid-template-columns:minmax(0,1fr) auto;align-items:center;min-height:22px;font-size:9px;line-height:1.2;display:grid}.performance-toggle input{clip:rect(0 0 0 0);clip-path:inset(50%);width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.performance-toggle-track{background:#05252794;border:1px solid #d7ffd14d;border-radius:999px;width:30px;height:16px;transition:background .14s,border-color .14s;position:relative;box-shadow:inset 0 1px 3px #031d1f59}.performance-toggle-track i{background:#ddf0d1c2;border-radius:50%;width:10px;height:10px;transition:transform .14s,background .14s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #051f2066}.performance-toggle input:checked+.performance-toggle-track{background:#5b9e5cc7;border-color:#c2ffa38a}.performance-toggle input:checked+.performance-toggle-track i{background:#f1ffe3;transform:translate(14px)}.performance-toggle input:focus-visible+.performance-toggle-track{outline-offset:2px;outline:2px solid #e5ffd1c7}.performance-breakdown{gap:4px;margin:0;font-size:10px;line-height:1.2;display:grid}.performance-breakdown>div{grid-template-columns:minmax(0,1fr) auto;gap:14px;display:grid}.performance-breakdown dt{color:#e2ffd8bd;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.performance-breakdown dd{color:#f5ffe8;text-align:right;min-width:66px;margin:0;font-weight:700}@media (width<=620px){#performance-stats{gap:7px;width:202px;padding:7px 9px;top:8px;right:8px}.performance-summary{gap:7px}.performance-breakdown{gap:3px;font-size:9px}}[hidden]{display:none!important}#scene-controls{z-index:4;color:#eff3d7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f2320b8;border:1px solid #e4f1d333;border-radius:10px;width:min(370px,100vw - 40px);padding:12px 14px;position:fixed;bottom:18px;left:20px}.scene-actions{gap:8px;display:flex}.scene-actions button{font:inherit;color:inherit;cursor:pointer;background:#cfde9a1a;border:1px solid #e4f1d340;border-radius:5px;padding:5px 12px;font-size:12px}.scene-actions button:hover{background:#cfde9a40}.tour-timeline{align-items:center;gap:12px;margin-top:9px;display:flex}.tour-timeline input{accent-color:#d9dc96;width:100%;min-width:0}.tour-timeline output{white-space:nowrap;font-variant-numeric:tabular-nums;font-size:10px}#scene-controls small{opacity:.65;margin-top:7px;font-size:10px;display:block}.hide-controls #scene-controls,.hide-controls #performance-stats{display:none!important}body.no-paper-grain:after{display:none}#performance-stats{pointer-events:auto;scrollbar-width:thin;width:min(330px,100vw - 28px);max-height:calc(100dvh - 28px);overflow-y:auto}.performance-summary{z-index:1;background:#163f3d;padding:10px 0;position:sticky;top:-10px}.performance-heading{justify-content:space-between;align-items:center;font-size:13px;display:flex}#stats-reset{color:inherit;cursor:pointer;background:#31594c;border:1px solid #749686;border-radius:5px;padding:5px 9px}.performance-hint{opacity:.7;margin:0;font:11px/1.6 system-ui,sans-serif}#performance-stats details{border-top:1px solid #d7ffd133;padding:8px 0}#performance-stats summary{cursor:pointer;color:#d5eeb7;margin-bottom:5px;font:12px/1.5 system-ui,sans-serif}.performance-toggle{gap:12px;min-height:46px;font:12px/1.4 system-ui,sans-serif}.performance-toggle small{opacity:.6;margin-top:3px;font-size:10px;display:block}.performance-toggle.is-disabled{opacity:.45;cursor:not-allowed}@media (width<=620px){#performance-stats{max-height:calc(100dvh - 170px)}}.reflection-options{border-left:2px solid #78977c;margin:4px 0 8px;padding:2px 0 4px 10px}.performance-select{gap:5px;margin:9px 0;font:12px/1.4 system-ui,sans-serif;display:grid}.performance-select select{color:#edffdf;width:100%;min-width:0;font:inherit;background:#234b43;border:1px solid #78977c;border-radius:4px;padding:6px}.performance-select select:disabled{opacity:.4}.performance-select small{opacity:.65;font-size:10px}.tour-sections{flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px;display:flex}.tour-sections button{color:inherit;cursor:pointer;background:#cfde9a1a;border:1px solid #e4f1d340;border-radius:4px;padding:4px 7px;font-size:10px}.tour-sections output{opacity:.8;font-size:10px}#river-settings{z-index:4;color:#eff3d7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f2320cc;border:1px solid #e4f1d340;border-radius:10px;width:min(250px,100vw - 40px);padding:12px 14px;position:fixed;top:18px;left:20px}#river-settings summary{cursor:pointer;font-size:13px}#river-settings p{opacity:.75;margin:10px 0;font-size:11px}#river-section-choices{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}#river-section-choices button{min-height:30px;color:inherit;cursor:pointer;font:inherit;background:#274a40;border:1px solid #587365;border-radius:5px;font-size:12px}#river-section-choices button[aria-pressed=true]{color:#203e32;background:#d5e6ab;border-color:#e8f5bf;font-weight:700}#river-section-choices button:focus-visible{outline-offset:2px;outline:2px solid #fff6cb}#river-section-status{font-variant-numeric:tabular-nums;margin-top:10px;font-size:10px;line-height:1.6;display:block}.hide-controls #river-settings{display:none!important}@media (width<=620px){#river-settings{width:180px;padding:8px;top:8px;left:8px}#performance-stats{z-index:5}}body:not(.debug-mode) #scene-controls{width:auto;max-width:calc(100vw - 40px)}#drive-joystick{z-index:6;right:max(24px, env(safe-area-inset-right));bottom:max(108px, calc(env(safe-area-inset-bottom) + 90px));touch-action:none;-webkit-user-select:none;user-select:none;color:#eff3d7;background:#0f2d267a;border:1px solid #e6f1d080;border-radius:50%;width:136px;height:136px;display:none;position:fixed;box-shadow:inset 0 0 24px #d2eab41f}#drive-joystick-knob{box-sizing:border-box;pointer-events:none;background:#dae6afd9;border:1px solid #edf1d3;border-radius:50%;width:48px;height:48px;position:absolute;top:44px;left:44px}.joystick-guide{text-align:center;opacity:.75;pointer-events:none;width:100%;font-size:11px;position:absolute;top:10px}.joystick-caption{text-align:center;text-shadow:0 1px 4px #102f32;pointer-events:none;width:160px;font-size:11px;position:absolute;top:145px;left:-12px}@media (any-pointer:coarse){#drive-joystick:not([hidden]){display:block}}.scene-loading #drive-joystick{visibility:hidden}@media (height<=500px){#drive-joystick{bottom:max(40px, env(safe-area-inset-bottom))}}#language-toggle{top:max(14px, env(safe-area-inset-top));right:max(14px, env(safe-area-inset-right));z-index:101;color:#eff3d7;min-width:76px;min-height:40px;font:inherit;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f2320d9;border:1px solid #e4f1d359;border-radius:8px;padding:8px 14px;font-size:13px;position:fixed}#language-toggle:hover{background:#365f50}#language-toggle:focus-visible{outline-offset:3px;outline:2px solid #fff6cb}#performance-stats{max-height:calc(100dvh - 80px);top:66px}.joystick-caption{width:200px;left:-32px}@media (width<=620px){#language-toggle{top:max(8px, env(safe-area-inset-top));right:max(8px, env(safe-area-inset-right))}#performance-stats{max-height:calc(100dvh - 220px);top:58px}}