:root{--bg-color: #050505;--text-main: #f3f4f6;--text-muted: #9ca3af;--accent-wireframe: #00ff66;--accent-solid: #ff9900;--panel-bg: rgba(15, 15, 20, .72);--panel-border: rgba(255, 255, 255, .12);--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;background-color:var(--bg-color);font-family:var(--font-family);-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased}#container{position:absolute;top:0;left:0;width:100vw;height:100vh;overflow:hidden;z-index:1}#container canvas{display:block;width:100%!important;height:100%!important}.ui-overlay{position:absolute;top:20px;left:20px;z-index:10;pointer-events:none}.card{pointer-events:auto;background:var(--panel-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--panel-border);border-radius:12px;padding:16px 20px;box-shadow:0 8px 32px #0006;max-width:320px;color:var(--text-main)}.title{font-size:1.1rem;font-weight:700;letter-spacing:-.02em;margin-bottom:6px;display:flex;align-items:center;gap:8px}.badge{font-size:.65rem;font-weight:600;text-transform:uppercase;padding:2px 7px;border-radius:9999px;background:#00ff6626;color:var(--accent-wireframe);border:1px solid rgba(0,255,102,.3)}.description{font-size:.8rem;color:var(--text-muted);line-height:1.4;margin-bottom:12px}.status-row{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;padding:6px 0;border-top:1px solid rgba(255,255,255,.08)}.status-label{color:var(--text-muted)}.status-value{font-weight:600;font-variant-numeric:tabular-nums;color:var(--text-main)}.shortcuts{margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.08);font-size:.72rem;color:var(--text-muted);display:flex;flex-direction:column;gap:4px}.shortcut-item{display:flex;align-items:center;gap:6px}.kbd{background:#ffffff1a;padding:1px 6px;border-radius:4px;font-size:.7rem;font-family:monospace;color:#fff;border:1px solid rgba(255,255,255,.15)}@media (max-width: 600px){.ui-overlay{top:12px;left:12px;right:12px}.card{max-width:none;padding:12px 16px}}