:root{color-scheme:light;--bg-top: #fbf3e8;--bg-bottom: #f7e5c8;--panel: rgba(255, 255, 255, .6);--text: #5d4d43}*{box-sizing:border-box}body{margin:0;overflow:hidden;font-family:Trebuchet MS,Segoe UI,sans-serif;background:radial-gradient(circle at top,var(--bg-top),var(--bg-bottom) 72%);color:var(--text)}canvas{display:block}.ui-toggle-button{position:fixed;top:10px;left:50%;transform:translate(-50%);z-index:3;border:0;border-radius:999px;padding:5px 11px;background:#fffaf2e0;color:#6a5443;font:700 11px Trebuchet MS,Segoe UI,sans-serif;box-shadow:0 10px 24px #835f2d24;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer}.ui-toggle-button:hover{background:#fff7ebfa}.ui-toggle-button[aria-pressed=true]{opacity:.72}.hud{position:fixed;left:18px;top:18px;padding:12px 16px;border-radius:18px;background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 16px 35px #835f2d1f;pointer-events:none;z-index:1}.hud h1{margin:0 0 6px;font-size:16px;font-weight:700;letter-spacing:.02em}.hud p{margin:0;font-size:13px;opacity:.9}.control-panel{position:fixed;top:16px;right:16px;width:460px;max-height:calc(100vh - 32px);overflow:auto;padding:14px;border-radius:18px;background:#fffaf2e0;box-shadow:0 18px 40px #684c2229;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:2}.control-panel h2{margin:0 0 10px;font-size:16px}.panel-actions{display:flex;gap:8px;margin:0 0 12px}.panel-button{border:0;border-radius:12px;padding:8px 12px;background:#e8d0a659;color:#6a5443;font:700 12px Trebuchet MS,Segoe UI,sans-serif;cursor:pointer}.panel-button:hover{background:#e8d0a680}.control-group{margin-bottom:14px;padding:10px;border-radius:14px;background:#e8d0a638}.control-group h3{margin:0;font-size:14px}.control-group details{border-radius:14px}.control-group summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;margin:-10px -10px 0;padding:10px;font-size:14px;font-weight:700}.control-group summary::-webkit-details-marker{display:none}.control-group summary:after{content:"+";font-size:16px;color:#7b6756}.control-group details[open] summary:after{content:"-"}.control-group .control-body{padding-top:8px}.control-row{display:grid;grid-template-columns:110px 1fr 60px;align-items:center;gap:8px;margin-bottom:6px}.control-row label{font-size:12px;font-weight:700;color:#71563c}.control-row input[type=range]{width:100%}.control-row output{font-size:12px;text-align:right;color:#7b6756}.action-stack{position:fixed;left:18px;bottom:18px;display:flex;flex-direction:column;gap:8px;z-index:2}.action-button{border:0;border-radius:16px;padding:12px 18px;background:#fffaf2eb;color:#6a5443;font:700 14px Trebuchet MS,Segoe UI,sans-serif;box-shadow:0 16px 35px #835f2d29;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer}.action-button:hover{background:#fff7ebfa}.action-button:disabled{opacity:.65;cursor:default}.is-ui-hidden .hud,.is-ui-hidden .control-panel,.is-ui-hidden .action-stack{display:none!important}