:root{--bg-deep: #0a0a0f;--bg-panel: rgba(12, 14, 20, .88);--bg-panel-solid: #0c0e14;--bg-input: rgba(255, 255, 255, .04);--bg-input-hover: rgba(255, 255, 255, .07);--border: rgba(255, 255, 255, .06);--border-hover: rgba(255, 255, 255, .12);--border-accent: rgba(68, 136, 255, .4);--accent-blue: #4488ff;--accent-green: #44cc66;--accent-red: #ff5555;--accent-amber: #ffaa44;--text-primary: #e8e8ec;--text-secondary: #888890;--text-muted: #555560;--font-body: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Consolas", "Monaco", monospace;--sidebar-width: 280px;--hud-height: 44px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--blur: 16px;--shadow-panel: 0 8px 32px rgba(0, 0, 0, .5);--transition: .15s ease}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:var(--bg-deep);font-family:var(--font-body);color:var(--text-primary);font-size:14px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{width:100%;height:100%}canvas{display:block}.overlay{position:fixed;display:none;z-index:100}.overlay.visible{display:flex}#menu-screen{top:0;right:0;bottom:0;left:0;justify-content:center;align-items:center;background:#0009;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.menu-card{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-lg);padding:48px 40px 40px;max-width:400px;width:90%;text-align:center;box-shadow:var(--shadow-panel);-webkit-backdrop-filter:blur(var(--blur));backdrop-filter:blur(var(--blur))}.menu-logo{margin-bottom:16px}.menu-card h1{font-size:1.8rem;font-weight:700;letter-spacing:-.5px;color:#fff;margin-bottom:8px}.menu-card .subtitle{font-size:.85rem;color:var(--text-secondary);margin-bottom:28px;line-height:1.6}.menu-card label{display:block;font-size:.7rem;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-muted);margin-bottom:8px;text-align:left;font-weight:500}.menu-card select{width:100%;padding:10px 14px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-input);color:var(--text-primary);font-family:var(--font-body);font-size:.9rem;margin-bottom:24px;outline:none;cursor:pointer;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;transition:border-color var(--transition)}.menu-card select:focus{border-color:var(--border-accent)}.scenario-panel{margin:-4px 0 24px;padding:14px 16px;border-radius:var(--radius-md);border:1px solid rgba(68,136,255,.16);background:linear-gradient(180deg,#4488ff14,#ffffff08);text-align:left}.scenario-kicker{font-size:.68rem;text-transform:uppercase;letter-spacing:1.5px;color:#8fb6ff;margin-bottom:6px}.scenario-title{font-size:1rem;font-weight:600;color:#fff;margin-bottom:8px}.scenario-description{font-size:.8rem;line-height:1.55;color:var(--text-secondary);margin-bottom:10px}.scenario-objective{display:grid;gap:4px}.scenario-objective span{font-size:.68rem;text-transform:uppercase;letter-spacing:1.3px;color:var(--text-muted)}.scenario-objective strong{font-size:.8rem;line-height:1.5;color:var(--text-primary);font-weight:600}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 28px;border-radius:var(--radius-md);border:none;font-family:var(--font-body);font-size:.9rem;font-weight:600;cursor:pointer;transition:background var(--transition),transform 80ms;-webkit-user-select:none;user-select:none}.btn:active{transform:scale(.97)}.btn-primary{background:var(--accent-blue);color:#fff;width:100%}.btn-primary:hover{background:#59f}.btn-hint{font-size:.7rem;font-weight:400;opacity:.5}.btn-secondary{background:var(--bg-input);color:var(--text-secondary);border:1px solid var(--border)}.btn-secondary:hover{background:var(--bg-input-hover);color:var(--text-primary);border-color:var(--border-hover)}#hud{top:0;left:0;right:0;height:var(--hud-height);flex-direction:row;align-items:center;padding:0 12px;gap:6px;background:var(--bg-panel);backdrop-filter:blur(var(--blur));-webkit-backdrop-filter:blur(var(--blur));border-bottom:1px solid var(--border);z-index:90}.hud-group{display:flex;align-items:center;gap:4px}.hud-separator{width:1px;height:24px;background:var(--border-hover);margin:0 8px}.hud-spacer{flex:1}.tool-btn{display:flex;align-items:center;gap:5px;padding:5px 12px;border-radius:var(--radius-md);border:1px solid transparent;background:transparent;color:var(--text-secondary);font-family:var(--font-body);font-size:.78rem;font-weight:500;cursor:pointer;transition:all var(--transition);white-space:nowrap}.tool-btn kbd{font-family:var(--font-mono);font-size:.65rem;padding:1px 4px;border-radius:3px;background:#ffffff0f;color:var(--text-muted);border:1px solid rgba(255,255,255,.08)}.tool-icon{font-size:.85rem}.tool-btn:hover{background:#ffffff0f;color:var(--text-primary)}.tool-btn.active{border-color:var(--border-accent);background:#4488ff1f;color:#fff}.tool-btn.active[data-tool=rain]{border-color:#48f6;background:#4488ff1f}.tool-btn.active[data-tool=sculpt-up]{border-color:#44c86466;background:#44c8641f}.tool-btn.active[data-tool=sculpt-down]{border-color:#ff505066;background:#ff50501f}.sim-btn{display:flex;align-items:center;gap:5px;padding:5px 10px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-input);color:var(--text-secondary);font-family:var(--font-body);font-size:.78rem;cursor:pointer;transition:all var(--transition)}.sim-btn kbd{font-family:var(--font-mono);font-size:.6rem;padding:1px 3px;border-radius:3px;background:#ffffff0f;color:var(--text-muted)}.sim-btn:hover{background:var(--bg-input-hover);color:var(--text-primary)}.sim-btn.active{border-color:#44c86466;background:#44c8641f;color:var(--accent-green)}.speed-indicator{font-family:var(--font-mono);font-size:.72rem;color:var(--text-muted);padding:0 4px;min-width:28px;text-align:center}.hud-btn-finish{padding:5px 14px;border-radius:var(--radius-md);border:1px solid rgba(255,80,80,.15);background:#ff50500f;color:var(--accent-red);font-family:var(--font-body);font-size:.78rem;font-weight:500;cursor:pointer;transition:all var(--transition);opacity:.7}.hud-btn-finish:hover{background:#ff505026;opacity:1}.hud-status{display:flex;align-items:center;gap:16px}.stat-item{display:flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:.75rem}.stat-key{color:var(--text-muted);font-weight:400}.stat-item strong{color:var(--text-primary);font-weight:500}.fps-display{color:var(--accent-green)!important}.sidebar{top:var(--hud-height);right:0;bottom:0;width:var(--sidebar-width);flex-direction:column;background:var(--bg-panel);backdrop-filter:blur(var(--blur));-webkit-backdrop-filter:blur(var(--blur));border-left:1px solid var(--border);overflow-y:auto;overflow-x:hidden;z-index:80;transition:transform .3s cubic-bezier(.4,0,.2,1)}.sidebar.collapsed{transform:translate(100%)}.sidebar-toggle{position:fixed;top:calc(var(--hud-height) + 12px);right:calc(var(--sidebar-width) + 4px);width:28px;height:28px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-panel);color:var(--text-muted);font-size:.7rem;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:81;transition:all .3s cubic-bezier(.4,0,.2,1)}.sidebar-toggle:hover{color:var(--text-primary);border-color:var(--border-hover)}.sidebar.collapsed~.sidebar-toggle,.sidebar-toggle.collapsed{right:4px}.section{border-bottom:1px solid var(--border)}.section:last-child{border-bottom:none}.section-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--transition)}.section-header:hover{background:#ffffff05}.section-title{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:1.2px;color:var(--text-muted)}.section-chevron{font-size:.6rem;color:var(--text-muted);transition:transform .2s ease}.section.collapsed .section-chevron{transform:rotate(-90deg)}.section-body{padding:4px 16px 12px;overflow:hidden;transition:max-height .25s ease,opacity .2s ease;max-height:600px;opacity:1}.section.collapsed .section-body{max-height:0;opacity:0;padding-top:0;padding-bottom:0}.section-note{margin-top:8px;font-size:.68rem;line-height:1.5;color:var(--text-muted)}.param-row{display:grid;grid-template-columns:1fr;gap:4px;margin-bottom:8px}.param-label{display:flex;align-items:center;justify-content:space-between;font-size:.78rem;color:var(--text-secondary)}.param-value{font-family:var(--font-mono);font-size:.72rem;color:var(--text-primary);min-width:40px;text-align:right}.param-slider-row{display:flex;align-items:center;gap:8px}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:4px;border-radius:2px;background:#ffffff14;outline:none;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--accent-blue);border:2px solid rgba(0,0,0,.3);cursor:pointer;box-shadow:0 1px 4px #0000004d;transition:transform .1s ease}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15)}input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--accent-blue);border:2px solid rgba(0,0,0,.3);cursor:pointer}input[type=range]::-moz-range-track{height:4px;border-radius:2px;background:#ffffff14}.param-number{width:52px;padding:3px 6px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-input);color:var(--text-primary);font-family:var(--font-mono);font-size:.72rem;text-align:right;outline:none;transition:border-color var(--transition)}.param-number:focus{border-color:var(--border-accent)}.toggle-row{display:flex;align-items:center;justify-content:space-between;padding:6px 0}.toggle-label{font-size:.78rem;color:var(--text-secondary)}.toggle{position:relative;width:36px;height:20px;border-radius:10px;background:#ffffff1a;cursor:pointer;transition:background var(--transition);border:none;padding:0}.toggle.on{background:var(--accent-blue)}.toggle:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform var(--transition);box-shadow:0 1px 3px #0000004d}.toggle.on:after{transform:translate(16px)}.sidebar-actions{padding:12px 16px 16px;display:flex;flex-direction:column;gap:6px;border-top:1px solid var(--border)}.sidebar-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:8px 12px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-input);color:var(--text-secondary);font-family:var(--font-body);font-size:.78rem;font-weight:500;cursor:pointer;transition:all var(--transition)}.sidebar-btn:hover{background:var(--bg-input-hover);color:var(--text-primary);border-color:var(--border-hover)}.sidebar-btn.primary{border-color:#48f3;color:var(--accent-blue)}.sidebar-btn.primary:hover{background:#4488ff1a}.sidebar-btn.attention{border-color:#4488ff73;background:#4488ff1f;color:#fff}.help-overlay{top:0;right:0;bottom:0;left:0;justify-content:center;align-items:center;background:#00000080;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:300}.help-card{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-lg);padding:32px;max-width:360px;width:90%;box-shadow:var(--shadow-panel)}.help-card h3{font-size:1rem;font-weight:600;margin-bottom:20px;color:#fff}.help-grid{display:grid;grid-template-columns:auto 1fr;gap:8px 16px;align-items:center}.help-grid kbd{font-family:var(--font-mono);font-size:.72rem;padding:3px 8px;border-radius:var(--radius-sm);background:#ffffff14;border:1px solid var(--border);color:var(--text-primary);text-align:center;min-width:48px}.help-grid span{font-size:.82rem;color:var(--text-secondary)}.help-dismiss{margin-top:20px;text-align:center;font-size:.75rem;color:var(--text-muted)}.help-dismiss kbd{font-family:var(--font-mono);font-size:.68rem;padding:1px 5px;border-radius:3px;background:#ffffff0f;border:1px solid var(--border)}#end-screen{top:0;right:0;bottom:0;left:0;justify-content:center;align-items:center;background:#0009;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.end-card{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-lg);padding:40px;max-width:380px;width:90%;text-align:center;box-shadow:var(--shadow-panel)}.end-card h2{font-size:1.4rem;font-weight:700;margin-bottom:24px;color:#fff}#session-stats{text-align:left;margin-bottom:28px}.study-review{margin:-8px 0 24px;padding:14px 16px;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.08);background:#ffffff08;text-align:left}.study-review-kicker{font-size:.68rem;text-transform:uppercase;letter-spacing:1.4px;color:var(--accent-amber);margin-bottom:8px}.study-review h3{font-size:.96rem;font-weight:600;color:#fff;margin-bottom:8px}.study-review p:last-child{font-size:.82rem;line-height:1.55;color:var(--text-secondary)}.study-actions{margin:-8px 0 24px;padding:14px 16px;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.08);background:#ffffff08;text-align:left}.action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.action-cell{padding:10px 12px;border-radius:var(--radius-sm);background:#ffffff08;border:1px solid rgba(255,255,255,.05);display:grid;gap:4px}.action-cell .stat-value{justify-self:start}.stat-row{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.04)}.stat-row:last-child{border-bottom:none}.stat-label{font-size:.82rem;color:var(--text-secondary)}.stat-value{font-family:var(--font-mono);font-size:.85rem;font-weight:500;color:#fff}.end-buttons{display:flex;flex-direction:column;gap:8px}.end-buttons .btn{width:100%}.sidebar::-webkit-scrollbar{width:5px}.sidebar::-webkit-scrollbar-track{background:transparent}.sidebar::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.sidebar::-webkit-scrollbar-thumb:hover{background:#fff3}.tool-btn,.sim-btn,.hud-btn-finish,.section-header,.toggle{-webkit-user-select:none;user-select:none}