.online-page{--public-shell-max:1180px;min-height:70vh}.online-page .page-header{padding:var(--sp-12) 0 var(--sp-10)}.online-header-inner{align-items:flex-end;gap:var(--sp-9);justify-content:space-between;display:flex}.online-header-inner>div{max-width:760px}.online-header-inner .eyebrow{align-items:center;gap:var(--sp-4);margin:0 0 var(--sp-5);display:flex}.online-header-inner .eyebrow>span{background:var(--ember-400);border-radius:var(--r-pill);box-shadow:var(--glow-ember);width:6px;height:6px}.online-lead{color:var(--text-secondary);font-size:var(--fs-body-l);line-height:var(--lh-body-l);margin:var(--sp-6) 0 0;max-width:690px}.online-body{gap:var(--sp-7);padding-bottom:var(--sp-13);padding-top:var(--sp-9);display:grid}.online-server-tabs{border-bottom:var(--bw-hair) solid var(--border-hairline);gap:var(--sp-2);scrollbar-color:var(--ink-500) transparent;max-width:100%;display:flex;overflow-x:auto}.online-server-tabs button{border:var(--bw-hair) solid transparent;color:var(--text-muted);gap:var(--sp-2);min-width:180px;padding:var(--sp-5) var(--sp-6);text-align:left;transition:var(--t-hover);background:0 0;border-bottom:0;flex:none;display:grid}.online-server-tabs button:hover{background:var(--bg-hover);color:var(--text-primary)}.online-server-tabs button.active{background:var(--bg-panel);border-color:var(--border-accent);box-shadow:inset 0 2px 0 var(--ember-400);color:var(--text-primary)}.online-server-tabs button span{font-family:var(--font-display);font-size:var(--fs-subtitle);font-weight:var(--fw-bold);letter-spacing:var(--tracking-display);text-transform:uppercase;line-height:1}.online-server-tabs button small{color:var(--text-stencil);font-family:var(--font-mono);font-size:var(--fs-stencil);letter-spacing:var(--tracking-stencil);text-transform:uppercase}.online-summary-panel{background:var(--bg-panel);border:var(--bw-hair) solid var(--border-hairline);box-shadow:var(--shadow-panel);grid-template-columns:minmax(0,1fr) auto;display:grid;overflow:hidden}.online-summary-copy{padding:var(--sp-8)}.online-summary-heading{align-items:center;gap:var(--sp-4);margin-bottom:var(--sp-8);flex-wrap:wrap;display:flex}.online-summary-copy>.eyebrow{margin:0 0 var(--sp-4)}.online-summary-copy h2,.online-list-head h2{color:var(--text-primary);font-family:var(--font-display);font-size:var(--fs-display-m);letter-spacing:var(--tracking-display);line-height:var(--lh-display-m);text-transform:uppercase;margin:0}.online-summary-copy>p:last-child{color:var(--text-secondary);font-size:var(--fs-body);line-height:var(--lh-body);margin:var(--sp-5) 0 0;max-width:620px}.online-count-block{background:var(--bg-inset);border-left:var(--bw-hair) solid var(--border-hairline);min-width:240px;padding:var(--sp-8);align-content:center;display:grid}.online-count-block strong{color:var(--status-online);font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:54px;line-height:1}.online-count-block span{color:var(--text-primary);font-family:var(--font-mono);font-size:var(--fs-stencil-l);letter-spacing:var(--tracking-stencil);margin-top:var(--sp-4);text-transform:uppercase}.online-count-block small{color:var(--text-muted);font-family:var(--font-mono);font-size:var(--fs-data-xs);margin-top:var(--sp-5)}.online-notice{border:var(--bw-hair) solid;font-size:var(--fs-body-s);align-items:center;gap:var(--sp-4);line-height:var(--lh-body-s);padding:var(--sp-5) var(--sp-6);margin:0;display:flex}.online-notice svg{flex:none}.online-notice.warning{background:var(--status-warn-bg);color:var(--status-warn);border-color:#d9a02b59}.online-notice.error{background:var(--status-danger-bg);color:var(--status-danger);border-color:#dc4b4159}.online-list-panel{background:var(--bg-panel);border:var(--bw-hair) solid var(--border-hairline);box-shadow:var(--shadow-panel);padding:var(--sp-8)}.online-list-head{align-items:flex-end;gap:var(--sp-8);justify-content:space-between;display:flex}.online-list-head .eyebrow{margin:0 0 var(--sp-4)}.online-list-head h2{font-size:var(--fs-display-s)}.online-list-head p:last-child{color:var(--text-secondary);font-size:var(--fs-body-s);line-height:var(--lh-body-s);margin:var(--sp-4) 0 0}.online-table-scroll{border:var(--bw-hair) solid var(--border-hairline);margin-top:var(--sp-7)}.online-player-table{background:0 0;min-width:600px}.online-player-table th{background:var(--bg-inset);border-bottom:var(--bw-hair) solid var(--border-hairline);color:var(--text-faint);font-family:var(--font-mono);font-size:var(--fs-stencil);font-weight:var(--fw-medium);letter-spacing:var(--tracking-stencil);padding:var(--pad-cell-y) var(--pad-cell-x);text-align:left;text-transform:uppercase}.online-player-table td{border-bottom:var(--bw-hair) solid var(--border-soft);color:var(--text-secondary);font-family:var(--font-mono);font-size:var(--fs-data-xs);padding:14px var(--pad-cell-x)}.online-player-table tr:last-child td{border-bottom:0}.online-player-table th:first-child,.online-player-table td:first-child{width:55%}.online-player-name{color:var(--text-primary);font-family:var(--font-body);font-size:var(--fs-body);font-weight:var(--fw-semibold);align-items:center;gap:var(--sp-4);display:inline-flex}.online-player-name svg{color:var(--text-stencil)}a.online-player-name{transition:color var(--t-hover), transform var(--t-hover);text-decoration:none}a.online-player-name:hover{color:var(--ember-300);transform:translate(2px)}a.online-player-name:focus-visible{color:var(--ember-300);outline:1px solid var(--ember-400);outline-offset:4px}.online-session-value{color:var(--data-value);font-variant-numeric:tabular-nums}.online-ping{font-variant-numeric:tabular-nums}.online-ping.good{color:var(--status-online)}.online-ping.fair{color:var(--status-warn)}.online-ping.high{color:var(--status-danger)}.online-ping.unknown{color:var(--text-muted)}.online-empty-state{margin-top:var(--sp-7);min-height:245px}.online-privacy-note{color:var(--text-muted);font-size:var(--fs-caption);align-items:flex-start;gap:var(--sp-4);line-height:var(--lh-caption);margin:0;display:flex}.online-privacy-note svg{color:var(--text-stencil);flex:none}@media (max-width:760px){.online-page .page-header{padding:var(--sp-10) 0 var(--sp-8)}.online-header-inner{align-items:flex-start;display:grid}.online-header-inner .page-title{font-size:44px}.online-body{padding-top:var(--sp-7)}.online-summary-panel{grid-template-columns:1fr}.online-count-block{border-left:0;border-top:var(--bw-hair) solid var(--border-hairline);min-width:0}.online-list-head{align-items:flex-start;display:grid}}@media (max-width:620px){.online-server-tabs button{min-width:150px}.online-summary-copy,.online-list-panel,.online-count-block{padding:var(--sp-6)}.online-count-block strong{font-size:46px}.online-table-scroll{border:0;overflow:visible}.online-player-table,.online-player-table tbody,.online-player-table tr,.online-player-table td{width:100%;min-width:0;display:block}.online-player-table thead{clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.online-player-table tbody{gap:var(--sp-4);display:grid}.online-player-table tr{background:var(--bg-inset);border:var(--bw-hair) solid var(--border-hairline);padding:var(--sp-4) var(--sp-5)}.online-player-table td{border-bottom:var(--bw-hair) solid var(--border-soft);padding:var(--sp-4) 0;text-align:right;grid-template-columns:82px minmax(0,1fr);align-items:center;display:grid}.online-player-table td:before{color:var(--text-faint);content:attr(data-label);font-family:var(--font-mono);font-size:var(--fs-stencil);letter-spacing:var(--tracking-stencil);text-align:left;text-transform:uppercase}.online-player-table td:first-child{width:100%}.online-player-table td:last-child{border-bottom:0}.online-player-name{overflow-wrap:anywhere;text-align:right;justify-self:end;min-width:0}}