:root{color-scheme:dark;--bg:#020b19;--panel:#041525;--panel-alt:#061b30;--outline:#144c79;--blue:#1097fd;--blue-light:#35bfff;--gold:#ffd12d;--text:#f3f8ff;--mute:#94bad4;--green:#17db9a;--red:#ff5577;--sidebar:#05192d;font-family:Inter,'Segoe UI',Arial,Helvetica,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--bg);color:var(--text);font-size:13px;line-height:1.4}body:before{content:'';position:fixed;inset:0;background-image:radial-gradient(circle,rgba(21,104,168,.28) .75px,transparent .95px),linear-gradient(155deg,#031020,#020916 65%);background-size:18px 18px,auto;z-index:-1;pointer-events:none}a{color:inherit;text-decoration:none}a:hover{color:#fff}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.icon{height:18px;width:18px;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.public-top{height:72px;display:flex;gap:0;align-items:center;border-bottom:1px solid #143b5b;background:linear-gradient(180deg,#061529ee,#02101dee);position:sticky;top:0;z-index:10;box-shadow:0 8px 20px #0006;backdrop-filter:blur(16px)}
.public-brand{width:299px;display:flex;gap:11px;align-items:center;padding:10px 22px 10px 41px;flex:none;height:100%;border-right:1px solid #102c44}.brand-triangle{font-size:46px;line-height:1;font-weight:900;color:#139cfa;text-shadow:0 0 16px rgba(18,137,245,.35);position:relative;top:-2px}.brand-name{font-size:22px;font-weight:950;letter-spacing:.075em;line-height:1.03}.brand-name span{color:#30aeff}.brand-name small{display:block;color:var(--gold);font-size:9px;letter-spacing:.28em;margin-top:4px;font-weight:850}.public-nav{height:100%;display:flex;flex:1;min-width:0;align-items:center;gap:3px;padding:0 10px}.public-nav>a{font-size:11px;font-weight:750;display:flex;align-items:center;gap:9px;border:1px solid transparent;border-radius:7px;padding:10px 11px;white-space:nowrap;color:#c5dff5}.public-nav>a .icon{height:20px;width:20px;color:#9fd1ff}.public-nav>a:hover{background:#0a2c4c;border-color:#16517b}.public-nav>a.current{background:linear-gradient(180deg,#0d3154,#06233e);border-color:#136aab;color:#ffd65b;box-shadow:inset 0 -2px #138efc,0 0 12px #007cef1b}.public-nav>a.current .icon{color:#ffd22d}.public-actions{display:flex;align-items:center;gap:9px;padding-right:28px}.nav-icon-only{width:38px;height:38px;display:grid;place-items:center;border:1px solid #22527c;border-radius:8px;color:#aacff2}.nav-icon-only:hover{background:#103656}.mobile-menu{display:none}.pbtn{min-height:37px;border:1px solid #1c6caa;border-radius:7px;background:#09213b;color:#f0f8ff;display:inline-flex;gap:7px;justify-content:center;align-items:center;font-size:12px;font-weight:780;padding:9px 13px;transition:background .15s,box-shadow .15s}.pbtn:hover{background:#10416d;box-shadow:0 0 15px #0965b63a}.pbtn.subtle{border-color:#1c71b5;background:#061b31;white-space:nowrap}.pbtn.bright{background:linear-gradient(180deg,#168ffc,#1166d7);border-color:#189dfa;box-shadow:0 0 13px #0789ff4a;color:#fff}.pbtn.yellow{background:linear-gradient(180deg,#ffdb4c,#f4bb16);border-color:#f9d138;color:#141007;box-shadow:0 0 18px #ffd01b4c}.pbtn.block-btn{width:100%;min-height:30px;padding:5px 9px;font-size:11px}.pbtn .icon{height:18px;width:18px}.public-content{max-width:1900px;margin:0 auto;padding:0 40px 28px}
.public-hero{position:relative;margin:0 -40px 14px;padding:24px 56px 16px;min-height:271px;overflow:hidden;background:radial-gradient(ellipse at 48% 0,#0d2a4d75,transparent 60%),#061b31}.public-hero:before{content:'';position:absolute;inset:0;background-image:radial-gradient(#176ca62b 1px,transparent 1px);background-size:18px 18px;pointer-events:none;opacity:.75}.hero-paint{position:absolute;inset:0 0 0 27%;background-image:linear-gradient(90deg,#041429 0%,rgba(2,13,30,.02) 25%,rgba(2,14,27,.05) 76%,#031225 100%),linear-gradient(0deg,#031020b0 0%,transparent 38%,#06152a1f 70%),url('public-hero.jpg');background-position:center 56%;background-size:cover;opacity:.98;pointer-events:none}.hero-text{width:min(660px,52%);z-index:1;position:relative}.eyebrow{font-size:11px;letter-spacing:.22em;font-weight:900;color:#6fbaff}.hero-text h1{font-size:clamp(30px,3.1vw,55px);line-height:1.03;letter-spacing:-.043em;margin:5px 0 7px;font-weight:950;white-space:nowrap;text-shadow:0 1px 8px #011024a8}.hero-text h1 span{color:var(--gold)}.hero-text h2{font-size:19px;font-weight:800;margin:0 0 8px}.hero-text p{font-size:14px;max-width:600px;line-height:1.5;color:#c0d9eb;margin:0}.hero-cta{display:flex;gap:11px;margin-top:14px}.hero-btn{border:1px solid #1f88ce;border-radius:7px;min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:9px 18px;font-weight:800;font-size:13px;white-space:nowrap;background:#061b33}.hero-btn.yellow{background:linear-gradient(180deg,#ffe043,#f3b817);border-color:#ffe36d;color:#111006;box-shadow:0 0 19px #fbd2347d}.hero-btn.dark{border-color:#1a8bd1;color:#58b8ff;box-shadow:0 0 9px #076ed333}.hero-btn:hover{filter:brightness(1.15)}.hero-slogan{position:absolute;right:45px;top:35px;color:#bddbff;font-size:15px;line-height:1.13;font-weight:700;letter-spacing:.04em;font-style:italic;transform:rotate(-5deg);text-shadow:1px 1px 6px #020c18}.hero-slogan>span{display:block;background:var(--gold);height:3px;width:50px;margin:8px 0 0 auto}.hero-values{position:absolute;z-index:1;bottom:11px;right:34px;left:45%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;align-items:end}.hero-values>div{display:flex;align-items:center;gap:8px;min-width:0}.hero-values .icon{height:25px;width:25px;color:#14a3ff;stroke-width:2.3}.hero-values b{font-size:10px;white-space:nowrap;display:block}.hero-values small{display:block;font-size:9px;color:#c1d2e3;white-space:nowrap}
.main-top-grid{display:grid;grid-template-columns:minmax(0,2.13fr) minmax(390px,1fr);gap:12px}.main-bottom-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr) minmax(320px,.8fr);gap:12px;margin-top:12px}.public-card{position:relative;border:1px solid #135684;border-radius:8px;background:linear-gradient(160deg,#05182aea,#02101dea);box-shadow:0 0 0 1px #0d325333,0 0 20px #0a6cb52a,inset 0 0 0 1px #101b2833;padding:12px 13px 12px;min-width:0}.public-card.accent:before{position:absolute;content:'';left:0;top:8px;bottom:auto;height:33px;width:2px;background:linear-gradient(180deg,#ffe66c,#f7be0b);border-radius:3px;box-shadow:0 0 8px #f0c13c8c}.block-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:10px}.block-identity{display:flex;gap:11px;align-items:flex-start;min-width:0}.block-ico{width:28px;height:28px;display:grid;place-items:center;color:#ffd438}.block-ico .icon{width:22px;height:22px;stroke-width:2.15}.block-head h2{margin:0;text-transform:uppercase;letter-spacing:.065em;font-size:12px;font-weight:900;white-space:nowrap}.block-head p{font-size:10px;color:#a7c5dc;margin:2px 0 0}.panel-link{color:#35b7fa;font-size:10px;font-weight:730;white-space:nowrap;margin-top:5px}.panel-link:hover{text-decoration:underline}.featured-servers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.server-public{border:1px solid #145989;border-radius:8px;background:linear-gradient(180deg,#081f35,#041425);overflow:hidden;min-width:0;box-shadow:inset 0 0 0 1px #0b4b8a1e}.server-picture{height:86px;background-position:center 50%;background-size:cover;position:relative}.server-picture:after{position:absolute;content:'';inset:0;background:linear-gradient(0deg,#06162944,transparent 58%);pointer-events:none}.server-picture .status-pill{position:absolute;right:9px;top:8px;z-index:2;box-shadow:0 0 10px #0009}.server-body{padding:9px 10px 10px}.server-body h3{margin:0;font-size:13px;font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tag-row{display:flex;gap:5px;margin:7px 0 9px;flex-wrap:wrap}.tag-chip{font-size:9px;color:#c5e2fa;background:#0d2945;border:1px solid #2b5076;border-radius:999px;padding:3px 9px;white-space:nowrap}.server-stats{display:grid;grid-template-columns:.9fr 1.1fr;gap:4px;margin:4px 0 12px}.server-stats>div{display:flex;align-items:center;gap:7px;min-width:0}.server-stats .icon{height:24px;width:24px;color:#04abfb}.server-stats b{display:block;font-size:10px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.server-stats small{display:block;font-size:9px;color:#b8cddd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-pill{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;font-size:9px;line-height:1;font-weight:800;padding:6px 10px;border:1px solid #0d6655;border-radius:20px;color:#83f6cf;background:#043e32}.status-pill i{width:7px;height:7px;background:#13e5a1;border-radius:50%;box-shadow:0 0 8px #22edb288}.status-pill.off{color:#a4c8e9;background:#112e4f;border-color:#25486b}.status-pill.off i{background:#6d93bd;box-shadow:none}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.quick-tile{min-height:65px;border:1px solid #14517c;background:linear-gradient(130deg,#081c30,#051425);border-radius:7px;padding:10px 11px;display:flex;align-items:center;gap:12px;transition:background .15s,border-color .15s}.quick-tile:hover{background:#0d2c4a;border-color:#2692d9}.quick-icon{color:var(--gold);min-width:35px;display:grid;place-items:center}.quick-tile:nth-child(2n) .quick-icon{color:#0fb1ff}.quick-tile:nth-child(3) .quick-icon{color:#6e90fc}.quick-icon .icon{width:29px;height:29px;stroke-width:2.2}.quick-copy{display:grid;gap:2px;min-width:0}.quick-copy b{font-size:12px;font-weight:800;white-space:nowrap}.quick-copy small{font-size:9px;color:#bdcbdf}.quick-arrow{margin-left:auto;color:#28afff;font-size:17px}
.responsive-table{overflow-x:auto}.players-table{border-collapse:collapse;width:100%;min-width:520px;text-align:left}.players-table th{background:#06192b;border-block:1px solid #173c59;color:#a7c4df;text-transform:uppercase;font-size:8px;font-weight:800;letter-spacing:.05em;padding:7px 8px}.players-table td{border-bottom:1px solid #15344e;font-size:10px;padding:5px 8px;color:#c8ddef;white-space:nowrap}.players-table tr:last-child td{border-bottom:0}.players-table tr:hover{background:#0b2c45}.players-table td:first-child{min-width:137px}.players-table .status-pill{padding:4px 8px}.player-cell{display:flex;align-items:center;gap:7px}.photo-avatar{display:inline-flex;width:26px;height:26px;border-radius:50%;border:1px solid #117cb6;background-position:center;background-size:cover;flex:none;box-shadow:0 0 10px rgba(3,25,50,.3)}.photo-avatar.letter{align-items:center;justify-content:center;background:#0c4672;font-weight:800;color:#fff}.player-name{font-weight:750;color:#ebf5ff}
.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.mini-stat{border:1px solid #13496f;background:#05182b;border-radius:7px;min-height:67px;padding:8px;display:flex;align-items:center;gap:8px}.stat-symbol{display:grid;place-items:center;min-width:32px;color:#269cfb}.stat-symbol.yellow{color:var(--gold)}.stat-symbol .icon{width:27px;height:27px}.stat-name{min-width:0}.stat-name>b{font-size:17px;line-height:1.1;display:block}.stat-name>small{font-size:9px;color:#c3d8e8;white-space:nowrap}.spark{margin-left:auto;min-width:44px;color:#31de9d}.spark span{display:block;font-size:8px;font-weight:900;text-align:right}.spark svg{width:65px;height:25px;max-width:100%;fill:none;stroke:#01b8ff;stroke-width:2}.mini-stat:nth-child(3) .spark svg{stroke:#ffcc33}.next-wipe{min-height:69px;margin-top:9px;border:1px solid #17547f;border-radius:7px;background:linear-gradient(95deg,#051b2a,rgba(2,16,34,.4)),url('public-server-pve.jpg') right 30%/cover;display:flex;align-items:center;padding:9px;gap:8px}.wipe-icon{width:34px;display:grid;place-items:center;color:#11b1ff}.wipe-icon .icon{height:25px;width:25px}.next-wipe h3{font-size:10px;margin:0}.next-wipe small{color:#c5d9ea;font-size:9px;white-space:nowrap}.countdown{display:flex;gap:10px;margin-left:auto;background:#041527ba;border-radius:6px;padding:7px}.countdown span{text-align:center}.countdown b{font-size:16px;display:block}.countdown small{font-size:8px}.updates-feed{display:grid}.update-row{display:flex;gap:7px;align-items:center;padding:7px 5px 7px 7px;border-bottom:1px solid #143a58;position:relative;min-width:0}.update-row:before{position:absolute;content:'';width:3px;height:70%;left:0;top:15%;background:#17a7f5;border-radius:2px}.update-row.yellow:before{background:#ffd23d}.update-row:last-child{border:0}.update-row:hover{background:#0b2640}.update-icon{color:#1a9eff}.update-row.yellow .update-icon{color:#ffd239}.update-icon .icon{width:19px;height:19px}.update-thumbnail{width:25px;height:27px;background-size:cover;background-position:center;border:1px solid #144667;border-radius:3px;flex:none}.update-copy{display:grid;min-width:0;gap:2px;flex:1}.update-copy b{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.update-copy small{font-size:8px;color:#a2bad1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.update-row time{font-size:9px;color:#a0bad0;white-space:nowrap}.home-footer-note{margin:12px 0 0;color:#7ba3c4;font-size:10px}
.subhero{margin:22px 0 18px;min-height:135px;display:flex;justify-content:space-between;gap:15px;align-items:center;background:linear-gradient(90deg,#041b31,rgba(4,20,38,.66)),url('public-hero.jpg') center/cover;border:1px solid #154c75;border-radius:10px;padding:25px}.subhero h1{font-size:32px;margin:5px 0}.subhero p{color:#bdcfe0;margin:0}.public-content:not(.is-home){min-height:75vh}.server-directory{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.server-public.large-server .server-picture{height:165px}.server-public.large-server .server-body{padding:15px}.server-public.large-server .server-body h3{font-size:16px}.server-public.large-server .server-stats{margin-top:17px;margin-bottom:17px}.store-preview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.product-card{padding:0;overflow:hidden}.product-picture{height:130px;background-position:center;background-size:cover}.product-info{padding:16px}.product-info h3{margin:8px 0;font-size:16px}.product-info p{color:#b2cce1}.product-footer{display:flex;align-items:center;justify-content:space-between}.product-footer strong{font-size:20px;color:#fbd333}.spaced{margin-top:13px}.schedule-list>div{padding:15px;display:flex;justify-content:space-between;border-bottom:1px solid #19415e;gap:10px}.schedule-list>div:last-child{border:0}.ranked-list{display:grid}.rank{display:flex;align-items:center;gap:13px;border-bottom:1px solid #173d5a;padding:9px}.rank:last-child{border:0}.rank-number{color:#ffd13e;font-weight:900;font-size:17px;width:26px}.rank .photo-avatar{height:37px;width:37px}.rank div{display:grid;gap:3px}.rank div small{font-size:11px;color:#92b0c8}.rank>strong{margin-left:auto}.staff-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.staff-card{overflow:hidden;padding:0}.staff-portrait{height:170px;background:linear-gradient(130deg,#124b78,#030e1f);display:grid;place-items:center}.staff-portrait .icon{width:75px;height:75px;color:#26b3fc}.staff-content{padding:20px}.staff-content h3{margin:7px 0;font-size:20px}.staff-content p{color:#afcce0}.support-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:14px}.preview-form{display:grid;gap:12px}.preview-form label{display:grid;gap:6px;color:#aacce5;font-size:11px}.preview-form input,.preview-form textarea,.preview-form select,.directory-tools input,.directory-tools select{background:#071d33;color:#edf7ff;border:1px solid #23608b;padding:10px;border-radius:7px;width:100%;min-width:0}.preview-form button{justify-self:start}.directory-tools{display:flex;gap:9px;align-items:center;margin:12px 0}.directory-tools input{flex:1}.directory-tools select{max-width:230px}.rules-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.rule-item{padding:20px}.rule-item .icon{color:#ffd13a;width:31px;height:31px}.rule-item h3{font-size:18px}.rule-item p{color:#afcee2}.discord-big{margin:20px auto;padding:48px;text-align:center;max-width:750px}.discord-big>.icon{color:#799eff;width:78px;height:78px}.discord-big p{font-size:14px;color:#afcfe4}
.public-footer{padding:17px 40px;display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:10px;color:#90b9d6;border-top:1px solid #163952;background:#03101f}.public-footer b{font-size:14px;color:#f5f8ff}.public-footer span{color:#668ba7}.public-footer>div:last-child{display:flex;gap:15px}.modal-scrim{position:fixed;inset:0;z-index:30;background:#000c;display:grid;place-items:center;padding:15px}.preview-modal{background:linear-gradient(160deg,#08243f,#041222);border:1px solid #1b75b6;border-radius:13px;max-width:480px;width:100%;padding:26px;position:relative;box-shadow:0 15px 70px #000c,0 0 28px #1472be3a}.preview-modal h2{margin:9px 0;font-size:22px}.preview-modal p{color:#b8d3e5}.close-modal{position:absolute;right:10px;top:10px;border:1px solid #1b5986;background:#05223b;color:#d1eaff;border-radius:6px;padding:6px}
@media(min-width:1800px){.public-content{padding-left:55px;padding-right:55px}.public-hero{margin-left:-55px;margin-right:-55px}.server-picture{height:115px}.main-top-grid{grid-template-columns:minmax(0,2.1fr) minmax(445px,1fr)}}
@media(max-width:1440px){.public-brand{width:245px;padding-left:24px}.public-nav>a{padding:9px 6px;font-size:10px}.public-actions{padding-right:13px;gap:5px}.public-actions .pbtn{padding-inline:9px}.public-content{padding-left:23px;padding-right:23px}.public-hero{margin-left:-23px;margin-right:-23px;padding-inline:33px}.hero-text h1{font-size:40px}.hero-text h2{font-size:15px}.hero-text p{font-size:12px}.hero-values{right:14px;left:50%;gap:5px}.hero-values b{font-size:9px}.hero-values small{font-size:8px}.main-top-grid{grid-template-columns:minmax(0,2.1fr) minmax(340px,1fr)}.quick-tile{padding:9px 7px;gap:7px}.quick-copy b{font-size:11px}.server-body h3{font-size:11px}.tag-chip{padding-inline:5px;font-size:8px}.server-stats{gap:2px}.server-stats b{font-size:9px}.server-stats small{font-size:8px}.main-bottom-grid{grid-template-columns:1.1fr 1fr}.main-bottom-grid>.public-card:last-child{grid-column:1/-1}.updates-feed{grid-template-columns:repeat(2,1fr)}.update-row{border-right:1px solid #143a58}}
@media(max-width:1100px){.public-brand{width:222px}.brand-name{font-size:18px}.public-nav{gap:0}.public-nav>a{padding:9px 5px;gap:4px;font-size:9px}.public-nav>a .icon{height:16px;width:16px}.public-actions .pbtn.subtle{display:none}.main-top-grid{grid-template-columns:1fr}.quick-grid{grid-template-columns:repeat(3,1fr)}.hero-values{display:none}.hero-text{width:64%}.hero-slogan{font-size:12px}.main-bottom-grid{grid-template-columns:1fr 1fr}.server-directory{grid-template-columns:repeat(2,1fr)}.store-preview-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:750px){.public-top{height:62px}.public-brand{width:auto;border-right:none;padding:10px 13px;flex:1}.brand-name{font-size:17px}.brand-triangle{font-size:32px}.mobile-menu{display:grid;place-items:center;margin-left:auto;background:#082f4f;border:1px solid #1d618b;color:#d3efff;width:37px;height:37px;border-radius:7px}.public-nav{display:none;position:absolute;top:62px;left:0;right:0;background:#05172c;border:1px solid #154567;height:auto;padding:10px;flex-direction:column;align-items:stretch}.public-nav.is-open{display:flex}.public-nav>a{font-size:13px;gap:10px;padding:11px}.public-nav>a .icon{width:19px;height:19px}.public-actions{padding:0 11px}.public-actions .nav-icon-only{display:none}.public-actions .pbtn.bright{padding:7px 10px}.public-content{padding:0 12px 20px}.public-hero{margin:0 -12px 12px;padding:22px 21px;min-height:370px}.hero-text{width:100%}.hero-text h1{font-size:38px;white-space:normal;max-width:430px}.hero-paint{inset:0;background-position:center;background-image:linear-gradient(90deg,#031123ed,#05172bbd 55%,#031528a1),url('public-hero.jpg')}.hero-slogan{display:none}.main-bottom-grid{grid-template-columns:1fr}.main-bottom-grid>.public-card:last-child{grid-column:auto}.featured-servers{grid-template-columns:repeat(2,1fr)}.quick-grid{grid-template-columns:repeat(2,1fr)}.stats-grid{grid-template-columns:repeat(2,1fr)}.subhero{padding:18px;flex-wrap:wrap}.server-directory,.store-preview-grid,.staff-grid,.rules-grid,.support-grid{grid-template-columns:1fr}.updates-feed{grid-template-columns:1fr}.public-footer{flex-direction:column;align-items:flex-start;padding:18px}.directory-tools{flex-wrap:wrap}.directory-tools select{max-width:none}}
@media(max-width:460px){.public-top{gap:4px}.public-brand{padding-left:10px}.brand-name{font-size:14px}.brand-name small{font-size:8px}.brand-triangle{font-size:26px}.public-actions .pbtn.bright{font-size:10px;padding:7px}.public-hero{min-height:350px}.hero-text h1{font-size:34px}.hero-text h2{font-size:14px}.hero-text p{font-size:12px}.hero-cta{gap:7px}.hero-btn{font-size:10px;padding:8px;white-space:normal}.featured-servers{grid-template-columns:1fr}.server-picture{height:120px}.quick-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr}.countdown{gap:6px}.countdown b{font-size:12px}.next-wipe{gap:5px}.block-head h2{font-size:11px}.panel-link{font-size:9px}}

.brand-logo{width:58px;height:49px;object-fit:contain;flex:none;filter:drop-shadow(0 0 9px rgba(28,165,255,.22))}
.mini-stat{min-width:0}.mini-stat .spark{min-width:0;flex-shrink:1}.mini-stat .stat-name small{overflow:hidden;text-overflow:ellipsis;display:block}
@media(max-width:900px){.main-bottom-grid{grid-template-columns:1fr}.main-bottom-grid>.public-card:last-child{grid-column:auto}}
@media(max-width:750px){.brand-logo{width:40px;height:37px}}
@media(max-width:460px){.brand-logo{width:31px;height:30px}}

/* PBG Public V2: connected Community Workstations — v0.5 */
.public-content:not(.is-home){max-width:1900px;padding-top:0}
.public-top{background:linear-gradient(180deg,#020e1f 0%,#031324 100%)}
@media(min-width:1350px){.public-brand{width:292px;padding-left:30px}.public-nav{justify-content:space-evenly;padding:0 10px}.public-nav>a{padding:10px 8px}}
.community-hero{position:relative;isolation:isolate;overflow:hidden;min-height:186px;margin:0 0 13px;background:linear-gradient(90deg,#041427 0%,rgba(3,16,31,.92) 31%,rgba(4,19,33,.18) 63%,rgba(2,13,26,.27)),url('public-hero.jpg') center 49% /cover no-repeat;border-bottom:1px solid #115b8f;display:flex;align-items:center;padding:23px 22px 22px 24px}
.community-hero:after{content:'';position:absolute;inset:0;pointer-events:none;z-index:-1;background:linear-gradient(0deg,rgba(3,10,19,.27),transparent 75%)}
.community-hero-text{max-width:min(680px,64%);position:relative;z-index:1}
.community-hero .eyebrow{font-size:11px;letter-spacing:.32em;color:#82d0ff}
.community-hero h1{font-size:clamp(30px,4vw,56px);font-weight:900;margin:5px 0 8px;line-height:1.07;letter-spacing:-.035em;text-shadow:0 2px 16px #000}
.community-hero h1 em{font-style:normal;color:#ffd332;text-shadow:0 0 13px rgba(235,170,21,.2)}
.community-hero p{font-size:clamp(12px,1.1vw,17px);line-height:1.5;max-width:650px;margin:0;color:#b9def7;font-weight:550}
.community-hero-slogan{position:absolute;right:28px;top:26px;color:#bfe5ff;font-size:16px;font-style:italic;text-align:left;line-height:1.35;letter-spacing:.05em;text-shadow:0 1px 10px #000;transform:rotate(-6deg)}
.community-hero-slogan i{display:block;width:48px;height:3px;background:#fdd531;margin:10px 0 0 auto;box-shadow:0 0 13px #ffd328}
.members-hero{min-height:252px;margin-top:14px;border:1px solid #115b8f;border-radius:12px;padding-left:50px;background-position:center 55%;box-shadow:0 0 18px #09519e20}
.members-hero h1{font-size:clamp(40px,4.5vw,66px);color:#edfaff;text-shadow:0 0 14px rgba(20,174,255,.62),0 0 33px rgba(13,114,204,.35)}
.members-hero .community-hero-slogan{right:38px;top:75px}
.members-benefits{display:flex;gap:30px;align-items:center;margin-top:30px}
.members-benefits>div{display:flex;gap:9px;align-items:center;min-width:0}
.members-benefits .icon{width:26px;height:26px;color:#21b3ff}
.members-benefits b{font-size:10px;letter-spacing:.05em;display:block;white-space:nowrap}
.members-benefits small{font-size:10px;color:#accee4;display:block;white-space:nowrap}
.community-tabs{display:flex;align-items:stretch;gap:0;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#144c80 transparent;min-height:53px;padding:0 11px;margin:0 0 12px;background:linear-gradient(110deg,#061b30,#051528);border:1px solid #0c78b9;border-radius:9px;box-shadow:0 0 20px rgba(7,90,172,.15),inset 0 0 0 1px rgba(17,98,158,.12)}
.community-tabs a{position:relative;display:flex;align-items:center;gap:10px;padding:10px 22px;color:#bad5e7;font-size:12px;font-weight:800;white-space:nowrap;border-right:1px solid rgba(38,100,138,.35)}
.community-tabs a .icon{width:20px;height:20px;color:#4abefe}
.community-tabs a:hover{color:#fff;background:rgba(17,98,158,.17)}
.community-tabs a.active{color:#ffda49;background:linear-gradient(180deg,rgba(22,92,153,.65),rgba(3,25,44,.25));box-shadow:inset 0 -3px #ffce27,0 0 17px rgba(255,211,57,.18)}
.community-tabs a.active .icon{color:#ffd233}
.podium-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 13px}
.podium-card{min-height:162px;position:relative;border:1px solid #1d87be;border-radius:11px;overflow:hidden;background:radial-gradient(ellipse at 81% 20%,#13609b33,transparent 48%),linear-gradient(180deg,#05192a,#020e1d);box-shadow:0 0 16px rgba(8,99,178,.13);padding:15px 17px 0}
.podium-card.gold{border-color:#f7ce30;background:radial-gradient(ellipse at 80% 23%,#c891173e,transparent 46%),linear-gradient(180deg,#15180e,#03101d);box-shadow:0 0 17px rgba(240,173,16,.17),inset 0 0 0 1px #81610d56}
.podium-card.bronze{border-color:#a55b2e;background:radial-gradient(ellipse at 81% 20%,#b6602638,transparent 47%),linear-gradient(180deg,#1a1212,#050f1c)}
.podium-top{display:flex;align-items:flex-start;gap:14px;position:relative;min-height:56px}
.podium-rank{font-size:22px;white-space:nowrap;color:#25bcff;font-weight:950;padding-top:12px}
.podium-card.gold .podium-rank{color:#ffd52c}.podium-card.bronze .podium-rank{color:#ff9d40}
.podium-medal{margin-left:5px;font-size:21px}
.ranking-avatar{width:36px;height:36px;flex:none;display:inline-block;border:1px solid #246998;border-radius:8px;background:#0a2543 center/cover no-repeat}
.podium-card .ranking-avatar{width:51px;height:51px;border-radius:10px;border-color:#226c9c}
.podium-player{min-width:0;z-index:1;padding-top:2px}
.podium-player b{display:block;font-size:16px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.podium-player small{display:block;font-size:11px;margin-top:4px;color:#aad9f9;white-space:nowrap}
.trophy-display{position:absolute;right:5px;top:9px;color:rgba(51,179,251,.47);display:grid;place-items:center;pointer-events:none}
.trophy-display .icon{height:67px;width:67px;stroke-width:1.4;filter:drop-shadow(0 0 14px #248fdf66)}
.trophy-display span{position:absolute;bottom:-10px;font-size:42px;transform:rotate(135deg);opacity:.4}
.podium-card.gold .trophy-display{color:#ffcd30}.podium-card.bronze .trophy-display{color:#ffa054}
.podium-big{display:flex;align-items:baseline;gap:12px;margin:3px 0 0 81px;color:#16bafe}
.podium-big strong{font-size:42px;line-height:1;letter-spacing:-.035em;font-weight:950}
.podium-big span{font-size:12px;color:#b3d5ec}
.podium-card.gold .podium-big{color:#ffd333}.podium-card.bronze .podium-big{color:#ff9d45}
.podium-foot{margin:10px -17px 0;padding:9px 17px 11px;border-top:1px solid #20516b;background:#031425b0;text-align:center;color:#b2d7ef;font-size:11px}
.podium-card.gold .podium-foot{border-color:#9d801d70}
.leader-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:14px 0 16px}
.leader-stat{display:flex;align-items:center;gap:14px;min-height:74px;padding:11px 15px;border:1px solid #0c81c1;background:linear-gradient(120deg,#061c30,#031323);border-radius:11px;box-shadow:0 0 12px #0d4d7f24}
.leader-stat>span{width:45px;height:45px;border-radius:11px;display:grid;place-items:center;background:#0a3150;color:#36bcff}
.leader-stat .icon{width:28px;height:28px}
.leader-stat div{min-width:0}
.leader-stat small{display:block;color:#89afc9;font-size:10px;text-transform:uppercase;letter-spacing:.09em;font-weight:850}
.leader-stat strong{font-size:25px;font-weight:900;display:block}
.leader-stat>b{margin-left:auto;color:#20b1f0;font-size:19px;opacity:.85}
.leaderboard-controls{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:10px 0}
.leaderboard-controls h2{display:flex;align-items:center;gap:9px;font-size:19px;margin:0;color:#e7f8ff;text-shadow:0 0 11px #0a9fef55}
.leaderboard-controls h2 .icon{height:26px;width:26px;color:#ffdc31}
.leaderboard-controls small{display:block;color:#99b9d2;font-size:11px;margin-top:4px}
.leaderboard-controls select,.member-filters input,.member-filters select{border:1px solid #15699b;border-radius:8px;background:#051a2e;color:#c2e5ff;padding:11px 12px;min-height:40px}
.leaderboard-controls select{width:195px}
.leaderboard-scroll{background:linear-gradient(180deg,#041728,#03101e);border:1px solid #167ab6;border-radius:10px;overflow:auto}
.ranking-table{width:100%;border-collapse:collapse;font-size:12px;text-align:left;min-width:820px}
.ranking-table thead{background:#071e34}
.ranking-table th{padding:11px 16px;color:#a3c4df;font-size:10px;text-transform:uppercase;white-space:nowrap;letter-spacing:.04em;font-weight:850;border-bottom:1px solid #195272}
.ranking-table th button{color:inherit;border:0;background:transparent;font-size:inherit;text-transform:uppercase;font-weight:850;cursor:pointer;padding:0;white-space:nowrap}
.ranking-table th button:hover{color:#58bfff}
.ranking-table td{padding:8px 16px;border-bottom:1px solid #11344d;color:#dceaf8;font-weight:750}
.ranking-table tr:last-child td{border-bottom:0}
.ranking-table tr:hover td{background:#0a2a48}
.ranking-position{font-size:17px;color:#2bc5ff!important;font-weight:950!important}
.ranking-table tbody tr:first-child .ranking-position{color:#ffd333!important}
.ranking-table tbody tr:nth-child(3) .ranking-position{color:#ff9c3c!important}
.ranking-player{display:flex;align-items:center;gap:12px;min-width:275px}
.ranking-player b{display:block;color:#f7faff;font-size:12px}
.ranking-player small{display:block;color:#88b2d0;font-size:10px;font-weight:450;margin-top:3px}
.ranking-kills{color:#20c4ff!important;font-size:13px;font-weight:850!important}
.leader-pager{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin-top:11px;font-size:11px;color:#8eaec7}
.leader-pager .pbtn{min-height:31px;padding:5px 10px;font-size:10px}
.demo-disclaimer{color:#81a9c9;font-size:10px;margin:13px 0 5px}
.member-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:14px 0 18px}
.member-stat{border:1px solid #168cc2;background:linear-gradient(125deg,#071c31,#041322);box-shadow:0 0 17px rgba(14,104,161,.12);border-radius:11px;display:flex;align-items:center;gap:13px;padding:18px;position:relative;overflow:hidden;min-height:111px}
.member-stat-icon{width:54px;height:54px;flex:none;background:linear-gradient(145deg,#123c61,#062642);border-radius:12px;display:grid;place-items:center;color:#43baff}
.member-stat-icon .icon{width:29px;height:29px}
.member-stat-icon.purple{color:#9c5eff}.member-stat-icon.white{color:#e5f7ff}.member-stat-icon.blue{color:#899aff}.member-stat-icon.orange{color:#ff9342}
.member-stat strong{display:block;font-size:26px;line-height:1.15;font-weight:920}
.member-stat b{display:block;color:#25c6ff;font-size:10px;text-transform:uppercase;font-weight:900;margin:5px 0 2px}
.member-stat small{display:block;font-size:10px;color:#a7c8df}
.member-facet{position:absolute;right:-6px;top:-18px;width:80px;height:80px;background:conic-gradient(from 50deg,transparent,#067cb431,transparent,#0d88b540,transparent);clip-path:polygon(0 5%,90% 0,58% 68%)}
.members-today{min-height:150px;padding:17px 19px 16px;margin-bottom:18px}
.members-today-head{display:flex;justify-content:space-between;gap:15px}
.members-today .eyebrow{font-size:10px;color:#29c1ff;letter-spacing:.12em}
.members-today h2{font-size:21px;margin:3px 0;color:#f1faff;text-shadow:0 0 15px #1285c075}
.members-today p{color:#a1c8e2;font-size:12px;margin:0 0 13px}
.members-today-head>span{border:1px solid #0ba7da;border-radius:30px;padding:7px 12px;align-self:flex-start;white-space:nowrap;color:#42d5fa;font-size:10px;font-weight:850}
.today-member{display:flex;align-items:center;gap:11px;width:min(380px,100%);background:#061b2e;border:1px solid #1c5c83;border-radius:9px;padding:7px 9px}
.member-photo{flex:none;width:50px;height:50px;border-radius:10px;background:#071e34 center/cover no-repeat;border:1px solid #1597e1;display:block}
.today-member b{display:block;font-size:12px}
.today-member small{display:block;font-size:10px;color:#9fc3d9}
.today-member .status-pill{margin-left:auto}
.member-directory-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:13px;flex-wrap:wrap}
.member-directory-heading .eyebrow{font-size:10px;color:#2fb9ef}
.member-directory-heading h2{font-size:22px;margin:3px 0 2px;text-shadow:0 0 12px #1b8fb880}
.member-directory-heading p{font-size:12px;color:#aec8dc;margin:0}
.member-filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.member-search{position:relative;display:flex;align-items:center}
.member-search>span{position:absolute;left:11px;color:#1cafff;pointer-events:none}
.member-search .icon{width:17px;height:17px}
.member-search input{padding-left:35px;width:min(335px,38vw)}
.member-filters select{min-width:115px}
.member-filters .pbtn{min-height:40px}
.member-directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.member-directory-card{display:flex;position:relative;align-items:center;gap:13px;text-align:left;padding:11px 15px;min-width:0;min-height:84px;background:linear-gradient(140deg,#071f32,#051423);color:#d8eefc;border:1px solid #1487c1;border-radius:11px;box-shadow:0 0 13px rgba(12,99,178,.12)}
.member-directory-card:hover{background:#0b2b4b;border-color:#45baff}
.member-directory-card>.member-photo{height:59px;width:59px}
.member-meta{display:grid;gap:3px;min-width:0}
.member-meta strong{font-size:15px;color:#eef8ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.member-meta strong.owner-name{color:#ffd436}
.member-meta small{font-size:10px;color:#a2c0d8}
.member-meta span{font-size:10px;color:#a0bfdb;line-height:1.4}
.member-role{position:absolute;right:9px;top:9px;color:#abcde4;font-size:9px;font-weight:850;border:1px solid #285980;border-radius:14px;padding:4px 8px;background:#0d3354}
.member-role.online{color:#30e3ae;border-color:#09795d;background:#074737}
.member-no-results{grid-column:1/-1;padding:22px;color:#98bed4;border:1px dashed #184b68;border-radius:8px}
.missions-preview-grid,.linking-preview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.mission-preview,.linking-preview-grid>div{border:1px solid #145986;border-radius:9px;background:#071a2c;padding:22px}
.mission-preview h3,.linking-preview-grid h3{margin:8px 0;font-size:17px}
.mission-preview p,.linking-preview-grid p{color:#9dbcd3;font-size:12px}
.linking-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.linking-preview-grid>div>span .icon{height:34px;width:34px;color:#43baff}
@media(max-width:1400px){.public-nav>a{padding:8px 5px}.public-brand{width:225px}.member-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.member-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.members-benefits{gap:14px}}
@media(max-width:1100px){.podium-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.podium-grid>:last-child{grid-column:1/-1}.leader-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.community-hero-text{max-width:75%}.members-benefits{flex-wrap:wrap}.community-tabs a{padding-inline:13px}}
@media(max-width:750px){.community-hero{padding:22px 18px;min-height:180px;background-image:linear-gradient(90deg,#041427 0%,#061b31e8 37%,#04172dcc 100%),url('public-hero.jpg')}.members-hero{margin-top:12px;min-height:234px}.community-hero-text{max-width:100%}.community-hero-slogan{display:none}.community-hero h1{font-size:34px}.community-hero p{font-size:12px}.members-benefits{margin-top:16px;gap:12px}.members-benefits>div{width:auto}.members-benefits small{display:none}.community-tabs a{padding:10px 12px;font-size:11px}.podium-grid{grid-template-columns:1fr}.podium-grid>:last-child{grid-column:auto}.leader-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.member-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.member-directory-grid{grid-template-columns:1fr}.member-search input{width:min(340px,85vw)}.member-filters{width:100%}.ranking-table{min-width:900px}.leaderboard-controls{align-items:flex-start;flex-direction:column}.member-directory-heading{align-items:flex-start}.missions-preview-grid,.linking-preview-grid{grid-template-columns:1fr}}
@media(max-width:460px){.community-hero h1{font-size:29px}.members-hero h1{font-size:45px}.leader-stats,.member-stats{grid-template-columns:1fr 1fr;gap:7px}.leader-stat{padding:10px;gap:8px}.leader-stat>span{width:32px;height:32px}.leader-stat strong{font-size:20px}.leader-stat>b{display:none}.member-stat{padding:10px;gap:8px;min-height:93px}.member-stat-icon{width:36px;height:36px}.member-stat-icon .icon{width:22px;height:22px}.member-stat strong{font-size:20px}.member-stat b{font-size:9px}.member-stat small{font-size:8px}.podium-big{margin-left:62px}.community-tabs a{padding:10px;font-size:10px}}

/* PBG Public V2 preview v0.6 — compact, centred public canvas.
   Match the existing site's restrained content width on large displays.
   This is presentation-only: no changes to admin workstations or data. */
@media (min-width:751px) {
  .public-content,
  .public-content:not(.is-home) {
    max-width:1550px;
    margin-inline:auto;
    padding-inline:20px;
  }
  .public-hero {
    margin:14px 0 14px;
    padding-inline:36px;
    border:1px solid #15527b;
    border-radius:12px;
    box-shadow:0 0 22px rgba(11,102,172,.10),inset 0 0 24px rgba(0,0,0,.17);
  }
  .public-footer { padding-inline:max(20px,calc((100vw - 1510px)/2)); }
}
@media (max-width:750px) {
  .public-content,
  .public-content:not(.is-home) { max-width:100%; }
}

.real-member-letter{display:grid;place-items:center;font-size:25px;font-weight:900;color:#ffe272;background:linear-gradient(145deg,#113c5d,#071626);text-shadow:0 0 10px #1685c5}
.configured-server-desc{color:#aacce5;font-size:12px;min-height:40px;}


/* PUBLIC V2 v0.2.5 — cohesive page design, safe navigation and real-data presentation */
.public-nav .nav-group{position:relative;display:flex;align-items:center;height:100%;min-width:0}
.public-nav .nav-primary{font-size:11px;font-weight:750;display:flex;align-items:center;gap:9px;border:1px solid transparent;border-radius:7px;padding:10px 11px;white-space:nowrap;color:#c5dff5}
.public-nav .nav-primary>.icon{height:20px;width:20px;color:#9fd1ff}
.public-nav .nav-primary:hover,.public-nav .nav-group:focus-within .nav-primary{background:#0a2c4c;border-color:#16517b}
.public-nav .nav-primary.current{background:linear-gradient(180deg,#0d3154,#06233e);border-color:#136aab;color:#ffd65b;box-shadow:inset 0 -2px #138efc,0 0 12px #007cef1b}
.public-nav .nav-primary.current .icon{color:#ffd22d}
.public-nav .nav-chevron{font-size:15px;color:#57bdff;line-height:1}
.public-nav .nav-flyout{display:none;position:absolute;left:0;top:calc(100% - 5px);min-width:215px;padding:7px;border:1px solid #1b6a9f;background:linear-gradient(180deg,#082039,#031326);border-radius:9px;box-shadow:0 16px 35px #000b,0 0 17px #057bdb25;z-index:30}
.public-nav .nav-group:hover .nav-flyout,.public-nav .nav-group:focus-within .nav-flyout{display:grid;gap:2px}
.public-nav .nav-flyout a{display:flex;align-items:center;gap:10px;padding:11px;border-radius:6px;color:#c7dded;font-size:11px;font-weight:750}
.public-nav .nav-flyout a .icon{height:17px;width:17px;color:#39b7fd}
.public-nav .nav-flyout a:hover,.public-nav .nav-flyout a.active{background:#0b3456;color:#ffe072}
.public-nav .nav-flyout a.active .icon{color:#ffcf31}
.server-hero-v2{min-height:250px;margin-top:14px;border:1px solid #125d91;border-radius:11px;padding:32px 43px;background-position:center 50%;box-shadow:0 0 25px #096ac024,inset 0 0 20px #01101c50}
.server-hero-v2 h1{font-size:clamp(32px,3.5vw,58px);text-shadow:0 0 13px #0267ab66}
.server-hero-v2 .community-hero-text{max-width:66%}
.server-hero-benefits{display:flex;flex-wrap:wrap;gap:12px 20px;margin-top:22px;color:#ceeaff;font-size:11px;font-weight:750}
.server-hero-benefits span{display:flex;align-items:center;gap:8px}
.server-hero-benefits .icon{width:20px;height:20px;color:#27b0fa}
.portal-subtabs{margin-bottom:15px;border-color:#1274a9;box-shadow:0 0 24px #0474b029}
.portal-subtabs a.active{border-bottom:2px solid #ffd332}
.server-page-layout{display:grid;grid-template-columns:minmax(0,2.15fr) minmax(275px,.85fr);gap:13px;align-items:start}
.server-list-panel{padding:15px 15px 17px}
.server-list-panel .block-head{margin-bottom:15px}
.enhanced-server-directory{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.enhanced-server-directory>.public-card{grid-column:1/-1}
.enhanced-server-directory .server-public{border:1px solid #196d9b;border-radius:10px;background:linear-gradient(180deg,#071d32,#041320);box-shadow:0 0 0 1px #165a8538,0 0 18px #047ec325;transition:border-color .2s,box-shadow .2s;}
.enhanced-server-directory .server-public:hover{border-color:#38aeef;box-shadow:0 0 23px #007eec33}
.enhanced-server-directory .server-public:before{content:'';display:block;height:2px;background:linear-gradient(90deg,#ffe456,#00a4ff 45%,transparent);}
.enhanced-server-directory .server-picture{height:140px}
.enhanced-server-directory .server-body{padding:14px}
.enhanced-server-directory .server-body h3{font-size:16px;white-space:normal;line-height:1.2}
.enhanced-server-directory .server-stats{margin-block:16px}
.enhanced-server-directory .server-picture .status-pill{right:12px;top:12px}
.server-guide{padding:17px}
.server-guide:before{position:absolute;content:'';width:2px;height:40px;top:13px;left:0;background:#ffcf32;box-shadow:0 0 11px #ffcf325a}
.guide-steps{display:grid;gap:6px}
.guide-steps>div{display:flex;gap:12px;align-items:start;padding:13px 0;border-bottom:1px solid #1b4760}
.guide-steps>div>span{display:grid;place-items:center;flex:none;width:30px;height:30px;background:#0c3a5b;border:1px solid #256993;color:#ffd13c;border-radius:8px;font-weight:900}
.guide-steps p{margin:0;color:#e3f3ff}.guide-steps b,.guide-steps small{display:block}.guide-steps small{margin-top:4px;color:#92b4cc;font-size:11px;line-height:1.45}
.guide-links{display:grid;gap:9px;grid-template-columns:1fr 1fr;margin-top:16px}.guide-links a{font-size:11px;min-width:0}
.guide-realnote{display:flex;align-items:start;gap:8px;margin-top:15px;padding:12px;border:1px solid #615420;border-radius:8px;background:#231f0c54;color:#e9d18b;font-size:11px;line-height:1.5}.guide-realnote .icon{flex:none;color:#f3c735}
.server-map-layout{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(260px,.9fr);gap:14px;align-items:start}
.map-control-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:0 0 12px;font-size:12px;color:#a9d0e9}
.map-control-row select{min-width:190px;flex:0 1 290px;background:#081d32;border:1px solid #1e6088;border-radius:7px;padding:9px;color:#eef9ff}
.map-connection{display:inline-flex;gap:6px;align-items:center;color:#f0cd56;font-size:11px;font-weight:700}
.map-offline-surface{height:370px;position:relative;overflow:hidden;border:1px solid #125783;border-radius:10px;background:radial-gradient(circle at 50% 50%,#123954,#05172b 55%,#030f1e);isolation:isolate}
.map-offline-surface:before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(#15507820 1px,transparent 1px),linear-gradient(90deg,#15507820 1px,transparent 1px);background-size:37px 37px}
.map-offline-surface:after{content:'';position:absolute;inset:0;border:12px solid #040f1e45;pointer-events:none}
.map-grid-label,.map-grid-coords{position:absolute;z-index:1;color:#469bcb;font-size:10px;font-weight:800;letter-spacing:.18em}
.map-grid-label{top:20px;left:20px}.map-grid-coords{bottom:20px;right:20px}
.map-grid-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(470px,90%);text-align:center;display:grid;justify-items:center;gap:12px;padding:22px;color:#d9f1ff}
.map-grid-center .icon{height:50px;width:50px;color:#26aff4;filter:drop-shadow(0 0 12px #1680ce80)}
.map-grid-center b{font-size:22px}.map-grid-center small{font-size:12px;color:#9fc0d9;line-height:1.6}
.map-feature-list{display:grid;gap:0}.map-feature-list>div{display:flex;align-items:center;gap:10px;padding:13px 1px;border-bottom:1px solid #1c4361}.map-feature-list .icon{color:#26aef4}.map-feature-list strong{font-size:12px;flex:1}.map-feature-list span{font-size:10px;color:#f6ce67}.map-disclaimer{color:#8aadc5;font-size:11px;line-height:1.6}
@media(max-width:1400px){.public-nav .nav-primary{padding-inline:6px;gap:6px;font-size:10px}.public-nav .nav-chevron{font-size:12px}.public-nav{padding:0 5px}}
@media(max-width:1100px){.server-page-layout,.server-map-layout{grid-template-columns:1fr}.server-hero-v2 .community-hero-text{max-width:80%}}
@media(max-width:750px){.public-nav .nav-group{height:auto;display:block}.public-nav .nav-primary{padding:11px;width:100%;font-size:13px;gap:10px}.public-nav .nav-flyout{position:static;display:grid;box-shadow:none;min-width:0;margin:0 0 5px 22px;background:#061a2d;border-color:#125279}.server-hero-v2{min-height:230px;padding:26px 20px}.server-hero-v2 .community-hero-text{max-width:100%}.server-hero-benefits{gap:9px}.server-page-layout{gap:10px}.enhanced-server-directory{grid-template-columns:1fr}.map-offline-surface{height:330px}}
@media(max-width:460px){.server-hero-benefits span{font-size:10px}.guide-links{grid-template-columns:1fr}.map-grid-center b{font-size:18px}.map-grid-center small{font-size:11px}.server-hero-v2 h1{font-size:30px}}

/* V2.6 public navigation: each main link opens its page, not a duplicate hover menu. */
.public-nav .nav-group,.public-nav .nav-flyout,.public-nav .nav-chevron{display:none!important}
.public-nav>a{height:auto}
.public-nav>a.current{color:#ffd64a;background:linear-gradient(180deg,#0b3458,#07243d);border-color:#1685d6;box-shadow:inset 0 -2px #f4ca38,0 0 13px #0796ec27}
/* Approved three-card lower home layout, with compact real-data community stat tiles. */
.main-bottom-grid{align-items:stretch}
.main-bottom-grid>.public-card{min-width:0}
.live-stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.live-stats-grid>.mini-stat{min-height:69px;gap:9px;padding:9px 10px;background:linear-gradient(135deg,#06172b,#081c32);border:1px solid #13517d;border-radius:8px;box-shadow:inset 0 0 0 1px #11508030,0 0 11px #0084fe0a}
.live-stats-grid .stat-symbol{display:grid;place-items:center;flex:0 0 31px;width:31px;height:31px;color:#39b6ff}
.live-stats-grid .stat-symbol.yellow{color:#ffd03e}
.live-stats-grid .stat-name{flex:1;min-width:0}
.live-stats-grid .stat-name>b{display:block;font-size:21px;line-height:1.15;color:#fff}
.live-stats-grid .stat-name>small{display:block;font-size:10px;color:#d5eaff;font-weight:800;text-transform:uppercase;letter-spacing:.02em}
.live-stats-grid .metric-caption{display:block;font-size:9px;color:#88aac8;margin-top:3px;line-height:1.3}
.stat-verification{display:flex;align-items:center;gap:8px;font-size:10px;color:#80b5d6;margin-top:10px}
.stat-verification .icon{width:15px;height:15px;flex:none;color:#20a9ff}
.live-stats-empty{display:flex;align-items:flex-start;gap:12px;padding:17px 12px;color:#bed9ed}
.live-stats-empty>.icon{width:29px;height:29px;color:#32b5ff;flex:none}
.live-stats-empty b,.live-stats-empty small{display:block}
.live-stats-empty b{font-size:13px;margin-bottom:7px}
.live-stats-empty small{font-size:11px;line-height:1.6;color:#93b5cf}
@media(min-width:1441px){.main-bottom-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) minmax(0,.82fr)}}
@media(max-width:1350px){.main-bottom-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.main-bottom-grid>.public-card:last-child{grid-column:1/-1}}
@media(max-width:900px){.main-bottom-grid{grid-template-columns:1fr}.main-bottom-grid>.public-card:last-child{grid-column:auto}}
@media(max-width:400px){.live-stats-grid{grid-template-columns:1fr 1fr;gap:6px}.live-stats-grid .stat-name>b{font-size:18px}.live-stats-grid .stat-name>small{font-size:8px}.live-stats-grid .metric-caption{font-size:8px}.live-stats-grid>.mini-stat{padding:8px 6px;gap:5px}.live-stats-grid .stat-symbol{width:24px;flex-basis:24px}}

/* v0.2.6: Same approved homepage panel architecture in Live & Demo modes. */
.live-stats-grid>.mini-stat{min-height:70px;position:relative}
.stats-meta-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:9px 0}
.stats-meta-item{display:flex;align-items:flex-start;gap:7px;padding:8px 6px;border:1px solid #124468;background:#06182a;border-radius:7px;min-width:0}
.stats-meta-item>.icon{flex:0 0 15px;width:15px;height:15px;color:#32b6ff;margin-top:4px}
.stats-meta-item span{min-width:0}.stats-meta-item b{display:block;font-size:13px;color:#f1f8ff}.stats-meta-item small{display:block;color:#7cd2ff;font-size:8px;text-transform:uppercase;font-weight:900;line-height:1.45}.stats-meta-item span span{display:block;color:#83a9c6;font-size:8px;line-height:1.4;margin-top:2px}
.live-wipe{padding:9px 12px;min-height:68px;background:linear-gradient(100deg,#071b2fbb,#06162dd2),url('public-server-pve.jpg') center/cover;box-shadow:inset 0 0 0 1px #1a568477;border-color:#14588d}
.live-wipe .wipe-pending{margin-left:auto;background:#06172dbe;border:1px solid #164774;border-radius:6px;padding:9px;font-size:10px;font-weight:800;color:#bbe0fa;text-align:right}
.live-wipe .wipe-icon{color:#28b5ff}
.main-bottom-grid>.public-card{border-radius:10px}
.main-bottom-grid .players-table td{padding:9px 7px}
.main-bottom-grid .players-table .photo-avatar{width:25px;height:25px;flex-basis:25px}
.main-bottom-grid .update-row .update-thumbnail{display:block;width:30px;height:30px;flex:0 0 30px;border-radius:6px;border:1px solid #205a7e;background-size:cover;background-position:center}
.main-bottom-grid .block-head{min-height:46px}
/* Never show a duplicate hover dropdown: the main links open pages, related pages live in the sub-tabs. */
.public-nav .nav-drop,.public-nav .nav-flyout,.public-nav .submenu,.public-nav .nav-group,.public-nav .dropdown-menu,.public-nav .nav-chevron{display:none!important}
@media(max-width:1400px){.stats-meta-strip{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1100px){.stats-meta-strip{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.stats-meta-strip{grid-template-columns:1fr 1fr}.stats-meta-item:last-child{grid-column:1/-1}.live-wipe{gap:8px}.live-wipe .wipe-pending{font-size:9px;padding:6px}}

.pbg-player-roster-note{margin:11px 0 0;color:#a9c8dd;font-size:12px;line-height:1.55}
.pbg-player-roster-note strong{color:#ffd84e}