:root{color:#f6f1df;background:#10100e;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body{width:100%;height:100%}body{margin:0;overflow:hidden}button,input{font:inherit}#scene{position:fixed;top:0;right:0;bottom:0;left:0;display:block;width:100vw;height:100vh}.hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}.brand{position:absolute;top:clamp(16px,3vw,32px);left:clamp(16px,3vw,34px);max-width:min(420px,calc(100vw - 32px));text-shadow:0 2px 18px rgba(0,0,0,.56)}.eyebrow{margin:0 0 5px;color:#77d6cf;font-size:.82rem;font-weight:700;text-transform:uppercase}h1{margin:0;color:#fff9e9;font-size:clamp(1.7rem,5vw,4.8rem);line-height:.94;letter-spacing:0}.toolbar{position:absolute;top:clamp(16px,3vw,32px);right:clamp(16px,3vw,34px);display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;max-width:min(620px,calc(100vw - 32px));pointer-events:auto}.control-button{min-height:40px;border:1px solid rgba(119,214,207,.34);border-radius:8px;padding:0 13px;color:#fff9e9;background:#121210ad;box-shadow:0 12px 28px #00000038;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:border-color .15s ease,background .15s ease,color .15s ease,transform .15s ease}.control-button:hover,.control-button:focus-visible{border-color:#f6f1dfdb;outline:none;transform:translateY(-1px)}.control-button.is-active{border-color:#77d6cff2;color:#10100e;background:linear-gradient(135deg,#d9ebcf,#77d6cf)}.light-panel{position:absolute;left:clamp(16px,3vw,34px);bottom:clamp(16px,3vw,32px);display:grid;gap:10px;width:min(310px,calc(100vw - 32px));border:1px solid rgba(246,241,223,.22);border-radius:8px;padding:14px;background:#0f0f0dad;box-shadow:0 18px 50px #00000047;pointer-events:auto;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.panel-title{color:#fff9e9;font-size:1rem;font-weight:900}.light-panel label{display:grid;grid-template-columns:18px 1fr;align-items:center;gap:10px;color:#d9ebcf;font-size:.96rem;font-weight:700}.light-panel input{width:100%;accent-color:#77d6cf;height:18px;background:linear-gradient(90deg,#77d6cf26,#f6b15414);border-radius:6px}.light-panel input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;border:1px solid rgba(255,255,255,.32);background:#2e2e2e;cursor:pointer}.light-panel input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;border:1px solid rgba(255,255,255,.32);background:#2e2e2e;cursor:pointer}.status{position:absolute;right:clamp(16px,3vw,34px);bottom:clamp(166px,18vw,176px);max-width:min(460px,calc(100vw - 32px));border:1px solid rgba(246,241,223,.2);border-radius:8px;padding:10px 12px;color:#fff9e9;background:#0f0f0d99;font-size:.88rem;pointer-events:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.nav-help{position:absolute;right:clamp(16px,3vw,34px);bottom:clamp(16px,3vw,32px);display:grid;gap:4px;width:min(300px,calc(100vw - 32px));border:1px solid rgba(119,214,207,.22);border-radius:8px;padding:12px 14px;color:#d9ebcf;background:#0f0f0d94;box-shadow:0 18px 50px #00000047;pointer-events:auto;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.nav-help-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.nav-help-close{display:inline-grid;place-items:center;width:28px;height:28px;flex:0 0 28px;border:1px solid rgba(246,241,223,.24);border-radius:8px;padding:0;color:#fff9e9;background:#121210b8;cursor:pointer;line-height:1;transition:border-color .15s ease,background .15s ease,transform .15s ease}.nav-help-close:hover,.nav-help-close:focus-visible{border-color:#f6f1dfdb;background:#77d6cf29;outline:none;transform:translateY(-1px)}.nav-help p{margin:0;font-size:.84rem;line-height:1.35}@media(max-width:760px){.brand{top:14px}.eyebrow{font-size:.72rem}h1{max-width:260px}.toolbar{top:auto;right:12px;bottom:12px;left:12px;justify-content:center}.control-button{flex:1 1 92px;padding:0 8px}.light-panel{left:12px;bottom:114px;width:min(310px,calc(100vw - 24px));padding:12px}.status{display:none}.nav-help{right:12px;bottom:114px;width:min(300px,calc(100vw - 24px));padding:11px 12px}}