html,body,#app{width:100%;height:100%;margin:0}body{overflow:hidden;background:#0b0f14;color:#dbe4ee;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}*{box-sizing:border-box}canvas{display:block}#ui-notification{position:fixed;left:50%;bottom:28px;z-index:80;max-width:min(420px,calc(100vw - 32px));transform:translate(-50%,12px);padding:8px 12px;border:1px solid rgba(226,232,240,.18);border-radius:6px;background:#0f172aeb;color:#e2e8f0;font-size:13px;font-weight:600;line-height:1.35;opacity:0;pointer-events:none;text-align:center;transition:opacity .14s ease,transform .14s ease}#ui-notification.visible{opacity:1;transform:translate(-50%)}.hud{position:fixed;top:12px;left:12px;display:grid;gap:8px;width:min(360px,calc(100vw - 24px));pointer-events:none}.hud-panel{border:1px solid rgba(219,228,238,.16);border-radius:6px;background:#0b0f14c7;box-shadow:0 8px 24px #00000047}.hud-panel{padding:10px}.metric{color:#94a3b8;font-size:12px;line-height:1.45}.metric strong{color:#e2e8f0;font-weight:600}select,button,input{min-width:0;border:1px solid rgba(219,228,238,.16);border-radius:6px;background:#111827;color:#e2e8f0;font:inherit;font-size:13px;pointer-events:auto}select,input{flex:1;padding:7px 9px}button{padding:7px 10px;cursor:pointer}button:hover,select:hover,input:hover{border-color:#38bdf88c}.pause-menu{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:none;place-items:center;padding:18px;background:#0307129e;pointer-events:auto}.pause-menu.open{display:grid}.pause-shell{width:min(560px,100%);border:1px solid rgba(219,228,238,.16);border-radius:8px;background:#0b0f14f0;box-shadow:0 20px 60px #0000006b;overflow:hidden}.pause-header,.pause-tabs,.pause-content{padding:12px}.pause-header{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid rgba(219,228,238,.12)}.pause-header h1{margin:0;color:#f8fafc;font-size:18px;font-weight:650}.pause-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;border-bottom:1px solid rgba(219,228,238,.12)}.pause-tab.active{border-color:#38bdf8b8;background:#164e63;color:#f8fafc}.pause-content{min-height:220px}.tab-panel{display:none}.tab-panel.active{display:grid;gap:12px}.menu-section{display:grid;gap:10px;padding:12px;border:1px solid rgba(219,228,238,.12);border-radius:6px;background:#0f172aad}.menu-section-title,.field-label{color:#cbd5e1;font-size:12px;font-weight:650}.menu-section button,.menu-section select,.menu-section input{width:100%}.debug-log-header{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px}.debug-log-header button{width:auto}.debug-log-output{width:100%;height:180px;margin:0;overflow:auto;border:1px solid rgba(219,228,238,.12);border-radius:6px;background:#030712;color:#dbe4ee;font-family:Cascadia Mono,Consolas,Liberation Mono,monospace;font-size:11px;line-height:1.45;padding:10px;white-space:pre}