*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#000;font-family:Segoe UI,system-ui,-apple-system,sans-serif;color:#e0e0e0}#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:#0000008c;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.menu-card{background:#1e1e28d9;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:48px 40px;max-width:420px;width:90%;text-align:center;box-shadow:0 8px 32px #00000080}.menu-card h1{font-size:2rem;font-weight:700;margin-bottom:8px;letter-spacing:-.5px;color:#fff}.menu-card .subtitle{font-size:.9rem;color:#999;margin-bottom:28px;line-height:1.5}.menu-card label{display:block;font-size:.8rem;text-transform:uppercase;letter-spacing:1px;color:#888;margin-bottom:8px;text-align:left}.menu-card select{width:100%;padding:10px 14px;border-radius:8px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:#e0e0e0;font-size:.95rem;margin-bottom:24px;outline:none;cursor:pointer;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.menu-card select:focus{border-color:#64a0ff80}.btn{display:inline-block;padding:12px 28px;border-radius:8px;border:none;font-size:.95rem;font-weight:600;cursor:pointer;transition:background .2s,transform .1s}.btn:active{transform:scale(.97)}.btn-primary{background:#48f;color:#fff;width:100%}.btn-primary:hover{background:#59f}.btn-secondary{background:#ffffff1a;color:#ccc;border:1px solid rgba(255,255,255,.1)}.btn-secondary:hover{background:#ffffff26;color:#fff}#hud{top:0;left:0;right:0;height:48px;flex-direction:row;align-items:center;padding:0 12px;gap:6px;background:#0f0f14bf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid rgba(255,255,255,.06);z-index:90}.hud-group{display:flex;align-items:center;gap:4px}.hud-separator{width:1px;height:28px;background:#ffffff1f;margin:0 8px}.hud-spacer{flex:1}.tool-btn{padding:6px 14px;border-radius:6px;border:1px solid rgba(255,255,255,.08);background:#ffffff0d;color:#bbb;font-size:.8rem;font-weight:500;cursor:pointer;transition:background .15s,color .15s,border-color .15s;white-space:nowrap}.tool-btn:hover{background:#ffffff1a;color:#fff}.tool-btn.active{background:#4488ff40;border-color:#4488ff80;color:#fff}.tool-btn.active[data-tool=rain]{background:#4488ff40;border-color:#4488ff80}.tool-btn.active[data-tool=sculpt-up]{background:#44c86440;border-color:#44c86480}.tool-btn.active[data-tool=sculpt-down]{background:#ff505040;border-color:#ff505080}.hud-btn{padding:6px 14px;border-radius:6px;border:1px solid rgba(255,100,100,.2);background:#ff646414;color:#f88;font-size:.8rem;font-weight:500;cursor:pointer;transition:background .15s}.hud-btn:hover{background:#ff64642e}.hud-status{display:flex;align-items:center;gap:16px;font-size:.8rem;font-family:Consolas,Monaco,monospace;color:#999}.hud-status span{white-space:nowrap}.hud-status .fps-display{color:#8f8}#end-screen{top:0;right:0;bottom:0;left:0;justify-content:center;align-items:center;background:#0009;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.end-card{background:#1e1e28d9;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:40px;max-width:400px;width:90%;text-align:center;box-shadow:0 8px 32px #00000080}.end-card h2{font-size:1.6rem;margin-bottom:24px;color:#fff}#session-stats{text-align:left;margin-bottom:28px;font-size:.9rem;line-height:2;color:#bbb}#session-stats .stat-label{color:#888;margin-right:8px}#session-stats .stat-value{color:#fff;font-weight:600;font-family:Consolas,Monaco,monospace}.end-buttons{display:flex;flex-direction:column;gap:10px}.end-buttons .btn{width:100%}