.app-shell{height:100%;display:grid;grid-template-rows:auto auto minmax(0,1fr);background:radial-gradient(circle at top right,rgba(62,183,226,.12),transparent 34%),var(--bg)}.topbar{min-height:84px;display:flex;align-items:center;gap:24px;padding:14px 20px;background:rgba(11,22,32,.97);border-bottom:1px solid var(--line);z-index:10}.brand{min-width:300px;display:flex;align-items:center;gap:13px}.brand-mark,.login-mark{display:grid;place-items:center;background:linear-gradient(135deg,var(--cyan),var(--mint));color:#041016;font-weight:900}.brand-mark{width:48px;height:48px;border-radius:14px}.brand h1{margin:0;font-size:1.03rem}.connection-row{display:flex;align-items:center;gap:7px;margin-top:5px;color:var(--muted);font-size:.77rem}.stats{flex:1;display:flex;justify-content:center;gap:clamp(18px,4vw,60px)}.stat{display:grid;gap:5px}.stat span,.presence-label{color:var(--muted);font-size:.65rem;font-weight:800;letter-spacing:.13em}.stat strong{font-size:.89rem}.top-actions{display:flex;gap:8px}.presence-bar{min-height:43px;display:flex;align-items:center;gap:12px;padding:8px 20px;background:rgba(5,13,19,.94);border-bottom:1px solid var(--line)}.presence-names{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#dce8ee;font-size:.85rem}.workspace{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:0;transition:grid-template-columns .22s}.workspace.players-hidden{grid-template-columns:0 minmax(0,1fr)}.player-panel{min-width:0;overflow:hidden;background:rgba(8,18,26,.97);border-right:1px solid var(--line);transition:opacity .18s;z-index:5}.workspace.players-hidden .player-panel{opacity:0;pointer-events:none}.panel-heading{padding:18px 15px 13px;border-bottom:1px solid var(--line)}.panel-heading h2{margin:0;font-size:.92rem}.panel-heading p{margin:5px 0 0;color:var(--muted);font-size:.75rem}.player-list{display:grid;gap:8px;padding:10px;overflow:auto}@media(max-width:760px){.topbar{flex-wrap:wrap;align-items:flex-start;gap:12px}.brand{flex:1;min-width:0}.stats{order:3;width:100%;justify-content:space-between}.workspace{grid-template-columns:0 minmax(0,1fr)}.player-panel{position:absolute;top:128px;bottom:0;left:0;width:250px;opacity:0;pointer-events:none}.workspace:not(.players-hidden) .player-panel{opacity:1;pointer-events:auto}}