*{box-sizing:border-box}html,body{overscroll-behavior:none;width:100%;height:100%;margin:0;overflow:hidden}body{color:#f4f8f3;letter-spacing:0;background:#142922;font-family:Inter,Arial,sans-serif}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline-offset:4px;outline:2px solid #ecae73}[hidden]{display:none!important}#stage{touch-action:none;outline:none;width:100%;height:100%;display:block;position:fixed;inset:0}header{padding:calc(22px + env(safe-area-inset-top)) max(26px,env(safe-area-inset-right)) 18px max(26px,env(safe-area-inset-left));pointer-events:none;align-items:center;gap:20px;display:flex;position:fixed;top:0;left:0;right:0}header>*{pointer-events:auto}.brand{color:#f4f8f3;align-items:center;gap:10px;font-size:22px;font-weight:800;text-decoration:none;display:flex}.brand span{color:#afcbc0;border-left:1px solid #6a8878;padding-left:10px;font-size:10px;font-weight:600}.scene-name{color:#bbcec1;margin-right:auto;font-size:12px}.icon{width:44px;height:44px;color:inherit;background:0 0;border:1px solid #0000;border-radius:6px;flex:0 0 44px;justify-content:center;align-items:center;padding:11px;display:inline-flex}.icon svg{flex:0 0 20px;width:20px;height:20px}.icon:hover{background:#ffffff15}.icon[aria-pressed=true]{color:#d9f5e3;background:#d9eee122;border-color:#bde1cc55}.welcome{text-align:center;pointer-events:none;width:340px;max-width:calc(100% - 40px);position:fixed;bottom:max(110px,18vh);left:50%;transform:translate(-50%)}.eyebrow{color:#d3decc;letter-spacing:0;font-size:10px;line-height:18px;display:block}.welcome h1{margin:4px 0 16px;font-size:32px;font-weight:500}.begin{pointer-events:auto;color:#143728;background:#e7f4ed;border:0;border-radius:5px;justify-content:center;align-items:center;gap:12px;min-width:142px;min-height:48px;padding:12px 24px;font-weight:600;display:inline-flex}.begin svg{width:18px;height:18px}#load-status{color:#c3d2c3;max-width:320px;margin-top:13px;font-size:11px;line-height:1.5;display:block}.welcome:not(.ready) .begin svg{animation:2s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}footer{bottom:calc(22px + env(safe-area-inset-bottom));flex-direction:column;align-items:center;gap:10px;max-width:calc(100% - 24px);display:flex;position:fixed;left:50%;transform:translate(-50%)}.tools{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#122820dd;border:1px solid #9cb6a344;border-radius:8px;align-items:center;padding:5px;display:flex;box-shadow:0 6px 30px #0002}.separator{background:#8bab9455;width:1px;height:23px;margin:0 4px}#source{color:#d4e1d3;min-height:12px;font-size:10px;line-height:1.2}.notice{left:50%;bottom:calc(112px + env(safe-area-inset-bottom));text-align:center;background:#20352eeb;border:1px solid #c3dbcd66;border-radius:5px;width:max-content;max-width:calc(100% - 32px);padding:10px 16px;font-size:12px;line-height:1.5;position:fixed;transform:translate(-50%)}aside{right:max(18px,env(safe-area-inset-right));top:calc(78px + env(safe-area-inset-top));width:290px;max-width:calc(100% - 36px);max-height:calc(100% - 185px - env(safe-area-inset-top));background:#183329f5;border:1px solid #73958066;border-radius:8px;padding:16px;position:fixed;overflow:auto;box-shadow:0 10px 40px #0004}.setting-head{justify-content:space-between;align-items:center;margin:-4px -4px 10px 0;display:flex}.setting-head h2{margin:0;font-size:15px;font-weight:500}aside label{color:#c4d6c7;margin:15px 0 8px;font-size:12px;display:block}aside input[type=range]{accent-color:#aed8c0;width:100%}aside select{width:100%;min-height:36px;color:inherit;background:#24493a;border:1px solid #759781;border-radius:4px;padding:6px}aside dl{grid-template-columns:1fr 1fr;gap:5px;margin:20px 0 12px;font-size:11px;line-height:1.6;display:grid}aside dd{color:#d9d9aa;text-align:right;margin:0}aside dt{color:#a5bea9}aside small{color:#a9c1af;font-size:10px;line-height:1.5;display:block}@media (width<=600px){header{padding:calc(15px + env(safe-area-inset-top)) 16px 12px;gap:12px}.brand{font-size:20px}.brand span{font-size:9px}.scene-name{font-size:10px}.tools{gap:0;padding:4px}.tools .icon{flex-basis:35px;width:35px;height:42px;padding:8px}.tools .icon svg{flex-basis:18px;width:18px;height:18px}.separator{margin:0 3px}.welcome{bottom:16vh}.welcome h1{font-size:28px}}@media (height<=500px){header{padding-top:10px;padding-bottom:0}.welcome{text-align:left;width:auto;bottom:18px;left:20px;transform:none}.welcome h1,.eyebrow{display:none}#load-status{max-width:210px}footer{max-width:calc(100% - 210px);bottom:10px;left:auto;right:14px;transform:none}.tools .icon{flex-basis:36px;width:36px;height:38px;padding:8px}aside{max-height:calc(100% - 122px);top:54px}#source{display:none}.notice{bottom:66px}}@media (prefers-reduced-motion:reduce){.welcome:not(.ready) .begin svg{animation:none}}@media (height<=500px) and (orientation:portrait){footer{bottom:calc(22px + env(safe-area-inset-bottom));max-width:calc(100% - 24px);left:50%;right:auto;transform:translate(-50%)}.tools .icon{flex-basis:35px;width:35px;height:42px}.welcome{text-align:center;width:340px;bottom:16vh;left:50%;transform:translate(-50%)}.welcome h1,.eyebrow,#source{display:block}aside{max-height:calc(100% - 170px);top:64px}}