/* CS Master, dev.9. Shared visual layer; measurements and actions stay in site.js. */
:root{--bg:#101214;--panel:#181b1e;--line:#2e3337;--muted:#a7afb5;--text:#edf0eb;--accent:#e6b85c;--green:#9ac9a9}
body{font-size:15px;line-height:1.6}
h1,h2,h3{font-weight:750}
.accent{color:var(--accent)}
.header{background:var(--bg)}
.nav{height:80px;gap:55px}
.brand{letter-spacing:1px}.brand-mark{transform:none;border-radius:3px;letter-spacing:-2px;font-size:19px}
.brand small{letter-spacing:3px;font-size:9px;color:var(--muted)}
.nav nav{font-size:13px;gap:28px}.account-link{font-size:13px;border-color:#46504b;border-radius:4px;padding:9px 18px}
.button,.hero-search button{border-radius:4px;min-height:44px}
.button.secondary{background:transparent;border-color:#485049;color:var(--text)}
.hero{grid-template-columns:minmax(0,1.55fr) minmax(280px,1fr);gap:72px;padding:52px 0 46px;align-items:stretch}
.hero-copy{max-width:720px}.hero .eyebrow{font-size:10px;letter-spacing:1.5px;flex-wrap:wrap;gap:8px}.hero-divider{margin:0 6px;color:#565e63}
.hero h1{font-size:clamp(42px,4.9vw,68px);font-weight:800;line-height:1.05;letter-spacing:-2.8px;margin:25px 0 20px}
.hero p{font-size:16px;line-height:1.65;margin-bottom:24px}
.hero-search{max-width:640px;border-color:#475047;padding:6px;border-radius:5px}.hero-search input{font-size:14px;padding:10px 0}.hero-search button{font-size:13px;padding:10px 22px}
.hero-search:focus-within{border-color:var(--accent)}.hero-search input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
.hero-notes{gap:20px;margin-top:12px;font-size:11px}.hero-notes span+span:before{content:"/";margin-right:20px;color:#68716f}
.live-panel{position:relative;overflow:hidden;align-self:center;padding:26px 30px 0;border:1px solid #484b3d;background:#1b1f1d;border-radius:6px;min-width:0}
.live-panel-top{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1;gap:15px}.game-tag{font:11px Consolas,monospace;color:#abb19d}
.live-count{position:relative;z-index:1;font-size:88px;font-weight:650;letter-spacing:-5px;line-height:1.1;margin:32px 0 12px;color:var(--accent);font-variant-numeric:tabular-nums}
.live-count>span{display:block;font-size:15px;letter-spacing:0;color:var(--text);font-weight:500;margin-top:8px}
.live-panel>p{position:relative;z-index:1;font-size:12px;color:var(--muted);margin-bottom:27px}
.live-catalog{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #434b3d;padding:15px 0;font-size:13px}.live-catalog>span{color:var(--accent);font-size:22px}
.live-grid{position:absolute;width:240px;height:240px;right:-83px;top:58px;border:1px solid #a9b18720;border-radius:50%;background:repeating-linear-gradient(0deg,transparent 0 29px,#a9b1870d 29px 30px),repeating-linear-gradient(90deg,transparent 0 29px,#a9b1870d 29px 30px);pointer-events:none}
.live-grid:before,.live-grid:after{content:"";position:absolute;background:#a9b18722}.live-grid:before{width:1px;height:280px;top:-20px;left:119px}.live-grid:after{height:1px;width:280px;top:119px;left:-20px}.live-grid span{position:absolute;inset:35px;border:1px solid #a9b18715;border-radius:50%}
.section-heading{align-items:end;gap:20px;margin-bottom:19px}.section-heading .eyebrow{font-size:10px;letter-spacing:1.8px;margin-bottom:9px}.section-heading h2{font-size:28px;font-weight:700;letter-spacing:-.7px}.text-link{font-size:13px}
.starter-top{padding-top:25px;border-top:1px solid var(--line)}.top-note{margin:0;color:var(--muted);font-size:12px;line-height:1.5;text-align:right}
.top-list{border-color:#575039;border-radius:6px;margin:0;background:#1b1e1c}
.top-row{grid-template-columns:30px minmax(0,1fr) 135px 82px 220px 44px;gap:20px;padding:20px 23px;align-items:center;position:relative}
.top-row:before{content:"0" counter(top);font:14px Consolas,monospace;color:var(--accent)}
.top-main{min-width:0}.top-title{font-size:16px;line-height:1.4}.top-title:before{content:none}
.top-meta{grid-column:auto;margin-top:7px;gap:5px 12px;font-size:11px;line-height:1.4}
.top-map{min-width:0}.top-map code{font-size:12px;overflow-wrap:anywhere}
.top-players{text-align:left;min-width:0}.top-players strong{font-size:22px;font-weight:650;font-variant-numeric:tabular-nums}.top-players>span:not(.row-label){font-size:12px}
.top-address{grid-column:auto;gap:6px;font-size:12px}.top-address code{white-space:nowrap}.top-address .icon-button,.top-row>.arrow-link{width:44px;height:44px;flex-shrink:0}.top-address .icon-button{font-size:23px}
.top-row:hover,.top-row:focus-within{background:#242820}.top-row>.arrow-link{background:#35372b;color:var(--accent);border:1px solid #4b4c36}
.home-catalog{padding:44px 0}.quick-modes{border:0;padding:0;margin:0 0 24px;gap:8px}.quick-modes a{border-radius:4px;padding:9px 16px;font-size:12px;background:var(--panel)}.quick-modes a.mode-all{color:var(--accent);border-color:#69583a;background:#27251e}
.list-columns{display:grid;grid-template-columns:minmax(0,1fr) 140px 88px 202px 44px;gap:18px;padding:12px 22px;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:1px;border:1px solid var(--line);border-bottom:0;background:#1e2225;border-radius:6px 6px 0 0}
.list-columns+.server-list{border-radius:0 0 6px 6px}.server-row{background:var(--panel);padding:18px 22px}.server-row:nth-child(even){background:#15191c}.server-row:hover,.server-row:focus-within{background:#22282a}.server-row .server-title{font-size:15px;font-weight:650}.server-row .row-label{display:none}.server-row-meta{font-size:11px;color:#a7afb5}.row-population strong{color:var(--text);font-variant-numeric:tabular-nums}.arrow-link{border:1px solid #343d3d;background:#232a2b}
.page-heading{padding:38px 0 24px}.page-heading h1{font-size:43px;margin:16px 0;letter-spacing:-1.6px}.page-heading p{font-size:14px;max-width:720px}.count-badge{font:14px Consolas,monospace;vertical-align:middle}
.filters{background:#181d20;gap:16px;padding:23px;margin-bottom:25px}.filters label{font-size:12px;gap:8px}.filters input,.filters select{background:#101518;border-color:#394248;font-size:13px;min-height:44px}.filters .search-field{grid-column:span 2}.filters .button{min-height:44px;align-self:end}.filters .reset{font-size:13px}
.promotion-banner{display:grid;grid-template-columns:76px minmax(0,1fr) auto;gap:27px;align-items:center;margin:0 0 26px;padding:28px 30px;background:var(--panel);border-color:var(--line);border-radius:6px}
.promotion-symbol{width:76px;height:76px;position:relative;display:grid;place-items:center;border:1px solid #65563b;color:var(--accent);font:30px Consolas,monospace;background:#26241e}.promotion-symbol>span{position:absolute;right:8px;top:4px;font-size:16px}
.promotion-copy h2{font-size:25px;margin:11px 0}.promotion-copy p{margin:0;max-width:720px;font-size:13px}.promotion-copy>.eyebrow{flex-wrap:wrap;color:var(--muted);letter-spacing:1.5px;font-size:10px;gap:12px}.soon-badge{font-size:10px;font-weight:400;letter-spacing:0;padding:2px 8px;border-color:#5b513d;color:#cfba8d}.promotion-banner>.button{font-size:12px}
.owner-banner{background:#e6b85c;color:#191a16;border:0;border-radius:6px;padding:30px;gap:30px}.owner-banner .eyebrow{color:#554722;font-size:10px;letter-spacing:1.5px;margin-bottom:12px}.owner-banner h2{font-size:29px;line-height:1.2;margin-bottom:12px}.owner-banner p{font-size:13px;color:#484024;max-width:670px}.owner-banner>.button{background:#1c201b;color:#f4ead6;border-color:#1c201b;font-size:13px;flex-shrink:0}.owner-banner>.button:hover{background:#30372c}
.principles{gap:35px;padding:36px 0 10px}.principles>div{border-top:1px solid var(--line);padding-top:20px}.principles>div>span{font-size:9px;margin-bottom:12px}.principles h3{font-size:17px;margin-bottom:9px}.principles p{font-size:12px}.footer{padding:30px 0;margin-top:32px}.footer .brand{font-size:12px}
.server-heading h1{font-weight:750}.panel,.server-metrics,.connect-box{border-radius:6px}.server-metrics strong{font-variant-numeric:tabular-nums}.server-metrics>div{padding:24px}.connect-box{border-top:2px solid var(--accent)}.history-bars{gap:5px}.history-bars svg{fill:#cda254}.facts dt{font-size:12px}.account-bar{border-bottom:1px solid var(--line);padding-bottom:18px}
@media(max-width:1100px){
  .hero{gap:35px;grid-template-columns:minmax(0,1.4fr) minmax(250px,1fr)}.live-panel{padding:22px 24px 0}.live-count{font-size:78px}
  .top-row{grid-template-columns:24px minmax(0,1fr) 110px 66px 44px;grid-template-areas:"rank main map players open" ". address map players open";gap:5px 15px;padding:18px}.top-row:before{grid-area:rank;align-self:start;padding-top:3px}.top-main{grid-area:main}.top-map{grid-area:map}.top-players{grid-area:players}.top-address{grid-area:address;max-width:250px}.top-row>.arrow-link{grid-area:open}.top-address .icon-button{height:36px}.top-meta{font-size:10px;gap:4px 10px}.top-title{font-size:14px}
  .promotion-banner{gap:22px}.promotion-copy h2{font-size:22px}.owner-banner h2{font-size:26px}
}
@media(max-width:1050px){.list-columns{display:none}.list-columns+.server-list{border-radius:6px}.server-row .row-label{display:block}.server-row-address>.row-label{display:none}.nav{gap:25px}.nav nav{gap:20px}.filters{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){.hero{gap:28px;grid-template-columns:minmax(0,1.4fr) minmax(220px,1fr)}.hero h1{font-size:47px;letter-spacing:-2px}.hero .eyebrow{font-size:9px;letter-spacing:1px}.hero p{font-size:14px}.hero-notes{gap:7px;flex-wrap:wrap}.hero-notes span+span:before{margin-right:7px}.live-count{font-size:70px}.live-panel{padding:20px 20px 0}.live-count>span{font-size:13px}.game-tag{font-size:9px}.promotion-banner{grid-template-columns:60px minmax(0,1fr)}.promotion-symbol{width:60px;height:60px}.promotion-banner>.button{grid-column:2;justify-self:start}.owner-banner{padding:26px}.owner-banner h2{font-size:23px}}
@media(max-width:700px){
  .nav{height:72px;gap:16px}.nav nav{margin-left:auto;gap:0}.brand{font-size:12px}.account-link{padding:8px 12px;min-height:40px}.brand small{font-size:8px;letter-spacing:2px}
  .hero{display:grid;grid-template-columns:minmax(0,1fr);padding:30px 0;gap:25px}.hero h1{font-size:36px;line-height:1.12;margin:20px 0 17px;letter-spacing:-2px}.hero p{font-size:15px}.hero-search input{font-size:13px}.hero-search button{padding:10px 17px}.hero-notes{font-size:10px;gap:13px}.hero-notes span+span:before{margin-right:13px}
  .live-panel{padding:17px 20px 0;display:grid;grid-template-columns:1fr 1fr;gap:0 15px;align-items:center}.live-panel-top{grid-column:1/-1}.live-count{font-size:51px;margin:14px 0 17px;letter-spacing:-2px}.live-count>span{font-size:12px;margin-top:4px}.live-panel>p{font-size:11px;justify-self:end;margin:0;line-height:1.7}.live-catalog{grid-column:1/-1;font-size:12px;padding:10px 0}.live-grid{top:-50px;right:-120px}
  .starter-top{padding-top:26px}.section-heading{align-items:flex-start;gap:12px;flex-wrap:wrap}.section-heading h2{font-size:25px}.section-heading .eyebrow{font-size:9px;letter-spacing:1.3px}.top-note{font-size:11px;text-align:left}.top-note br{display:none}
  .top-row{grid-template-columns:24px minmax(0,1fr) 70px;grid-template-areas:"rank main main" ". map players" ". address open";gap:8px 10px;padding:14px 15px}.top-title{font-size:14px}.top-meta{gap:5px 9px;margin-top:7px}.top-map .row-label,.top-players .row-label{font-size:10px;margin-bottom:3px}.top-map code{font-size:11px}.top-players strong{font-size:19px}.top-players{text-align:right}.top-address{max-width:none;gap:0;font-size:11px}.top-address code{font-size:11px}.top-address .icon-button{width:40px;height:44px;min-width:40px}.top-row>.arrow-link{justify-self:end;width:44px;height:44px}.top-row:before{font-size:12px}
  .home-catalog{padding:34px 0}.section-heading .text-link{font-size:12px}.quick-modes{margin-bottom:18px;gap:7px}.quick-modes a{padding:8px 12px;font-size:11px;min-height:36px}
  .page-heading{padding:28px 0 20px}.page-heading h1{font-size:33px;letter-spacing:-1px}.count-badge{font-size:12px;margin-left:6px}.page-heading p{font-size:13px}.filters{padding:18px;gap:13px;grid-template-columns:repeat(2,minmax(0,1fr))}.filters .search-field{grid-column:1/-1}.filters label{font-size:11px}.filters input,.filters select{font-size:12px}.filters .button,.filters .reset{grid-column:1/-1}
  .promotion-banner{padding:22px;gap:15px;grid-template-columns:1fr}.promotion-symbol{width:45px;height:45px;font-size:20px}.promotion-symbol>span{font-size:11px;right:4px;top:1px}.promotion-copy h2{font-size:24px;margin:12px 0}.promotion-copy p{font-size:13px}.promotion-banner>.button{grid-column:1;width:auto;justify-self:start}.promotion-copy>.eyebrow{font-size:9px}
  .owner-banner{display:block;padding:25px}.owner-banner h2{font-size:28px}.owner-banner p{font-size:13px;margin:0 0 22px}.owner-banner>.button{width:100%;min-height:46px}.principles{grid-template-columns:1fr;gap:15px;padding:28px 0 0}.principles>div{padding-top:18px}.principles h3{font-size:18px}.principles p{font-size:13px}.footer{margin-top:24px}.server-metrics>div{padding:17px}
}
@media(max-width:600px){.server-row{padding:16px}.server-row .server-title{font-size:14px;line-height:1.5}.server-row .server-row-meta{font-size:11px}.server-row .status{font-size:11px}.server-row-map .row-label,.server-row-players .row-label{display:none}.server-row-address code{font-size:12px}}
@media(prefers-reduced-motion:reduce){.server-row,.top-row{transition:none}}

/* Server history: sparse readable ticks, distinct metrics, aligned facts. */
.detail-grid{align-items:start}
.history-caption{font-size:14px;color:var(--muted);margin:24px 0 0}
.history-bars{height:218px;margin:16px 0 12px;padding-bottom:30px;gap:5px;background:repeating-linear-gradient(to top,transparent 0 45px,#a7afb510 45px 46px);background-position:0 -30px}
.history-bars span{display:none;bottom:-28px;font:12px/1.5 Consolas,monospace;max-width:none;overflow:visible;left:50%;transform:translateX(-50%)}
.history-bars>div:nth-child(4n+1) span{display:block}
.history-bars>div:first-child span{left:0;transform:none}
.history-bars>div:last-child span{left:auto;right:0;transform:none}
.history-bars>div:hover svg{fill:var(--accent)}
.history-bars .history-missing{background:repeating-linear-gradient(135deg,transparent 0 5px,#a7afb51a 5px 6px)}
.history-period{color:var(--muted);font-size:12px;margin:0 0 24px;font-variant-numeric:tabular-nums}
.history-table{border-top:1px solid var(--line);padding-top:16px}.history-table summary{font-size:14px;min-height:28px}.history-table th,.history-table td{font-size:13px}.history-table td:first-child{white-space:nowrap}
.uptime{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:24px 0 17px}
.uptime-card{padding:18px;background:#111619;border:1px solid var(--line);border-radius:5px;min-width:0}
.uptime span{font-size:13px;line-height:1.5}.uptime strong{font-size:31px;line-height:1.3;margin-top:10px;font-variant-numeric:tabular-nums}
.history-panel>.fine{font-size:13px;margin-bottom:0;line-height:1.75}
.facts h2{font-size:24px;margin-bottom:14px}.facts dl{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);column-gap:18px;margin:0 0 20px}
.facts dt,.facts dd{margin:0;padding:13px 0;border-bottom:1px solid var(--line);line-height:1.6}
.facts dt{font-size:13px}.facts dd{font-size:14px;font-variant-numeric:tabular-nums}.facts>.fine{font-size:13px;line-height:1.75}.facts>.text-link{font-size:14px}
@media(max-width:980px){.detail-grid{grid-template-columns:minmax(0,1fr)}.detail-grid>.panel{margin-bottom:0}.facts dl{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}}
@media(max-width:600px){.detail-grid{display:grid;gap:20px;margin-bottom:20px}.history-bars{height:180px;gap:3px}.history-bars>div:nth-child(4n+1) span{display:none}.history-bars>div:nth-child(6n+1) span{display:block}.history-bars span{font-size:11px}.history-caption{font-size:13px;margin-top:20px}.history-period{font-size:11px}.uptime{gap:10px}.uptime-card{padding:13px}.uptime span{font-size:12px}.uptime strong{font-size:27px}.facts dl{grid-template-columns:minmax(0,.95fr) minmax(0,1.2fr);column-gap:14px}.facts dt{font-size:12px}.facts dd{font-size:13px}.history-panel .section-heading h2{font-size:24px}.history-panel .section-heading>.muted{font-size:12px}}

.history-chart-scroll{overflow-x:auto;max-width:100%;margin:14px 0 10px;scrollbar-color:#59624c #111619;scrollbar-width:thin}
.history-chart{display:block;width:100%;min-width:680px;height:auto;overflow:visible}
.chart-bar{fill:#cda254}.history-chart g:hover .chart-bar{fill:var(--accent)}.chart-baseline{stroke:var(--line);stroke-width:1}
.chart-value{fill:var(--text);font:12px Consolas,monospace;font-variant-numeric:tabular-nums}.chart-hour{fill:var(--muted);font:11px Consolas,monospace;visibility:hidden}
.history-chart g:nth-of-type(4n+1) .chart-hour{visibility:visible}
.chart-scroll-hint{display:none;font-size:12px;color:var(--muted);margin:4px 0 14px}
@media(max-width:760px){.chart-scroll-hint{display:block}}

.analytics-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.analytics-links>a{font-size:13px}
.analytics-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:22px 0}.analytics-card{background:#111619;border:1px solid var(--line);border-radius:5px;padding:18px;min-width:0}.analytics-card span{font-size:13px;color:var(--muted);display:block}.analytics-card strong{font-size:30px;display:block;font-variant-numeric:tabular-nums;margin-top:8px}
.analytics-provider .analytics-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-provider{margin-top:24px}.analytics-provider h2{margin-bottom:8px}.analytics-provider .notice{margin:20px 0 0}.analytics-filter{display:flex;gap:12px;margin:20px 0}.analytics-filter input{flex:1;min-width:0}.analytics-date{color:var(--muted);font-size:13px}
@media(max-width:600px){.analytics-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.analytics-card{padding:13px}.analytics-card strong{font-size:26px}.analytics-links{display:grid;grid-template-columns:1fr}.analytics-filter{flex-wrap:wrap}}

.footer-main{display:flex;align-items:center;gap:28px;flex-wrap:wrap}.footer-counter{display:flex;gap:12px;padding:10px 14px;background:var(--panel);border:1px solid var(--line);border-radius:5px;font-size:11px}.counter-symbol{font-size:29px;color:var(--accent);align-self:center}.footer-counter>div{display:grid;gap:3px}.footer-counter strong{font-size:11px;color:var(--muted);margin-bottom:3px}.footer-counter span>b{color:var(--text);font-variant-numeric:tabular-nums;display:inline-block;min-width:30px}.footer-links{display:flex;gap:8px;flex-wrap:wrap;margin-left:auto}.footer-links a{font-size:12px;padding:7px 10px;border:1px solid var(--line);border-radius:4px}.footer-meta{display:flex;gap:20px;flex-wrap:wrap;margin-top:20px;font-size:12px}.footer>.fine{font-size:11px;max-width:950px}.player-audit{margin-bottom:24px}.player-audit h2{font-size:24px}.player-audit .analytics-card small{font-size:14px;color:var(--muted)}
@media(max-width:768px){.footer-main{gap:20px}.footer-links{margin-left:0;width:100%}.footer-links a{min-height:40px;display:flex;align-items:center}.footer-counter{font-size:12px}.footer-counter>div{gap:5px}}

.footer{display:block}.footer>.footer-main{margin-left:0;width:100%;justify-content:flex-start;gap:24px}.footer>.fine{margin-top:18px;margin-bottom:0}.footer>.footer-meta{margin-left:0;margin-top:16px}
.footer>.footer-main{gap:16px}.footer-counter{flex-shrink:0;max-width:100%}.footer-counter>div{min-width:0}.counter-values{display:flex;align-items:baseline;gap:14px}.counter-values>span{white-space:nowrap}.footer-counter span>b{min-width:0;margin-right:3px}
.site-visitors{display:flex;align-items:baseline;gap:6px 16px;flex-wrap:wrap;margin-top:20px;font-size:13px;color:var(--muted)}.site-visitors strong{font-size:22px;color:var(--accent);font-variant-numeric:tabular-nums;margin-left:7px}.site-visitors small{font-size:10px}
@media(max-width:600px){.footer-counter{width:100%;padding:10px;gap:10px}.footer-counter>div{flex:1}.counter-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.counter-values>span{white-space:normal;line-height:1.4}.counter-values>span>b{display:block;font-size:16px;margin:0 0 2px}.footer-counter strong{font-size:11px}.counter-values>span{font-size:10px}}