*{margin:0;padding:0;box-sizing:border-box}body{overflow:hidden;background:#000}canvas{display:block}*{box-sizing:border-box;margin:0;padding:0}:root{--glass-bg: rgba(100, 100, 100, .1);--glass-border: rgba(255, 255, 255, .15);--glass-hover-bg: rgba(255, 255, 255, .16);--glass-hover-border: rgba(255, 255, 255, .3);--glass-blur: blur(12px);--glass-radius: 14px;--text-primary: #fff;--text-muted: rgba(255, 255, 255, .5);--font: system-ui, sans-serif;--transition-fast: .15s ease;--transition-med: .2s ease}.glass{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--glass-radius)}#env-controls{position:fixed;top:24px;right:24px;z-index:100;display:flex;flex-direction:column;gap:8px}.env-btn{width:48px;height:48px;border-radius:var(--glass-radius);border:1px solid var(--glass-border);background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--transition-med),transform var(--transition-fast),border-color var(--transition-med);outline:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.env-btn:hover{background:var(--glass-hover-bg);border-color:var(--glass-hover-border);transform:scale(1.05)}.env-btn:active{transform:scale(.95)}.env-btn.transitioning{pointer-events:none;opacity:.6}.env-icon{width:24px;height:24px;object-fit:contain;filter:brightness(0) invert(1);transition:opacity var(--transition-fast)}.env-btn:before{content:attr(data-tooltip);position:absolute;right:58px;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--text-primary);font-size:11px;font-family:var(--font);letter-spacing:.05em;padding:4px 10px;border-radius:8px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--transition-med)}.env-btn:hover:before{opacity:1}#configurator{position:fixed;bottom:0;left:0;right:0;z-index:100;padding:24px;border-radius:24px 24px 0 0;background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--glass-border);transform:translateY(100%);transition:transform .4s cubic-bezier(.16,1,.3,1)}#configurator.open{transform:translateY(0)}#configurator-back{position:fixed;top:24px;left:24px;z-index:101;padding:10px 18px;border-radius:var(--glass-radius);border:1px solid var(--glass-border);background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);color:var(--text-primary);font-size:13px;font-family:var(--font);letter-spacing:.05em;cursor:pointer;transition:background var(--transition-med),transform var(--transition-fast)}#configurator-back:hover{background:var(--glass-hover-bg);transform:scale(1.05)}#configurator-back:active{transform:scale(.95)}.config-title{color:var(--text-primary);font-size:16px;font-family:var(--font);font-weight:600;letter-spacing:.05em;margin-bottom:20px}.config-section{margin-bottom:20px}.config-label{color:var(--text-muted);font-size:11px;font-family:var(--font);letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px}.config-cycle{display:flex;align-items:center;gap:12px}.config-cycle-btn{width:32px;height:32px;border-radius:10px;border:1px solid var(--glass-border);background:var(--glass-bg);color:var(--text-primary);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--transition-med)}.config-cycle-btn:hover{background:var(--glass-hover-bg)}.config-cycle-label{color:var(--text-primary);font-size:13px;font-family:var(--font);flex:1;text-align:center}.config-toggle-btn{padding:8px 20px;border-radius:10px;border:1px solid var(--glass-border);background:var(--glass-bg);color:var(--text-muted);font-size:12px;font-family:var(--font);cursor:pointer;transition:all var(--transition-med)}.config-toggle-btn.active{background:var(--glass-hover-bg);color:var(--text-primary);border-color:var(--glass-hover-border)}.config-colors{display:flex;gap:8px;flex-wrap:wrap}.config-swatch{width:28px;height:28px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:transform var(--transition-fast),border-color var(--transition-fast)}.config-swatch:hover{transform:scale(1.1)}.config-swatch.active{border-color:var(--text-primary);transform:scale(1.15)}@media(max-width:768px){#env-controls{top:16px;right:16px;gap:6px}.env-btn{width:42px;height:42px;font-size:18px}.env-btn:before{display:none}#configurator-back{top:16px;left:16px}}@media(min-width:769px){#configurator{inset:0 0 0 auto;width:320px;border-radius:0;border-top:none;border-left:1px solid var(--glass-border);transform:translate(100%)}#configurator.open{transform:translate(0)}}