*{box-sizing:border-box}body{margin:0;font-family:Georgia,serif;background:#0d0f14;color:#eee;overflow:hidden}#scene{position:fixed;top:0;bottom:0;left:0;right:320px}header{position:fixed;top:0;left:0;right:320px;display:flex;gap:12px;align-items:center;padding:10px 16px;background:linear-gradient(#000a,#0000)}h1{font-size:20px;margin:0;color:#f3d48a;text-shadow:0 2px 4px #000}.badge{background:#7a3cff;padding:2px 8px;border-radius:10px;font-size:12px}.badge.live{background:#1f9d55}.env{margin-left:auto}.env button{background:#2a2438;color:#ddd;border:1px solid #5a4b7a;padding:4px 10px;cursor:pointer;font-family:inherit}.env button.on{background:#f3d48a;color:#222}#legend{position:fixed;bottom:10px;left:10px;display:flex;gap:10px;flex-wrap:wrap;background:#0009;padding:6px 10px;border-radius:8px;font-size:12px}.dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:4px;vertical-align:middle}aside{position:fixed;top:0;right:0;bottom:0;width:320px;background:#16131f;border-left:2px solid #3b2f55;overflow:auto;padding:12px}h2{font-size:15px;color:#f3d48a;border-bottom:1px solid #3b2f55;padding-bottom:4px}ul{list-style:none;padding:0;margin:0}#roster li{padding:5px 0;font-size:13px;cursor:pointer}#roster li small{color:#999;display:block;margin-left:14px}#feed li{font-size:12px;padding:4px 0;border-bottom:1px solid #222;color:#ccc}.label{color:#fff;font:12px Georgia;background:#000a;padding:2px 6px;border-radius:6px;white-space:nowrap;pointer-events:none}.env.cam{margin-left:8px}.env button{padding:3px 6px;font-size:12px}.env button{padding:2px 4px;font-size:11px}