:root{color-scheme:dark;--text:#e6e7d7;--muted:#a6b4b4;--brass:#d2bc86;font-family:Arial,Helvetica,sans-serif;background:#080e14;color:var(--text)}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input{font:inherit}button{color:inherit;cursor:pointer;border:0;background:none}button:focus-visible,input:focus-visible{outline:2px solid var(--brass);outline-offset:4px}[hidden]{display:none!important}#app{width:100vw;height:100dvh;overflow:hidden;position:relative;background:#080e14}#scene{position:absolute;inset:0;width:100%;height:100%;outline:0;cursor:crosshair;touch-action:none}.edge-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(#050c147a,transparent 20%,transparent 72%,#050c1499);box-shadow:inset 0 0 130px #03080c88}.ui{transition:opacity .3s}.topbar{position:absolute;left:0;right:0;top:0;height:88px;padding:0 36px;display:flex;align-items:center;justify-content:space-between;gap:22px;background:linear-gradient(#07101866,transparent);border-bottom:1px solid #b3c6c011}.wordmark{display:flex;gap:12px;align-items:center;font-size:14px;font-weight:700;letter-spacing:2px;text-shadow:0 2px 5px #000}.wordmark>svg{width:32px;height:30px;stroke:var(--brass);stroke-width:1.5;fill:none}.wordmark span{display:block;font:8px 'Courier New',monospace;letter-spacing:2px;color:#b4bfb9;margin-top:7px}.study-label{display:flex;align-items:center;gap:10px;color:#bdc4b7;font:8px 'Courier New',monospace;letter-spacing:2px;text-shadow:0 1px 4px #000}.study-label i{height:4px;width:4px;background:var(--brass);border-radius:50%;box-shadow:0 0 8px #f5c76a}.header-actions{display:flex;gap:18px}.header-actions button{min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;gap:9px;color:#d2d6c9;font-size:10px}.header-actions svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.5;fill:none;stroke-linejoin:round;stroke-linecap:round}.header-actions button:hover{color:var(--brass)}.scene-caption{position:absolute;left:36px;bottom:126px;pointer-events:none;text-shadow:0 2px 14px #000}.caption-kicker{font:8px 'Courier New',monospace;color:#d3c49f;letter-spacing:2.6px}.scene-caption h1{font-family:Impact,'Arial Narrow',sans-serif;font-size:45px;line-height:1.1;letter-spacing:.2px;font-weight:400;margin:12px 0}.scene-caption p{color:#bcc5bd;font-size:12px;margin:0;line-height:1.6}.material-note{font:9px 'Courier New',monospace;color:#92a5a8;margin-top:21px;letter-spacing:.4px}.material-note span{padding:0 8px;color:var(--brass)}.start-hint{position:absolute;left:50%;bottom:124px;transform:translateX(-50%);display:flex;align-items:center;gap:15px;background:#0a171dcc;padding:15px 20px;border:1px solid #adbfbb33;pointer-events:none}.key-group{font:11px 'Courier New',monospace;color:#e0d4b4;white-space:nowrap;padding:9px;border:1px solid #b1c0b744}.start-hint>span:last-child{font-size:12px;color:#d0d6c9}.start-hint small{display:block;font-size:9px;color:#a3b5b0;margin-top:7px;white-space:nowrap}.footer{position:absolute;left:0;right:0;bottom:0;height:75px;display:flex;align-items:center;justify-content:space-between;padding:0 36px;border-top:1px solid #c0cdba18;background:#08131d80;gap:20px}.movement,.lighting-toggles{display:flex;align-items:center;gap:22px}.movement>span,.lighting-toggles>button{display:flex;align-items:center;gap:8px;font-size:10px;color:#c0cabd;text-shadow:0 2px 3px #000}.movement>span:last-child{color:#94a6a4}.lighting-toggles>button{min-height:44px}.lighting-toggles>button:hover{color:#e9daba}kbd{font:9px 'Courier New',monospace;color:#b4c3b8;border:1px solid #aebebd40;padding:4px 5px;min-width:21px;text-align:center}.lighting-toggles i{width:4px;height:4px;border-radius:50%;background:#d8c599;box-shadow:0 0 5px #d8c59980}.lighting-toggles button[aria-pressed=false]{opacity:.55}.lighting-toggles button[aria-pressed=false] i{background:#758787;box-shadow:none}.controls-panel{position:absolute;z-index:5;right:34px;top:96px;width:296px;padding:21px 24px;background:#0b1820ee;backdrop-filter:blur(12px);border:1px solid #b3c9c13d;box-shadow:0 20px 70px #0006}.panel-title{display:flex;align-items:center;justify-content:space-between;margin:0 0 21px}.panel-title h2{font-size:17px;font-weight:500;margin:0}.panel-title button{width:32px;height:32px;font-size:24px;color:#a7b7b4}.slider-row{display:block;margin-bottom:22px}.slider-row>span{display:flex;justify-content:space-between;font-size:11px;color:#c5cdbf}.slider-row output{font:10px 'Courier New',monospace;color:#bcae8f}.slider-row input{display:block;width:100%;margin:13px 0 0;accent-color:#cdbc8a;height:15px;cursor:pointer}.panel-actions{display:flex;gap:8px;margin-top:27px}.panel-actions button{font-size:10px;border:1px solid #b8c2b53d;padding:11px 9px;min-height:40px;flex:1;background:#30413940}.controls-panel p{font-size:10px;color:#9aacad;line-height:1.7;margin:21px 0 0}.hidden-ui .ui{opacity:0;pointer-events:none}.hidden-ui #scene{cursor:none}.mobile-hint{display:none}#loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#080e14;color:#c8cebd;font:12px 'Courier New',monospace;letter-spacing:1px;z-index:20}#notice{position:absolute;left:50%;top:107px;transform:translateX(-50%);background:#0a1720e6;border:1px solid #b2c6be38;color:#d7dece;font-size:11px;line-height:1.6;padding:11px 18px;opacity:0;pointer-events:none;transition:opacity .3s}#notice.visible{opacity:1}
@media(max-width:1100px){.study-label{display:none}.movement,.lighting-toggles{gap:13px}.start-hint{left:auto;right:36px;transform:none}.footer{padding:0 25px}.movement>span:last-child{display:none}.scene-caption{left:25px}.scene-caption h1{font-size:38px}}
@media(max-width:760px){.topbar{height:73px;padding:0 19px}.wordmark{font-size:11px;letter-spacing:1.2px;gap:8px}.wordmark span{font-size:6px;letter-spacing:1.1px}.wordmark>svg{width:25px}.header-actions{gap:0}.header-actions button>span{display:none}.scene-caption{bottom:143px;left:23px}.scene-caption h1{font-size:36px}.caption-kicker{font-size:7px}.scene-caption p{font-size:11px}.material-note{font-size:8px}.start-hint{display:none}.footer{height:72px;padding:0 18px;justify-content:center}.movement{display:none}.lighting-toggles{gap:17px}.lighting-toggles button{font-size:9px;gap:5px}.lighting-toggles kbd{display:none}.lighting-toggles i{width:3px;height:3px}.mobile-hint{display:block;position:absolute;bottom:91px;left:23px;font-size:10px;color:#bcc9bd;text-shadow:0 1px 6px #000}.controls-panel{top:84px;right:18px;width:280px}.study-label{display:none}#notice{top:85px;max-width:90%;width:max-content} .lighting-toggles button:last-child{display:none}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

#atmosphere{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.scene-caption{bottom:117px}.scene-caption h1{font-size:35px}.controls-panel .panel-actions{flex-wrap:wrap}.panel-actions button{min-width:95px}.lighting-toggles{gap:17px}.lighting-toggles button{min-width:44px}#loading{padding:40px;text-align:center;line-height:1.8}.scene-caption{pointer-events:none}@media(max-width:1150px){.movement>span:nth-child(2){display:none}}@media(max-width:760px){.lighting-toggles{gap:12px}.scene-caption h1{font-size:30px}.caption-kicker{font-size:6px;letter-spacing:1.4px}.material-note{font-size:7px}.scene-caption{bottom:145px}}

.controls-panel{max-height:calc(100dvh - 185px);overflow:auto;scrollbar-width:thin}.controls-panel details{border-top:1px solid #aec0b329;margin-top:18px;padding-top:15px}.controls-panel summary{font-size:12px;color:#d7c598;cursor:pointer;min-height:32px}.world-selects{display:grid;grid-template-columns:1fr 1fr;gap:10px}.world-selects label,.preview-label{font-size:10px;color:#c5cdbf}.world-selects select,.preview-label select{display:block;width:100%;min-height:38px;margin-top:8px;background:#18282c;color:#dfe2d1;border:1px solid #afbcaa44;border-radius:0;padding:6px;font-size:10px}.preview-label{display:block;margin-top:18px}.world-actions{margin-top:14px!important}.environment-readout{font:10px 'Courier New',monospace!important;margin-top:10px!important;color:#d9c5a5!important}.controls-panel select:focus-visible,.controls-panel summary:focus-visible{outline:2px solid var(--brass);outline-offset:3px}.panel-title{margin-bottom:15px}.controls-panel .slider-row{margin-bottom:16px}.edge-shade{box-shadow:inset 0 0 90px #03080c44}.scene-caption h1{font-size:30px}.scene-caption{transition:opacity .3s}.scene-caption .material-note{margin-top:12px}@media(max-width:760px){.controls-panel{max-height:calc(100dvh - 170px)}.environment-readout{max-width:260px;font-size:9px!important}.scene-caption{bottom:144px}.scene-caption h1{font-size:26px}}

.controls-panel select{min-height:44px}.controls-panel summary{min-height:44px}.panel-title button{min-width:44px;min-height:44px}.panel-actions button{min-height:44px}