:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f7f1de;font-synthesis:none;text-rendering:optimizelegibility;background:#090a08;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}button,input{font:inherit}button{color:#f7f1de;cursor:pointer;background:#141612e0;border:1px solid #f7f1de33;border-radius:6px}button:hover{border-color:#ffc857bf}button:disabled{opacity:.45;cursor:not-allowed}input{color:#f7f1de;background:#060706d1;border:1px solid #f7f1de38;border-radius:6px;outline:none;width:100%;padding:10px 11px}input:focus{border-color:#00c2a8}label{color:#f7f1deb8;gap:6px;font-size:12px;display:grid}.app-root{background:#090a08;width:100%;height:100%;position:relative}.arena-shell{position:fixed;inset:0}.arena-canvas{touch-action:none;width:100%;height:100%;display:block}.arena-blocker{pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.arena-blocker__panel{color:#ffe8a5;background:#090a08d1;border:1px solid #ffc8578c;border-radius:8px;max-width:360px;padding:14px 16px}.hud{z-index:3;position:fixed}.hud--top{pointer-events:none;justify-content:space-between;align-items:flex-start;gap:18px;display:flex;top:18px;left:18px;right:18px}.hud--side{gap:10px;width:min(330px,100vw - 36px);display:grid;top:112px;left:18px}.hud--bottom{pointer-events:none;flex-wrap:wrap;gap:8px;display:flex;bottom:18px;left:18px;right:18px}.brand,.status-strip,.panel,.peer-chip{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#090a08b8;border:1px solid #f7f1de29}.brand{border-radius:8px;align-items:center;gap:12px;padding:11px 13px;display:flex}.brand__mark{background:radial-gradient(circle,#090a08 0 22%,#00c2a8 23% 42%,#0000 43%);border:3px solid #ffc857;border-radius:50%;width:32px;height:32px}.brand h1{letter-spacing:0;margin:0;font-size:18px;line-height:1.05}.brand p{color:#f7f1dead;margin:4px 0 0;font-size:12px}.status-strip{border-radius:8px;gap:8px;padding:8px;display:flex}.status-pill{background:#f7f1de0f;border-radius:5px;gap:2px;min-width:82px;padding:6px 8px;display:grid}.status-pill span{color:#f7f1de94;font-size:11px}.status-pill strong{font-size:13px}.panel{border-radius:8px;padding:12px}.stack{gap:10px;display:grid}.compact{padding:10px 12px}.segmented{background:#f7f1de12;border-radius:7px;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.segmented button{background:0 0;border-color:#0000;padding:8px}.segmented button.active{background:#ffc85733;border-color:#ffc85759}.primary{color:#08100d;background:#00c2a8;border-color:#00c2a8;padding:10px 12px;font-weight:700}.profile-row{align-items:center;gap:10px;display:flex}.profile-row div{gap:2px;display:grid}.profile-row span:not(.avatar-dot){color:#f7f1de99;font-size:12px}.avatar-dot{border-radius:50%;flex:none;width:14px;height:14px;box-shadow:0 0 14px}.room-actions{grid-template-columns:1fr 1fr 1fr;gap:6px;display:grid}.room-actions button{padding:8px 6px;font-size:12px}.room-list{gap:6px;max-height:220px;display:grid;overflow:auto}.room-row{text-align:left;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:9px 10px;display:flex}.room-row.active{background:#00c2a829;border-color:#00c2a8}.room-row small{color:#f7f1de94}.muted{color:#f7f1de99;margin:0;font-size:13px}.error-panel{color:#ffbac7;border-color:#ff4d6d8f}.control-grid{color:#f7f1dead;grid-template-columns:auto 1fr;gap:5px 12px;font-size:12px;display:grid}.control-grid span:nth-child(odd){color:#ffc857;font-weight:700}.peer-chip{border-radius:8px;align-items:center;gap:8px;padding:8px 10px;display:flex}.peer-chip span:last-child{color:#ffc857;font-weight:700}.crosshair{pointer-events:none;z-index:2;place-items:center;display:grid;position:fixed;inset:0}.crosshair span{border:2px solid #f7f1deb8;border-radius:50%;width:18px;height:18px;box-shadow:0 0 0 1px #090a08cc}@media (width<=760px){.hud--top{grid-template-columns:1fr;display:grid}.status-strip{width:100%;overflow-x:auto}.hud--side{top:auto;bottom:76px}.panel.compact{display:none}}