:root{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color-scheme:dark}html,body,#app{height:100%;margin:0}body{background:radial-gradient(1200px 800px at 50% 10%,rgba(120,90,255,.25),transparent 60%),radial-gradient(900px 600px at 20% 90%,rgba(0,200,255,.18),transparent 60%),#0b0b12;overflow:hidden}#app{position:relative}#stage{position:absolute;inset:0}#hud{position:fixed;left:max(12px,env(safe-area-inset-left));top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));width:auto;max-width:560px;border-radius:14px;background:#0f0f1ea6;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#ffffffeb;overflow:hidden;transition:transform .2s ease,opacity .2s ease;will-change:transform,opacity;display:flex;flex-direction:column}.hud-toggle{position:absolute;right:16px;top:16px;z-index:20;border-radius:999px;padding:10px 12px}body:not(.hud-collapsed) .hud-toggle{display:none}body.hud-collapsed .hud-toggle{display:block}body.hud-collapsed #hud{transform:translate(calc(-100% - 24px));opacity:0;pointer-events:none}.hud-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 14px 10px;border-bottom:1px solid rgba(255,255,255,.08)}.hud-close{border-radius:999px;padding:8px 10px}.hud-body{padding:12px 14px;overflow:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y}.hud-title{font-weight:700;letter-spacing:.2px}.hud-row{display:flex;gap:10px;justify-content:space-between;align-items:baseline;margin:6px 0}.hud-label{color:#ffffff9e;font-size:12px}.hud-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12px;color:#ffffffe6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:250px}.hud-debug{font-size:11px;white-space:normal;overflow:visible;text-overflow:clip;max-width:none;word-break:break-word;line-height:1.25}.hud-actions{margin-top:10px;display:flex;gap:10px}#toggles{margin-top:12px;display:grid;gap:10px}.toggle-section{border-top:1px solid rgba(255,255,255,.08);padding-top:10px}.toggle-title{font-size:12px;color:#ffffffb8;margin-bottom:8px;font-weight:700}.toggle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.toggle-btn{font-size:12px;padding:8px 10px}select,button{appearance:none;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:#ffffffeb;border-radius:12px;padding:8px 10px;font-weight:600;cursor:pointer}button:hover{background:#ffffff1a}button:active{transform:translateY(1px)}