:root{--bg:#0b0e0f;--panel:#16191c;--panel-2:#1f2327;--text:#e7ebe9;--muted:#8b9491;--accent:#53fc18;--border:#262b2f}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--text);flex-direction:column;height:100vh;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;display:flex}.topbar{background:var(--panel);border-bottom:1px solid var(--border);flex:none;align-items:center;gap:24px;height:56px;padding:0 16px;display:flex}.brand{letter-spacing:1px;align-items:center;gap:10px;font-weight:800;display:flex}.brand-mark{background:var(--accent);color:#07210a;border-radius:8px;place-items:center;width:32px;height:32px;font-weight:900;display:inline-grid}.brand-name{font-size:16px}.brand-tcg{color:var(--accent)}.nav{flex:1;gap:4px;display:flex}.nav-link{color:var(--muted);border-radius:8px;padding:8px 12px;font-size:14px;font-weight:600;text-decoration:none}.nav-link:hover{color:var(--text);background:var(--panel-2)}.nav-link.active{color:var(--accent)}.account{align-items:center;gap:12px;display:flex}.btn-login{background:var(--accent);color:#07210a;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:800;text-decoration:none}.btn-login:hover{filter:brightness(1.05)}.who{font-size:14px}.who .pts{color:var(--accent);font-weight:800}.layout{flex:1;min-height:0;display:flex}.stage{flex:1;padding:24px;overflow:auto}.stage-card{background:var(--panel);border:1px solid var(--border);border-radius:12px;max-width:720px;padding:32px}.stage-card h1{margin-top:0}.muted{color:var(--muted)}.chat{border-left:1px solid var(--border);background:var(--panel);flex-direction:column;flex:none;width:340px;display:flex}.chat-head{border-bottom:1px solid var(--border);padding:12px 16px;font-weight:700}.chat iframe{border:0;flex:1;width:100%}@media (max-width:860px){.chat,.nav{display:none}}