:root{font-family:system-ui,sans-serif;color-scheme:light;--glass:rgba(247,244,230,.52);--line:rgba(255,255,255,.38);--ink:#536960;--accent:#718f7a}*{box-sizing:border-box}html,body,#world{margin:0;width:100%;height:100%;overflow:hidden}body{background:#8bb9c0;overscroll-behavior:none}canvas{display:block;width:100%;height:100%;touch-action:none;outline:none;cursor:grab}canvas:active{cursor:grabbing}.toolbar{position:fixed;z-index:3;display:flex;gap:9px;padding:8px;border:1px solid var(--line);border-radius:30px;background:var(--glass);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 7px 30px #34473c0c;transition:background .8s}.top{right:24px;top:24px}.bottom{left:24px;bottom:24px;gap:7px}.icon{border:0;outline:none;background:transparent;color:var(--ink);width:39px;height:39px;border-radius:50%;padding:10px;display:grid;place-items:center;cursor:pointer;transition:transform .18s,background .25s,color .25s;-webkit-tap-highlight-color:transparent}.icon:hover{background:#ffffff61;transform:translateY(-1px) scale(1.06)}.icon:active{transform:scale(.91)}.icon:focus-visible{outline:2px solid #658773;outline-offset:3px}.icon[aria-pressed=true]{background:#708f7826;color:#466d59}.icon svg,.symbol svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.55;fill:none;stroke-linecap:round;stroke-linejoin:round}.separator{height:19px;width:1px;background:#64796629;align-self:center;margin:0 2px}.scene-tooltip{position:fixed;z-index:20;max-width:calc(100vw - 20px);padding:7px 11px;border:1px solid #d3e6e221;border-radius:8px;background:#142631f2;color:#eef6f2;font-size:12px;font-weight:500;line-height:1.45;letter-spacing:.02em;white-space:nowrap;pointer-events:none;box-shadow:0 5px 16px #102c3b26;opacity:0;visibility:hidden;transform:translateY(-2px);transition:opacity .12s,transform .12s,visibility .12s}.scene-tooltip.visible{opacity:1;visibility:visible;transform:none}.panel{position:fixed;z-index:4;right:24px;top:94px;width:272px;padding:17px 19px;border:1px solid var(--line);border-radius:22px;background:var(--glass);box-shadow:0 15px 50px #34473c19;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);opacity:0;visibility:hidden;transform:translateY(-8px) scale(.98);transform-origin:top right;transition:opacity .22s,transform .22s,visibility .22s}.panel.open{opacity:1;visibility:visible;transform:none}.row{height:46px;display:flex;align-items:center;gap:13px}.symbol{color:var(--ink);width:23px;height:24px;display:grid;place-items:center}.row input[type=range]{appearance:none;-webkit-appearance:none;width:166px;height:4px;border-radius:4px;outline:none;background:linear-gradient(90deg,#738c72,#d9bf83);cursor:pointer}.row input[type=range]::-webkit-slider-thumb{appearance:none;width:13px;height:13px;border-radius:50%;background:#f7f0dc;border:1.5px solid #8da083;box-shadow:0 1px 4px #52694d25}.row input[type=range]::-moz-range-thumb{width:11px;height:11px;border-radius:50%;background:#f7f0dc;border:1.5px solid #8da083}.row input.color{background:linear-gradient(90deg,#66ccbc,#36aabb,#3987ad)}.row input.time{background:linear-gradient(90deg,#466082,#e0c695,#e8d6ad,#507084)}.toggles{display:flex;justify-content:space-around;border-top:1px solid #6e816021;margin-top:10px;padding-top:12px}.toggles .icon{width:47px;border-radius:14px}body.night{--glass:rgba(29,48,63,.66);--line:rgba(190,212,211,.13);--ink:#b7c8bf;--accent:#91ad98}body.night .icon:hover{background:#cbdcd616}body.night .icon[aria-pressed=true]{color:#d8ddbd;background:#bccfad1c}@media(max-width:600px){.top{right:14px;top:14px;padding:5px;gap:2px}.bottom{left:14px;bottom:14px;padding:5px}.icon{width:35px;height:35px;padding:9px}.panel{right:14px;top:72px;width:254px;padding:12px 16px}.row{gap:10px}.row input[type=range]{width:156px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}