:root{--bg: #14161b;--panel: #1c1f26;--panel-2: #222831;--border: #3a4150;--text: #e8eaf0;--text-dim: #9aa3b5;--accent: #6fb3a8;--warn: #c2a24b;--danger: #b35d5d;--radius: 10px;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;background:var(--bg);color:var(--text)}button{background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:6px 12px;cursor:pointer;font-size:13px}button:hover{border-color:var(--accent)}button.active{border-color:var(--accent);color:var(--accent)}button:disabled{opacity:.45;cursor:default}input{background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:8px 10px;font-size:14px}.login{height:100%;display:flex;flex-direction:column;gap:14px;align-items:center;justify-content:center}.login h1{font-size:40px;margin:0;letter-spacing:2px}.login p{color:var(--text-dim);margin:0}.login form{display:flex;gap:8px}.shell{height:100%;display:flex}.stage{flex:1;position:relative;overflow:hidden}.stage canvas{display:block}.hud-top{position:absolute;top:10px;left:10px;right:10px;display:flex;gap:8px;align-items:center;flex-wrap:wrap;pointer-events:none}.hud-top>*{pointer-events:auto}.hud-bottom{position:absolute;bottom:10px;left:10px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.badge{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:6px 10px;font-size:13px}.badge.warn{border-color:var(--warn);color:var(--warn)}.spacer{flex:1}.toasts{position:absolute;top:56px;right:10px;display:flex;flex-direction:column;gap:8px;width:280px}.toast{background:var(--panel);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--radius);padding:10px;font-size:13px}.toast .row{display:flex;gap:8px;margin-top:8px}.side{width:300px;background:var(--panel);border-left:1px solid var(--border);display:flex;flex-direction:column;min-height:0}.side h3{margin:12px 12px 6px;font-size:13px;color:var(--text-dim);text-transform:uppercase;letter-spacing:1px}.roster{padding:0 12px 8px;font-size:14px}.roster div{padding:3px 0}.dm-list{padding:0 12px 8px;display:flex;flex-wrap:wrap;gap:6px}.dm-messages{flex:1;overflow-y:auto;padding:8px 12px;display:flex;flex-direction:column;gap:6px;min-height:80px}.dm-messages .msg{background:var(--panel-2);border-radius:8px;padding:6px 9px;font-size:13px;max-width:90%}.dm-messages .msg.mine{align-self:flex-end;background:#2b3a37}.dm-messages .msg .who{color:var(--text-dim);font-size:11px}.dm-send{display:flex;gap:6px;padding:10px 12px;border-top:1px solid var(--border)}.dm-send input{flex:1}