:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--text:#eeeef0;--muted:#a6abb3;--line:#ffffff20;--surface:#171c24ed;--accent:#efbc8a;--sans:-apple-system, BlinkMacSystemFont, "Segoe UI", "Hiragino Kaku Gothic ProN", "Noto Sans JP", sans-serif;--mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{font:13px/1.6 var(--sans);color:var(--text);-webkit-font-smoothing:antialiased;background:#4c485c}button,input,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0}button,input,select,a,summary{-webkit-tap-highlight-color:transparent}button:disabled,input:disabled,select:disabled{cursor:wait;opacity:.45}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button:hover:enabled{background:#ffffff12}button[aria-pressed=true]{color:var(--accent)}button:active:enabled{background:#ffffff20}a{color:inherit;text-underline-offset:3px}svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:18px;height:18px}[hidden]{display:none!important}.icon-defs{pointer-events:none;width:0;height:0;position:absolute}#app{isolation:isolate;width:100%;height:100dvh;position:relative}#sky{touch-action:none;cursor:grab;outline:0;width:100%;height:100%;display:block}#sky:active{cursor:grabbing}.chrome{transition:opacity .16s}.topbar{top:max(16px, env(safe-area-inset-top));z-index:3;pointer-events:none;justify-content:space-between;align-items:center;gap:16px;display:flex;position:absolute;left:20px;right:20px}.topbar h1{letter-spacing:.01em;text-shadow:0 1px 7px #000b;margin:0;font-size:14px;font-weight:600}.top-actions{pointer-events:auto;align-items:center;gap:8px;display:flex}.palettes,.surface-button,.transport,.view-buttons{background:var(--surface);border:1px solid var(--line);border-radius:5px}.palettes{gap:2px;padding:3px;display:flex}.palette{color:#d8dae0;border-radius:3px;min-height:30px;padding:4px 13px}.palette.active{color:#ffe0c2;background:#ffffff14}.surface-button{justify-content:center;align-items:center;gap:7px;min-height:38px;padding:6px 11px;display:flex}.icon-button,.text-icon-button{border-radius:3px;justify-content:center;align-items:center;gap:7px;min-height:38px;padding:8px;display:inline-flex}.icon-button{width:38px}.text-icon-button{white-space:nowrap;padding-inline:11px}.control-panel{z-index:5;border:1px solid var(--line);background:#171c24f7;border-radius:5px;flex-direction:column;width:340px;max-height:calc(100dvh - 162px);transition:opacity .16s,visibility .16s;display:flex;position:absolute;top:68px;right:20px;box-shadow:0 8px 30px #0002}.panel-closed .control-panel{visibility:hidden;opacity:0;pointer-events:none}.panel-head{justify-content:space-between;align-items:center;padding:10px 12px 7px 18px;font-size:14px;font-weight:600;display:flex}.panel-head .icon-button{width:30px;min-height:30px;padding:5px}.tabs{border-bottom:1px solid var(--line);justify-content:space-between;gap:12px;margin:0 18px;display:flex}.tab{color:var(--muted);border-bottom:2px solid #0000;padding:8px 0;font-size:12px}.tab.active{color:var(--text);border-bottom-color:var(--accent)}.panel-scroll{overscroll-behavior:contain;scrollbar-width:thin;padding:20px 18px 18px;overflow-y:auto}.population-head{justify-content:space-between;align-items:baseline;margin-bottom:8px;display:flex}.population-head strong{font-family:var(--mono);font-size:16px;font-weight:500}.population-head span{color:var(--muted);font-size:11px}.population-head strong{color:var(--text)}select{background:#222832;border:1px solid #ffffff25;border-radius:3px;width:100%;min-height:37px;padding:8px}.sliders{gap:19px;margin-top:24px;display:grid}.slider-row{grid-template-columns:1fr auto;gap:8px;display:grid}.slider-row label{font-size:12px}.slider-row output{color:var(--muted);font:11px/1.7 var(--mono)}input[type=range]{appearance:none;background:linear-gradient(to right, var(--accent) var(--progress,50%), #ffffff28 var(--progress,50%));cursor:pointer;border-radius:2px;grid-column:1/-1;width:100%;height:3px;margin:3px 0}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--accent);width:12px;height:12px;box-shadow:0 0 0 1px var(--accent);border:2px solid #171c24;border-radius:50%}input[type=range]::-moz-range-thumb{border:1px solid var(--accent);background:var(--accent);border-radius:50%;width:9px;height:9px}.advanced{border-top:1px solid var(--line);margin-top:26px;padding-top:12px}.advanced summary{cursor:pointer;color:var(--muted);font-size:12px}.advanced .slider-row{margin-top:18px}.small-caption{color:var(--muted);margin:12px 0 0;font-size:11px;line-height:1.8}.scene-sliders{margin:0 0 26px}.color-row{justify-content:space-between;align-items:center;gap:16px;font-size:12px;display:flex}.color-row input{background:0 0;border:1px solid #ffffff30;border-radius:3px;width:64px;height:30px;padding:2px}.section-label{margin:18px 0 8px;font-size:12px;display:block}.resolution-line{color:var(--muted);justify-content:space-between;margin:18px 0;font-size:11px;display:flex}.resolution-line span:last-child{font-family:var(--mono)}.wide-button,.primary-button{border:1px solid #ffffff30;border-radius:3px;justify-content:center;align-items:center;gap:7px;width:100%;padding:9px 12px;display:flex}.wide-button{margin-top:14px}.bottom-controls{pointer-events:none;z-index:3;align-items:center;gap:18px;display:flex;position:absolute;bottom:46px;left:20px;right:20px}.transport,.view-buttons{pointer-events:auto;align-items:center;padding:3px;display:flex}.transport-divider{background:var(--line);width:1px;height:20px;margin:0 4px}.camera-hint{color:#edf0f3c9;text-shadow:0 1px 5px #000c;margin:0;font-size:11px}.view-buttons{margin-left:auto}.telemetry{bottom:max(13px, env(safe-area-inset-bottom));font:10px/1.5 var(--mono);color:#e4e7ebc4;text-shadow:0 1px 5px #000d;pointer-events:none;z-index:3;justify-content:space-between;align-items:center;gap:18px;display:flex;position:absolute;left:22px;right:22px}.telemetry strong{color:#f2f3f5;font-weight:500}.telemetry-left,.telemetry-right{align-items:center;gap:17px;display:flex}.field-tag{align-items:center;gap:7px;display:flex}.live-dot,.status-dot{background:#8ea79b;border-radius:50%;width:4px;height:4px;display:inline-block}.field-tag #clock{margin-left:3px}.gpu-badge{align-items:center;gap:6px;display:flex}.gpu-badge.error{color:#ffb9ac}.gpu-badge.error .status-dot{background:#e8a296}.loading{color:#e6e7ea;z-index:7;background:#1d222bdd;justify-content:center;align-items:center;gap:12px;font-size:13px;transition:opacity .3s;display:flex;position:absolute;inset:0}.loading.done{opacity:0;pointer-events:none}.loading-spinner{border:1px solid #ffffff30;border-top-color:var(--accent);border-radius:50%;width:17px;height:17px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.error-panel{z-index:8;border:1px solid var(--line);background:#171c24;border-radius:5px;width:min(460px,100vw - 32px);max-height:calc(100dvh - 32px);padding:25px;position:absolute;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%)}.error-panel h2{margin:0 0 14px;font-size:19px;line-height:1.6}.error-panel p{color:#c7cbd2}.error-panel details{color:var(--muted);margin:18px 0}.error-panel pre{white-space:pre-wrap;word-break:break-word;font-size:10px}.primary-button{color:#20242b;background:#e6c8ac;border:0;font-weight:600}.primary-button:hover:enabled{background:#f5d8bd}.toast{border:1px solid var(--line);opacity:0;pointer-events:none;z-index:10;background:#171c24f5;border-radius:4px;max-width:min(560px,100vw - 32px);padding:9px 15px;font-size:12px;transition:opacity .18s,transform .18s;position:absolute;bottom:108px;left:50%;transform:translate(-50%,8px)}.toast.visible{opacity:1;transform:translate(-50%)}.cinema .chrome{opacity:0;pointer-events:none!important}.cinema .chrome *{pointer-events:none!important}.show-ui{opacity:.4;z-index:9;font-size:11px;position:absolute;bottom:20px;right:20px}.show-ui:hover,.show-ui:focus-visible{opacity:1}@media (max-width:780px){.camera-hint{display:none}.telemetry-right{gap:10px}.telemetry-left{gap:12px}.gpu-metric{display:none}.topbar{left:16px;right:16px}.control-panel{right:16px}.bottom-controls{gap:8px;left:16px;right:16px}.telemetry{left:18px;right:18px}.topbar h1{font-size:12px}.palette{padding-inline:10px}}@media (max-width:520px){.topbar{gap:6px;top:12px}.topbar h1{max-width:64px;font-size:11px;line-height:1.4}.top-actions{gap:5px}.palette{min-height:28px;padding:4px 9px;font-size:11px}.surface-button{min-height:36px;padding:6px 9px}.surface-button span{display:none}.control-panel{width:min(340px,100vw - 32px);max-height:calc(100dvh - 156px);top:62px}.bottom-controls{bottom:44px}.icon-button{width:32px;min-height:34px;padding:7px}.text-icon-button{gap:5px;min-height:34px;padding:7px;font-size:11px}.text-icon-button svg{width:16px;height:16px}.transport-divider{margin:0 2px}.view-buttons{gap:0}.view-buttons .text-icon-button{padding-inline:8px}.view-buttons #fullscreen{width:30px}.telemetry{gap:10px;font-size:9px;bottom:13px}.telemetry-left{gap:11px}.telemetry-right{display:none}.field-tag{gap:5px}.toast{font-size:11px;bottom:99px}.show-ui span{display:inline}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important}.loading-spinner{animation:none}}
