*{box-sizing:border-box}html,body{margin:0;background:#030b14;color:#eaf2f9;font-family:Arial,Helvetica,sans-serif}body{min-width:320px}.topbar{height:55px;background:#030b15eF;border-bottom:1px solid #17334a;display:flex;align-items:center;padding:0 5.5%;gap:38px;position:sticky;top:0;z-index:20}.brand{font-size:22px;font-weight:900;white-space:nowrap}.brand span{color:#11a9ff}.crown{color:#10a8ff;margin-right:7px}nav{height:100%;display:flex;align-items:center;gap:30px;flex:1}nav a{height:100%;display:flex;align-items:center;font-size:12px;font-weight:900;color:#b6c5d2;position:relative;white-space:nowrap}nav a.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:#0da7ff}.gold{color:#ffca38!important}.tools{display:flex;align-items:center;gap:15px;color:#b7c6d3;font-size:16px;white-space:nowrap}.steam,.primary,.join{border:0;background:#0c9ff1;color:white;font-weight:900;cursor:pointer;border-radius:5px}.steam{height:38px;padding:0 18px}.hero{height:390px;position:relative;overflow:hidden;border-bottom:1px solid #183248}.hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,#020a13f5 0%,#020a13d8 35%,#020a1340 70%,#020a1390 100%),url("hero-bg.jpg") center/cover}.hero-copy{position:absolute;left:6%;top:42px;z-index:3}.eyebrow{color:#0da7ff;font-size:12px;font-weight:900;letter-spacing:1.4px;margin-bottom:10px}.hero h1{font-size:45px;line-height:.98;margin:0 0 14px;font-weight:900;letter-spacing:-1px}.hero h1 strong{color:#0da7ff}.hero h1 strong span{color:white}.hero p{font-size:14px;line-height:1.45;color:#c4d2dd;margin:0 0 17px}.actions{display:flex;gap:9px}.primary{padding:13px 19px;box-shadow:0 0 22px #079cf644}.secondary{background:#071521dd;border:1px solid #27435b;color:#dbe6ef;border-radius:5px;padding:13px 19px;font-weight:900}.hero-stats{display:flex;gap:42px;margin-top:29px}.hero-stats div{display:grid;grid-template-columns:28px auto;column-gap:8px}.hero-stats b{grid-row:1/3;color:#08a8ff;font-size:19px}.hero-stats strong{font-size:17px}.hero-stats small{font-size:10px;color:#8ca1b1}.hero-side{position:absolute;z-index:5;right:5%;top:15px;width:325px}.featured{height:155px;position:relative;border:1px solid #28455d;border-radius:6px;overflow:hidden;margin-bottom:7px}.featured img,.news-item img{width:100%;height:100%;object-fit:cover}.shade{position:absolute;inset:0;background:linear-gradient(90deg,#06111de8,#06111d55)}.featured-content{position:absolute;inset:16px;display:flex;flex-direction:column;align-items:flex-start}.featured-content small,.news-item small{color:#ffc839;font-size:10px;font-weight:900}.featured-content b{font-size:17px;margin:8px 0 4px}.featured-content p{font-size:12px;color:#b7c8d5;width:190px;line-height:1.3}.mini{padding:9px 15px;font-size:11px}.featured-content .mini{position:absolute;right:0;bottom:0}.news-item{height:60px;border-top:1px solid #183248;display:grid;grid-template-columns:70px 1fr 16px;gap:10px;align-items:center}.news-item img{height:48px;border-radius:3px}.news-item div{display:flex;flex-direction:column;gap:2px}.news-item small{color:#0ca8ff}.news-item b{font-size:12px}.news-item em{font-size:10px;color:#758c9d;font-style:normal}.news-item>span{font-size:24px;color:#8ca1b1}.section,.dashboard,.lower-grid{margin:0 4%}.section{padding-top:14px}.section-title,.panel-head{display:flex;align-items:center;gap:14px;margin-bottom:9px}.section-title h2,.panel-head h2{font-size:14px;margin:0;font-weight:900}.section-title p{font-size:12px;color:#8398a8;margin:0}.section-title a,.panel-head a{margin-left:auto;color:#0ca7ff;font-size:11px}.mode-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:7px}.mode{height:88px;border:1px solid #284258;border-radius:6px;overflow:hidden;position:relative}.mode img{position:absolute;width:100%;height:100%;object-fit:cover;opacity:.72}.mode:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent,#030b14e8)}.mode b,.mode small{position:absolute;left:12px;z-index:2}.mode b{bottom:24px;font-size:14px}.mode small{bottom:9px;font-size:10px;color:#c2d1dc}.dashboard{display:grid;grid-template-columns:1.65fr 1fr;gap:12px;margin-top:13px}.panel{border:1px solid #17344a;background:#06111d;border-radius:6px}.panel-head{padding:11px 12px;border-bottom:1px solid #17344a}.tabs,.subtabs{display:flex;gap:5px;padding:7px 10px}.tabs button{border:1px solid #18364d;background:#081725;color:#9db1c1;border-radius:4px;padding:7px 12px;font-size:10px}.tabs .selected{background:#079ff0;color:white}.server-row{height:50px;border-top:1px solid #142c3f;display:grid;grid-template-columns:80px 30px 1fr 35px 85px 65px 108px 20px;gap:6px;align-items:center;padding:0 9px}.server-row img{width:80px;height:39px;object-fit:cover;border-radius:3px}.server-row>div{display:flex;flex-direction:column}.server-row b{font-size:11px}.server-row small{font-size:10px;color:#70889a}.tag{font-style:normal;font-size:11px;font-weight:900;padding:8px 5px;border-radius:4px;text-align:center;background:#dd2942}.tag.dm{background:#ef9418}.tag.s{background:#5d2df4}.tag.kz{background:#23a268}.tag.du{background:#2871ed}.flag,.players,.ping{font-size:11px;color:#a9bac7}.ping{color:#16e394}.join{padding:10px 6px;font-size:10px}.right-column{display:grid;grid-template-columns:1fr 1fr;gap:10px}.top-players{grid-column:1}.premium{grid-column:2;position:relative;overflow:hidden;min-height:273px;padding-bottom:48px}.subtabs{border-bottom:1px solid #17344a;padding-top:0}.subtabs>*{font-size:10px;padding:7px 11px;color:#7e95a7}.subtabs b{background:#079ff0;color:#fff;border-radius:3px}.rank{height:37px;border-bottom:1px solid #142b3d;display:grid;grid-template-columns:48px 28px 1fr auto;align-items:center;padding:0 10px}.rank strong{font-size:11px}.rank img{width:25px;height:25px;border-radius:50%;object-fit:cover}.rank b{font-size:11px}.rank span{font-size:11px}.premium>div{padding:11px}.premium h2{color:#ffc538;font-size:15px;margin:0 0 8px}.premium p{font-size:12px;color:#c2d0db}.premium ul{list-style:none;padding:0;margin:10px 0}.premium li{font-size:11px;margin:7px 0;color:#d0dce4}.premium li:before{content:"♛";color:#ffc538;margin-right:8px}.premium img{position:absolute;right:-25px;bottom:42px;width:190px;height:160px;object-fit:cover;opacity:.65}.premium-btn{position:absolute;left:10px;right:10px;bottom:9px;background:#ffbe32;border:0;border-radius:4px;height:36px;font-weight:900;color:#271b00}.lower-grid{display:grid;grid-template-columns:1.3fr .85fr .9fr;gap:10px;margin-top:10px;margin-bottom:30px}.banner{height:126px;position:relative;overflow:hidden;border:1px solid #24415a;border-radius:5px}.banner img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.banner:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#07121ee8,#07121e55)}.banner>div{position:absolute;z-index:2;left:18px;top:14px}.banner h2{font-size:17px;margin:0 0 7px}.banner p{font-size:11px}.discord{background:#5b54ef;color:#fff;border:0;padding:9px;border-radius:4px;font-size:10px;font-weight:900}.stats{padding-bottom:8px}.stat-big{padding:8px 14px;color:#ffc536;display:flex;align-items:center;gap:8px}.stat-big b{font-size:20px}.stat-big small{font-size:10px;color:#8da1b0}.chart{height:55px;margin:0 14px;position:relative;border-bottom:1px solid #284358;background:repeating-linear-gradient(0deg,transparent 0 17px,#102b40 18px)}.line{position:absolute;left:0;right:0;bottom:12px;height:25px;border-top:2px solid #09a6ff;clip-path:polygon(0 55%,5% 20%,10% 60%,16% 25%,22% 70%,29% 45%,35% 75%,42% 40%,48% 60%,55% 18%,63% 58%,70% 35%,78% 65%,86% 25%,93% 52%,100% 10%,100% 16%,93% 58%,86% 31%,78% 72%,70% 42%,63% 65%,55% 24%,48% 67%,42% 47%,35% 82%,29% 52%,22% 78%,16% 33%,10% 67%,5% 27%,0 62%)}.chart span{font-size:10px;color:#718898;margin-right:20px}@media(max-width:1050px){nav{gap:14px}.hero-side{width:285px}.hero-copy{left:4%}.hero h1{font-size:39px}.server-row{grid-template-columns:70px 26px 1fr 30px 70px 55px 90px 15px}.server-row img{width:70px}}@media(max-width:800px){.topbar{padding:0 15px}.topbar nav{display:none}.tools{margin-left:auto}.tools>span{display:none}.hero{height:560px}.hero-side{left:20px;right:20px;top:auto;bottom:20px;width:auto}.hero-copy{left:20px;top:28px}.hero h1{font-size:36px}.hero p br{display:none}.hero-stats{gap:15px}.hero-stats strong{font-size:14px}.hero-stats small{font-size:10px}.mode-grid{grid-template-columns:repeat(3,1fr)}.dashboard{grid-template-columns:1fr}.right-column{grid-template-columns:1fr}.premium{grid-column:auto}.lower-grid{grid-template-columns:1fr}.server-row{grid-template-columns:55px 25px 1fr 60px 70px}.server-row .flag,.server-row>span:last-child{display:none}.server-row img{width:55px}.tabs{overflow:auto}}@media(max-width:500px){.brand{font-size:18px}.steam{padding:0 9px;font-size:11px}.hero h1{font-size:31px}.hero-stats{display:grid;grid-template-columns:1fr 1fr;margin-top:17px}.actions{flex-direction:column;width:220px}.hero-side{bottom:10px}.mode-grid{grid-template-columns:repeat(2,1fr)}.server-row{grid-template-columns:45px 22px 1fr 58px}.server-row img{width:45px}.join{font-size:10px;padding:8px 2px}.players,.ping{display:none}}

/* ===== CLUTCH FULL STACK SHARED UI ===== */
a{color:inherit;text-decoration:none}.topbar{height:55px;background:#030b15f2;border-bottom:1px solid #17334a;display:flex;align-items:center;padding:0 5%;gap:34px;position:sticky;top:0;z-index:20}.brand{font-size:21px;font-weight:900;white-space:nowrap}.brand span{color:#10a8ff}.crown{color:#10a8ff;margin-right:7px}.topbar nav{display:flex;gap:24px;flex:1;height:100%;align-items:center}.topbar nav a{font-size:11px;font-weight:900;color:#aab9c7;height:100%;display:flex;align-items:center}.topbar nav a:hover,.topbar nav a.active{color:#fff}.gold{color:#ffc637!important}.tools{display:flex;align-items:center;gap:9px}.steam{display:inline-flex;align-items:center;justify-content:center;background:#0c9ff1;color:#fff;border-radius:5px;padding:11px 15px;font-size:11px;font-weight:900;border:0}.steam.small{padding:8px 11px}.user-pill,.admin-link{font-size:11px;color:#9fb2c1}.admin-link{color:#ffc637}.flash{position:fixed;right:20px;top:70px;z-index:99;padding:12px 16px;border-radius:5px;background:#102235;border:1px solid #28506b;font-size:12px}.flash.success{border-color:#16d58b}.flash.error{border-color:#e45d6e}.auth-wrap,.page-wrap,.profile-wrap{padding:55px 5%;min-height:calc(100vh - 55px)}.auth-wrap{display:grid;place-items:center}.auth-card{max-width:480px;width:100%;padding:34px;border:1px solid #214158;background:#06111d;border-radius:8px;text-align:center}.auth-card h1,.page-title h1{font-size:38px;margin:5px 0 10px}.auth-card p,.page-title p{color:#91a7b7;font-size:14px;line-height:1.6}.auth-steam{margin:20px auto;min-width:260px}.auth-card small{display:block;color:#71899a;font-size:11px}.page-title{margin-bottom:25px}.page-title .eyebrow{color:#0da7ff;font-size:11px;font-weight:900}.server-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.server-card{border:1px solid #1b3950;background:#06111d;border-radius:7px;overflow:hidden}.server-card>img{width:100%;height:145px;object-fit:cover}.server-card-body{padding:15px}.server-card-body small{color:#0ca7ff;font-size:10px;font-weight:900}.server-card-body h2{font-size:18px;margin:7px 0}.server-card-body p{color:#8398a8;font-size:12px}.server-card-body>div{display:flex;align-items:center;gap:15px;border-top:1px solid #183349;padding-top:12px}.server-card-body .server-players{font-size:12px}.server-card-body .server-ping{color:#18db90;font-size:12px}.server-card-body .join{margin-left:auto}.table-panel{overflow:hidden}.table-head,.table-row{display:grid;grid-template-columns:50px 1fr 100px 100px 100px 100px;align-items:center;gap:10px;padding:13px 16px;border-bottom:1px solid #153047;font-size:12px}.table-head{color:#7690a2;font-size:10px;font-weight:900}.table-row>span:nth-child(2){display:flex;align-items:center;gap:8px}.avatar{width:28px;height:28px;border-radius:50%;object-fit:cover}.search{display:flex;gap:7px;margin-top:20px}.search input{background:#071622;border:1px solid #25455d;color:white;padding:12px;width:280px;border-radius:4px}.player-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.player-card{border:1px solid #1a374c;background:#06111d;padding:14px;border-radius:6px;display:flex;gap:10px;align-items:center}.player-card img{width:45px;height:45px;border-radius:50%;object-fit:cover}.player-card b{display:block;font-size:12px}.player-card small{display:block;color:#0ca7ff;font-size:10px;margin-top:4px}.profile-card{padding:30px;display:grid;grid-template-columns:90px 1fr auto;align-items:center;gap:20px}.profile-avatar{width:80px;height:80px;border-radius:50%;object-fit:cover}.profile-card h1{margin:4px 0;font-size:30px}.profile-card p{color:#728a9b;font-size:11px}.profile-stats{display:flex;gap:25px}.profile-stats b{font-size:19px;text-align:center}.profile-stats small{display:block;color:#71899b;font-size:10px;margin-top:3px}.premium-page{border:1px solid #604a1d;background:linear-gradient(120deg,#0a121b,#17120a);min-height:420px;border-radius:8px;padding:50px;position:relative;overflow:hidden}.premium-page>div{position:relative;z-index:2;width:55%}.premium-page h1{font-size:42px}.premium-page p,.premium-page li{color:#9eb0bd;font-size:13px;line-height:1.7}.premium-page img{position:absolute;right:0;top:0;width:55%;height:100%;object-fit:cover;opacity:.5}.premium-page ul{padding-left:18px}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.news-card{overflow:hidden}.news-card img{width:100%;height:150px;object-fit:cover}.news-card div{padding:15px}.news-card small{color:#0ca7ff;font-size:10px}.news-card h2{font-size:16px}.news-card p{font-size:12px;color:#859aaa;line-height:1.5}.article{overflow:hidden}.article>img{width:100%;height:300px;object-fit:cover}.article>div{padding:25px}.article h1{font-size:32px}.article p{font-size:14px;line-height:1.8;color:#aebdca}.admin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.admin-stat{padding:22px}.admin-stat small{display:block;color:#7790a1;font-size:10px}.admin-stat b{display:block;font-size:30px;margin-top:8px}.admin-links{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:15px}.admin-links a{padding:20px;border:1px solid #1d3b51;background:#06111d;border-radius:6px;font-weight:900;font-size:12px}.admin-row{display:grid;grid-template-columns:30px 1fr 1fr 120px 80px;align-items:center;gap:10px;padding:10px;border-bottom:1px solid #143047;font-size:11px}.admin-row select,.admin-row input,.admin-form input,.admin-form textarea{background:#071622;border:1px solid #26455c;color:#fff;padding:9px;border-radius:4px}.admin-form{display:grid;gap:8px}.admin-form textarea{min-height:150px}.form-panel{padding:20px;margin-bottom:15px}.form-panel h2{font-size:14px}.join{background:#0b9fe9;color:#fff;border:0;border-radius:4px;padding:9px 11px;font-size:10px;font-weight:900}@media(max-width:900px){.topbar nav{display:none}.server-grid,.news-grid,.player-grid{grid-template-columns:1fr}.profile-card{grid-template-columns:70px 1fr}.profile-stats{grid-column:1/-1}.premium-page>div{width:100%}.premium-page img{width:100%;opacity:.15}.table-head,.table-row{grid-template-columns:35px 1fr 65px 65px}.table-head span:nth-child(n+4),.table-row span:nth-child(n+4){display:none}.admin-grid,.admin-links{grid-template-columns:1fr}.admin-row{grid-template-columns:28px 1fr 1fr 75px}.hero-side{display:none}}@media(max-width:600px){.topbar{padding:0 14px}.tools .user-pill,.admin-link{display:none}.auth-card{padding:25px}.page-wrap{padding:35px 14px}.page-title h1{font-size:30px}.profile-card{padding:20px}.premium-page{padding:25px}.premium-page h1{font-size:30px}}


/* =========================
   CLUTCH HOME V2
   ========================= */
.hero-v2{height:365px;position:relative;overflow:hidden;border-bottom:1px solid #17364c;background:#020b14}
.hero-v2-bg{position:absolute;inset:0;background-image:url("hero-bg.jpg");background-size:cover;background-position:center right;transform:scale(1.02)}
.hero-v2-overlay{position:absolute;inset:0;background:
  linear-gradient(90deg,#020a14 0%,#020a14e8 18%,#020a1488 44%,#020a1425 72%,#020a14b0 100%),
  linear-gradient(0deg,#020a14 0%,transparent 22%,transparent 75%,#020a14 100%)}
.hero-v2-copy{position:absolute;left:6%;top:43px;z-index:3}
.hero-v2-copy h1{font-size:43px;line-height:.98;margin:0 0 13px;font-weight:950;letter-spacing:-1.3px;text-shadow:0 2px 16px #000}
.hero-v2-copy h1 strong{color:#09a8ff}.hero-v2-copy h1 strong span{color:#fff}
.hero-v2-copy p{font-size:13px;line-height:1.45;color:#b6c7d3;margin:0 0 18px}
.hero-v2 .actions{display:flex;gap:8px}.hero-v2 .primary{padding:13px 20px;font-size:12px}
.hero-v2 .secondary{display:inline-flex;align-items:center;padding:13px 20px;border:1px solid #28506b;border-radius:5px;color:#e5eef5;background:#051321d9;font-size:12px;font-weight:900}
.hero-v2 .secondary:hover{border-color:#0ca8ff;background:#082036}
.hero-stats{display:flex;gap:33px;margin-top:22px}.hero-stats>div{display:grid;grid-template-columns:24px auto;column-gap:5px;align-items:center}
.hero-stats b{grid-row:1/3;color:#8a3de4;font-size:15px}.hero-stats strong{font-size:16px;line-height:1}.hero-stats small{font-size:10px;color:#8ba1b0;white-space:nowrap}
.hero-v2-side{position:absolute;right:5%;top:23px;width:315px;z-index:4}
.side-feature{height:132px;position:relative;border:1px solid #2b526d;border-radius:7px;overflow:hidden;background:#06111d}
.side-feature img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:right;opacity:.7}
.side-feature-shade{position:absolute;inset:0;background:linear-gradient(90deg,#06111df4,#06111d88)}
.side-feature-content{position:absolute;inset:15px;display:flex;flex-direction:column;align-items:flex-start}
.side-feature-content small{font-size:10px;font-weight:900;color:#ffc63b}.side-feature-content b{font-size:14px;margin:5px 0}.side-feature-content p{font-size:11px;line-height:1.35;color:#b6c6d1;width:190px;margin:0}
.side-feature-content .mini{position:absolute;right:0;bottom:0;padding:9px 14px;font-size:10px}
.side-news{height:53px;display:grid;grid-template-columns:58px 1fr 15px;gap:9px;align-items:center;border-bottom:1px solid #183449;padding:4px 0}
.side-news img{width:58px;height:44px;object-fit:cover;border:1px solid #29465b;border-radius:3px;background:#08131e}
.side-news div{display:flex;flex-direction:column;gap:1px}.side-news small{color:#0ca8ff;font-size:10px;font-weight:900}.side-news b{font-size:11px}.side-news em{font-size:10px;color:#72899a;font-style:normal}.side-news>span{font-size:22px;color:#7892a4}
.modes-v2{padding-top:14px}.modes-v2 .section-title{margin-bottom:8px}.mode-grid{gap:8px}
.mode-v2{height:79px;border:1px solid #29455b;border-radius:6px;overflow:hidden;position:relative;background:#07121e}
.mode-v2 img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.8;transition:transform .2s,opacity .2s}
.mode-v2:hover img{transform:scale(1.06);opacity:1}.mode-v2-shade{position:absolute;inset:0;background:linear-gradient(180deg,#07121e11,#07121ed9)}
.mode-v2-text{position:absolute;left:11px;bottom:9px;z-index:2;display:flex;flex-direction:column;gap:4px}.mode-v2-text b{font-size:13px}.mode-v2-text small{font-size:10px;color:#a8bac7}
.dashboard-v2{display:grid;grid-template-columns:1.65fr 1fr;gap:10px;margin:12px 4% 30px}
.server-row-v2{height:52px;border-top:1px solid #142d40;display:grid;grid-template-columns:72px 34px 1fr 25px 58px 55px 105px 20px;gap:7px;align-items:center;padding:0 9px}
.server-row-v2>img{width:72px;height:39px;object-fit:cover;border-radius:3px}.server-row-v2 .tag{font-size:10px}.server-row-v2 .server-name{display:flex;flex-direction:column}.server-row-v2 .server-name b{font-size:11px}.server-row-v2 .server-name small{font-size:10px;color:#708899}.server-row-v2 .flag{font-size:10px;color:#6f8797}.server-row-v2 .players{font-size:11px}.server-row-v2 .ping{font-size:11px;color:#18dc92}.server-row-v2 .join{font-size:10px}.star{font-size:16px;color:#7892a1}
.right-column-v2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.top-players-v2{min-width:0}.premium-v2{position:relative;min-height:263px;overflow:hidden}.premium-copy{position:relative;z-index:2;padding:12px}.premium-v2 h2{font-size:15px;color:#ffc43a;margin:0 0 7px}.premium-v2 p{font-size:11px;line-height:1.4;color:#bdcbd5}.premium-v2 ul{padding:0;margin:9px 0;list-style:none}.premium-v2 li{font-size:10px;margin:6px 0;color:#d5e0e7}.premium-v2 li:before{content:"♛";color:#ffc43a;margin-right:7px}.premium-v2>img{position:absolute;right:-8px;bottom:42px;width:185px;height:165px;object-fit:cover;opacity:.72;mask-image:linear-gradient(90deg,transparent,#000 38%)}.premium-btn{position:absolute;left:10px;right:10px;bottom:9px;height:34px;display:flex;align-items:center;justify-content:center;background:#ffbe32;color:#251900;border-radius:4px;font-size:11px;font-weight:950}
.rank-v2{height:37px;display:grid;grid-template-columns:34px 26px 1fr auto;align-items:center;padding:0 10px;border-bottom:1px solid #142d40}.rank-v2 strong{font-size:11px}.rank-v2 img{width:23px;height:23px;object-fit:cover;border-radius:50%;border:1px solid #27475f}.rank-v2 b{font-size:11px}.rank-v2 span{font-size:11px;color:#dce8ef}.empty-state{padding:30px 15px;text-align:center;color:#72899a;font-size:12px}
@media(max-width:1050px){.hero-v2-side{right:3%;width:285px}.hero-v2-copy{left:4%}.hero-v2-copy h1{font-size:38px}.server-row-v2{grid-template-columns:62px 28px 1fr 25px 45px 48px 90px 15px}.server-row-v2>img{width:62px}}
@media(max-width:800px){.hero-v2{height:520px}.hero-v2-copy{left:20px;top:27px}.hero-v2-copy h1{font-size:34px}.hero-v2-side{left:20px;right:20px;top:auto;bottom:12px;width:auto}.hero-v2 .hero-stats{gap:15px}.dashboard-v2{grid-template-columns:1fr;margin-left:20px;margin-right:20px}.right-column-v2{grid-template-columns:1fr}.premium-v2{min-height:230px}.server-row-v2{grid-template-columns:52px 25px 1fr 60px 75px}.server-row-v2>img{width:52px}.server-row-v2 .flag,.server-row-v2 .star{display:none}}
@media(max-width:500px){.hero-v2-copy h1{font-size:29px}.hero-v2-copy p{font-size:12px}.hero-v2-copy p br{display:none}.hero-v2 .actions{width:225px;flex-direction:column}.hero-v2 .primary,.hero-v2 .secondary{justify-content:center}.hero-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mode-grid{grid-template-columns:repeat(2,1fr)}.server-row-v2{grid-template-columns:45px 22px 1fr 65px}.server-row-v2>img{width:45px}.server-row-v2 .players,.server-row-v2 .ping{display:none}}
/* CLUTCH V3 precision pass */
.hero-v2{height:365px}
.hero-v2-copy{top:47px}
.hero-v2-side{top:23px;width:315px}
.hero-v2-side .side-feature{height:116px}
.side-news{height:51px}
.mode-v2{height:78px}
.dashboard-v2{grid-template-columns:minmax(0,1.68fr) minmax(0,.95fr);gap:10px}
.right-column-v2{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.server-row-v2{height:51px}
@media(max-width:800px){.hero-v2{height:520px}.hero-v2-copy{top:27px}}


/* ==========================================================
   CLUTCH DESIGN SYSTEM V4 — modern UI pass for every page
   ========================================================== */
:root{
  --bg:#020914;--bg2:#06111d;--panel:#071522;--panel2:#0a1825;
  --line:#17364d;--line2:#21465f;--text:#edf5fb;--muted:#8da4b4;
  --blue:#08a8ff;--blue2:#007dcc;--cyan:#29c4ff;--green:#18dc92;
  --gold:#ffc338;--red:#ff5268;--shadow:0 18px 55px rgba(0,0,0,.32);
}
html{scroll-behavior:smooth;scrollbar-color:#1c435c #030b14;scrollbar-width:thin}
body{background:
 radial-gradient(circle at 78% 8%,rgba(0,154,255,.075),transparent 26%),
 radial-gradient(circle at 15% 65%,rgba(61,26,150,.045),transparent 25%),var(--bg);
 color:var(--text);font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;letter-spacing:.01em}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.009) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,#000,transparent 80%)}
a{transition:color .18s ease,border-color .18s ease,background .18s ease,transform .18s ease,box-shadow .18s ease}
button,input,select,textarea{font:inherit}button{cursor:pointer}

/* Header */
.topbar{height:58px;padding:0 clamp(18px,5vw,86px);gap:34px;background:rgba(2,9,18,.88);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid rgba(40,84,112,.55);box-shadow:0 8px 28px rgba(0,0,0,.16)}
.brand{font-size:21px;letter-spacing:-.5px}.brand .crown{filter:drop-shadow(0 0 8px rgba(0,168,255,.3))}.topbar nav{gap:26px}.topbar nav a{font-size:11px;letter-spacing:.35px;color:#9db2c2}.topbar nav a:after{height:2px!important;background:linear-gradient(90deg,var(--blue),var(--cyan))!important;box-shadow:0 0 12px rgba(8,168,255,.55)}
.tools{gap:10px}.steam{background:linear-gradient(135deg,#0eaaf7,#078bd7);box-shadow:0 8px 24px rgba(0,148,232,.18);border:1px solid rgba(105,206,255,.18);transition:.2s}.steam:hover{transform:translateY(-1px);box-shadow:0 12px 28px rgba(0,148,232,.28);background:linear-gradient(135deg,#16b2ff,#078bd7)}
.user-pill,.admin-link{padding:8px 10px;border:1px solid transparent;border-radius:5px}.user-pill:hover,.admin-link:hover{border-color:#1d4259;background:#081824;color:#fff}

/* Global page shell */
.page-wrap,.auth-wrap,.profile-wrap{padding:64px clamp(18px,5vw,86px);min-height:calc(100vh - 58px)}
.page-title{max-width:1000px;margin-bottom:28px}.page-title .eyebrow,.eyebrow{letter-spacing:1.7px;text-transform:uppercase}.page-title h1,.auth-card h1{font-size:clamp(30px,4vw,46px);letter-spacing:-1.4px;text-shadow:0 10px 35px rgba(0,0,0,.35)}
.page-title p{max-width:700px}.panel,.auth-card,.server-card,.player-card{background:linear-gradient(180deg,rgba(8,21,34,.94),rgba(4,14,24,.94));border-color:rgba(32,72,96,.78);box-shadow:0 10px 35px rgba(0,0,0,.16)}
.panel{border-radius:8px;overflow:hidden}.panel:hover{border-color:rgba(47,101,132,.85)}
.panel-head{min-height:48px;background:linear-gradient(180deg,rgba(13,31,47,.55),rgba(7,17,28,.2));border-bottom-color:#18384e}.panel-head h2,.section-title h2{letter-spacing:.35px}.panel-head h2:first-letter,.section-title h2:first-letter{color:var(--blue)}

/* Buttons and fields */
.primary,.join{background:linear-gradient(135deg,#10adfb,#058ed8);border:1px solid rgba(104,208,255,.2);box-shadow:0 7px 22px rgba(0,145,226,.16);transition:.2s}.primary:hover,.join:hover{transform:translateY(-1px);filter:brightness(1.07);box-shadow:0 11px 28px rgba(0,145,226,.25)}
.secondary{transition:.2s}.secondary:hover{transform:translateY(-1px);background:#0a1d2e;border-color:#2d6688;box-shadow:0 8px 25px rgba(0,0,0,.2)}
input,select,textarea{background:rgba(5,17,28,.92)!important;border:1px solid #24475f!important;color:#eef6fb!important;outline:none;transition:.18s;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
input:focus,select:focus,textarea:focus{border-color:#159fe4!important;box-shadow:0 0 0 3px rgba(8,168,255,.10),0 8px 25px rgba(0,0,0,.15)}
::placeholder{color:#617a8c!important}
.search input{background:#071522!important}.flash{backdrop-filter:blur(12px);background:rgba(9,26,40,.92);box-shadow:var(--shadow)}

/* Cards / listings */
.server-card,.player-card,.news-card,.news-card.panel{transition:transform .2s,border-color .2s,box-shadow .2s}.server-card:hover,.player-card:hover,.news-card:hover{transform:translateY(-3px);border-color:#2b6787;box-shadow:0 16px 38px rgba(0,0,0,.24)}
.server-card>img{height:160px;filter:saturate(.9);transition:transform .35s,filter .35s}.server-card:hover>img{transform:scale(1.025);filter:saturate(1.1)}
.server-card-body{background:linear-gradient(180deg,rgba(7,18,29,.2),rgba(3,12,21,.35))}.server-card-body h2{letter-spacing:-.3px}.server-card-body>div{border-top-color:#19384e}
.server-card .tag,.tag{box-shadow:0 4px 14px rgba(0,0,0,.22)}
.player-card{background:linear-gradient(145deg,#091927,#06111c);border-radius:8px}.player-card img,.avatar,.profile-avatar{border:1px solid #2a526b;box-shadow:0 0 0 3px rgba(6,24,37,.7)}
.news-card img{filter:saturate(.88);transition:transform .35s,filter .35s}.news-card:hover img{transform:scale(1.035);filter:saturate(1.08)}.news-card h2{letter-spacing:-.25px}.news-card div{background:linear-gradient(180deg,#081722,#06111c)}
.article{box-shadow:var(--shadow)}.article>img{height:min(42vw,420px);filter:saturate(.92)}.article>div{background:linear-gradient(180deg,#071522,#05101a)}

/* Tables */
.table-panel{background:#06111d}.table-head{background:#081927;color:#7692a5}.table-row{min-height:54px;transition:background .15s}.table-row:hover{background:rgba(12,43,62,.32)}
.table-row:last-child{border-bottom:0}

/* Premium */
.premium-page{border-color:rgba(139,105,32,.55);background:radial-gradient(circle at 80% 50%,rgba(255,193,45,.11),transparent 28%),linear-gradient(115deg,#07131f,#16140d);box-shadow:var(--shadow)}
.premium-page:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,12,20,.1),rgba(4,12,20,.05) 55%,rgba(0,0,0,.42));pointer-events:none}.premium-page>div{z-index:3}.premium-page h1{letter-spacing:-1.5px}.premium-page img{filter:saturate(.85);opacity:.62}.premium-page .primary{background:linear-gradient(135deg,#ffd34e,#e7a819);color:#211900;box-shadow:0 8px 25px rgba(255,191,45,.16)}

/* Profile */
.profile-card{background:linear-gradient(145deg,#091a28,#06111c);border-color:#20465e;border-radius:10px;box-shadow:var(--shadow)}.profile-stats>div{padding:12px 15px;border:1px solid #17384e;background:#071522;border-radius:7px}.profile-stats b{font-size:20px}

/* Admin */
.admin-grid{gap:12px}.admin-stat{background:linear-gradient(145deg,#091b29,#06121e);border:1px solid #1b3d54;border-radius:8px;box-shadow:0 12px 30px rgba(0,0,0,.15)}.admin-stat b{font-size:31px;color:#eef6fb}.admin-stat small{letter-spacing:.8px;text-transform:uppercase}.admin-links{gap:12px}.admin-links a{background:linear-gradient(145deg,#0a1a28,#06121e);border-color:#1b3d54;transition:.2s}.admin-links a:hover{transform:translateY(-2px);border-color:#2b6c8d;box-shadow:0 12px 28px rgba(0,0,0,.2);background:#0b1e2e}.form-panel{box-shadow:var(--shadow)}.form-panel h2{letter-spacing:.5px}.admin-row{min-height:48px;background:rgba(4,14,24,.22)}.admin-row:hover{background:rgba(11,35,51,.35)}

/* Home V4 polish */
.hero-v2{height:390px;background:#020914;box-shadow:inset 0 -35px 60px rgba(2,9,20,.65)}.hero-v2-bg{filter:saturate(.92) contrast(1.04)}.hero-v2-overlay{background:linear-gradient(90deg,#020914f8 0%,#020914e8 17%,#020914a8 43%,#02091430 72%,#020914b8 100%),linear-gradient(0deg,#020914 0%,transparent 20%,transparent 82%,#020914 100%)}
.hero-v2-copy h1{font-size:clamp(34px,3.35vw,48px);letter-spacing:-1.8px}.hero-v2-copy p{max-width:470px}.hero-v2 .primary,.hero-v2 .secondary{min-height:43px}.hero-stats>div{padding-right:10px}.hero-v2-side{filter:drop-shadow(0 12px 28px rgba(0,0,0,.3))}.side-feature,.side-news{border-color:rgba(40,81,106,.8)}.side-feature{background:#06121eaa;backdrop-filter:blur(5px)}.side-news{background:rgba(3,13,23,.24);padding-left:5px;padding-right:4px}.side-news:hover{background:rgba(9,30,45,.58);padding-left:8px}.mode-v2{box-shadow:0 8px 20px rgba(0,0,0,.14)}.mode-v2:after{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.02);border-radius:inherit;pointer-events:none}.dashboard-v2{margin-bottom:38px}.dashboard-v2 .panel{box-shadow:0 12px 34px rgba(0,0,0,.16)}.server-row-v2{transition:background .15s}.server-row-v2:hover{background:linear-gradient(90deg,rgba(10,37,55,.55),rgba(6,17,29,.25))}.server-row-v2 .join{box-shadow:none}.premium-v2{background:radial-gradient(circle at 90% 65%,rgba(255,190,50,.10),transparent 38%),linear-gradient(145deg,#091a26,#11130e)}

/* Better empty states */
.empty-state{min-height:150px;display:grid;place-items:center;line-height:1.6}

/* Mobile */
@media(max-width:900px){.page-wrap,.profile-wrap{padding:42px 18px}.hero-v2{height:530px}.hero-v2-side{left:18px;right:18px;width:auto}.hero-v2-copy{left:18px}.dashboard-v2{margin-left:18px;margin-right:18px}.profile-stats{gap:8px}.profile-stats>div{padding:10px}.topbar{padding:0 18px}}
@media(max-width:600px){.topbar{height:54px}.brand{font-size:18px}.steam{padding:9px 10px;font-size:10px}.page-wrap,.auth-wrap,.profile-wrap{padding:30px 14px}.page-title h1,.auth-card h1{font-size:30px}.page-title{margin-bottom:20px}.search{width:100%}.search input{width:100%}.profile-card{gap:14px}.profile-stats{display:grid;grid-template-columns:repeat(2,1fr);width:100%}.profile-stats>div{text-align:center}.hero-v2{height:555px}.hero-v2-copy{top:24px}.hero-v2-copy h1{font-size:30px}.hero-v2-copy p{font-size:12px}.hero-v2-side{bottom:14px}.side-feature{height:108px}.mode-grid{gap:7px}.mode-v2{height:76px}.dashboard-v2{margin-left:14px;margin-right:14px}.server-row-v2{padding:0 7px}.premium-page{padding:24px;min-height:470px}.premium-page h1{font-size:30px}.article>div{padding:18px}.article h1{font-size:25px}.admin-row{overflow:auto}.admin-row>*{min-width:max-content}}

/* ===== FORUM ===== */
.forum-page{max-width:1400px;margin:0 auto}.forum-title-row{justify-content:space-between;align-items:flex-end}.forum-title-row .steam{flex:none}.forum-layout{display:grid;grid-template-columns:1.65fr .75fr;gap:14px}.forum-card{background:linear-gradient(180deg,#071521,#06111b);border:1px solid #173a51;border-radius:9px;overflow:hidden;box-shadow:0 12px 35px #0003}.forum-card-head{min-height:60px;padding:14px 17px;border-bottom:1px solid #153248;display:flex;align-items:center;justify-content:space-between}.forum-card-head>div{display:flex;flex-direction:column;gap:4px}.forum-card-head b{font-size:14px}.forum-card-head small,.forum-card-head>span{font-size:10px;color:#728a9b}.forum-card-head>a{font-size:10px;color:#0ba8ff}.forum-category{min-height:88px;display:grid;grid-template-columns:58px 1fr 70px 145px 18px;gap:14px;align-items:center;padding:12px 17px;border-bottom:1px solid #122c40;transition:.18s}.forum-category:hover{background:#0a1c2b}.forum-category:last-child{border-bottom:0}.forum-icon{width:46px;height:46px;border:1px solid #21455e;background:#0a1c2a;border-radius:8px;display:grid;place-items:center;font-size:20px}.forum-cat-main b{font-size:13px}.forum-cat-main p{font-size:11px;color:#718a9b;margin:5px 0 0}.forum-count{display:flex;flex-direction:column;text-align:center}.forum-count strong{font-size:14px;color:#dbe7ef}.forum-count small,.forum-last small{font-size:10px;color:#587184}.forum-last{display:flex;flex-direction:column;gap:4px}.forum-last span{font-size:10px;color:#9db0bd}.forum-arrow{font-size:23px;color:#4e738a}.topic-mini{display:grid;grid-template-columns:30px 1fr 12px;gap:9px;align-items:center;padding:10px 13px;border-bottom:1px solid #132c40}.topic-mini:hover{background:#0a1c2a}.topic-mini-icon{font-size:14px}.topic-mini div{display:flex;flex-direction:column;gap:4px;min-width:0}.topic-mini b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topic-mini small{font-size:10px;color:#688195}.topic-mini>span:last-child{font-size:17px;color:#638096}.forum-info{margin-top:12px}.forum-info ul{margin:0;padding:13px 28px 18px;color:#90a6b5}.forum-info li{font-size:11px;margin:9px 0}.forum-empty{padding:35px 20px;text-align:center;color:#71899a;font-size:12px}.forum-form-card{max-width:900px}.forum-form{padding:18px;display:grid;gap:14px}.forum-form label{display:grid;gap:6px;font-size:11px;color:#93a8b6;font-weight:900}.forum-form input,.forum-form select,.forum-form textarea,.reply-card textarea{width:100%;box-sizing:border-box;background:#030d17;border:1px solid #1d4058;border-radius:5px;color:#e7f0f5;padding:12px;font:inherit;font-size:12px;outline:0}.forum-form input:focus,.forum-form select:focus,.forum-form textarea:focus,.reply-card textarea:focus{border-color:#08a9ff;box-shadow:0 0 0 2px #08a9ff18}.forum-form .steam{justify-self:start}.topic-breadcrumb{display:flex;gap:8px;align-items:center;color:#688296;font-size:10px;margin-bottom:18px}.topic-breadcrumb a{color:#0ca8ff;font-weight:900}.topic-breadcrumb b{color:#b8c8d3;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topic-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:20px}.topic-head h1{font-size:30px;margin:7px 0}.topic-head p{font-size:11px;color:#718a9b}.topic-wrap{display:grid;grid-template-columns:1fr 260px;gap:13px}.post-card{display:grid;grid-template-columns:150px 1fr;background:#06121e;border:1px solid #17384e;border-radius:8px;overflow:hidden;margin-bottom:10px;min-height:180px}.post-user{background:#071724;border-right:1px solid #153247;padding:18px 12px;display:flex;align-items:center;flex-direction:column;text-align:center;gap:7px}.post-user img{width:54px;height:54px;object-fit:cover;border-radius:50%;border:2px solid #1d4964}.post-user b{font-size:12px}.post-user small{font-size:10px;color:#0ca8ff;font-weight:900}.post-user span{font-size:10px;color:#738b9d}.post-content{padding:0 17px 17px;min-width:0}.post-content header{height:43px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #142f43;margin-bottom:15px;color:#668094;font-size:10px}.post-content header b{color:#cbd9e1;font-size:12px}.post-text{font-size:12px;color:#b9c9d4;line-height:1.7;white-space:normal}.reply-card .post-content textarea{margin-bottom:10px;display:block}.reply-card .post-content .steam{font-size:10px}.topic-sidebar{min-width:0}.topic-meta{padding:12px 15px;display:grid;gap:14px}.topic-meta span{display:flex;flex-direction:column;gap:4px}.topic-meta small{font-size:10px;color:#597386}.topic-meta b{font-size:11px;color:#c8d6df}.moderation-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:12px}.moderation-grid button{background:#0a1b29;border:1px solid #21465e;color:#9db1bf;border-radius:4px;padding:9px 5px;font-size:10px;cursor:pointer}.moderation-grid button:hover{border-color:#0ba8ff;color:#fff}.forum-locked{padding:16px;border:1px solid #243f53;background:#071522;color:#728a9b;border-radius:7px;font-size:11px;margin-bottom:10px;text-align:center}@media(max-width:850px){.forum-layout,.topic-wrap{grid-template-columns:1fr}.forum-category{grid-template-columns:48px 1fr 50px 18px}.forum-last{display:none}.topic-sidebar{order:-1}.post-card{grid-template-columns:95px 1fr}.post-user img{width:44px;height:44px}}@media(max-width:550px){.forum-title-row{align-items:flex-start;flex-direction:column}.forum-title-row .steam{width:100%;text-align:center}.forum-category{grid-template-columns:42px 1fr 18px;padding:10px}.forum-icon{width:38px;height:38px;font-size:17px}.forum-count{display:none}.topic-head{align-items:flex-start;flex-direction:column}.topic-head h1{font-size:23px}.post-card{grid-template-columns:1fr}.post-user{border-right:0;border-bottom:1px solid #153247;flex-direction:row;text-align:left;padding:10px}.post-user img{width:34px;height:34px}.post-user span{margin-left:auto}.post-content{padding:0 12px 12px}}

/* Local-only access */
.local-auth-card{max-width:460px;border-color:#164c6b;box-shadow:0 18px 70px rgba(0,0,0,.45),0 0 30px rgba(0,157,255,.08)}
.local-form{display:grid;gap:14px;margin-top:18px}.local-form label{display:grid;gap:7px;color:#9db2c0;font-size:12px;font-weight:800;text-transform:uppercase}.local-form input{width:100%;box-sizing:border-box;padding:13px 14px;border:1px solid #1d4057;border-radius:5px;background:#06131f;color:#fff;outline:none}.local-form input:focus{border-color:#08a9ff;box-shadow:0 0 0 2px rgba(8,169,255,.08)}.local-form .primary{border:0;cursor:pointer}.local-note{display:block;margin-top:14px;color:#6f8797;line-height:1.5}.local-disabled{margin-top:18px;padding:14px;border:1px solid #5a3b20;background:#1a1209;color:#d7b277;border-radius:5px;font-size:12px}.local-error{position:static;margin:15px 0 0}.local-error.flash{padding:10px;border-radius:4px}


/* ===== FORUM V2: categories, topics, subcategories, pin sorting ===== */
.subcategory-chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.subcategory-chips span{font-size:10px;color:#89a0af;border:1px solid #183a51;background:#071a28;border-radius:999px;padding:4px 7px}.forum-category:hover .subcategory-chips span{border-color:#245776;color:#b9d1df}
.forum-subcats{margin-bottom:12px}.forum-category.subcategory{min-height:76px;padding-left:25px;background:#06121d}.forum-category.subcategory:hover{background:#091c2b}
.topic-list-card{margin-top:12px}.topic-row-v2{min-height:70px;display:grid;grid-template-columns:42px 1fr 150px 18px;gap:12px;align-items:center;padding:10px 15px;border-bottom:1px solid #122d41;transition:.16s}.topic-row-v2:last-child{border-bottom:0}.topic-row-v2:hover{background:#0a1c2a}.topic-row-v2.is-pinned{background:linear-gradient(90deg,#102238,#07131f)}.topic-row-v2.is-pinned:hover{background:#10283b}.topic-row-icon{width:32px;height:32px;display:grid;place-items:center;border:1px solid #21455e;border-radius:7px;background:#071a28;font-size:14px}.topic-row-main{min-width:0;display:flex;flex-direction:column;gap:5px}.topic-row-main b{font-size:12px;color:#dfeaf0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topic-row-main small{font-size:10px;color:#688195;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topic-row-activity{display:flex;flex-direction:column;gap:4px;text-align:right}.topic-row-activity small{font-size:9px;color:#587184}.topic-row-activity span{font-size:10px;color:#8fa4b1}.forum-admin-grid{display:grid;grid-template-columns:1.25fr .9fr;gap:14px;margin-bottom:14px}.admin-forum-row{min-height:62px;display:grid;grid-template-columns:42px 1fr 65px 65px;gap:10px;align-items:center;padding:8px 13px;border-bottom:1px solid #122d41}.admin-forum-row .forum-icon{width:34px;height:34px;font-size:14px}.admin-forum-row>div:nth-child(2){display:flex;flex-direction:column;gap:4px}.admin-forum-row b{font-size:11px}.admin-forum-row small{font-size:10px;color:#678095}.admin-forum-row>span{font-size:9px;color:#1ddc93;text-align:center}.admin-forum-row>a{font-size:10px;color:#0ca8ff;text-align:right}.admin-pin-row{display:grid;grid-template-columns:1fr 55px 55px 60px;gap:7px;align-items:center;padding:10px 13px;border-bottom:1px solid #122d41}.admin-pin-row>div{display:flex;flex-direction:column;gap:3px;min-width:0}.admin-pin-row b{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-pin-row small{font-size:10px;color:#678095}.admin-pin-row input[type=number]{width:100%;box-sizing:border-box;background:#03101a;border:1px solid #21465e;color:#fff;border-radius:4px;padding:7px;font-size:11px}.admin-pin-row button{background:#0a1b29;border:1px solid #21465e;color:#b5c7d2;border-radius:4px;padding:7px 4px;font-size:10px;cursor:pointer}.admin-pin-row button:hover{border-color:#0ca8ff;color:#fff}.admin-pin-row .check{font-size:10px;color:#8499a7;white-space:nowrap}.forum-admin-form{margin-top:14px;max-width:900px}.pin-order-form{display:grid;grid-template-columns:1fr auto;gap:5px;align-items:end}.pin-order-form label{font-size:10px;color:#708798;display:grid;gap:4px}.pin-order-form input{width:55px;background:#03101a;border:1px solid #21465e;color:#fff;border-radius:4px;padding:7px;font-size:11px}
@media(max-width:900px){.forum-admin-grid{grid-template-columns:1fr}.topic-row-v2{grid-template-columns:35px 1fr 18px}.topic-row-activity{display:none}.admin-forum-row{grid-template-columns:38px 1fr 55px 60px}.admin-pin-row{grid-template-columns:1fr 55px 55px 60px}}
@media(max-width:600px){.topic-row-v2{padding:10px;grid-template-columns:34px 1fr 16px}.topic-row-main b{font-size:11px}.admin-forum-row{grid-template-columns:36px 1fr 50px 55px;padding:8px}.admin-pin-row{grid-template-columns:1fr 48px;gap:6px}.admin-pin-row .check{display:none}.admin-pin-row button{grid-column:2}.forum-category{min-height:82px}}

/* Forum archive / delete controls */
.forum-archive-banner{display:flex;gap:12px;align-items:center;padding:13px 16px;margin:0 0 16px;border:1px solid #6b4c18;background:linear-gradient(90deg,#211a0b,#0a1420);border-radius:7px;color:#ffc44a}.forum-archive-banner b{display:block;font-size:12px;letter-spacing:.4px}.forum-archive-banner span{display:block;color:#9eb0bc;font-size:11px;margin-top:3px}.moderation-card .forum-card-head small{max-width:520px}.mod-warning{border-color:#80611c!important;color:#ffc84a!important}.mod-danger{border-color:#79303b!important;color:#ff6f7d!important}.mod-success{border-color:#1d7555!important;color:#54e5ad!important}.archived-admin-card{margin-top:10px}.admin-archived-row{display:grid;grid-template-columns:minmax(0,1fr) 130px 80px 90px 80px;gap:10px;align-items:center;padding:11px 13px;border-top:1px solid #163044}.admin-archived-row>div{min-width:0}.admin-archived-row b{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-archived-row small{display:block;color:#728b9c;font-size:10px;margin-top:3px}.admin-archived-row>span{font-size:10px;color:#7c94a5}.admin-archived-row>a,.admin-archived-row button{display:inline-flex;align-items:center;justify-content:center;min-height:29px;padding:0 9px;border:1px solid #24506a;border-radius:4px;background:#071725;color:#9fc1d3;font-size:10px;font-weight:900;cursor:pointer}.admin-archived-row button:hover,.admin-archived-row>a:hover{border-color:#0aa9ff;color:#fff}.admin-archived-row .danger{border-color:#70303b;color:#ff7180}.admin-archived-row form{margin:0}@media(max-width:900px){.admin-archived-row{grid-template-columns:1fr 1fr}.admin-archived-row>span{display:none}}


/* ===== V10 COMMUNITY CHAT ===== */
.home-chat-section{max-width:1400px;margin:0 auto 45px;padding:0 4%}.home-chat-card{background:linear-gradient(180deg,#071521,#050f18);border:1px solid #173c54;border-radius:10px;overflow:hidden;box-shadow:0 18px 50px #0004}.chat-head{height:64px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #173247;background:linear-gradient(90deg,#071a2a,#06121d)}.chat-head>div{display:flex;align-items:center;gap:10px}.chat-head>div>div{display:flex;flex-direction:column;gap:3px}.chat-head b{font-size:12px;letter-spacing:.3px}.chat-head small{font-size:10px;color:#718a9b}.chat-dot{width:8px;height:8px;border-radius:50%;background:#16dc8f;box-shadow:0 0 13px #16dc8f}.chat-online{font-size:10px;color:#17dc91;border:1px solid #1d624d;padding:5px 8px;border-radius:999px;font-weight:900}.chat-messages{height:220px;overflow:auto;padding:8px 13px;background:radial-gradient(circle at 20% 0,#0a2031 0,transparent 35%),#04101a}.chat-msg{display:grid;grid-template-columns:30px 1fr;gap:8px;padding:8px 4px;border-bottom:1px solid #102a3b}.chat-msg:last-child{border-bottom:0}.chat-msg img{width:28px;height:28px;border-radius:50%;object-fit:cover;border:1px solid #24516d}.chat-msg>div{min-width:0}.chat-msg-top{display:flex;align-items:center;gap:7px}.chat-msg-top b{font-size:11px}.chat-msg-top span{font-size:9px;color:#0ca8ff;border:1px solid #174f70;border-radius:3px;padding:2px 4px}.chat-msg-top time{margin-left:auto;color:#587286;font-size:10px}.chat-msg p{margin:3px 0 0;color:#b7c8d2;font-size:11px;line-height:1.45;word-break:break-word}.chat-loading{height:100%;display:grid;place-items:center;color:#678093;font-size:11px}.chat-send{display:flex;gap:8px;padding:10px;border-top:1px solid #173247;background:#06131f}.chat-send input{flex:1;min-width:0;background:#030d17;border:1px solid #1b4058;border-radius:5px;padding:11px 12px;color:#e7f0f5;outline:none;font:inherit;font-size:12px}.chat-send input:focus{border-color:#0ca8ff;box-shadow:0 0 0 2px #0ca8ff14}.chat-send button{border:0;border-radius:5px;background:#079fe8;color:white;font-size:10px;font-weight:950;padding:0 17px;cursor:pointer}.chat-send button:hover{background:#12b1ff}.chat-login{display:flex;align-items:center;justify-content:center;min-height:37px;width:100%;border:1px solid #20516e;border-radius:5px;color:#9dc5da;font-size:10px;font-weight:900;background:#071a29}.chat-login:hover{border-color:#0ca8ff;color:#fff}
/* ===== V10 RICH FORUM EDITOR ===== */
.rich-editor{border:1px solid #1d4058;border-radius:6px;overflow:hidden;background:#030d17}.rich-toolbar{height:38px;display:flex;align-items:center;gap:4px;padding:0 7px;border-bottom:1px solid #17364b;background:linear-gradient(180deg,#0a1b29,#07131f)}.rich-toolbar button{min-width:27px;height:26px;padding:0 7px;border:1px solid transparent;border-radius:4px;background:transparent;color:#9db2bf;font-size:12px;cursor:pointer}.rich-toolbar button:hover{background:#0d2639;border-color:#28516b;color:#fff}.rich-toolbar span{width:1px;height:18px;background:#1c3b50;margin:0 3px}.rich-input{min-height:150px;padding:12px;color:#dce8ef;font-size:12px;line-height:1.65;outline:0}.rich-input:empty:before{content:attr(data-placeholder);color:#5e7687}.rich-input:focus{background:#04111c}.rich-input blockquote,.post-text blockquote{margin:9px 0;padding:7px 11px;border-left:3px solid #0ca8ff;background:#071c2b;color:#a8c2d0}.rich-input pre,.post-text pre{margin:9px 0;padding:10px;border:1px solid #1b4058;background:#020a11;border-radius:4px;overflow:auto;font-family:Consolas,monospace;font-size:12px;color:#9fe0ff}.rich-input code,.post-text code{padding:2px 4px;background:#0b2030;border:1px solid #183c54;border-radius:3px;color:#b7e7ff}.rich-input ul,.rich-input ol,.post-text ul,.post-text ol{padding-left:24px}.rich-input a,.post-text a{color:#20adff;text-decoration:underline}.rich-hidden{display:none!important}.post-text strong,.post-text b{font-weight:800;color:#e9f4f8}.post-text u{text-decoration:underline;text-decoration-color:#0ca8ff}.post-text s,.post-text del{color:#8297a5}.post-text p{margin:0 0 8px}.post-text p:last-child{margin-bottom:0}
@media(max-width:600px){.home-chat-section{padding:0 20px}.chat-messages{height:240px}.chat-send{flex-direction:column}.chat-send button{height:38px}.rich-toolbar{overflow-x:auto}.rich-input{min-height:130px}}

/* ===== V14 HOME WIDTH + COMMUNITY LAYOUT ===== */
:root{--page-max:1320px}
.topbar{padding-left:max(20px,calc((100vw - var(--page-max))/2));padding-right:max(20px,calc((100vw - var(--page-max))/2))}
.hero-v2{max-width:var(--page-max);margin:14px auto 0;border:1px solid #16364d;border-radius:10px;box-shadow:0 25px 70px #0007}
.modes-v2{max-width:var(--page-max);margin-left:auto;margin-right:auto}
.dashboard-v2{max-width:var(--page-max);margin-left:auto;margin-right:auto}
.community-home-grid{width:min(var(--page-max),calc(100% - 40px));margin:12px auto 42px;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,.75fr);gap:12px}
.community-home-grid .home-chat-card{min-width:0;margin:0}
.home-news-card{min-width:0;overflow:hidden}
.home-news-card .panel-head{padding:13px 15px}
.home-news-card .panel-head>div{display:flex;flex-direction:column;gap:3px}
.home-news-card .panel-head small{font-size:10px;color:#708899}
.home-news-list{padding:0 8px 8px}
.home-news-item{min-height:72px;display:grid;grid-template-columns:76px 1fr 15px;gap:10px;align-items:center;padding:7px;border-bottom:1px solid #142e40;border-radius:6px;transition:.16s}
.home-news-item:last-child{border-bottom:0}
.home-news-item:hover{background:#0a1c2a}
.home-news-item img{width:76px;height:56px;object-fit:cover;border-radius:5px;border:1px solid #1e435a}
.home-news-item div{min-width:0;display:flex;flex-direction:column;gap:3px}
.home-news-item span{font-size:9px;color:#0da8ff;font-weight:900;letter-spacing:.6px}
.home-news-item b{font-size:11px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.home-news-item small{font-size:10px;color:#688094}
.home-news-item i{font-size:20px;color:#708b9d;font-style:normal}
.home-news-empty{padding:30px 15px;text-align:center;color:#708899;font-size:11px}
.chat-msg{position:relative}
.chat-msg-body{min-width:0}
.chat-mod-actions{margin-left:auto;display:none;gap:3px}
.chat-msg:hover .chat-mod-actions{display:flex}
.chat-mod-actions button{width:22px;height:20px;padding:0;border:1px solid #234a63;background:#071824;color:#86a2b3;border-radius:4px;cursor:pointer;font-size:12px;line-height:1}
.chat-mod-actions button:hover{border-color:#0ca8ff;color:#fff}
.chat-mod-actions .chat-delete:hover{border-color:#a94350;color:#ff7884}
.chat-edit-input{width:100%;box-sizing:border-box;background:#020c15;border:1px solid #0ca8ff;color:#e8f2f7;border-radius:4px;padding:7px 8px;font:inherit;font-size:11px;outline:none}
.chat-edit-buttons{display:flex;gap:5px;margin-top:5px}
.chat-edit-buttons button{border:1px solid #24506a;background:#071a28;color:#a8c5d5;border-radius:4px;padding:5px 8px;font-size:10px;font-weight:900;cursor:pointer}
.chat-edit-buttons button:first-child{border-color:#0b91d0;color:#cceeff}
@media(max-width:900px){.community-home-grid{grid-template-columns:1fr}.hero-v2{margin-top:0;border-radius:0;border-left:0;border-right:0}}
@media(max-width:600px){.community-home-grid{width:calc(100% - 24px);margin-bottom:25px}.home-news-item{grid-template-columns:66px 1fr 12px}.home-news-item img{width:66px;height:52px}.topbar{padding-left:12px;padding-right:12px}}

/* ===== V15 GLOBAL DESKTOP WIDTH + PROFILE REDESIGN ===== */
.page-wrap,.profile-wrap,.auth-wrap{width:min(var(--page-max),calc(100% - 40px));margin-left:auto;margin-right:auto;padding-left:0;padding-right:0}
.page-wrap{padding-top:54px;padding-bottom:54px}
.profile-wrap{padding-top:54px;padding-bottom:54px}
.auth-wrap{padding-top:54px;padding-bottom:54px}
.page-title{max-width:var(--page-max);margin-left:auto;margin-right:auto}
.table-panel,.form-panel,.server-grid,.player-grid,.news-grid,.premium-page,.article,.admin-grid,.admin-links{width:100%}

.profile-page-shell{width:min(var(--page-max),calc(100% - 40px));margin:28px auto 54px}
.profile-hero-card{overflow:hidden;position:relative}
.profile-cover{height:86px;background:radial-gradient(circle at 65% 10%,#143d61 0,transparent 38%),linear-gradient(120deg,#071b2a,#07101b 55%,#101a32);border-bottom:1px solid #18384e}
.profile-main-row{display:grid;grid-template-columns:92px minmax(0,1fr) 170px;gap:18px;align-items:center;padding:0 20px 15px;margin-top:-46px;position:relative}
.profile-avatar-xl{width:92px;height:92px;border-radius:12px;border:3px solid #08111b;box-shadow:0 8px 24px #0009;object-fit:cover;background:#081520}
.profile-identity h1{font-size:27px;margin:2px 0 5px;letter-spacing:-.5px}
.profile-meta{display:flex;flex-wrap:wrap;gap:8px;color:#71899c;font-size:10px}
.profile-meta span{padding:5px 7px;border:1px solid #18374d;background:#071622;border-radius:4px}
.profile-meta span:first-child{color:#1bdc93;border-color:#1b654f}
.profile-level{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:10px;color:#7f96a6}
.profile-level b{color:#dce9f1}.profile-level>div{width:220px;height:5px;background:#18263d;border-radius:99px;overflow:hidden}.profile-level i{display:block;height:100%;background:#4f50ff;box-shadow:0 0 12px #4f50ff88;border-radius:99px}
.profile-total{text-align:right}.profile-total strong{display:block;color:#5961ff;font-size:29px;line-height:1}.profile-total span{font-size:10px;color:#74899a}
.profile-actions-row{display:flex;align-items:center;gap:18px;border-top:1px solid #182f43;padding:10px 20px;color:#657f91;font-size:10px;background:#06101a}
.profile-spacer{flex:1}.profile-actions-row .mini{padding:8px 12px;font-size:10px}
.profile-tabs{display:grid;grid-template-columns:repeat(3,1fr);padding:3px;margin:12px 0;border-radius:6px;overflow:hidden}.profile-tabs a{text-align:center;padding:10px 8px;font-size:10px;font-weight:900;color:#b2bfcb;border-radius:4px}.profile-tabs a.active{background:#4e4df5;color:#fff;box-shadow:0 4px 16px #4e4df544}
.profile-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.profile-stat-card{min-height:92px;border:1px solid #24425a;border-radius:8px;padding:15px;position:relative;overflow:hidden;background:#0a1723}.profile-stat-card:after{content:"";position:absolute;inset:auto -20px -35px auto;width:110px;height:90px;background:radial-gradient(circle,#fff2,transparent 65%);opacity:.3}.profile-stat-card b{display:block;font-size:22px;line-height:1.05;position:relative;z-index:2}.profile-stat-card span{display:block;color:#8aa0b0;font-size:10px;margin-top:6px;position:relative;z-index:2}.profile-stat-card i{position:absolute;right:13px;top:13px;font-style:normal;font-size:17px;opacity:.75}.profile-stat-card.cyan{background:linear-gradient(135deg,#0b3534,#10232b);border-color:#087a70}.profile-stat-card.cyan b{color:#18e2c2}.profile-stat-card.red{background:linear-gradient(135deg,#3b1425,#241523);border-color:#7a2944}.profile-stat-card.red b{color:#ff4964}.profile-stat-card.blue{background:linear-gradient(135deg,#101944,#181633);border-color:#363c95}.profile-stat-card.blue b{color:#5d6cff}.profile-stat-card.violet{background:linear-gradient(135deg,#211a40,#211d3a);border-color:#574a91}.profile-stat-card.violet b{color:#a18bff}.profile-stat-card.gold{background:linear-gradient(135deg,#3c3218,#252018);border-color:#76631a}.profile-stat-card.gold b{color:#ffd23d}.profile-stat-card.sky{background:linear-gradient(135deg,#0a2940,#112638);border-color:#11668e}.profile-stat-card.sky b{color:#20bfff}.profile-stat-card.green{background:linear-gradient(135deg,#24331b,#1c281a);border-color:#4d681d}.profile-stat-card.green b{color:#94dc16}
.profile-content-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.95fr);gap:12px;margin-top:12px}.profile-left-col,.profile-right-col{display:grid;gap:12px;align-content:start}.profile-block{overflow:hidden}.profile-block-head{min-height:47px;padding:11px 13px;border-bottom:1px solid #19364a;display:flex;align-items:center;gap:10px}.profile-block-head h2{font-size:12px;margin:0}.profile-block-head a{margin-left:auto;font-size:10px;background:#5555f3;padding:6px 8px;border-radius:4px;color:#fff}.profile-pills{margin-left:auto;display:flex;gap:5px}.profile-pills span{font-size:10px;padding:5px 7px;border:1px solid #294258;border-radius:4px;color:#9eb0bc}.profile-empty{padding:25px;text-align:center;color:#60788b;font-size:10px}.profile-chat-list{padding:5px 12px}.profile-chat-row{display:grid;grid-template-columns:18px 105px 1fr 62px;gap:6px;align-items:center;min-height:30px;border-bottom:1px solid #142c3e;font-size:10px}.profile-chat-row:last-child{border-bottom:0}.profile-chat-row>span{color:#ffca22}.profile-chat-row b{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-chat-row em{color:#8299a9;font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-chat-row small{font-size:9px;color:#5d7485;text-align:right}
.profile-topic-row{display:grid;grid-template-columns:25px 1fr 14px;gap:8px;align-items:center;padding:10px 12px;border-bottom:1px solid #142d40}.profile-topic-row>span{width:22px;height:22px;border-radius:5px;display:grid;place-items:center;background:#111f38;color:#7d8cff;font-size:11px}.profile-topic-row b{display:block;font-size:10px}.profile-topic-row small{display:block;color:#71889a;font-size:9px;margin-top:3px}.profile-topic-row i{font-style:normal;color:#668093;font-size:16px}.map-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px}.map-card{height:86px;position:relative;border:1px solid #25384e;border-radius:5px;overflow:hidden;background:#0a1520}.map-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.75}.map-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#050a1200,#050a12e8)}.map-card>strong{position:absolute;z-index:2;left:8px;top:7px;width:18px;height:18px;border-radius:3px;background:#e9f0ff;color:#26304d;display:grid;place-items:center;font-size:10px}.map-card>div{position:absolute;z-index:2;left:8px;right:8px;bottom:7px}.map-card b{display:block;font-size:10px}.map-card small{font-size:9px;color:#7e96a7}.map-empty{grid-column:1/-1}
.activity-box{padding:12px 15px 13px;position:relative}.activity-labels{position:absolute;left:15px;top:12px;bottom:35px;display:flex;flex-direction:column;justify-content:space-between;color:#718899;font-size:9px}.activity-chart{height:160px;margin-left:25px;margin-right:3px;position:relative;background:repeating-linear-gradient(180deg,transparent 0 25px,#162d3f 26px)}.activity-line{position:absolute;left:0;right:0;top:112px;height:2px;background:#08d7a0;box-shadow:0 0 8px #08d7a077;transform:skewY(-1deg)}.activity-points{position:absolute;left:0;right:0;top:108px;display:flex;justify-content:space-between}.activity-points i{width:6px;height:6px;border-radius:50%;background:#09d8a0;box-shadow:0 0 6px #09d8a077}.activity-days{margin:6px 0 0 25px;display:flex;justify-content:space-between;color:#70889a;font-size:9px}.activity-note{display:block;margin:12px 0 0 25px;color:#536b7d;font-size:9px}
.server-stats-panel{overflow:hidden}.profile-server-row{min-height:66px;display:grid;grid-template-columns:60px minmax(0,1fr) 70px 70px 80px;gap:10px;align-items:center;padding:8px 12px;border-bottom:1px solid #142e40}.profile-server-row img{width:60px;height:44px;object-fit:cover;border-radius:4px}.profile-server-row>b,.profile-server-row>div b{font-size:10px}.profile-server-row>div small{display:block;color:#70889a;font-size:9px;margin-top:4px}.profile-server-row>span{text-align:center;font-size:11px;font-weight:900;color:#cbd9e3}.profile-server-row>span small{display:block;color:#688092;font-size:9px;font-weight:400;margin-top:3px}
.achievement-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.achievement-card{padding:15px;display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:center}.achievement-card>span{width:38px;height:38px;border-radius:8px;display:grid;place-items:center;background:#10243a;font-size:17px}.achievement-card b{font-size:11px}.achievement-card p{margin:4px 0 0;color:#718899;font-size:10px}.achievement-card>strong{font-size:9px;padding:5px 7px;border-radius:4px;background:#17334a;color:#7f96a6}.achievement-card.unlocked{border-color:#1d654e}.achievement-card.unlocked>strong{background:#104f3d;color:#28e09f}.achievement-card.unlocked>span{background:#0c3b32}
@media(max-width:900px){.profile-page-shell{width:calc(100% - 28px);margin-top:16px}.profile-main-row{grid-template-columns:72px 1fr}.profile-avatar-xl{width:72px;height:72px}.profile-total{grid-column:2;text-align:left}.profile-stat-grid{grid-template-columns:repeat(2,1fr)}.profile-content-grid{grid-template-columns:1fr}.achievement-grid{grid-template-columns:1fr}.profile-level>div{width:150px}.page-wrap,.profile-wrap,.auth-wrap{width:calc(100% - 28px)}}
@media(max-width:600px){.profile-page-shell{width:calc(100% - 20px)}.profile-cover{height:70px}.profile-main-row{grid-template-columns:58px 1fr;gap:10px;padding:0 12px 12px;margin-top:-34px}.profile-avatar-xl{width:58px;height:58px;border-radius:9px}.profile-identity h1{font-size:20px}.profile-meta span:nth-child(n+2){display:none}.profile-level{flex-wrap:wrap}.profile-level>div{width:100%;order:3}.profile-total{grid-column:1/-1;text-align:left}.profile-total strong{font-size:23px}.profile-actions-row{padding:8px 12px;gap:8px;flex-wrap:wrap}.profile-actions-row span:nth-child(2){display:none}.profile-tabs a{font-size:10px;padding:9px 4px}.profile-stat-grid{gap:7px}.profile-stat-card{min-height:82px;padding:12px}.profile-stat-card b{font-size:17px}.profile-chat-row{grid-template-columns:14px 82px 1fr}.profile-chat-row small{display:none}.map-grid{grid-template-columns:1fr}.profile-server-row{grid-template-columns:50px 1fr 55px}.profile-server-row>span:nth-last-child(-n+2){display:none}.achievement-card{grid-template-columns:38px 1fr}.achievement-card>strong{grid-column:2;justify-self:start}.page-wrap,.profile-wrap,.auth-wrap{width:calc(100% - 20px);padding-top:32px}}


/* ===== V17 PROFILE CUSTOMIZATION ===== */
.profile-view-page{--profile-accent:#4f50ff}
.profile-hero-card{border-color:#1b3b52;box-shadow:0 22px 60px #0007}
.profile-cover{height:128px;position:relative;background-size:cover;background-position:center;overflow:hidden;border-bottom:1px solid #1d4057;background-color:#071521}
.profile-cover:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#030912e8 0%,#06131cb8 40%,#07111b55 100%)}
.profile-cover:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 72% 20%,var(--profile-accent)33,transparent 38%),linear-gradient(120deg,transparent 25%,var(--profile-accent)12);opacity:.45;mix-blend-mode:screen}
.profile-theme-cyan .profile-cover{background:radial-gradient(circle at 70% 10%,#00c9ff66,transparent 34%),linear-gradient(125deg,#062d36,#06131e 55%,#082f46)}
.profile-theme-violet .profile-cover{background:radial-gradient(circle at 70% 10%,#8b6cff66,transparent 34%),linear-gradient(125deg,#211638,#0d1020 55%,#261c4d)}
.profile-theme-red .profile-cover{background:radial-gradient(circle at 70% 10%,#ff3e6766,transparent 34%),linear-gradient(125deg,#3a111d,#0e1019 55%,#3b1524)}
.profile-main-row{margin-top:-58px;z-index:2}
.profile-avatar-xl{width:104px;height:104px;border-radius:14px;border:4px solid #07101a;box-shadow:0 0 0 1px var(--profile-accent),0 14px 30px #000b}
.profile-identity h1{font-size:31px;text-shadow:0 2px 20px #000}
.profile-user-status{display:inline-flex;margin-top:7px;padding:5px 8px;border-radius:5px;background:#071621aa;border:1px solid #284a60;color:#a8c3d0;font-size:10px;max-width:560px}
.profile-level>div{background:#121d2d}.profile-level i{background:var(--profile-accent);box-shadow:0 0 14px color-mix(in srgb,var(--profile-accent) 65%,transparent)}
.profile-total strong{color:var(--profile-accent)!important;text-shadow:0 0 24px color-mix(in srgb,var(--profile-accent) 45%,transparent)}
.profile-actions-row{background:#06111b;padding:11px 20px;border-top:1px solid #17364b;display:flex;align-items:center;gap:12px;color:#71899a;font-size:10px}
.profile-actions-row .profile-spacer{flex:1}
.ghost-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 12px;border-radius:5px;border:1px solid #29516b;background:#071a28;color:#b7d2df;font-size:10px;font-weight:950}.ghost-button:hover{border-color:var(--profile-accent);color:#fff;box-shadow:0 0 16px color-mix(in srgb,var(--profile-accent) 20%,transparent)}.ghost-button.mini{padding:7px 10px}
.profile-bio-card{margin:10px 0;padding:14px 17px;border-color:#1b3d53;background:linear-gradient(135deg,#081725,#07111b)}.profile-bio-card>span{display:block;color:var(--profile-accent);font-size:10px;font-weight:950;letter-spacing:1px}.profile-bio-card p{margin:7px 0 0;color:#a7bac6;font-size:12px;line-height:1.65}
.profile-edit-page{margin-top:38px}
.profile-edit-title{margin-bottom:20px}.profile-edit-title h1{font-size:34px}.profile-edit-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.profile-edit-card{overflow:hidden}.profile-edit-preview{grid-column:1/-1}.edit-card-head{padding:14px 16px;border-bottom:1px solid #19374b;display:flex;align-items:center;justify-content:space-between}.edit-card-head b{display:block;font-size:12px}.edit-card-head small{display:block;color:#6f8798;font-size:10px;margin-top:4px}.edit-preview-cover{height:120px;background-size:cover;background-position:center;background-color:#071521;border-bottom:1px solid #19374b;position:relative}.edit-preview-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#030912d9,#03091240),radial-gradient(circle at 75% 20%,#4f50ff55,transparent 35%)}.edit-preview-cover.cyan{background:linear-gradient(120deg,#07313a,#06111b 55%,#0b3b56)}.edit-preview-cover.violet{background:linear-gradient(120deg,#25153f,#0b101c 55%,#34235d)}.edit-preview-cover.red{background:linear-gradient(120deg,#411521,#0b1019 55%,#4b1729)}.edit-preview-body{display:flex;align-items:center;gap:13px;padding:0 17px 16px;margin-top:-35px;position:relative;z-index:2}.edit-preview-avatar{width:70px;height:70px;border-radius:11px;object-fit:cover;border:3px solid #07111b;box-shadow:0 0 0 1px #4f50ff55}.edit-preview-body b{display:block;font-size:16px}.edit-preview-body span{display:block;color:#718a9b;font-size:10px;margin-top:4px}.edit-form-body{padding:16px;display:grid;gap:12px}.edit-form-body label,.color-picker{display:grid;gap:6px;color:#8299a9;font-size:10px;font-weight:800}.edit-form-body input,.edit-form-body textarea{width:100%;box-sizing:border-box;background:#06131f;border:1px solid #23465d;color:#e9f3f8;border-radius:5px;padding:11px;font:inherit;font-size:12px;outline:none}.edit-form-body textarea{min-height:110px;resize:vertical}.edit-form-body input:focus,.edit-form-body textarea:focus{border-color:#0ca8ff;box-shadow:0 0 0 2px #0ca8ff14}.upload-row{display:flex;gap:14px;align-items:center;padding:16px}.upload-row img{width:70px;height:70px;object-fit:cover;border-radius:11px;border:1px solid #28516a}.upload-row>div{display:grid;gap:7px}.upload-row small{color:#627c8e;font-size:10px}.upload-button{display:inline-flex;align-items:center;justify-content:center;padding:10px 12px;border-radius:5px;background:#0b9fe9;color:#fff;font-size:10px;font-weight:950;cursor:pointer}.upload-button:hover{background:#13b2ff}.upload-button input{display:none}.upload-button.wide{margin:12px 16px 16px;width:calc(100% - 32px);box-sizing:border-box;background:#071a28;border:1px solid #24506a;color:#b8d1de}.cover-upload-preview{height:120px;margin:14px 16px 0;border:1px solid #20445c;border-radius:7px;background-size:cover;background-position:center;background-color:#071521;position:relative}.cover-upload-preview:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#03091299,#03091233)}.cover-upload-preview.cyan{background:linear-gradient(120deg,#07313a,#06111b 55%,#0b3b56)}.cover-upload-preview.violet{background:linear-gradient(120deg,#25153f,#0b101c 55%,#34235d)}.cover-upload-preview.red{background:linear-gradient(120deg,#411521,#0b1019 55%,#4b1729)}.theme-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:16px}.theme-choice{position:relative;display:grid;gap:7px;padding:10px;border:1px solid #203f54;border-radius:6px;background:#071521;cursor:pointer}.theme-choice input{position:absolute;opacity:0}.theme-choice.active{border-color:var(--profile-accent);box-shadow:0 0 0 1px var(--profile-accent)55}.theme-choice b{font-size:10px}.theme-swatch{height:42px;border-radius:5px;display:block}.theme-swatch.midnight{background:linear-gradient(135deg,#071521,#12183a)}.theme-swatch.cyan{background:linear-gradient(135deg,#07313a,#00aeea)}.theme-swatch.violet{background:linear-gradient(135deg,#24143e,#7356ff)}.theme-swatch.red{background:linear-gradient(135deg,#411521,#f03f65)}.color-picker{padding:0 16px 16px}.color-picker input{width:100%;height:38px;border:1px solid #24455b;background:#06131f;border-radius:5px;padding:3px}.profile-edit-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:8px}.profile-edit-actions .edit-save{border:0;cursor:pointer}.edit-errors{margin-bottom:12px;padding:12px 14px;border:1px solid #783340;background:#25101a;color:#ff8a98;border-radius:6px;font-size:11px}.edit-errors div+div{margin-top:5px}
@media(max-width:900px){.profile-main-row{grid-template-columns:82px minmax(0,1fr);margin-top:-48px}.profile-total{grid-column:2}.profile-edit-grid{grid-template-columns:1fr}.profile-edit-preview{grid-column:auto}.profile-edit-actions{grid-column:auto}.theme-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.profile-cover{height:96px}.profile-main-row{grid-template-columns:62px 1fr;padding:0 12px 12px;margin-top:-40px}.profile-avatar-xl{width:62px;height:62px}.profile-identity h1{font-size:21px}.profile-total{grid-column:1/-1}.profile-actions-row{padding:9px 12px}.profile-actions-row span:first-child{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-user-status{max-width:100%}.profile-edit-title h1{font-size:28px}.theme-grid{gap:6px;padding:12px}.edit-preview-cover{height:95px}}

/* ===== V19 PROFILE EXPERIENCE ===== */
:root{--profile-surface:#0d1120;--profile-surface-2:#14182a;--profile-border:#282d4a;--profile-text:#f5f7ff;--profile-muted:#858da9}
.profile-page-shell{width:min(1280px,calc(100% - 48px));margin:22px auto 70px}
.profile-breadcrumb{display:flex;align-items:center;gap:8px;margin:0 0 12px;color:#69728f;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.profile-breadcrumb strong{color:#d9def0}.profile-breadcrumb span:first-child{color:#4e58ff}.profile-breadcrumb b{opacity:.45}
.profile-view-page{color:var(--profile-text)}
.profile-hero-card{border:1px solid #2a3150!important;border-radius:14px!important;background:#0e1220!important;box-shadow:0 18px 55px #0006!important}
.profile-cover{height:190px!important;border:0!important;position:relative;overflow:hidden;background-size:cover;background-position:center 42%;background-color:#10162a!important}
.profile-cover.no-cover{background:radial-gradient(circle at 80% 10%,#3b46c5 0,transparent 32%),radial-gradient(circle at 20% 100%,#0d7c96 0,transparent 34%),linear-gradient(120deg,#0c1021,#171b35 50%,#0b1022)!important}
.profile-cover.has-cover:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#05081415 10%,#05081430 45%,#090c18e8 100%)}
.profile-cover-shade{position:absolute;inset:0;background:linear-gradient(90deg,#070a14b8 0%,transparent 50%,#070a1480 100%)}
.profile-cover-glow{position:absolute;width:420px;height:420px;right:8%;top:-260px;background:radial-gradient(circle,#ffffff18,transparent 65%);filter:blur(2px)}
.profile-main-row{margin-top:-68px!important;grid-template-columns:124px minmax(0,1fr) 210px!important;gap:24px!important;padding:0 28px 22px!important;z-index:2}
.profile-avatar-xl{width:124px!important;height:124px!important;border-radius:18px!important;border:4px solid #101323!important;box-shadow:0 12px 36px #000b,0 0 0 1px var(--profile-accent)!important}
.profile-identity .eyebrow{display:inline-flex;padding:5px 8px;border-radius:999px;background:color-mix(in srgb,var(--profile-accent) 16%,transparent);border:1px solid color-mix(in srgb,var(--profile-accent) 42%,transparent);color:var(--profile-accent);font-size:10px;letter-spacing:.12em;font-weight:900}
.profile-identity h1{font-size:34px!important;letter-spacing:-1px!important;margin:7px 0 7px!important}.profile-meta{font-size:10px!important}.profile-meta span{background:#111628!important;border-color:#29304b!important}.profile-user-status{margin-top:9px;color:#aeb6d0;font-size:12px;font-style:italic}.profile-level{margin-top:13px!important}.profile-level>div{height:7px!important;background:#1c2137!important}.profile-level i{background:linear-gradient(90deg,var(--profile-accent),#8d7cff)!important;box-shadow:0 0 18px color-mix(in srgb,var(--profile-accent) 60%,transparent)!important}
.profile-total{align-self:start;margin-top:18px;padding:15px 17px;border:1px solid #2b3151;background:#11162a;border-radius:12px}.profile-total strong{color:#6d75ff!important;font-size:38px!important}.profile-total span{font-size:10px!important;color:#8790ae!important}
.profile-actions-row{padding:12px 28px!important;background:#0a0e1b!important;border-top:1px solid #242a45!important}.profile-actions-row span{font-size:10px!important}.profile-actions-row .mini{border:1px solid #31385c;background:#171c31;color:#dce2f4!important}
.profile-bio-card{margin-top:12px;padding:18px 20px!important;border-radius:12px!important;background:linear-gradient(135deg,#101528,#0c101e)!important;border-color:#292f4d!important}.profile-bio-card>span{font-size:10px;color:var(--profile-accent);font-weight:900;letter-spacing:.12em}.profile-bio-card p{font-size:12px;line-height:1.7;color:#aeb6ca;margin:8px 0 0}
.profile-tabs{margin:14px 0!important;background:#0d1120!important;border:1px solid #282e4c!important;padding:5px!important;border-radius:12px!important}.profile-tabs a{padding:12px 10px!important;font-size:11px!important}.profile-tabs a.active{background:linear-gradient(135deg,var(--profile-accent),#6359ff)!important}
.profile-stat-grid{gap:12px!important}.profile-stat-card{min-height:108px!important;border-radius:12px!important;padding:18px!important;box-shadow:inset 0 1px #ffffff08,0 8px 25px #0002}.profile-stat-card b{font-size:27px!important}.profile-stat-card span{font-size:10px!important}.profile-stat-card i{font-size:21px!important;opacity:.55}
.profile-content-grid{gap:14px!important;margin-top:14px!important}.profile-block{border:1px solid #292f4b!important;border-radius:12px!important;background:#0d1120!important}.profile-block-head{padding:13px 15px!important;min-height:54px!important;background:linear-gradient(90deg,#12172a,#0e1220)}.profile-block-head h2{font-size:12px!important;color:#e8ebf6}.profile-block-head a{background:#5658f5!important}.profile-chat-list{padding:7px 14px!important}.profile-chat-row{min-height:36px!important;grid-template-columns:18px 115px 1fr 75px!important;font-size:10px!important}.profile-topic-row{min-height:55px!important;border-bottom:1px solid #1c233b!important;padding:8px 14px!important}.profile-topic-row b{font-size:11px!important}.profile-topic-row small{font-size:10px!important;color:#737d99!important}
.activity-box{padding:16px!important;background:linear-gradient(180deg,#101529,#0b0f1d)}.activity-chart{height:150px!important;border-radius:8px;background:repeating-linear-gradient(to bottom,#ffffff00 0,#ffffff00 29px,#202640 30px),linear-gradient(90deg,#ffffff00 0,#ffffff00 100%);position:relative}.activity-line{left:3%!important;right:3%!important;top:70%!important;height:3px!important;background:linear-gradient(90deg,#15d9b1,var(--profile-accent))!important;box-shadow:0 0 14px #16dcb688!important}.activity-points{left:3%!important;right:3%!important;top:calc(70% - 4px)!important}.activity-points i{width:8px!important;height:8px!important;background:#15d9b1!important;border:2px solid #0d1120!important;box-shadow:0 0 10px #15d9b166!important}.activity-days{font-size:10px!important;color:#6f7894!important}.activity-note{display:block;margin-top:12px;color:#56607c;font-size:10px}
.achievement-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.achievement-card{display:grid;grid-template-columns:50px 1fr auto;gap:12px;align-items:center;padding:18px!important;border-radius:12px!important;background:#0d1120!important}.achievement-card>span{display:grid;place-items:center;width:50px;height:50px;border-radius:12px;background:#181d34;font-size:22px}.achievement-card b{font-size:12px}.achievement-card p{font-size:10px;color:#78829f;margin:5px 0 0}.achievement-card strong{font-size:10px;color:#20d6a1}.achievement-card.locked{opacity:.48}.achievement-card.locked strong{color:#6e7690}
.profile-server-row{border:1px solid #242a45!important;border-radius:10px!important;background:#0f1423!important;margin-bottom:8px;padding:9px!important}.profile-server-row img{border-radius:7px!important}
.profile-edit-page{width:min(1120px,calc(100% - 48px));margin:28px auto 70px}.profile-edit-title{max-width:none!important}.profile-edit-title h1{font-size:36px!important}.profile-edit-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:14px}.profile-edit-card{border:1px solid #292f4b!important;border-radius:13px!important;background:#0d1120!important;box-shadow:0 12px 35px #0003!important;overflow:hidden}.edit-card-head{padding:15px 18px!important;background:linear-gradient(90deg,#12172a,#0e1220)!important;border-bottom:1px solid #222944!important}.edit-card-head b{font-size:12px}.edit-card-head small{display:block;color:#737d99;font-size:10px;margin-top:4px}.edit-form-body{padding:18px;display:grid;gap:13px}.edit-form-body label,.color-picker{display:grid;gap:7px;color:#9ba5bf;font-size:10px;font-weight:800}.edit-form-body input,.edit-form-body textarea{background:#090d19!important;border:1px solid #2b3150!important;border-radius:8px!important;padding:12px!important;color:#eef1fb!important}.edit-form-body input:focus,.edit-form-body textarea:focus{border-color:#6067ff!important;box-shadow:0 0 0 3px #5b61ff18;outline:0}.edit-form-body textarea{min-height:130px;resize:vertical}.profile-edit-preview{grid-column:1/-1}.edit-preview-cover{height:150px!important;background-size:cover;background-position:center;position:relative}.edit-preview-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,#0a0d19e6)}.edit-preview-body{display:flex;align-items:center;gap:15px;padding:0 20px 20px;margin-top:-45px;position:relative;z-index:2}.edit-preview-avatar{width:88px;height:88px;object-fit:cover;border-radius:16px;border:4px solid #101323;box-shadow:0 10px 25px #0009}.edit-preview-body b{display:block;font-size:20px}.edit-preview-body span{display:block;color:#7f89a4;font-size:11px;margin-top:4px}.upload-row{display:flex;align-items:center;gap:14px;padding:18px}.upload-row img{width:70px;height:70px;border-radius:14px;object-fit:cover;border:1px solid #2b3150}.upload-button{display:inline-flex;align-items:center;justify-content:center;padding:10px 13px;background:#5658f5;border-radius:7px;color:#fff;font-size:10px;font-weight:900;cursor:pointer}.upload-button input{display:none}.upload-row small{display:block;color:#65708d;font-size:10px;margin-top:7px}.cover-upload-preview{height:105px;margin:15px 18px;border-radius:9px;background:#141a2c center/cover no-repeat;border:1px solid #2b3150}.profile-edit-card>.upload-button.wide{margin:0 18px 18px;width:calc(100% - 36px)}.theme-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;padding:17px 18px}.theme-choice{display:grid;grid-template-columns:25px 1fr;align-items:center;gap:8px;padding:10px;border:1px solid #252c48;background:#0a0e19;border-radius:8px;cursor:pointer}.theme-choice input{display:none}.theme-choice.active{border-color:#5b61ff;box-shadow:0 0 0 1px #5b61ff33}.theme-swatch{width:24px;height:24px;border-radius:7px;background:#20263f}.theme-swatch.cyan{background:linear-gradient(135deg,#13d8bf,#2d71ff)}.theme-swatch.violet{background:linear-gradient(135deg,#7f5cff,#c34bff)}.theme-swatch.red{background:linear-gradient(135deg,#ff476a,#ff7c38)}.theme-choice b{font-size:10px}.color-picker{padding:0 18px 18px}.color-picker input{height:40px;width:100%;background:#090d19;border:1px solid #2b3150;border-radius:8px}.profile-edit-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:9px}.edit-save{padding:12px 18px!important;border-radius:8px!important}
@media(max-width:900px){.profile-page-shell,.profile-edit-page{width:min(100% - 28px,720px)}.profile-main-row{grid-template-columns:92px 1fr!important}.profile-avatar-xl{width:92px!important;height:92px!important}.profile-total{grid-column:2;text-align:left;margin-top:0}.profile-content-grid,.profile-edit-grid{grid-template-columns:1fr}.achievement-grid{grid-template-columns:1fr}.profile-edit-preview{grid-column:auto}.profile-edit-actions{grid-column:auto}}
@media(max-width:600px){.profile-page-shell,.profile-edit-page{width:calc(100% - 20px);margin-top:14px}.profile-cover{height:150px!important}.profile-main-row{grid-template-columns:76px 1fr!important;gap:12px!important;padding:0 14px 16px!important;margin-top:-48px!important}.profile-avatar-xl{width:76px!important;height:76px!important;border-radius:14px!important}.profile-identity h1{font-size:23px!important}.profile-total{grid-column:1/-1}.profile-actions-row{padding:10px 14px!important;flex-wrap:wrap}.profile-stat-grid{grid-template-columns:repeat(2,1fr)}.profile-stat-card{min-height:92px!important;padding:13px!important}.profile-stat-card b{font-size:21px!important}.profile-chat-row{grid-template-columns:15px 90px 1fr!important}.profile-chat-row small{display:none}.theme-grid{grid-template-columns:1fr}.edit-preview-cover{height:125px!important}}

/* V20 - Premier rating + refined profile tabs */
/* V21 Premier-style rating card: visual language only, no branded labels */
.premier-rating-card{position:relative;align-self:start;margin-top:10px;min-height:142px;padding:14px 16px 15px;border-radius:12px;border:1px solid #273047;background:linear-gradient(150deg,#111625 0%,#090d17 78%);overflow:hidden;box-shadow:0 18px 40px #0008,inset 0 1px #ffffff0a}
.premier-rating-card:before{content:"";position:absolute;inset:-40% -18% auto auto;width:190px;height:190px;border-radius:50%;background:var(--rating-glow);opacity:.10;filter:blur(32px);pointer-events:none}
.premier-rating-card:after{content:"";position:absolute;left:0;top:16px;bottom:16px;width:3px;border-radius:0 4px 4px 0;background:var(--rating-color);box-shadow:0 0 18px var(--rating-color);pointer-events:none}
.premier-rating-top{height:12px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1}.premier-rating-top b{color:var(--rating-color);font-size:10px;font-weight:950;letter-spacing:.08em}.rating-dot{width:6px;height:6px;border-radius:50%;background:var(--rating-color);box-shadow:0 0 9px var(--rating-color);opacity:.9}
.premier-rating-number{position:relative;z-index:1;margin-top:13px;font-size:43px;line-height:.95;font-weight:1000;letter-spacing:-2.5px;color:#f4f6fb;text-shadow:0 4px 25px #000}
.premier-rating-bar{position:relative;z-index:1;height:4px;margin-top:22px;background:#202638;border-radius:99px;overflow:hidden}.premier-rating-bar i{display:block;height:100%;border-radius:99px;background:var(--rating-color);box-shadow:0 0 11px var(--rating-color)}
.premier-rating-card.gray{--rating-color:#8b94a6;--rating-glow:#8b94a6}.premier-rating-card.cyan{--rating-color:#62c9ff;--rating-glow:#62c9ff}.premier-rating-card.blue{--rating-color:#4a8dff;--rating-glow:#4a8dff}.premier-rating-card.purple{--rating-color:#a36bff;--rating-glow:#a36bff}.premier-rating-card.pink{--rating-color:#e86dff;--rating-glow:#e86dff}.premier-rating-card.red{--rating-color:#ff5c68;--rating-glow:#ff5c68}.premier-rating-card.gold{--rating-color:#f8c84b;--rating-glow:#f8c84b}
@media(max-width:600px){.premier-rating-card{grid-column:1/-1;margin-top:4px}.premier-rating-number{font-size:34px}.profile-tabs a{min-width:0;flex:1!important;padding:0 7px!important;font-size:10px!important}.profile-tabs a.active:after{left:10px;right:10px}}

/* V22 - restore refined profile tabs (dark, compact, no blue blocks) */
.profile-tabs.panel{
  display:flex!important;
  align-items:stretch!important;
  gap:4px!important;
  margin:16px 0!important;
  padding:4px!important;
  background:#0b0f1a!important;
  border:1px solid #20273b!important;
  border-radius:12px!important;
  box-shadow:inset 0 1px rgba(255,255,255,.025),0 8px 22px rgba(0,0,0,.16)!important;
}
.profile-tabs a{
  position:relative!important;
  flex:1 1 0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:40px!important;
  padding:0 16px!important;
  border-radius:8px!important;
  background:transparent!important;
  color:#78839a!important;
  font-size:11px!important;
  font-weight:900!important;
  letter-spacing:.07em!important;
  text-decoration:none!important;
  transition:color .18s ease,background .18s ease,transform .18s ease!important;
}
.profile-tabs a:hover{
  color:#dce2ef!important;
  background:#111625!important;
}
.profile-tabs a.active{
  color:#f5f7ff!important;
  background:#131827!important;
  box-shadow:inset 0 1px rgba(255,255,255,.035)!important;
}
.profile-tabs a.active:after{
  content:""!important;
  position:absolute!important;
  left:22px!important;
  right:22px!important;
  bottom:0!important;
  height:2px!important;
  border-radius:99px!important;
  background:var(--profile-accent,#5d63ff)!important;
  box-shadow:0 0 10px color-mix(in srgb,var(--profile-accent,#5d63ff) 65%,transparent)!important;
}
@media(max-width:600px){
  .profile-tabs.panel{gap:2px!important;padding:3px!important;border-radius:10px!important}
  .profile-tabs a{min-height:38px!important;padding:0 7px!important;font-size:10px!important;letter-spacing:.04em!important}
  .profile-tabs a.active:after{left:12px!important;right:12px!important}
}


/* V23 - polished shoutbox, clickable profiles, emoji picker */
.chat-msg{grid-template-columns:34px 1fr!important;align-items:start!important;padding:9px 4px!important}\n.chat-avatar-link{display:block;width:30px;height:30px}\n.chat-msg img{width:30px!important;height:30px!important;border-radius:50%;border:1px solid #2a526c!important;transition:transform .16s,border-color .16s,box-shadow .16s}\n.chat-avatar-link:hover img{transform:translateY(-1px) scale(1.04);border-color:#6873ff!important;box-shadow:0 0 0 3px #6873ff14,0 6px 18px #0008}\n.chat-user-link{font-size:11px;font-weight:900;color:#e9f1f6;text-decoration:none}\n.chat-user-link:hover{color:#8d94ff}\n.chat-msg p{font-size:12px!important;color:#c4d0d9!important;margin-top:4px!important;white-space:pre-wrap}\n.chat-compose{position:relative;display:flex;flex:1;min-width:0}\n.chat-compose input{width:100%;padding-right:42px!important}\n.emoji-toggle{position:absolute!important;right:5px;top:50%;transform:translateY(-50%);width:30px!important;height:30px!important;padding:0!important;border:0!important;background:transparent!important;color:#aeb9c5!important;font-size:20px!important;line-height:30px!important;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif!important;cursor:pointer!important}\n.emoji-toggle:hover{color:#fff!important;background:#ffffff08!important}\n.emoji-picker{display:none;position:absolute;z-index:100;bottom:58px;right:12px;width:320px;max-height:230px;overflow:auto;padding:10px;grid-template-columns:repeat(8,1fr);gap:4px;background:rgba(10,16,27,.97);border:1px solid #2a3450;border-radius:12px;box-shadow:0 18px 45px #000b,0 0 0 1px #ffffff05;backdrop-filter:blur(12px)}\n.emoji-picker.open{display:grid}\n.emoji-item{border:0;background:transparent;border-radius:8px;padding:7px 3px;font-size:21px;line-height:1;cursor:pointer;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;transition:background .12s,transform .12s}\n.emoji-item:hover{background:#ffffff0d;transform:scale(1.14)}\n.chat-send{position:relative!important;align-items:center!important}\n.chat-send>button[type=submit]{height:38px!important;min-width:92px}\n@media(max-width:600px){.emoji-picker{left:10px;right:10px;width:auto;bottom:105px;grid-template-columns:repeat(7,1fr)}.chat-send{position:relative!important}.chat-compose{width:100%}.chat-send>button[type=submit]{width:100%}}\n
/* ==========================================================
   CLUTCH V24 — SHOUTBOX VISUAL REFINEMENT
   ========================================================== */
.home-chat-card{
  border-radius:14px!important;
  border:1px solid rgba(54,91,118,.72)!important;
  background:linear-gradient(180deg,rgba(7,18,30,.98),rgba(3,12,21,.99))!important;
  box-shadow:0 22px 65px rgba(0,0,0,.30),inset 0 1px rgba(255,255,255,.025)!important;
}
.chat-head{
  height:68px!important;
  padding:0 18px!important;
  background:linear-gradient(180deg,rgba(10,27,42,.92),rgba(5,17,28,.92))!important;
  border-bottom:1px solid rgba(42,72,94,.72)!important;
}
.chat-head b{font-size:12px!important;letter-spacing:.45px!important;color:#eef7fc!important}
.chat-head small{font-size:10px!important;color:#71899b!important}
.chat-online{
  padding:5px 9px!important;border-radius:999px!important;
  background:rgba(18,220,145,.055)!important;
  border:1px solid rgba(24,220,146,.35)!important;
  box-shadow:0 0 16px rgba(24,220,146,.08)!important;
}
.chat-messages{
  height:255px!important;
  padding:9px 15px!important;
  background:radial-gradient(circle at 12% 0,rgba(14,62,89,.20),transparent 35%),linear-gradient(180deg,#04111c,#03101a)!important;
}
.chat-msg{
  grid-template-columns:36px 1fr!important;
  gap:10px!important;
  padding:10px 3px!important;
  border-bottom:1px solid rgba(24,49,66,.72)!important;
}
.chat-avatar-link{width:32px!important;height:32px!important;margin-top:1px}
.chat-msg img{
  width:32px!important;height:32px!important;
  border-radius:50%!important;
  border:1px solid #2c5a76!important;
  box-shadow:0 4px 14px rgba(0,0,0,.25)!important;
}
.chat-msg-body{min-width:0!important}
.chat-msg-top{gap:7px!important;min-height:18px!important}
.chat-user-link{font-size:12px!important;color:#edf4f8!important}
.chat-user-link:hover{color:#53c7ff!important}
.chat-msg-top span{
  font-size:9px!important;padding:2px 5px!important;border-radius:999px!important;
  color:#59c9ff!important;background:rgba(10,157,231,.08)!important;border:1px solid rgba(31,154,213,.38)!important;
}
.chat-msg-top time{font-size:10px!important;color:#587286!important}
.chat-msg p{
  margin:4px 0 0!important;
  font-size:12px!important;line-height:1.5!important;color:#b9cbd6!important;
}
.chat-msg:hover{background:linear-gradient(90deg,rgba(255,255,255,.018),transparent);border-radius:8px}
.chat-mod-actions button{border-radius:7px!important;background:#081522!important}
.chat-mod-actions button:hover{background:#102536!important}
.chat-send{
  gap:9px!important;
  padding:12px!important;
  background:linear-gradient(180deg,#061522,#05111c)!important;
  border-top:1px solid rgba(42,72,94,.7)!important;
}
.chat-compose{position:relative!important;min-height:42px!important}
.chat-compose input{
  height:42px!important;
  padding:0 44px 0 13px!important;
  border-radius:9px!important;
  border:1px solid #23465e!important;
  background:#030d16!important;
  color:#edf5f9!important;
  font-size:12px!important;
  box-shadow:inset 0 1px rgba(255,255,255,.018)!important;
}
.chat-compose input::placeholder{color:#60798b!important}
.chat-compose input:focus{border-color:#36799e!important;box-shadow:0 0 0 3px rgba(19,151,217,.08)!important}
.chat-send>button[type=submit]{
  height:42px!important;min-width:96px!important;padding:0 16px!important;
  border-radius:9px!important;
  background:linear-gradient(180deg,#14a9ee,#0a91d2)!important;
  box-shadow:0 8px 22px rgba(8,157,226,.18)!important;
  font-size:10px!important;letter-spacing:.25px!important;
}
.chat-send>button[type=submit]:hover{transform:translateY(-1px);filter:brightness(1.06)}
.emoji-toggle{
  width:32px!important;height:32px!important;right:5px!important;
  border-radius:8px!important;color:#91a6b5!important;
  background:transparent!important;font-size:19px!important;
}
.emoji-toggle:hover{color:#e9f4fa!important;background:#ffffff0a!important}

/* Emoji picker: no blue pills, compact native-emoji palette */
.chat-send .emoji-picker{
  display:none!important;
  position:absolute!important;
  z-index:500!important;
  right:112px!important;
  bottom:62px!important;
  width:350px!important;
  max-height:245px!important;
  overflow-y:auto!important;
  padding:12px!important;
  grid-template-columns:repeat(9,1fr)!important;
  gap:2px!important;
  border:1px solid rgba(65,88,115,.85)!important;
  border-radius:14px!important;
  background:rgba(8,14,24,.985)!important;
  box-shadow:0 22px 55px rgba(0,0,0,.62),0 0 0 1px rgba(255,255,255,.025)!important;
  backdrop-filter:blur(18px)!important;
}
.chat-send .emoji-picker.open{display:grid!important}
.chat-send .emoji-item{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:32px!important;height:32px!important;
  min-width:0!important;min-height:0!important;
  padding:0!important;margin:0!important;
  border:0!important;
  border-radius:8px!important;
  background:transparent!important;
  color:inherit!important;
  font-size:20px!important;
  line-height:1!important;
  font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif!important;
  box-shadow:none!important;
  transform:none!important;
}
.chat-send .emoji-item:hover{background:rgba(255,255,255,.085)!important;transform:scale(1.08)!important}
.chat-send .emoji-picker::-webkit-scrollbar{width:5px}
.chat-send .emoji-picker::-webkit-scrollbar-thumb{background:#26394c;border-radius:99px}

@media(max-width:600px){
  .chat-messages{height:250px!important}
  .chat-send{padding:10px!important;flex-wrap:wrap!important}
  .chat-compose{width:100%!important;flex-basis:100%!important}
  .chat-send>button[type=submit]{flex:1!important}
  .chat-send .emoji-picker{left:8px!important;right:8px!important;bottom:108px!important;width:auto!important;grid-template-columns:repeat(8,1fr)!important}
}

/* ==========================================================
   CLUTCH V25 — SHOUTBOX COMPOSER FINAL POLISH
   ========================================================== */
.chat-send{
  position:relative!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 112px!important;
  align-items:center!important;
  gap:10px!important;
  padding:12px!important;
  min-height:66px!important;
  box-sizing:border-box!important;
}
.chat-compose{
  position:relative!important;
  display:block!important;
  width:100%!important;
  min-width:0!important;
  min-height:44px!important;
  flex:initial!important;
}
.chat-compose input{
  display:block!important;
  width:100%!important;
  height:44px!important;
  box-sizing:border-box!important;
  padding:0 52px 0 14px!important;
  border-radius:11px!important;
  border:1px solid #24475d!important;
  background:linear-gradient(180deg,#071521,#04101a)!important;
  color:#edf6fa!important;
  font-size:12px!important;
  line-height:44px!important;
  outline:none!important;
}
.chat-compose input:focus{
  border-color:#39799b!important;
  box-shadow:0 0 0 3px rgba(45,137,178,.10), inset 0 1px rgba(255,255,255,.025)!important;
}
.chat-compose input::placeholder{color:#637d8d!important}
.emoji-toggle{
  position:absolute!important;
  z-index:3!important;
  top:50%!important;
  right:7px!important;
  transform:translateY(-50%)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:34px!important;
  height:34px!important;
  margin:0!important;
  padding:0!important;
  border:1px solid transparent!important;
  border-radius:9px!important;
  background:rgba(255,255,255,.025)!important;
  color:#9cafbd!important;
  font-size:19px!important;
  line-height:1!important;
  font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif!important;
  cursor:pointer!important;
  box-sizing:border-box!important;
}
.emoji-toggle:hover{
  color:#eef7fb!important;
  background:rgba(255,255,255,.075)!important;
  border-color:rgba(120,151,174,.22)!important;
  transform:translateY(-50%) scale(1.03)!important;
}
.chat-send>button[type=submit]{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  height:44px!important;
  min-width:0!important;
  padding:0 14px!important;
  border:1px solid rgba(50,143,187,.55)!important;
  border-radius:11px!important;
  background:linear-gradient(180deg,#159ed7,#0b83b9)!important;
  color:#fff!important;
  box-shadow:0 8px 22px rgba(8,125,171,.16),inset 0 1px rgba(255,255,255,.12)!important;
  font-size:10px!important;
  font-weight:950!important;
  letter-spacing:.35px!important;
  cursor:pointer!important;
  transition:transform .15s,filter .15s,box-shadow .15s!important;
}
.chat-send>button[type=submit]:hover{
  transform:translateY(-1px)!important;
  filter:brightness(1.07)!important;
  box-shadow:0 11px 26px rgba(8,125,171,.22),inset 0 1px rgba(255,255,255,.15)!important;
}
.chat-send .emoji-picker{
  right:122px!important;
  bottom:64px!important;
}
@media(max-width:600px){
  .chat-send{
    grid-template-columns:1fr!important;
    gap:8px!important;
    padding:10px!important;
  }
  .chat-compose{width:100%!important}
  .chat-send>button[type=submit]{height:42px!important}
  .chat-send .emoji-picker{
    left:8px!important;
    right:8px!important;
    bottom:108px!important;
    width:auto!important;
    grid-template-columns:repeat(8,1fr)!important;
  }
}

/* =========================================================
   V26 — FORUM MODERN / ESPORTS REDESIGN + EMOJI
   ========================================================= */
.forum-page{
  width:min(1320px,calc(100% - 40px));
  margin:0 auto;
  padding:38px 0 70px;
  position:relative;
}
.forum-page:before{
  content:"";
  position:fixed;
  z-index:-2;
  inset:55px 0 0;
  background:
    linear-gradient(180deg,rgba(3,9,17,.62),rgba(3,8,15,.96) 72%),
    url("hero-bg.jpg") center top/cover no-repeat;
  opacity:.42;
  pointer-events:none;
}
.forum-page:after{
  content:"";
  position:fixed;
  z-index:-1;
  inset:55px 0 0;
  background:radial-gradient(circle at 75% 15%,rgba(39,164,255,.10),transparent 30%),
             radial-gradient(circle at 15% 30%,rgba(10,166,255,.08),transparent 32%);
  pointer-events:none;
}
.forum-title-row{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:24px;
  margin-bottom:24px;
}
.forum-title-row h1{
  font-size:34px;
  letter-spacing:-.8px;
  margin:5px 0 5px;
}
.forum-title-row p{margin:0;color:#7f94a4;font-size:12px}
.forum-title-row .steam{
  min-width:128px;
  background:linear-gradient(135deg,#159fe8,#5367ff);
  box-shadow:0 8px 24px rgba(20,151,231,.18);
}
.forum-title-row .steam:hover{filter:brightness(1.08);transform:translateY(-1px)}
.forum-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:14px}
.forum-card{
  background:linear-gradient(180deg,rgba(10,18,29,.92),rgba(5,13,22,.94));
  border:1px solid rgba(70,96,119,.34);
  border-radius:12px;
  box-shadow:0 18px 55px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.025);
  backdrop-filter:blur(10px);
  overflow:hidden;
}
.forum-card-head{
  min-height:62px;
  padding:14px 18px;
  border-bottom:1px solid rgba(63,91,113,.26);
}
.forum-card-head b{font-size:13px;letter-spacing:.15px}
.forum-card-head small{color:#647c8d}
.forum-category{
  min-height:92px;
  grid-template-columns:56px minmax(0,1fr) 70px 150px 20px;
  padding:13px 18px;
  border-bottom:1px solid rgba(54,80,101,.22);
}
.forum-category:hover{background:linear-gradient(90deg,rgba(18,35,50,.72),rgba(10,24,36,.25))}
.forum-icon{
  width:44px;height:44px;border-radius:11px;
  background:linear-gradient(145deg,#0d2434,#07131e);
  border:1px solid #25455c;
  box-shadow:inset 0 0 20px rgba(0,174,255,.05);
}
.forum-cat-main b{font-size:13px}
.forum-cat-main p{font-size:11px;color:#7890a0}
.forum-count strong{font-size:14px}
.forum-arrow{font-size:20px;color:#526f81;transition:.15s}
.forum-category:hover .forum-arrow{color:#43b9ff;transform:translateX(2px)}
.topic-list-card{margin-top:14px}
.topic-row-v2{
  min-height:76px;
  grid-template-columns:42px minmax(0,1fr) 160px 20px;
  padding:11px 16px;
  border-bottom:1px solid rgba(54,80,101,.22);
}
.topic-row-v2:hover{background:rgba(17,33,47,.62)}
.topic-row-v2.is-pinned{
  background:linear-gradient(90deg,rgba(106,61,25,.18),rgba(11,22,32,.38));
}
.topic-row-v2.is-pinned .topic-row-icon{
  border-color:rgba(77,167,255,.45);
  color:#68c6ff;
}
.topic-row-icon{
  width:34px;height:34px;border-radius:9px;
  background:#07131e;border-color:#27465b;
}
.topic-row-main b{font-size:12px}
.topic-row-main small{color:#657e8e}
.topic-row-activity span{color:#93a8b5}
.topic-breadcrumb{
  margin-bottom:16px;
  padding:0 2px;
  font-size:10px;
}
.topic-breadcrumb a{color:#4caeff}
.topic-head{
  margin-bottom:18px;
  align-items:center;
}
.topic-head h1{font-size:30px;line-height:1.1;letter-spacing:-.5px}
.topic-head p{font-size:11px;color:#718797}
.topic-head>.steam{
  background:linear-gradient(135deg,#159fe8,#5367ff);
  box-shadow:0 8px 22px rgba(20,151,231,.18);
}
.topic-wrap{grid-template-columns:minmax(0,1fr) 275px;gap:14px}
.post-card{
  grid-template-columns:155px minmax(0,1fr);
  background:linear-gradient(180deg,rgba(10,18,29,.94),rgba(5,13,22,.94));
  border:1px solid rgba(69,94,115,.31);
  border-radius:12px;
  box-shadow:0 14px 40px rgba(0,0,0,.2);
  min-height:190px;
}
.post-user{
  background:linear-gradient(180deg,rgba(9,23,35,.88),rgba(5,15,24,.78));
  border-right:1px solid rgba(63,89,110,.25);
  padding:20px 12px;
}
.post-user img{
  width:66px;height:66px;
  border:2px solid #294b62;
  box-shadow:0 0 0 5px rgba(11,25,37,.75),0 10px 25px rgba(0,0,0,.3);
}
.post-user b{font-size:12px}
.post-user small{
  padding:4px 7px;border-radius:999px;
  background:rgba(9,160,232,.08);
  border:1px solid rgba(9,160,232,.2);
  color:#3dbbfa;
}
.post-content{padding:0 20px 20px}
.post-content header{
  height:47px;
  margin-bottom:17px;
  border-bottom:1px solid rgba(63,89,110,.23);
}
.post-text{
  font-size:13px;
  color:#c7d3db;
  line-height:1.8;
}
.post-text img{max-width:100%;height:auto;border-radius:8px}
.post-text blockquote{
  border-left:3px solid #4caeff;
  background:rgba(55,166,255,.055);
  border-radius:0 7px 7px 0;
  padding:10px 13px;
}
.topic-sidebar .forum-card{margin-bottom:12px}
.topic-meta{padding:15px}
.topic-meta span{
  padding-bottom:10px;
  border-bottom:1px solid rgba(60,87,108,.2);
}
.topic-meta span:last-child{border-bottom:0;padding-bottom:0}
.moderation-grid button{
  border-radius:7px;
  background:#081722;
  border-color:#25455a;
}
.moderation-grid button:hover{border-color:#4caeff;color:#fff;background:#0d1d2a}
.mod-warning:hover{border-color:#dca34d!important;color:#ffd27d!important}
.mod-danger:hover{border-color:#d85060!important;color:#ff8792!important}
.mod-success:hover{border-color:#20c98d!important;color:#67f0bd!important}
.rich-editor{
  position:relative;
  border-radius:10px;
  border-color:rgba(68,97,119,.4);
  background:#040d16;
  box-shadow:inset 0 1px rgba(255,255,255,.025);
}
.rich-toolbar{
  height:46px;
  padding:0 9px;
  gap:3px;
  background:linear-gradient(180deg,#0c1a27,#08131e);
  border-bottom-color:rgba(62,90,111,.3);
}
.rich-toolbar button{
  min-width:31px;height:30px;
  border-radius:7px;
  color:#91a8b7;
}
.rich-toolbar button:hover{
  background:#102739;
  border-color:#2a536c;
  color:#fff;
}
.rich-toolbar .emoji-trigger{
  margin-left:auto;
  font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;
  font-size:17px;
}
.rich-input{
  min-height:165px;
  padding:15px 16px;
  font-size:13px;
  line-height:1.75;
}
.rich-input:focus{background:#04101a}
.emoji-picker{
  position:absolute;
  right:8px;
  top:43px;
  z-index:50;
  width:min(340px,calc(100vw - 40px));
  max-height:265px;
  overflow:auto;
  padding:9px;
  border:1px solid #28495e;
  border-radius:11px;
  background:rgba(7,17,27,.98);
  box-shadow:0 20px 55px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.02);
  backdrop-filter:blur(14px);
}
.emoji-picker[hidden]{display:none}
.emoji-grid{
  display:grid;
  grid-template-columns:repeat(8,1fr);
  gap:3px;
}
.emoji-item{
  width:100%;aspect-ratio:1;
  border:0!important;
  background:transparent!important;
  border-radius:7px!important;
  padding:0!important;
  font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif!important;
  font-size:20px!important;
  cursor:pointer;
}
.emoji-item:hover{
  background:#173247!important;
  transform:scale(1.08);
}
.forum-form-card{max-width:none}
.forum-form{padding:20px}
.forum-form input,.forum-form select{
  height:44px;border-radius:8px;
}
.forum-form label{font-size:11px}
.forum-empty{padding:50px 20px}
@media(max-width:900px){
  .forum-page{width:min(100% - 24px,1320px);padding-top:25px}
  .forum-layout,.topic-wrap{grid-template-columns:1fr}
  .topic-sidebar{order:-1}
}
@media(max-width:600px){
  .forum-title-row h1{font-size:27px}
  .forum-title-row{align-items:flex-start}
  .forum-title-row .steam{width:auto}
  .post-card{grid-template-columns:1fr}
  .post-user{border-right:0;border-bottom:1px solid rgba(63,89,110,.25);flex-direction:row;text-align:left;padding:12px 15px}
  .post-user img{width:44px;height:44px}
  .post-user span{margin-left:auto}
  .post-content{padding:0 13px 15px}
  .topic-head{align-items:flex-start;flex-direction:column}
  .topic-head>.steam{width:100%;text-align:center}
  .topic-row-v2{grid-template-columns:34px 1fr 16px;padding:10px}
  .topic-row-activity{display:none}
  .emoji-picker{right:5px;width:calc(100vw - 38px)}
  .emoji-grid{grid-template-columns:repeat(7,1fr)}
}

/* =========================================================
   V27 — CLUTCH FORUM POLISH / CYAN-VIOLET THEME
   ========================================================= */
.forum-page:after{
  background:
    radial-gradient(circle at 78% 12%,rgba(39,164,255,.10),transparent 28%),
    radial-gradient(circle at 18% 28%,rgba(111,91,255,.08),transparent 30%);
}
.forum-title-row .steam,
.topic-head>.steam{
  background:linear-gradient(135deg,#159fe8,#5367ff)!important;
  border:1px solid rgba(102,183,255,.28)!important;
  box-shadow:0 10px 28px rgba(20,151,231,.18),inset 0 1px rgba(255,255,255,.14)!important;
}
.forum-title-row .steam:hover,
.topic-head>.steam:hover{filter:brightness(1.08);box-shadow:0 12px 32px rgba(20,151,231,.26),inset 0 1px rgba(255,255,255,.18)!important}
.forum-category:hover{background:linear-gradient(90deg,rgba(20,67,91,.30),rgba(20,37,55,.10))}
.forum-category:hover .forum-arrow{color:#43b9ff;transform:translateX(3px)}
.forum-icon{border-color:rgba(53,154,211,.38);box-shadow:inset 0 0 22px rgba(28,173,255,.07),0 0 0 1px rgba(255,255,255,.015)}
.topic-row-v2.is-pinned{background:linear-gradient(90deg,rgba(45,78,120,.18),rgba(10,22,34,.35))}
.topic-row-v2.is-pinned .topic-row-icon{border-color:rgba(77,167,255,.45);color:#68c6ff}
.topic-row-v2:hover{background:linear-gradient(90deg,rgba(20,52,72,.38),rgba(8,20,31,.18))}
.topic-breadcrumb a{color:#53baff!important}
.topic-breadcrumb b{color:#dbe7ef}
.post-card{background:linear-gradient(145deg,rgba(12,23,36,.96),rgba(5,13,22,.97));border-color:rgba(74,105,130,.32);box-shadow:0 20px 55px rgba(0,0,0,.25),inset 0 1px rgba(255,255,255,.025)}
.post-card:hover{border-color:rgba(76,166,224,.34)}
.post-user{background:linear-gradient(180deg,rgba(11,28,42,.88),rgba(5,15,24,.84));border-right-color:rgba(70,103,127,.24)}
.forum-avatar-link{display:block;line-height:0}
.post-user img{transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.forum-avatar-link:hover img{transform:translateY(-2px) scale(1.035);border-color:#3eb5ff;box-shadow:0 0 0 5px rgba(62,181,255,.07),0 14px 30px rgba(0,0,0,.45)}
.forum-author-link{color:#f0f5f8;text-decoration:none;margin-top:10px}
.forum-author-link:hover{color:#55bdff}
.post-user small{background:rgba(35,161,231,.08);border-color:rgba(35,161,231,.24);color:#55c2ff}
.post-content header{border-bottom-color:rgba(70,101,124,.23)}
.post-text a{color:#58bdff;text-decoration:underline;text-decoration-color:rgba(88,189,255,.35);text-underline-offset:2px}
.post-text blockquote{border-left-color:#4aaeff;background:rgba(55,166,255,.055)}
.moderation-grid button:hover{border-color:#4caeff;color:#fff;background:#0d1d2a}
.mod-warning:hover{border-color:#55a9d7!important;color:#a9ddff!important}
.rich-toolbar button:hover{background:#10283a;border-color:#2d6486;color:#fff;box-shadow:0 0 0 1px rgba(64,180,255,.05)}
.rich-toolbar .emoji-trigger{color:#f2f6fa}
.emoji-picker{border-color:rgba(64,151,207,.38);box-shadow:0 24px 60px rgba(0,0,0,.65),0 0 0 1px rgba(74,174,255,.04)}
.emoji-item:hover{background:rgba(52,148,207,.18)!important}
.forum-inline-user{color:#7fa0b4;text-decoration:none}
.forum-inline-user:hover{color:#55bdff}
.topic-mini:hover{background:rgba(31,91,124,.16)}
.topic-mini-icon{background:rgba(25,72,100,.25)!important;border-color:rgba(56,145,194,.25)!important}
.forum-info li::marker{color:#4db8f4}

/* cleaner forum header / spacing */
.forum-title-row{padding:8px 2px 2px}
.forum-title-row .eyebrow,.topic-head .eyebrow{color:#4bbaff!important}
.forum-title-row h1,.topic-head h1{font-weight:950;text-shadow:0 8px 30px rgba(0,0,0,.3)}
.forum-card{border-radius:14px}
.forum-card-head{background:linear-gradient(180deg,rgba(16,31,44,.35),rgba(8,18,28,.08))}

/* post layout: avatar + author are a single clickable identity block */
.post-user{align-items:center}
.post-user .forum-avatar-link + .forum-author-link{display:block}
.post-user .forum-author-link b{display:block}

@media(max-width:600px){
  .post-user .forum-avatar-link{flex:0 0 auto}
  .post-user .forum-author-link{margin-top:0;margin-left:10px}
}

/* =========================================================
   V28 — FORUM LAYOUT RESTORE / FINAL POLISH
   ========================================================= */
.page-wrap.forum-page{
  width:min(var(--page-max,1320px),calc(100% - 40px)) !important;
  max-width:none !important;
  margin:0 auto !important;
  padding:38px 0 70px !important;
  min-width:0 !important;
  overflow:visible !important;
}
.forum-page .forum-layout,
.forum-page .topic-wrap{
  width:100%;
  min-width:0;
}
.forum-page .forum-main,
.forum-page .forum-sidebar,
.forum-page .topic-wrap>section,
.forum-page .topic-sidebar{min-width:0;}
.forum-page .forum-layout{display:grid !important;grid-template-columns:minmax(0,1fr) 300px !important;gap:14px !important;}
.forum-page .forum-category{display:grid !important;grid-template-columns:56px minmax(0,1fr) 70px 150px 20px !important;align-items:center !important;min-width:0 !important;}
.forum-page .topic-row-v2{display:grid !important;grid-template-columns:42px minmax(0,1fr) 160px 20px !important;align-items:center !important;min-width:0 !important;min-height:76px !important;}
.forum-page .topic-row-main{min-width:0 !important;overflow:hidden;}
.forum-page .topic-row-main b,.forum-page .topic-row-main small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.forum-page .topic-row-activity{min-width:0 !important;overflow:hidden;}
.forum-page .forum-card{min-width:0;}
.forum-page .forum-title-row{display:flex !important;}
.forum-page .topic-breadcrumb{display:flex !important;align-items:center;gap:8px;}

@media (min-width:901px){
  .topbar nav{display:flex !important;}
}
@media (max-width:900px){
  .page-wrap.forum-page{width:calc(100% - 28px) !important;padding-top:28px !important;}
  .forum-page .forum-layout,.forum-page .topic-wrap{grid-template-columns:1fr !important;}
  .forum-page .topic-sidebar{order:-1;}
  .forum-page .forum-category{grid-template-columns:48px minmax(0,1fr) 50px 18px !important;}
  .forum-page .topic-row-v2{grid-template-columns:36px minmax(0,1fr) 18px !important;}
  .forum-page .topic-row-activity{display:none !important;}
}
@media (max-width:600px){
  .page-wrap.forum-page{width:calc(100% - 20px) !important;padding-top:22px !important;}
  .forum-page .forum-title-row{align-items:flex-start !important;flex-direction:column !important;}
  .forum-page .forum-title-row .steam{width:100%;}
  .forum-page .forum-category{grid-template-columns:42px minmax(0,1fr) 18px !important;padding:10px !important;}
  .forum-page .forum-count{display:none !important;}
  .forum-page .forum-last{display:none !important;}
  .forum-page .topic-row-v2{grid-template-columns:34px minmax(0,1fr) 16px !important;padding:10px !important;}
}

/* =========================================================
   V29 — FORUM TOPIC LIST / CLEAN ROW SYSTEM
   Fixes invalid nested anchors and restores the intended
   desktop forum layout shown in the reference design.
   ========================================================= */
.forum-page .topic-list-card{overflow:hidden}
.forum-page .topic-row-v2{
  display:grid !important;
  grid-template-columns:52px minmax(0,1fr) 170px 22px !important;
  align-items:center !important;
  gap:14px !important;
  min-height:92px !important;
  padding:0 18px !important;
  margin:0 !important;
  border:0 !important;
  border-bottom:1px solid rgba(54,80,101,.24) !important;
  background:transparent !important;
  text-decoration:none !important;
  color:inherit !important;
  box-sizing:border-box !important;
}
.forum-page .topic-row-v2:last-child{border-bottom:0 !important}
.forum-page .topic-row-v2:hover{background:linear-gradient(90deg,rgba(17,42,61,.58),rgba(8,18,28,.18)) !important}
.forum-page .topic-row-v2.is-pinned{background:linear-gradient(90deg,rgba(38,74,108,.24),rgba(8,18,28,.08)) !important}
.forum-page .topic-row-icon{
  display:grid !important;
  place-items:center !important;
  width:42px !important;
  height:42px !important;
  min-width:42px !important;
  border-radius:10px !important;
  border:1px solid rgba(63,137,181,.34) !important;
  background:linear-gradient(145deg,#0d2434,#07131e) !important;
  color:#7fd1ff !important;
  font-size:17px !important;
  text-decoration:none !important;
  transition:.18s ease !important;
}
.forum-page .topic-row-icon:hover{border-color:#43b9ff !important;transform:translateY(-1px);box-shadow:0 7px 18px rgba(24,152,219,.15)}
.forum-page .topic-row-main{min-width:0 !important;display:flex !important;flex-direction:column !important;justify-content:center !important;gap:7px !important;overflow:hidden !important}
.forum-page .topic-row-title{
  display:block !important;
  min-width:0 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  color:#e7eef3 !important;
  font-size:13px !important;
  font-weight:800 !important;
  line-height:1.3 !important;
  text-decoration:none !important;
}
.forum-page .topic-row-title:hover{color:#55bdff !important}
.forum-page .topic-row-meta{
  display:flex !important;
  align-items:center !important;
  flex-wrap:wrap !important;
  gap:5px !important;
  min-width:0 !important;
  color:#647e90 !important;
  font-size:10px !important;
  line-height:1.3 !important;
}
.forum-page .topic-row-meta span{white-space:nowrap !important}
.forum-page .topic-row-meta .forum-inline-user{color:#86a8bb !important;text-decoration:none !important;font-weight:600 !important}
.forum-page .topic-row-meta .forum-inline-user:hover{color:#55bdff !important}
.forum-page .topic-row-activity{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-end !important;
  justify-content:center !important;
  gap:5px !important;
  min-width:0 !important;
  text-align:right !important;
}
.forum-page .topic-row-activity small{font-size:10px !important;color:#526f81 !important;letter-spacing:.35px !important}
.forum-page .topic-row-activity span{font-size:10px !important;color:#8fa5b3 !important;white-space:nowrap !important}
.forum-page .topic-row-v2>.forum-arrow{
  display:grid !important;
  place-items:center !important;
  width:22px !important;
  height:32px !important;
  color:#55768a !important;
  font-size:20px !important;
  text-decoration:none !important;
  transition:.16s ease !important;
}
.forum-page .topic-row-v2>.forum-arrow:hover{color:#55bdff !important;transform:translateX(2px)}
.forum-page .topic-row-v2.is-pinned .topic-row-icon{border-color:rgba(75,184,255,.5) !important;color:#6fcaff !important}

/* Make the category rows match the same clean forum rhythm. */
.forum-page .forum-category{
  min-height:96px !important;
  grid-template-columns:56px minmax(0,1fr) 70px 150px 22px !important;
  gap:14px !important;
  box-sizing:border-box !important;
}
.forum-page .forum-cat-main{min-width:0 !important}
.forum-page .forum-cat-main b{display:block !important;font-size:13px !important}
.forum-page .forum-cat-main p{display:block !important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.forum-page .forum-last{min-width:0 !important}

/* Header + cards: closer to the supplied reference forum. */
.forum-page .forum-title-row{margin-bottom:28px !important}
.forum-page .forum-title-row h1{font-size:36px !important;line-height:1.05 !important}
.forum-page .forum-title-row p{font-size:12px !important}
.forum-page .forum-card{border-radius:13px !important}
.forum-page .forum-card-head{min-height:64px !important;padding:15px 18px !important}
.forum-page .forum-sidebar .forum-card + .forum-card{margin-top:14px !important}

@media(max-width:900px){
  .forum-page .topic-row-v2{grid-template-columns:46px minmax(0,1fr) 20px !important;min-height:82px !important;padding:0 14px !important}
  .forum-page .topic-row-activity{display:none !important}
}
@media(max-width:600px){
  .forum-page .topic-row-v2{grid-template-columns:40px minmax(0,1fr) 18px !important;gap:10px !important;min-height:76px !important;padding:0 12px !important}
  .forum-page .topic-row-icon{width:36px !important;height:36px !important;min-width:36px !important;font-size:15px !important}
  .forum-page .topic-row-title{font-size:12px !important}
  .forum-page .topic-row-meta{font-size:10px !important}
  .forum-page .forum-category{min-height:82px !important;grid-template-columns:42px minmax(0,1fr) 18px !important;padding:0 12px !important}
  .forum-page .forum-count,.forum-page .forum-last{display:none !important}
}

/* =========================================================
   V30 — MODERN FORUM CATEGORY EXPERIENCE
   ========================================================= */
.forum-page .forum-breadcrumb{margin:0 0 14px;padding-left:2px}
.forum-page .forum-category-hero{
  position:relative;display:grid;grid-template-columns:76px minmax(0,1fr) auto;gap:18px;align-items:center;
  padding:22px 24px;margin:0 0 18px;border:1px solid rgba(65,126,165,.28);border-radius:18px;
  background:radial-gradient(circle at 0 0,rgba(45,153,222,.12),transparent 34%),linear-gradient(135deg,rgba(10,27,41,.96),rgba(5,14,23,.98));
  box-shadow:0 24px 65px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.035);overflow:hidden;
}
.forum-page .forum-category-hero:after{content:"";position:absolute;inset:auto -80px -90px auto;width:260px;height:190px;background:radial-gradient(circle,rgba(64,155,224,.10),transparent 68%);pointer-events:none}
.forum-category-hero-icon{position:relative;z-index:1;width:70px;height:70px;border-radius:18px;display:grid;place-items:center;font-size:30px;background:linear-gradient(145deg,#0e2a3e,#07131f);border:1px solid rgba(74,177,232,.38);box-shadow:inset 0 0 25px rgba(50,174,240,.08),0 10px 30px rgba(0,0,0,.25)}
.forum-category-hero-copy{min-width:0;position:relative;z-index:1}
.forum-category-hero-copy .eyebrow{color:#55bfff!important;font-size:10px;letter-spacing:1.7px;font-weight:900}
.forum-category-hero-copy h1{margin:5px 0 5px;font-size:32px;line-height:1;font-weight:950;letter-spacing:-.7px;color:#f0f6f9}
.forum-category-hero-copy p{margin:0;color:#7791a2;font-size:12px;line-height:1.6;max-width:720px}
.forum-category-hero-meta{display:flex;align-items:center;gap:18px;margin-top:12px;color:#627f91;font-size:10px}
.forum-category-hero-meta span{display:flex;align-items:center;gap:5px}.forum-category-hero-meta b{color:#cfe0e9;font-size:12px}.forum-category-hero-meta i{width:6px;height:6px;border-radius:50%;background:#18d995;box-shadow:0 0 10px rgba(24,217,149,.65)}
.forum-new-topic{position:relative;z-index:1;display:inline-flex;align-items:center;gap:8px;padding:11px 15px;border-radius:9px;background:linear-gradient(135deg,#159ddd,#427bff);border:1px solid rgba(100,190,255,.35);color:#fff!important;text-decoration:none;font-size:11px;font-weight:900;white-space:nowrap;box-shadow:0 10px 26px rgba(21,157,221,.18);transition:.18s ease}
.forum-new-topic span{font-size:16px;line-height:1}.forum-new-topic:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(21,157,221,.26);filter:brightness(1.07)}
.forum-page .forum-layout{grid-template-columns:minmax(0,1fr) 300px!important;align-items:start!important}
.forum-page .forum-main{display:grid;gap:14px}
.forum-page .topic-list-card{border-radius:16px;background:linear-gradient(180deg,rgba(7,19,30,.98),rgba(4,13,22,.98));box-shadow:0 18px 50px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.025)}
.forum-page .topic-list-card .forum-card-head{min-height:68px;padding:16px 19px;background:linear-gradient(180deg,rgba(20,40,55,.28),rgba(8,18,28,.04));}
.forum-page .topic-list-card .forum-card-head b{font-size:13px}.forum-page .topic-list-card .forum-card-head small{margin-top:3px}
.forum-page .forum-sidebar{position:sticky;top:18px}
.forum-page .forum-sidebar .forum-card{border-radius:16px;background:linear-gradient(180deg,rgba(8,20,31,.97),rgba(4,13,22,.98));box-shadow:0 18px 45px rgba(0,0,0,.2)}
.forum-page .forum-sidebar .forum-card-head{padding:16px 17px}
.forum-page .topic-mini{min-height:64px;padding:10px 13px;transition:.18s ease}.forum-page .topic-mini:hover{padding-left:16px;background:linear-gradient(90deg,rgba(27,91,126,.18),transparent)}
.forum-page .topic-mini-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:9px!important;background:rgba(18,54,77,.55)!important;border:1px solid rgba(61,146,193,.2)!important}
.forum-page .forum-empty-modern{min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:30px 20px;background:radial-gradient(circle at 50% 20%,rgba(41,131,186,.07),transparent 45%)}
.forum-page .forum-empty-modern .forum-empty-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:15px;background:#091e2c;border:1px solid rgba(68,155,204,.28);font-size:22px;margin-bottom:5px;box-shadow:inset 0 0 22px rgba(44,161,218,.06)}
.forum-page .forum-empty-modern b{font-size:13px;color:#d9e6ed}.forum-page .forum-empty-modern>span{font-size:11px;color:#637e90}.forum-page .forum-empty-action{margin-top:10px;padding:9px 13px;border:1px solid rgba(65,161,218,.3);border-radius:8px;color:#67c5ff;text-decoration:none;font-size:10px;font-weight:900;background:rgba(25,115,166,.09);transition:.18s}.forum-page .forum-empty-action:hover{background:rgba(25,115,166,.18);border-color:#4cb9f7;color:#fff}
.forum-page .forum-subcats{margin-bottom:0;border-radius:16px;overflow:hidden}.forum-page .forum-subcats .forum-card-head{min-height:62px}
.forum-page .forum-category.subcategory{border-bottom-color:rgba(54,80,101,.2);background:rgba(5,17,27,.45)}.forum-page .forum-category.subcategory:hover{background:linear-gradient(90deg,rgba(22,67,91,.25),transparent)}
@media(max-width:900px){.forum-page .forum-category-hero{grid-template-columns:58px minmax(0,1fr);padding:18px}.forum-category-hero-icon{width:56px;height:56px;border-radius:15px;font-size:24px}.forum-new-topic{grid-column:2;justify-self:start}.forum-page .forum-sidebar{position:static}.forum-category-hero-copy h1{font-size:27px}}
@media(max-width:600px){.forum-page .forum-category-hero{grid-template-columns:48px minmax(0,1fr);gap:12px;padding:15px;border-radius:14px}.forum-category-hero-icon{width:48px;height:48px;border-radius:13px;font-size:20px}.forum-category-hero-copy .eyebrow{font-size:10px}.forum-category-hero-copy h1{font-size:23px}.forum-category-hero-copy p{font-size:11px}.forum-category-hero-meta{gap:10px;flex-wrap:wrap}.forum-new-topic{grid-column:1 / -1;width:100%;justify-content:center;box-sizing:border-box}.forum-page .forum-layout{gap:10px!important}}
/* ===== NEWS CMS ===== */
.admin-page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:18px}.admin-page-head h1{font-size:27px;margin:4px 0}.admin-page-head p{font-size:11px;color:#71899a;margin:0}.admin-head-btn{white-space:nowrap}.news-admin-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:12px;align-items:start}.news-editor-card,.categories-card,.news-list-card,.pin-order-card,.media-library{overflow:hidden}.panel-head{display:flex;justify-content:space-between;align-items:center;padding:13px 15px;border-bottom:1px solid #17344a}.panel-head h2{font-size:12px;margin:0;letter-spacing:.5px}.panel-head small{display:block;color:#647e90;font-size:10px;margin-top:3px}.news-cms-form{padding:15px;display:grid;gap:12px}.news-cms-form label{display:grid;gap:5px;color:#71899a;font-size:10px;font-weight:900;letter-spacing:.4px}.news-cms-form input,.news-cms-form select,.news-cms-form textarea{width:100%;box-sizing:border-box;background:#050f19;border:1px solid #1b3d54;color:#e7f1f6;border-radius:6px;padding:10px;font:inherit;font-size:12px;outline:0}.news-cms-form textarea{resize:vertical;line-height:1.65;min-height:180px}.news-cms-form input:focus,.news-cms-form select:focus,.news-cms-form textarea:focus{border-color:#159fe4;box-shadow:0 0 0 2px #159fe422}.form-two{display:grid;grid-template-columns:1.5fr .8fr;gap:10px}.form-three{display:flex;gap:16px;flex-wrap:wrap;padding:2px 0}.check-line{display:flex!important;align-items:center;grid-template-columns:none!important;gap:7px!important;color:#a7bac7!important;font-size:10px!important;font-weight:700!important;letter-spacing:0!important}.check-line input{width:15px;height:15px;margin:0;accent-color:#0da8ff}.image-picker-box{border:1px solid #18384f;border-radius:7px;background:#06131f;padding:10px}.picker-head{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:9px}.picker-head b{display:block;font-size:10px}.picker-head small{display:block;color:#688295;font-size:10px;margin-top:3px}.picker-head>span{max-width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#1ab0ff;font-size:10px}.upload-drop{min-height:50px!important;border:1px dashed #28566f;border-radius:6px;display:flex!important;align-items:center!important;justify-content:center!important;flex-direction:row!important;gap:7px!important;color:#a9c4d2!important;background:#071925;cursor:pointer}.upload-drop span{color:#dceaf1;font-size:10px}.upload-drop small{font-size:10px;color:#668093}.media-picker-mini{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin-top:9px}.media-mini{padding:0;border:1px solid #1b3c53;background:#04101a;border-radius:5px;overflow:hidden;cursor:pointer;text-align:left}.media-mini:hover,.media-mini.selected{border-color:#11a7f5;box-shadow:0 0 0 1px #11a7f522}.media-mini img{display:block;width:100%;height:48px;object-fit:cover}.media-mini span{display:block;font-size:9px;color:#6d8798;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:4px}.picker-note{display:block;color:#5e7687;font-size:9px;margin-top:7px}.pin-controls{display:grid;grid-template-columns:1fr 90px;align-items:end;gap:10px}.pin-controls>label:last-child input{margin-top:5px}.save-news-btn{justify-self:start}.subtle-btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 11px;border:1px solid #21465e;background:#071824;color:#9eb6c5;border-radius:5px;font-size:10px;font-weight:900}.category-add{display:grid;grid-template-columns:1fr 36px;gap:6px;padding:10px;border-bottom:1px solid #153247}.category-add input{background:#050f19;border:1px solid #1b3d54;color:#fff;border-radius:5px;padding:9px;font-size:11px}.category-add button{padding:0;font-size:14px}.category-list>div{display:grid;grid-template-columns:1fr auto 24px;gap:8px;align-items:center;padding:9px 11px;border-bottom:1px solid #112b3e}.category-list span{font-size:10px;color:#d9e7ee}.category-list small{font-size:9px;color:#60798b}.category-list button{width:22px;height:22px;padding:0;border:1px solid #29485d;background:#081824;color:#718999;border-radius:4px}.category-list button:hover{color:#ff7180;border-color:#6e3541}.count-badge{font-size:10px;color:#7f9aab;border:1px solid #1b3c53;border-radius:999px;padding:5px 8px}.news-table-head,.news-table-row{display:grid;grid-template-columns:46px minmax(220px,1.7fr) 125px 100px 65px 250px;gap:10px;align-items:center}.news-table-head{padding:8px 13px;background:#071723;color:#607b8e;font-size:9px;font-weight:900;letter-spacing:.5px;border-bottom:1px solid #17364c}.news-table-row{padding:9px 13px;border-bottom:1px solid #122d40;min-height:50px}.news-table-row:hover{background:#071824}.news-thumb{width:42px;height:34px;border-radius:5px;overflow:hidden;border:1px solid #1b4059;background:#071a27;display:grid;place-items:center;color:#668296}.news-thumb img{width:100%;height:100%;object-fit:cover}.news-thumb.mini{width:45px;height:32px}.news-main{min-width:0}.news-main b{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.news-main small{display:block;color:#60798a;font-size:9px;margin-top:4px}.category-badge,.pin-badge,.status{display:inline-flex;align-items:center;width:max-content;padding:5px 7px;border-radius:4px;font-size:9px;font-weight:900;border:1px solid #21445b}.category-badge{color:#93bdd0;background:#071925}.status.live{color:#31dfa1;border-color:#17664e;background:#071d19}.status.hidden{color:#ffb3bc;border-color:#6e3440;background:#241018}.status.draft{color:#e8bd62;border-color:#66521f;background:#211b0c}.pin-badge{color:#7dcfff;border-color:#205878;margin-top:4px}.status-stack{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.order-cell{font-size:10px;color:#7f9aa9}.news-actions{display:flex;gap:5px;align-items:center;flex-wrap:wrap}.news-actions a,.news-actions button{padding:6px 8px;border:1px solid #21475f;background:#071824;color:#a6c0cf;border-radius:4px;font-size:9px;font-weight:900;cursor:pointer}.news-actions a:hover,.news-actions button:hover{border-color:#0ca8ff;color:#fff}.news-actions .danger,.media-card .danger{border-color:#65313c;color:#ff7785}.news-actions form,.media-card form{margin:0}.empty-admin{padding:30px;text-align:center;color:#5e7788;font-size:10px}.pin-order-card{margin-top:12px}.pin-order-row{display:grid;grid-template-columns:45px minmax(0,1fr) 70px 45px;gap:10px;align-items:center;padding:8px 13px;border-bottom:1px solid #122d40}.pin-order-row b{display:block;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pin-order-row small{display:block;color:#637d8f;font-size:9px;margin-top:3px}.pin-order-row input{background:#050f19;border:1px solid #21475f;color:#fff;border-radius:4px;padding:7px;font-size:10px;width:100%;box-sizing:border-box}.pin-order-row>span{font-size:10px;color:#70899a}.order-save{margin:10px 13px}.media-library{margin-top:12px}.media-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:9px;padding:12px}.media-card{overflow:hidden;border:1px solid #18384f;background:#06131f;border-radius:6px}.media-card>img{display:block;width:100%;height:100px;object-fit:cover}.media-card>div{padding:8px}.media-card b{display:block;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-card small{display:block;color:#617b8c;font-size:9px;margin:3px 0 6px}.media-card button{padding:5px 7px}.admin-shell{padding-top:35px}.admin-shell .admin-content{width:100%}
@media(max-width:1100px){.news-table-head,.news-table-row{grid-template-columns:42px minmax(180px,1fr) 100px 90px 45px 210px}.media-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:900px){.news-admin-grid{grid-template-columns:1fr}.media-picker-mini{grid-template-columns:repeat(6,1fr)}.news-table-head{display:none}.news-table-row{grid-template-columns:42px 1fr auto;gap:8px}.news-table-row>div:nth-child(3),.news-table-row>div:nth-child(4),.news-table-row>div:nth-child(5){display:none}.news-actions{grid-column:2/-1}.media-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:600px){.admin-page-head{align-items:flex-start;flex-direction:column}.form-two,.pin-controls{grid-template-columns:1fr}.media-picker-mini{grid-template-columns:repeat(4,1fr)}.media-grid{grid-template-columns:repeat(2,1fr)}.news-table-row{padding:9px}.news-actions a,.news-actions button{font-size:9px}.admin-shell{padding-top:20px}}
.news-card-meta{display:flex;align-items:center;gap:7px;margin-bottom:6px}.news-card-meta span{font-size:9px;color:#0da8ff;font-weight:900}.news-card-meta span:first-child{color:#7bd5ff}.news-card-meta small{margin-left:auto;color:#637d8e;font-size:9px}.article-content{font-size:13px;line-height:1.8;color:#aebdca;margin-top:18px}.article-content p{margin:0 0 12px}.article-content strong,.article-content b{color:#e8f3f7}.article-content a{color:#16aeff;text-decoration:underline}.article-content blockquote{border-left:3px solid #0ca8ff;background:#071c2b;padding:10px 13px;margin:12px 0}.article-content ul,.article-content ol{padding-left:22px}

/* ===== MINIMAL ADMIN CONTROL CENTER ===== */
.admin-layout{width:min(1420px,calc(100% - 48px));margin:0 auto;min-height:calc(100vh - 55px);padding:28px 0 45px;display:grid;grid-template-columns:210px minmax(0,1fr);gap:24px}
.admin-sidebar{position:sticky;top:75px;height:calc(100vh - 100px);min-height:520px;border:1px solid #16354b;background:#06111b;border-radius:10px;padding:12px;display:flex;flex-direction:column;box-shadow:0 18px 45px rgba(0,0,0,.16)}
.admin-sidebar-brand{display:flex;align-items:center;gap:9px;padding:9px 8px 15px;border-bottom:1px solid #142f42}.admin-mark{width:31px;height:31px;border-radius:8px;display:grid;place-items:center;background:#071d2b;border:1px solid #1c4b67;color:#0da8ff;font-size:15px}.admin-sidebar-brand b{display:block;font-size:12px;letter-spacing:.5px}.admin-sidebar-brand span{display:block;color:#5e7b8d;font-size:9px;letter-spacing:1.1px;margin-top:3px}.admin-sidebar-label{font-size:9px;color:#587487;font-weight:900;letter-spacing:1.1px;padding:17px 9px 7px}.admin-sidebar-nav{display:grid;gap:3px}.admin-sidebar-nav a{height:35px;border-radius:6px;display:flex;align-items:center;gap:9px;padding:0 9px;color:#839aaa;font-size:10px;font-weight:800;transition:.16s;border:1px solid transparent}.admin-sidebar-nav a i{width:18px;text-align:center;font-style:normal;color:#5f8094;font-size:12px}.admin-sidebar-nav a:hover{background:#081b29;color:#dceaf1;border-color:#173b52}.admin-sidebar-nav a.active{background:#0a2131;border-color:#1b4e6b;color:#fff;box-shadow:inset 2px 0 #0da8ff}.admin-sidebar-nav a.active i{color:#0da8ff}.admin-sidebar-footer{margin-top:auto;padding-top:10px;border-top:1px solid #142f42;display:grid;gap:2px}.admin-sidebar-footer a{padding:7px 8px;color:#627d8e;font-size:10px;border-radius:5px}.admin-sidebar-footer a:hover{background:#081a27;color:#dceaf1}
.admin-main{min-width:0}.admin-topline{display:flex;justify-content:space-between;align-items:flex-end;gap:15px;margin:5px 0 20px}.admin-topline .eyebrow{margin-bottom:5px}.admin-topline h1{font-size:29px;line-height:1;margin:0 0 7px;letter-spacing:-.5px}.admin-topline p{margin:0;color:#6f899a;font-size:11px}.admin-user-chip{height:30px;border:1px solid #183b52;background:#061520;border-radius:6px;padding:0 10px;display:flex;align-items:center;gap:7px;color:#a6bac7;font-size:10px}.admin-user-chip span{width:6px;height:6px;border-radius:50%;background:#18d893;box-shadow:0 0 8px #18d893}
.admin-kpis{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-bottom:12px}.admin-kpi{min-width:0;border:1px solid #17384e;background:#06131e;border-radius:7px;padding:12px 12px 11px;transition:.16s}.admin-kpi:hover{border-color:#27617f;background:#071824;transform:translateY(-1px)}.admin-kpi span{display:block;color:#668296;font-size:10px;font-weight:900}.admin-kpi strong{display:block;font-size:22px;line-height:1.1;margin:8px 0 4px;color:#e9f3f8}.admin-kpi small{display:block;color:#506b7d;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.admin-content-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(250px,.8fr);gap:12px}.admin-card{border:1px solid #17384e;background:#06131e;border-radius:8px;overflow:hidden}.admin-card-head{min-height:53px;padding:11px 13px;border-bottom:1px solid #153247;display:flex;align-items:center;justify-content:space-between;gap:10px}.admin-card-head b{display:block;font-size:11px}.admin-card-head small{display:block;color:#5f798b;font-size:9px;margin-top:4px}.admin-card-head>a{font-size:10px;color:#0da8ff}.admin-activity-row{min-height:49px;padding:8px 13px;border-bottom:1px solid #112c3e;display:grid;grid-template-columns:26px minmax(0,1fr) auto;align-items:center;gap:9px}.admin-activity-row:last-child{border-bottom:0}.activity-icon{width:24px;height:24px;border-radius:6px;display:grid;place-items:center;background:#071f2d;border:1px solid #194761;color:#0da8ff;font-size:11px}.activity-copy{min-width:0}.activity-copy b{display:block;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-copy span{display:block;color:#5d788a;font-size:9px;margin-top:3px}.admin-activity-row time{font-size:9px;color:#506b7d;white-space:nowrap}.admin-empty{padding:30px;text-align:center;color:#5c7788;font-size:10px}.admin-quick-list{padding:5px}.admin-quick-list a{display:grid;grid-template-columns:28px minmax(0,1fr) 16px;align-items:center;gap:8px;padding:10px 8px;border-bottom:1px solid #112c3e}.admin-quick-list a:last-child{border-bottom:0}.admin-quick-list a:hover{background:#071a27}.admin-quick-list i{width:27px;height:27px;border:1px solid #194761;border-radius:6px;display:grid;place-items:center;font-style:normal;color:#0da8ff;font-size:12px}.admin-quick-list b{display:block;font-size:10px}.admin-quick-list small{display:block;color:#5d788a;font-size:9px;margin-top:3px}.admin-quick-list em{font-style:normal;color:#4e6b7d;font-size:12px}
@media(max-width:1100px){.admin-layout{grid-template-columns:180px minmax(0,1fr);width:min(100% - 28px,1100px);gap:15px}.admin-kpis{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.admin-layout{display:block;width:calc(100% - 20px);padding-top:15px}.admin-sidebar{position:static;height:auto;min-height:0;margin-bottom:12px}.admin-sidebar-nav{grid-template-columns:repeat(2,1fr)}.admin-sidebar-footer{display:none}.admin-content-grid{grid-template-columns:1fr}.admin-kpis{grid-template-columns:repeat(2,1fr)}.admin-topline{align-items:flex-start}.admin-user-chip{display:none}}
@media(max-width:450px){.admin-kpis{grid-template-columns:1fr 1fr}.admin-sidebar-nav a{font-size:10px}.admin-activity-row{grid-template-columns:26px 1fr}.admin-activity-row time{display:none}}

/* ===== ADMIN READABILITY PASS - LAPTOP ===== */
.admin-layout{grid-template-columns:235px minmax(0,1fr);gap:22px}
.admin-sidebar{padding:14px}
.admin-sidebar-brand{gap:11px;padding:10px 9px 17px}
.admin-sidebar-brand b{font-size:14px}
.admin-sidebar-brand span{font-size:10px}
.admin-sidebar-label{font-size:10px;padding:18px 10px 8px;letter-spacing:1.2px}
.admin-sidebar-nav{gap:4px}
.admin-sidebar-nav a{height:42px;padding:0 11px;gap:10px;font-size:12px}
.admin-sidebar-nav a i{width:19px;font-size:14px}
.admin-sidebar-footer a{padding:8px 9px;font-size:11px}
.admin-topline{margin:7px 0 22px}
.admin-topline h1{font-size:34px;margin-bottom:8px}
.admin-topline p{font-size:12px}
.admin-user-chip{height:34px;padding:0 12px;font-size:11px}
.admin-user-chip span{width:7px;height:7px}
.admin-kpis{gap:9px;margin-bottom:14px}
.admin-kpi{padding:14px 14px 13px}
.admin-kpi span{font-size:11px}
.admin-kpi strong{font-size:26px;margin:9px 0 5px}
.admin-kpi small{font-size:10px}
.admin-content-grid{gap:14px}
.admin-card-head{min-height:58px;padding:13px 15px}
.admin-card-head b{font-size:12px}
.admin-card-head small{font-size:10px;margin-top:4px}
.admin-card-head>a{font-size:11px}
.admin-activity-row{min-height:58px;padding:10px 15px;grid-template-columns:30px minmax(0,1fr) auto;gap:10px}
.activity-icon{width:28px;height:28px;font-size:12px}
.activity-copy b{font-size:12px}
.activity-copy span{font-size:10px;margin-top:4px}
.admin-activity-row time{font-size:10px}
.admin-empty{font-size:12px}
.admin-quick-list{padding:6px}
.admin-quick-list a{grid-template-columns:32px minmax(0,1fr) 18px;padding:12px 9px;gap:10px}
.admin-quick-list i{width:30px;height:30px;font-size:13px}
.admin-quick-list b{font-size:12px}
.admin-quick-list small{font-size:10px;margin-top:4px}
.admin-quick-list em{font-size:14px}

@media(max-width:1100px){
  .admin-layout{grid-template-columns:215px minmax(0,1fr);width:min(100% - 28px,1200px);gap:16px}
  .admin-sidebar-nav a{font-size:12px}
  .admin-kpis{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:760px){
  .admin-layout{display:block;width:calc(100% - 20px);padding-top:15px}
  .admin-sidebar{position:static;height:auto;min-height:0;margin-bottom:12px}
  .admin-sidebar-nav a{font-size:12px}
  .admin-topline h1{font-size:29px}
  .admin-kpi strong{font-size:23px}
}

/* =========================================================
   SERVER ADMIN — MODERN / MINIMAL / LAPTOP FRIENDLY
   ========================================================= */
.admin-server-layout{align-items:start}
.server-admin-title{align-items:center!important}
.server-live-indicator{height:32px;padding:0 11px;border:1px solid #17384e;background:#06131e;border-radius:7px;display:flex;align-items:center;gap:8px;color:#6f899a;font-size:10px;white-space:nowrap}
.server-live-indicator span{width:7px;height:7px;border-radius:50%;background:#17d998;box-shadow:0 0 9px rgba(23,217,152,.6)}
.server-admin-grid{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:14px;margin-bottom:14px}
.server-form-card,.server-info-card,.server-list-card{overflow:hidden}
.server-admin-form{padding:15px}
.server-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
.server-form-grid label{display:grid;gap:6px;min-width:0}
.server-form-grid label.span-2{grid-column:span 2}
.server-form-grid label>span{font-size:10px;font-weight:900;color:#7590a0;letter-spacing:.15px}
.server-form-grid input{width:100%;height:38px;padding:0 11px;border:1px solid #1a3d54;background:#050f18;color:#e9f4f8;border-radius:6px;outline:0;font-size:12px;transition:.16s}
.server-form-grid input::placeholder{color:#476173}
.server-form-grid input:focus{border-color:#159ddd;box-shadow:0 0 0 3px rgba(21,157,221,.09);background:#06131f}
.server-toggles{display:flex;gap:16px;margin-top:13px;padding-top:12px;border-top:1px solid #112d40}
.switch-row{display:flex!important;align-items:center;gap:8px!important;color:#9eb4c2!important;font-size:11px!important;cursor:pointer}
.switch-row input{accent-color:#0da8ff;width:14px;height:14px}
.server-form-actions{display:flex;align-items:center;gap:8px;margin-top:14px}
.server-form-actions .primary{min-height:38px;padding:0 17px;font-size:11px}
.secondary-btn{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 12px;border:1px solid #1b4057;background:#071622;color:#a9bfcb;border-radius:6px;font-size:10px;font-weight:900;text-decoration:none;cursor:pointer}
.secondary-btn:hover{border-color:#2a6a8e;color:#fff;background:#081c2b}
.server-info-body{display:grid;grid-template-columns:repeat(3,1fr);padding:15px 12px 13px;gap:8px}
.server-info-body>div{padding:11px 7px;text-align:center;border:1px solid #14344a;background:#071723;border-radius:6px}
.server-info-body strong{display:block;color:#edf6f9;font-size:21px;line-height:1.1}
.server-info-body span{display:block;margin-top:4px;color:#5f7b8d;font-size:10px;text-transform:uppercase;font-weight:900;letter-spacing:.5px}
.server-info-note{padding:0 14px 14px;color:#5e7889;font-size:10px;line-height:1.55}
.server-list-card{margin-bottom:20px}
.server-list-card>.admin-card-head{min-height:58px}
.server-list-card>.admin-card-head .secondary-btn{min-height:30px;font-size:10px}
.server-list-card>.admin-card-head .secondary-btn.is-loading{opacity:.55;pointer-events:none}
.server-table-head,.server-admin-row{display:grid;grid-template-columns:minmax(190px,1.45fr) minmax(130px,1fr) 120px 85px minmax(90px,.8fr) 70px minmax(235px,1.35fr);align-items:center;gap:10px}
.server-table-head{padding:8px 14px;background:#050f18;border-top:1px solid #112d40;border-bottom:1px solid #143249;color:#557386;font-size:10px;font-weight:900;letter-spacing:.65px}
.server-admin-row{min-height:65px;padding:9px 14px;border-bottom:1px solid #112c3e;background:#06131e;transition:.15s}
.server-admin-row:hover{background:#071a28}
.server-name-cell{display:flex;align-items:center;gap:9px;min-width:0}
.server-mode-dot{width:8px;height:8px;border-radius:50%;background:#0da8ff;box-shadow:0 0 10px rgba(13,168,255,.45);flex:0 0 auto}
.server-name-cell b{display:block;color:#e8f3f7;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.server-name-cell small{display:block;color:#5f7b8c;font-size:10px;margin-top:4px}
.server-address code{font-family:Consolas,monospace;color:#8ea7b6;font-size:10px;white-space:nowrap}
.server-status{display:inline-flex;align-items:center;min-height:24px;padding:0 8px;border-radius:5px;border:1px solid;font-size:10px;font-weight:900;white-space:nowrap}
.status-loading{color:#6e8797;border-color:#244155;background:#07141e}
.status-online{color:#31dfa1;border-color:#17664e;background:#071e19}
.status-offline{color:#ff8e9a;border-color:#68323e;background:#251019}
.status-disabled{color:#889aa6;border-color:#304653;background:#101a20}
.players-cell,.map-cell,.ping-cell{color:#a7bac5;font-size:11px}
.players-cell{font-weight:900;color:#dbe9ee}
.map-cell{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ping-cell{font-variant-numeric:tabular-nums}
.server-actions{display:flex;align-items:center;gap:5px;justify-content:flex-end;flex-wrap:wrap}
.server-actions form{margin:0}
.action-btn{min-height:27px;padding:0 8px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #1b4057;background:#071723;color:#9bb2bf;border-radius:5px;font-size:10px;font-weight:900;text-decoration:none;cursor:pointer}
.action-btn:hover{border-color:#159ddd;color:#fff;background:#092033}
.action-btn.danger{border-color:#5a303a;color:#e98691}
.action-btn.danger:hover{border-color:#c94d5c;background:#24131a}
.rcon-panel{padding:10px 14px;border-bottom:1px solid #143249;background:#04101a}
.rcon-panel form{display:flex;gap:7px}
.rcon-panel input{flex:1;min-width:0;height:34px;background:#050f18;border:1px solid #1a3d54;border-radius:5px;color:#dceaf0;padding:0 10px;font-size:11px}
.rcon-panel .primary{min-height:34px;padding:0 12px;font-size:10px}
@media(max-width:1200px){.server-admin-grid{grid-template-columns:1fr}.server-info-card{display:none}.server-table-head,.server-admin-row{grid-template-columns:minmax(180px,1.4fr) minmax(130px,1fr) 105px 75px minmax(80px,.7fr) 60px minmax(210px,1.25fr)}}
@media(max-width:900px){.server-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.server-form-grid label.span-2{grid-column:span 2}.server-table-head{display:none}.server-admin-row{grid-template-columns:1fr auto;gap:8px;padding:12px 14px}.server-address,.status-cell,.players-cell,.map-cell,.ping-cell{font-size:10px}.server-address{grid-column:1}.status-cell{grid-column:2;grid-row:1/3}.server-actions{grid-column:1/-1;justify-content:flex-start}.server-admin-row .server-name-cell{grid-column:1}.rcon-panel form{flex-direction:column}.rcon-panel .primary{width:100%}}
@media(max-width:600px){.server-form-grid{grid-template-columns:1fr}.server-form-grid label.span-2{grid-column:auto}.server-toggles{flex-direction:column;gap:9px}.server-admin-title{align-items:flex-start!important;flex-direction:column}.server-live-indicator{width:100%}}

/* ===== SERVER DIRECTORY V3 ===== */
.servers-page-v3{padding-top:34px;padding-bottom:42px}.servers-title-v3{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:22px}.servers-title-v3 h1{margin-bottom:5px}.servers-live{display:flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid #173b50;background:#06131e;border-radius:8px;color:#7e9aab;font-size:10px;font-weight:900;letter-spacing:.5px}.servers-live span,.detail-live i{width:7px;height:7px;border-radius:50%;background:#15db98;box-shadow:0 0 10px rgba(21,219,152,.55);display:inline-block}.server-filter-v3{display:flex;gap:7px;margin-bottom:12px}.server-filter-v3 button{border:1px solid #1b3b52;background:#071521;color:#7591a3;border-radius:7px;padding:9px 14px;font-size:10px;font-weight:900;cursor:pointer;transition:.15s}.server-filter-v3 button:hover{border-color:#168fc8;color:#dceaf2}.server-filter-v3 button.is-active{background:#0b9fe9;border-color:#0b9fe9;color:white;box-shadow:0 7px 18px rgba(11,159,233,.16)}.server-grid-v3{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.server-card-v3{height:184px;position:relative;overflow:hidden;border:1px solid #193c53;border-radius:10px;background:#06121d;box-shadow:0 12px 30px rgba(0,0,0,.14)}.server-card-bg{position:absolute;inset:0;display:block;overflow:hidden}.server-card-bg img{width:100%;height:100%;object-fit:cover;filter:saturate(.9) contrast(1.03);transition:transform .35s ease}.server-card-v3:hover .server-card-bg img{transform:scale(1.045)}.server-card-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,12,20,.97) 0%,rgba(3,12,20,.86) 40%,rgba(3,12,20,.42) 100%),linear-gradient(0deg,rgba(3,12,20,.94),transparent 60%)}.server-map-watermark{position:absolute;right:-8px;bottom:-12px;font-size:72px;font-weight:900;letter-spacing:-5px;color:rgba(76,157,199,.08);text-transform:uppercase;pointer-events:none}.server-card-v3-content{position:absolute;inset:0;padding:14px 15px;display:flex;flex-direction:column}.server-card-topline{display:flex;justify-content:space-between;align-items:center}.mode-pill{display:inline-flex;align-items:center;min-height:23px;padding:0 9px;border-radius:6px;border:1px solid rgba(255,255,255,.10);font-size:10px;font-weight:900;letter-spacing:.6px;color:#fff;background:rgba(7,26,39,.7);backdrop-filter:blur(5px)}.mode-retake{background:rgba(225,42,68,.18);border-color:rgba(225,42,68,.45);color:#ff6e82}.mode-dm{background:rgba(237,148,24,.15);border-color:rgba(237,148,24,.4);color:#ffc15a}.mode-surf{background:rgba(48,157,255,.15);border-color:rgba(48,157,255,.4);color:#68c6ff}.mode-kz{background:rgba(35,162,104,.15);border-color:rgba(35,162,104,.4);color:#5ee0a1}.mode-duels{background:rgba(124,93,255,.16);border-color:rgba(124,93,255,.4);color:#a997ff}.live-dot{display:flex;align-items:center;gap:5px;font-size:10px;font-weight:900;color:#7b9bad}.live-dot i{width:6px;height:6px;border-radius:50%;background:#15db98;display:inline-block}.server-card-name{display:block;margin-top:14px;color:#f0f6fa;font-size:16px;font-weight:900;text-decoration:none;letter-spacing:-.2px}.server-card-name:hover{color:#12a9f4}.server-card-meta{display:flex;gap:14px;margin-top:5px;color:#7690a1;font-size:10px}.server-card-bottom{margin-top:auto;display:grid;grid-template-columns:65px 62px 1fr auto;align-items:end;gap:8px}.server-slot,.server-ping{display:flex;flex-direction:column}.server-slot b,.server-ping b{font-size:12px;color:#e6f1f6}.server-slot small,.server-ping small{font-size:9px;color:#5d788a;margin-top:2px}.server-ping-value{color:#15db98!important}.server-detail-btn,.join-v3{height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;padding:0 12px;font-size:10px;font-weight:900;text-decoration:none}.server-detail-btn{border:1px solid #24465e;background:rgba(4,17,28,.7);color:#a7bac7}.server-detail-btn:hover{border-color:#0da7ee;color:#fff}.join-v3{background:#0b9fe9;color:#fff;box-shadow:0 6px 16px rgba(11,159,233,.13)}.join-v3:hover{background:#17aef7}.server-card-v3[hidden]{display:none}.server-live-text.online{color:#15db98}.server-live-text.offline{color:#ff6477}.server-live-text.offline i{background:#ff6477;box-shadow:none}

/* ===== SERVER DETAIL ===== */
.server-detail-page{padding-top:26px;padding-bottom:45px}.server-detail-hero{min-height:365px;position:relative;overflow:hidden;border:1px solid #1b4058;border-radius:12px;background:#06121d var(--server-bg) center/cover no-repeat;display:flex;align-items:flex-end;padding:34px}.server-detail-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,10,17,.97),rgba(2,10,17,.76) 48%,rgba(2,10,17,.35)),linear-gradient(0deg,rgba(2,10,17,.96),transparent 65%)}.server-detail-content{position:relative;z-index:2}.back-link{color:#7695a8;text-decoration:none;font-size:10px;font-weight:900}.back-link:hover{color:#13a9f2}.server-detail-kicker{display:flex;gap:9px;align-items:center;margin-top:18px}.detail-live{display:flex;gap:6px;align-items:center;color:#15db98;font-size:10px}.server-detail-content h1{font-size:40px;line-height:1;margin:13px 0 8px;letter-spacing:-1px}.server-detail-map{margin:0;color:#90a9b8;font-size:12px}.server-detail-actions{display:flex;gap:8px;margin-top:22px}.server-detail-actions .primary{display:flex;align-items:center;gap:12px;text-decoration:none}.copy-ip{border:1px solid #2b4e66;background:rgba(5,17,27,.8);color:#d5e3eb;border-radius:6px;padding:0 16px;font-weight:900;font-size:10px;cursor:pointer}.server-detail-livebox{position:absolute;right:24px;top:24px;z-index:2;width:180px;padding:16px;border:1px solid rgba(38,83,108,.8);border-radius:9px;background:rgba(4,15,24,.76);backdrop-filter:blur(8px)}.server-detail-livebox span{font-size:10px;color:#6e8a9c;font-weight:900}.server-detail-livebox strong{display:block;font-size:25px;margin-top:8px}.server-detail-livebox small{color:#15db98;font-size:11px}.server-detail-grid{display:grid;grid-template-columns:1.55fr .75fr;gap:12px;margin-top:12px}.server-detail-panel,.server-connect-panel{overflow:hidden}.detail-muted{margin-left:auto;color:#557487;font-size:10px}.server-info-grid-v3{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:13px}.server-info-grid-v3>div{min-height:75px;padding:12px;border:1px solid #15364b;background:#071521;border-radius:7px;position:relative}.server-info-grid-v3 small{display:block;color:#5e7a8d;font-size:9px;font-weight:900;letter-spacing:.6px}.server-info-grid-v3 strong{display:block;margin-top:9px;color:#e4eef3;font-size:12px;word-break:break-word}.mini-copy{position:absolute;right:8px;bottom:8px;border:0;background:transparent;color:#0da8ef;font-size:9px;font-weight:900;cursor:pointer}.server-connect-panel p{padding:2px 14px 10px;color:#7893a4;font-size:11px;line-height:1.5}.connect-address{margin:0 13px 9px;height:40px;display:flex;align-items:center;border:1px solid #173b52;background:#05111b;border-radius:7px;overflow:hidden}.connect-address span{padding:0 10px;font-family:Consolas,monospace;color:#dce8ee;font-size:11px;flex:1}.connect-address button{height:100%;width:42px;border:0;border-left:1px solid #173b52;background:#0a9fe9;color:white;cursor:pointer}.connect-full{display:flex;justify-content:center;align-items:center;text-decoration:none;margin:0 13px 13px;height:40px;font-size:10px}.empty-state{padding:70px;text-align:center;color:#718b9b}
@media(max-width:900px){.server-grid-v3{grid-template-columns:1fr}.server-detail-grid{grid-template-columns:1fr}.server-detail-livebox{position:relative;right:auto;top:auto;margin:0 34px 25px;width:auto}.server-detail-hero{display:block;padding:24px}.server-detail-content{padding-top:8px}.server-detail-content h1{font-size:32px}.server-info-grid-v3{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.servers-title-v3{align-items:flex-start;gap:14px;flex-direction:column}.server-filter-v3{overflow:auto;padding-bottom:3px}.server-filter-v3 button{white-space:nowrap}.server-card-v3{height:195px}.server-card-bottom{grid-template-columns:55px 55px 1fr}.server-detail-btn{display:none}.server-info-grid-v3{grid-template-columns:1fr}.server-detail-actions{flex-direction:column}.copy-ip,.server-detail-actions .primary{height:40px;justify-content:center}.server-detail-livebox{margin:0 0 20px}.server-detail-hero{min-height:470px}}

/* ==========================================================
   V37 — HOMEPAGE SERVER LIST / MAP-BACKGROUND CARDS
   ========================================================== */
.dashboard-v2 .servers{overflow:hidden}
.server-row-modern{
  position:relative!important;
  height:76px!important;
  display:block!important;
  overflow:hidden!important;
  padding:0!important;
  border-top:1px solid rgba(28,58,78,.75)!important;
  background:#06111c!important;
  isolation:isolate;
}
.server-row-modern:first-child{border-top:0!important}
.server-row-bg{
  position:absolute;inset:0;z-index:-3;display:block;
  background-position:center;background-size:cover;background-repeat:no-repeat;
  transform:scale(1.015);transition:transform .35s ease,filter .35s ease;
  filter:saturate(.82) brightness(.72);
}
.server-row-overlay{
  position:absolute;inset:0;z-index:-2;
  background:
    linear-gradient(90deg,rgba(2,10,17,.98) 0%,rgba(3,13,22,.91) 31%,rgba(3,13,22,.74) 67%,rgba(3,13,22,.88) 100%),
    linear-gradient(0deg,rgba(2,9,15,.68),transparent 50%);
}
.server-row-content{
  height:100%;display:grid!important;
  grid-template-columns:92px minmax(170px,1fr) 58px 74px 72px 72px 106px 28px;
  align-items:center;gap:10px;padding:0 11px!important;position:relative;z-index:1;
}
.server-row-modern:hover .server-row-bg{transform:scale(1.045);filter:saturate(1.02) brightness(.84)}
.server-mode-badge{
  height:27px;min-width:74px;padding:0 10px;border-radius:7px;
  display:inline-flex;align-items:center;justify-content:center;
  border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(8px);
  font-size:10px;font-weight:950;letter-spacing:.7px;text-decoration:none;
  box-shadow:inset 0 1px rgba(255,255,255,.07),0 5px 16px rgba(0,0,0,.18);
}
.server-mode-badge.mode-retake{background:rgba(225,42,68,.20);border-color:rgba(255,78,101,.46);color:#ff7185}
.server-mode-badge.mode-dm{background:rgba(255,171,48,.17);border-color:rgba(255,190,67,.42);color:#ffc65d}
.server-mode-badge.mode-surf{background:rgba(38,166,255,.17);border-color:rgba(62,181,255,.43);color:#70cbff}
.server-mode-badge.mode-kz{background:rgba(35,180,111,.16);border-color:rgba(55,211,139,.4);color:#64e4a6}
.server-mode-badge.mode-duels{background:rgba(126,96,255,.18);border-color:rgba(146,119,255,.42);color:#ad9aff}
.server-name-modern{min-width:0!important;text-decoration:none!important;display:flex!important;flex-direction:column!important;gap:5px!important}
.server-name-modern b{font-size:12px!important;color:#f0f6fa!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.server-name-modern small{font-size:10px!important;color:#8099a9!important;display:flex;align-items:center;gap:4px}
.server-name-modern:hover b{color:#20b4ff!important}
.map-icon{color:#1bb1fa;font-size:10px}
.server-row-stat{display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.server-row-stat b{font-size:12px;color:#e5f1f6;line-height:1.1;white-space:nowrap}
.server-row-stat small{font-size:9px;color:#5e7889;margin-top:4px;font-weight:900;letter-spacing:.35px}
.server-row-region span{font-size:10px;color:#7e9aaa;font-weight:900}
.server-row-modern .server-ping{color:#19d995!important;font-size:11px!important}
.server-row-modern .server-ping.offline{color:#ff6679!important}
.server-detail-link,.server-join-modern{
  height:31px;border-radius:6px;display:flex;align-items:center;justify-content:center;
  font-size:10px;font-weight:950;text-decoration:none;white-space:nowrap;
}
.server-detail-link{border:1px solid rgba(49,86,110,.9);background:rgba(4,15,25,.66);color:#9fb4c1}
.server-detail-link:hover{border-color:#13aaf2;color:#fff;background:rgba(7,30,45,.8)}
.server-join-modern{background:#0c9fe9;color:#fff;box-shadow:0 7px 18px rgba(8,159,235,.13)}
.server-join-modern:hover{background:#17aff7}
.server-fav{border:0;background:transparent;color:#7894a4;font-size:18px;cursor:pointer;padding:4px;transition:.15s}
.server-fav:hover{color:#fff;transform:scale(1.12)}
.server-row-modern .server-players{font-size:12px!important}
.server-row-modern .server-players.online{color:#eaf8f3}
.server-row-modern .server-players.offline,.server-row-modern .server-ping.offline{color:#ff6477!important}
@media(max-width:1050px){
 .server-row-content{grid-template-columns:78px minmax(150px,1fr) 48px 62px 62px 64px 92px 24px;gap:7px;padding:0 8px!important}
 .server-mode-badge{min-width:64px;padding:0 7px}
}
@media(max-width:800px){
 .server-row-modern{height:72px!important}
 .server-row-content{grid-template-columns:70px minmax(120px,1fr) 58px 58px 84px 24px}
 .server-row-region,.server-row-stat.ping-stat{display:none}
 .server-detail-link{display:none}
}
@media(max-width:520px){
 .server-row-modern{height:68px!important}
 .server-row-content{grid-template-columns:61px minmax(105px,1fr) 55px 82px 20px;gap:6px;padding:0 7px!important}
 .server-mode-badge{min-width:58px;height:25px;font-size:10px}
 .server-row-stat small{font-size:9px}
 .server-join-modern{height:28px;padding:0 8px}
 .server-fav{display:none}
}

/* SERVER DETAIL V4 */
.server-detail-page-v4{padding-top:24px;padding-bottom:46px;max-width:1320px;margin:0 auto}
.server-detail-hero-v4{min-height:300px;position:relative;overflow:hidden;border:1px solid #1a4058;border-radius:14px;background-color:#06121d;background-image:var(--server-bg),var(--server-fallback-bg);background-position:center,center;background-size:cover,cover;background-repeat:no-repeat,no-repeat;display:flex;align-items:flex-end;padding:34px}
.server-detail-overlay-v4{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,9,16,.96) 0%,rgba(2,9,16,.79) 42%,rgba(2,9,16,.32) 78%,rgba(2,9,16,.48) 100%),linear-gradient(0deg,rgba(2,9,16,.96) 0%,rgba(2,9,16,.05) 72%)}
.server-detail-content-v4{position:relative;z-index:2;max-width:680px}.back-link-v4{color:#7995a6;text-decoration:none;font-size:11px;font-weight:900}.back-link-v4:hover{color:#10a9f4}.server-detail-kicker-v4{display:flex;align-items:center;gap:9px;margin-top:20px}.detail-live-v4{display:flex;align-items:center;gap:6px;color:#16d997;font-size:10px;font-weight:900}.detail-live-v4 i{width:7px;height:7px;border-radius:50%;background:#16d997;box-shadow:0 0 11px rgba(22,217,151,.65)}.detail-live-v4.offline{color:#ff6579}.detail-live-v4.offline i{background:#ff6579;box-shadow:none}.server-detail-content-v4 h1{font-size:42px;line-height:1;margin:14px 0 8px;letter-spacing:-1.3px}.server-detail-map-v4{margin:0;color:#9bb0bd;font-size:12px}.server-detail-actions-v4{display:flex;gap:8px;margin-top:22px}.server-connect-main{display:flex;align-items:center;gap:12px;text-decoration:none}.copy-ip-v4{height:42px;padding:0 16px;border:1px solid #31536a;background:rgba(3,15,25,.72);color:#dbe7ed;border-radius:7px;font-size:10px;font-weight:900;cursor:pointer;transition:.18s}.copy-ip-v4:hover{border-color:#10a9f4;background:rgba(7,28,43,.9);transform:translateY(-1px)}.server-detail-livebox-v4{position:absolute;right:24px;top:24px;z-index:3;width:180px;padding:16px;border:1px solid rgba(38,83,108,.8);border-radius:10px;background:rgba(4,15,24,.78);backdrop-filter:blur(10px)}.server-detail-livebox-v4 span{font-size:10px;color:#6e8a9c;font-weight:900}.server-detail-livebox-v4 strong{display:block;font-size:25px;margin-top:8px}.server-detail-livebox-v4 small{color:#16d997;font-size:11px}.server-detail-main-v4{display:grid;grid-template-columns:minmax(290px,.78fr) minmax(0,1.5fr);gap:12px;margin-top:12px}.panel-head-v4{display:flex;align-items:center;justify-content:space-between;padding:13px 15px;border-bottom:1px solid #17344a}.panel-head-v4 h2{font-size:12px;margin:0;font-weight:900}.panel-head-v4 small{display:block;color:#688394;font-size:10px;margin-top:4px}.panel-head-v4>b{font-size:15px;color:#0da9f4}.server-player-list-v4{max-height:390px;overflow:auto}.server-player-v4{min-height:58px;padding:9px 12px;display:grid;grid-template-columns:36px 1fr auto;gap:9px;align-items:center;border-bottom:1px solid #122d40}.server-player-v4:last-child{border-bottom:0}.player-avatar-v4{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#0b9fe9,#172b57);border:1px solid #2b6381;color:#fff;font-size:12px;font-weight:900}.player-name-v4 b{display:block;color:#e9f3f7;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}.player-name-v4 small{display:block;color:#607c8e;font-size:10px;margin-top:4px}.server-player-v4>strong{color:#dce9ef;font-size:11px;text-align:right}.server-player-v4>strong small{display:block;color:#587486;font-size:9px;margin-top:2px}.players-loading-v4,.players-empty-v4{padding:34px 18px;text-align:center;color:#688697;font-size:10px}.players-empty-v4 span{color:#10a9f4;margin-right:5px}.server-hub-v4{border:1px solid #173b52;background:#06121d;border-radius:7px;padding:15px}.hub-heading-v4{display:flex;justify-content:space-between;gap:15px;align-items:flex-end;margin-bottom:12px}.hub-heading-v4>div>span{color:#0da9f4;font-size:10px;font-weight:900;letter-spacing:1px}.hub-heading-v4 h2{font-size:15px;margin:5px 0 0}.hub-address-v4{font-family:Consolas,monospace;color:#668295;font-size:10px}.server-hub-grid-v4{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.server-hub-card-v4{min-height:91px;position:relative;display:flex;align-items:center;gap:12px;padding:14px;text-decoration:none;border:1px solid #193b52;border-radius:9px;background:linear-gradient(135deg,#081926,#06121d);overflow:hidden;transition:.2s ease}.server-hub-card-v4:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 100% 0,rgba(13,167,240,.11),transparent 42%);opacity:.7}.server-hub-card-v4>*{position:relative;z-index:1}.server-hub-card-v4:hover{transform:translateY(-2px);border-color:#0da8ef;box-shadow:0 12px 28px rgba(0,0,0,.22)}.hub-icon{width:38px;height:38px;flex:0 0 38px;border-radius:9px;display:flex;align-items:center;justify-content:center;border:1px solid #23506a;background:#0a2130;color:#13aaf2;font-size:15px;font-weight:900}.server-hub-card-v4 b{display:block;color:#eaf3f7;font-size:11px}.server-hub-card-v4 small{display:block;color:#668293;font-size:10px;margin-top:5px}.server-hub-card-v4 i{margin-left:auto;color:#65889b;font-style:normal;font-size:15px;transition:.2s}.server-hub-card-v4:hover i{color:#13aaf2;transform:translateX(3px)}.hub-ban .hub-icon{color:#ff687a}.hub-unban .hub-icon{color:#16d997}.hub-premium .hub-icon{color:#ffca38}.hub-demo .hub-icon{color:#a88dff}.hub-connect{background:linear-gradient(135deg,rgba(13,169,244,.14),#06121d);border-color:#126d96}.server-detail-bottom-v4{display:grid;grid-template-columns:1.55fr .75fr;gap:12px;margin-top:12px}.server-detail-panel-v4,.server-connect-panel-v4{overflow:hidden}.server-detail-panel-v4>.panel-head-v4>span{color:#557487;font-size:10px}.server-info-grid-v4{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:13px}.server-info-grid-v4>div{min-height:70px;padding:12px;border:1px solid #15364b;background:#071521;border-radius:7px;position:relative}.server-info-grid-v4 small{display:block;color:#5e7a8d;font-size:9px;font-weight:900;letter-spacing:.6px}.server-info-grid-v4 strong{display:block;margin-top:9px;color:#e4eef3;font-size:12px;word-break:break-word}.mini-copy{position:absolute;right:8px;bottom:8px;border:0;background:transparent;color:#0da8ef;font-size:9px;font-weight:900;cursor:pointer}.server-connect-panel-v4 p{padding:2px 14px 10px;color:#7893a4;font-size:11px;line-height:1.5}.connect-address-v4{margin:0 13px 9px;height:40px;display:flex;align-items:center;border:1px solid #173b52;background:#05111b;border-radius:7px;overflow:hidden}.connect-address-v4 span{padding:0 10px;font-family:Consolas,monospace;color:#dce8ee;font-size:11px;flex:1}.connect-address-v4 button{height:100%;width:42px;border:0;border-left:1px solid #173b52;background:#0a9fe9;color:white;cursor:pointer}.connect-address-v4 button:hover{background:#18aff8}.connect-full-v4{display:flex;justify-content:center;align-items:center;text-decoration:none;margin:0 13px 13px;height:40px;font-size:10px}.copied{color:#16d997!important}
@media(max-width:950px){.server-detail-main-v4{grid-template-columns:1fr}.server-detail-bottom-v4{grid-template-columns:1fr}.server-detail-livebox-v4{width:165px}.server-hub-grid-v4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.server-detail-page-v4{padding-left:14px;padding-right:14px}.server-detail-hero-v4{min-height:390px;padding:23px}.server-detail-content-v4 h1{font-size:31px}.server-detail-livebox-v4{position:relative;right:auto;top:auto;margin:24px 0 0;width:100%}.server-detail-actions-v4{flex-direction:column}.server-connect-main,.copy-ip-v4{justify-content:center}.hub-heading-v4{align-items:flex-start;flex-direction:column}.server-hub-grid-v4{grid-template-columns:1fr}.server-info-grid-v4{grid-template-columns:1fr}.server-player-list-v4{max-height:340px}}
.server-section-page{max-width:1100px;margin:0 auto;padding-top:28px}.server-section-hero{margin-top:14px;padding:28px;border:1px solid #193d55;border-radius:10px;background:linear-gradient(135deg,#071825,#06111c)}.server-section-hero>span{color:#0da9f4;font-size:10px;font-weight:900}.server-section-hero h1{font-size:32px;margin:8px 0}.server-section-hero p{color:#7993a3;font-size:12px}.server-section-empty{margin-top:12px;padding:55px;text-align:center}.server-section-empty .hub-icon{margin:0 auto 14px}.server-section-empty h2{font-size:18px}.server-section-empty p{max-width:560px;margin:0 auto 20px;color:#718b9b;font-size:12px;line-height:1.6}

/* ===== V39 READABILITY + LIVE PLAYER UI =====
/* The platform uses intentionally compact typography. This layer keeps the
   visual style but makes text easier to read on laptop displays. */
@media (min-width: 901px){
  body{font-size:14px;}
  .topbar nav a{font-size:12px!important;}
  .user-pill,.admin-link{font-size:12px!important;}
  .page-title .eyebrow,.servers-live,.server-filter-v3 button{font-size:12px!important;}
  .page-title p,.auth-card p{font-size:14px!important;}
  .server-card-body small,.server-card-body p{font-size:12px!important;}
  .server-card-body h2{font-size:19px!important;}
  .server-card-name{font-size:18px!important;}
  .server-card-meta{font-size:12px!important;}
  .server-slot small,.server-ping small{font-size:10px!important;}
  .server-slot b,.server-ping b{font-size:13px!important;}
  .server-detail-btn,.join-v3{font-size:11px!important;}
  .table-head{font-size:12px!important;}.table-row{font-size:13px!important;}
  .admin-row{font-size:12px!important;}.admin-row select,.admin-row input,.admin-form input,.admin-form textarea{font-size:13px!important;}
  .admin-links a{font-size:13px!important;}.admin-stat small{font-size:12px!important;}
  .news-card small{font-size:12px!important;}.news-card p{font-size:13px!important;}
  .profile-card p{font-size:12px!important;}.profile-stats small{font-size:11px!important;}
  .server-detail-page-v4{font-size:14px;}
  .back-link-v4{font-size:12px!important;}
  .detail-live-v4{font-size:12px!important;}
  .server-detail-map-v4{font-size:13px!important;}
  .copy-ip-v4{font-size:12px!important;}
  .server-detail-livebox-v4 span{font-size:11px!important;}
  .server-detail-livebox-v4 small{font-size:12px!important;}
  .panel-head-v4 h2{font-size:14px!important;}.panel-head-v4 small{font-size:11px!important;}
  .hub-heading-v4>div>span{font-size:11px!important;}.hub-heading-v4 h2{font-size:17px!important;}
  .hub-address-v4{font-size:12px!important;}
  .server-hub-card-v4 b{font-size:12px!important;}.server-hub-card-v4 small{font-size:11px!important;}
  .server-info-grid-v4 small{font-size:10px!important;}.server-info-grid-v4 strong{font-size:13px!important;}
  .server-connect-panel-v4 p{font-size:12px!important;}.connect-address-v4 span{font-size:12px!important;}.connect-full-v4{font-size:12px!important;}
  .server-section-hero>span{font-size:12px!important;}.server-section-hero p{font-size:13px!important;}
}

.server-player-list-v4{scrollbar-width:thin;scrollbar-color:#1b5878 #06121d;}
.server-player-v4{min-height:72px;padding:10px 14px;grid-template-columns:46px minmax(110px,1fr) auto;gap:12px;}
.player-avatar-v4{width:44px;height:44px;min-width:44px;border-radius:50%;font-size:14px;overflow:hidden;}
.player-avatar-v4 img{width:100%;height:100%;object-fit:cover;display:block;}
.player-avatar-v4 img.avatar-failed{display:none;}
.player-avatar-v4 .avatar-fallback{display:flex;align-items:center;justify-content:center;width:100%;height:100%;}
.player-avatar-v4 .avatar-fallback.avatar-fallback-visible{display:flex;}
.player-name-v4 b{font-size:12px!important;line-height:1.25;max-width:280px;}
.player-name-v4 small{font-size:11px!important;margin-top:5px;}
.player-stats-v4{display:grid;grid-template-columns:repeat(3,52px);gap:4px;}
.player-stat{min-height:40px;border-left:1px solid #193b50;}
.player-stat b{font-size:13px!important;line-height:1.1;}
.player-stat small{font-size:10px!important;margin-top:5px;letter-spacing:.35px;}
.player-stat-deaths b{color:#ff7181!important;}
.player-query-error{display:block!important;margin-top:8px;color:#6f8999!important;font-size:11px!important;}
.players-empty-v4{font-size:12px!important;line-height:1.5;}

/* Keep the larger desktop typography comfortable on smaller laptops. */
@media(max-width:900px){
  .server-player-v4{min-height:68px;grid-template-columns:42px minmax(90px,1fr) auto;gap:9px;padding:9px 11px;}
  .player-avatar-v4{width:40px;height:40px;min-width:40px;}
  .player-name-v4 b{font-size:12px!important;}.player-name-v4 small{font-size:10px!important;}
  .player-stats-v4{grid-template-columns:repeat(3,42px);gap:2px;}.player-stat b{font-size:12px!important;}.player-stat small{font-size:9px!important;}
}
.player-avatar-v4 img + .avatar-fallback{display:none;}
.player-avatar-v4 img.avatar-failed + .avatar-fallback{display:flex;}

/* =========================================================
   V40 SERVER PLAYERS - laptop readability + premium layout
   ========================================================= */
.server-detail-main-v4{
  grid-template-columns:minmax(470px,1.05fr) minmax(500px,1.25fr);
  align-items:start;
}
.server-players-panel-v4{min-width:0;overflow:hidden}
.server-player-list-v4{
  max-height:430px;
  overflow:auto;
  scrollbar-width:thin;
  scrollbar-color:#1b6488 transparent;
}
.server-player-list-v4::-webkit-scrollbar{width:7px}
.server-player-list-v4::-webkit-scrollbar-track{background:transparent}
.server-player-list-v4::-webkit-scrollbar-thumb{background:#174d69;border-radius:99px}
.server-player-v4{
  min-height:76px;
  padding:10px 13px;
  display:grid;
  grid-template-columns:48px minmax(135px,1fr) repeat(3,68px);
  gap:10px;
  align-items:center;
  border-bottom:1px solid #163247;
  background:linear-gradient(90deg,rgba(6,18,29,.72),rgba(4,13,22,.38));
  transition:background .16s ease,transform .16s ease;
}
.server-player-v4:hover{background:linear-gradient(90deg,rgba(9,31,46,.95),rgba(5,18,29,.7));}
.server-player-v4:last-child{border-bottom:0}
.player-avatar-v4{
  width:46px;height:46px;min-width:46px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;overflow:hidden;
  background:linear-gradient(145deg,#0da9f4,#123a68);
  border:1px solid #286f94;color:#fff;font-size:14px;font-weight:900;
  box-shadow:0 4px 16px rgba(0,0,0,.22);
}
.player-avatar-v4 img{width:100%;height:100%;object-fit:cover;display:block}
.player-avatar-v4 img.avatar-failed{display:none}
.player-avatar-v4 .avatar-fallback{display:flex;align-items:center;justify-content:center;width:100%;height:100%}
.player-avatar-v4 img + .avatar-fallback{display:none}
.player-avatar-v4 img.avatar-failed + .avatar-fallback{display:flex}
.player-name-v4{min-width:0;padding-right:4px}
.player-name-v4 b{
  display:block;color:#f3f8fb;font-size:13px;line-height:1.2;font-weight:800;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;
}
.player-name-v4 small{display:block;color:#7893a4;font-size:11px;line-height:1.2;margin-top:6px}
.player-stats-v4{display:contents}
.player-stat{
  min-width:0;height:43px;padding:6px 7px;
  display:flex;flex-direction:column;justify-content:center;align-items:center;
  border-left:1px solid #1b4057;
}
.player-stat b{color:#eaf3f7;font-size:14px;line-height:1;font-weight:900}
.player-stat small{margin-top:5px;color:#7390a1;font-size:10px;line-height:1;font-weight:900;letter-spacing:.25px}
.player-stat:first-child b{color:#14b8ff}
.player-stat-deaths b{color:#ff6d7e}
.player-query-error{display:block;margin:8px auto 0;color:#c2767e;font-size:10px;max-width:300px}
.panel-head-v4 h2{font-size:14px}
.panel-head-v4 small{font-size:11px}
.panel-head-v4>b{font-size:18px}

@media (max-width:1150px){
  .server-detail-main-v4{grid-template-columns:minmax(410px,1fr) minmax(410px,1fr)}
  .server-player-v4{grid-template-columns:44px minmax(115px,1fr) repeat(3,62px);gap:8px;padding-left:11px;padding-right:11px}
  .player-avatar-v4{width:42px;height:42px;min-width:42px}
  .player-name-v4 b{font-size:12px}
}
@media (max-width:900px){
  .server-detail-main-v4{grid-template-columns:1fr}
  .server-player-list-v4{max-height:420px}
  .server-player-v4{grid-template-columns:46px minmax(150px,1fr) repeat(3,68px)}
}
@media (max-width:600px){
  .server-player-v4{grid-template-columns:42px minmax(100px,1fr);padding:11px 10px;gap:9px}
  .player-stats-v4{display:grid;grid-column:2;grid-template-columns:repeat(3,1fr);margin-top:3px}
  .player-stat{border-left:0;border-top:1px solid #16384d;height:34px;padding:4px}
  .player-stat b{font-size:12px}
  .player-stat small{font-size:9px;margin-top:3px}
}

/* Dynamic CS2 map artwork */
.server-card-bg img{background:#071522;min-height:100%;font-size:0}
.server-row-bg{background-color:#071522}
.server-detail-hero-v4{isolation:isolate}

/* =========================================================
   V43 ADMIN TEAM + GRANULAR STAFF PERMISSIONS
   ========================================================= */
.clutch-team-page{max-width:1180px;margin:0 auto;padding:38px 0 70px}
.team-page-head{margin:0 0 38px;padding-left:2px}
.team-page-head .eyebrow{font-size:12px;font-weight:900;color:#5f8396;letter-spacing:1.8px}
.team-page-head h1{margin:8px 0 7px;font-size:36px;line-height:1;font-weight:950;color:#f5f9fc}
.team-page-head p{margin:0;color:#7893a4;font-size:14px}
.team-role-section{margin-top:34px}
.team-role-heading{display:flex;align-items:center;gap:14px;margin-bottom:16px}
.team-role-icon{width:42px;height:42px;border-radius:11px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#09283a,#061722);border:1px solid #164a68;color:#0db4ff;font-size:19px;box-shadow:0 8px 24px rgba(0,0,0,.2)}
.team-role-heading h2{margin:0;color:#f4f8fa;font-size:21px;font-weight:900}
.team-role-heading span{display:block;margin-top:4px;color:#678597;font-size:12px}
.team-member-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.team-member-card{position:relative;min-height:178px;padding:23px 15px 18px;border:1px solid #243b50;border-radius:9px;background:linear-gradient(145deg,#1b1e2f,#171a29);text-decoration:none;text-align:center;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease;overflow:hidden}
.team-member-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 0%,rgba(11,171,243,.13),transparent 55%);opacity:0;transition:opacity .18s ease}
.team-member-card:hover{transform:translateY(-3px);border-color:#17658a;background:linear-gradient(145deg,#20253a,#171b2c);box-shadow:0 14px 30px rgba(0,0,0,.24)}
.team-member-card:hover:before{opacity:1}
.team-avatar{position:relative;width:82px;height:82px;margin:0 auto 15px;border-radius:50%;overflow:hidden;border:2px solid #101522;box-shadow:0 0 0 1px #36516b,0 8px 22px rgba(0,0,0,.35);background:#0c1420}
.team-avatar img{width:100%;height:100%;display:block;object-fit:cover}
.team-member-name{position:relative;color:#f5f8fb;font-size:14px;font-weight:900}
.team-member-role{position:relative;margin-top:5px;color:#708b9c;font-size:11px;font-weight:800;letter-spacing:.35px;text-transform:uppercase}
.team-empty{text-align:center;padding:70px 20px}.team-empty>div{font-size:30px;color:#0daaf3}.team-empty h2{margin:12px 0 6px}.team-empty p{color:#718a9a}

.staff-admin-layout{min-height:calc(100vh - 72px)}
.staff-info-card{display:flex;align-items:center;gap:14px;margin-bottom:18px;padding:15px 17px}
.staff-info-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#09293a;color:#0db2fa;border:1px solid #174e6a;font-size:18px}
.staff-info-card b{display:block;color:#eaf4f8;font-size:13px}.staff-info-card small{display:block;color:#6f8999;font-size:11px;line-height:1.55;margin-top:4px;max-width:900px}
.staff-grid{display:flex;flex-direction:column;gap:10px}
.staff-user-card{padding:0;overflow:hidden}
.staff-user-card>summary{display:grid;grid-template-columns:48px minmax(180px,1fr) auto 22px;align-items:center;gap:13px;padding:12px 15px;cursor:pointer;list-style:none}
.staff-user-card>summary::-webkit-details-marker{display:none}
.staff-user-card>summary:hover{background:rgba(10,39,56,.38)}
.staff-user-card>summary>img{width:44px;height:44px;border-radius:50%;object-fit:cover;border:1px solid #27536b;background:#0b1620}
.staff-user-main b{display:block;color:#eef5f8;font-size:13px}.staff-user-main small{display:block;color:#6e8999;font-size:10px;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.staff-role-badge{padding:7px 10px;border:1px solid #233c4d;border-radius:6px;color:#6f8998;background:#091721;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.3px}
.staff-role-badge.has-role{border-color:#145477;color:#12b5ff;background:#092538}
.staff-summary-arrow{color:#648091;transition:transform .15s ease}.staff-user-card[open] .staff-summary-arrow{transform:rotate(180deg)}
.staff-edit-form{border-top:1px solid #173548;padding:16px;background:linear-gradient(180deg,rgba(4,16,26,.75),rgba(3,12,20,.92))}
.staff-form-grid{display:grid;grid-template-columns:minmax(240px,1fr) 180px;gap:12px}.staff-form-grid label{color:#6f8999;font-size:10px;font-weight:900;letter-spacing:.6px}.staff-form-grid select{display:block;width:100%;margin-top:6px;background:#081723;color:#e8f1f5;border:1px solid #214459;border-radius:6px;padding:10px 11px;font-size:12px}
.staff-permissions-head{margin:19px 0 9px;padding-top:15px;border-top:1px solid #153548}.staff-permissions-head b{display:block;color:#dcebf1;font-size:11px;letter-spacing:.7px}.staff-permissions-head small{color:#637f90;font-size:10px}
.staff-permissions-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.permission-check{display:flex;align-items:flex-start;gap:9px;padding:10px;border:1px solid #173649;border-radius:7px;background:#07141f;cursor:pointer;transition:.15s ease}
.permission-check:hover{border-color:#1b5b79;background:#091b28}
.permission-check input{margin-top:2px;accent-color:#0daaf2}.permission-check b{display:block;color:#e3eef3;font-size:11px}.permission-check small{display:block;color:#688394;font-size:10px;line-height:1.4;margin-top:3px}.permission-check.ban-permission{border-color:#20455a}
.staff-form-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:14px}.staff-form-actions .primary{border:0;border-radius:6px;padding:10px 14px;font-size:11px;font-weight:900;cursor:pointer}.staff-owner-note{margin-right:auto;color:#6d8796;font-size:10px}
.staff-ban-grid{display:grid;grid-template-columns:minmax(280px,.7fr) minmax(500px,1.3fr);gap:14px}.discord-ban-row>div{min-width:130px}.discord-ban-row>div b{display:block}.discord-ban-row>div small{display:block;color:#688494;font-size:10px;margin-top:3px}.staff-revoked{color:#657e8c;font-size:10px}

@media(max-width:1050px){.team-member-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.staff-permissions-grid{grid-template-columns:1fr}}
@media(max-width:800px){.clutch-team-page{padding:25px 14px 50px}.team-member-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.team-page-head h1{font-size:30px}.staff-form-grid,.staff-ban-grid{grid-template-columns:1fr}.staff-user-card>summary{grid-template-columns:42px minmax(0,1fr) 22px}.staff-role-badge{display:none}}
@media(max-width:500px){.team-member-grid{grid-template-columns:1fr}.team-member-card{min-height:165px}.staff-user-card>summary{padding:10px}.staff-edit-form{padding:12px}.permission-check{padding:9px}}

.permission-check.permission-auto{border-color:#24516a;background:linear-gradient(145deg,#0a202d,#071722)}.permission-check.permission-auto:after{content:'AUTOMATICKY';margin-left:auto;color:#0db3fa;font-size:9px;font-weight:900;letter-spacing:.5px}.permission-check input:disabled{opacity:.9}
/* V45 multi-role staff picker */
.staff-role-picker{grid-column:1/-1;margin-top:2px}.staff-role-picker .field-label{display:flex;align-items:center;gap:10px;color:#6f8999;font-size:10px;font-weight:900;letter-spacing:.6px;text-transform:uppercase}.staff-role-picker .field-label small{font-size:10px;font-weight:600;letter-spacing:0;text-transform:none;color:#496577}.staff-role-checks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:7px}.role-check{display:flex!important;align-items:center;gap:9px!important;margin:0!important;padding:10px 11px;background:#07131d;border:1px solid #183448;border-radius:7px;cursor:pointer;min-width:0}.role-check:hover{border-color:#28617d;background:#0a1b27}.role-check input{margin:0;accent-color:#12b5ff}.role-check span{display:flex;flex-direction:column;min-width:0}.role-check b{font-size:12px;color:#d9e7ed;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.role-check small{font-size:10px;color:#536f7e;margin-top:2px}.role-check.role-hidden{opacity:.72}.role-check:has(input:checked){border-color:#176487;background:#0a2130}.role-check:has(input:checked) b{color:#12b5ff}
@media(max-width:1000px){.staff-role-checks{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.staff-role-checks{grid-template-columns:1fr}}


/* V46 — public staff role badges (hidden staff roles never render) */
.staff-public-badges{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px;align-items:center}
.staff-public-badge{display:inline-flex;align-items:center;justify-content:center;min-height:18px;padding:3px 7px;border-radius:999px;border:1px solid rgba(35,169,232,.28);background:linear-gradient(135deg,rgba(13,44,62,.95),rgba(7,25,37,.95));color:#73cfff;font-size:9px;font-weight:950;line-height:1;letter-spacing:.35px;text-transform:uppercase;box-shadow:inset 0 1px rgba(255,255,255,.04)}
.staff-public-badge-clutch_admin{border-color:rgba(25,190,255,.45);background:linear-gradient(135deg,rgba(9,70,98,.95),rgba(6,31,47,.95));color:#55c8ff;box-shadow:0 0 12px rgba(18,168,235,.10),inset 0 1px rgba(255,255,255,.06)}
.staff-public-badge-server_admin{border-color:rgba(89,167,255,.34);color:#8cc9ff}
.staff-public-badge-cs2_admin{border-color:rgba(255,177,64,.34);background:linear-gradient(135deg,rgba(67,43,11,.92),rgba(29,21,8,.95));color:#ffc765}
.staff-public-badge-cheathunter{border-color:rgba(255,87,112,.34);background:linear-gradient(135deg,rgba(65,17,26,.92),rgba(29,10,16,.95));color:#ff8b9b}
.staff-public-badge-discord_admin{border-color:rgba(139,113,255,.36);background:linear-gradient(135deg,rgba(44,32,83,.92),rgba(20,17,40,.95));color:#b4a4ff}
.staff-public-badge-moderator{border-color:rgba(57,221,157,.34);background:linear-gradient(135deg,rgba(12,60,47,.92),rgba(7,29,24,.95));color:#68e5b1}
.profile-identity>.staff-public-badges{margin-top:9px}
.post-user>.staff-public-badges{justify-content:center;max-width:125px;margin:8px auto 2px}
.post-user>.staff-public-badges .staff-public-badge{font-size:9px;padding:3px 6px;min-height:17px}
@media(max-width:600px){.post-user>.staff-public-badges{justify-content:flex-start;margin-left:10px;max-width:150px}.profile-identity>.staff-public-badges{margin-top:7px}}

/* =========================================================
   CLUTCH.sk — GLOBAL READABILITY PASS
   Increased typography across public + admin pages.
   ========================================================= */
html { font-size: 16px; }
body { font-size: 14px; line-height: 1.45; }

small { font-size: 12px; }
button, input, select, textarea { font-size: 13px; }

.badge, .tag, .chip, .role-badge, .role-chip,
[class*="badge"], [class*="tag"], [class*="chip"] {
  font-size: 11px !important;
  line-height: 1.25;
}

.meta, .muted, .subtle, .secondary-text,
[class*="meta"], [class*="muted"], [class*="subtle"] {
  font-size: 12px;
}

nav a { font-size: 12px; }
.tools { font-size: 15px; }

table th, table td { font-size: 13px; }

/* ===== V48 LEADERBOARD + PUBLIC BANLIST ===== */
.leaderboard-page,.banlist-page{padding-top:34px!important;max-width:1140px!important}
.leaderboard-top3{display:grid;grid-template-columns:1fr 1.18fr 1fr;gap:22px;align-items:end;max-width:850px;margin:0 auto 54px}
.leader-card{height:205px;border:1px solid #2a3150;background:#1a1b2d;border-radius:10px;position:relative;padding:72px 20px 20px;text-align:center;box-shadow:0 12px 40px #0004}
.leader-card.rank-1{height:230px;border-color:#75601b;background:linear-gradient(180deg,#252219,#1b1b2b);box-shadow:0 15px 45px #e5a90018}
.leader-card.rank-2{border-color:#38465c}.leader-card.rank-3{border-color:#593b27}
.leader-medal{position:absolute;top:-34px;left:50%;transform:translateX(-50%);width:88px;height:88px;border-radius:13px;display:grid;place-items:center;background:#78889e;border:2px solid #1b2737;box-shadow:0 10px 24px #0008}
.rank-1 .leader-medal{background:#f1b900;color:#fff}.rank-3 .leader-medal{background:#ff7800}.leader-medal span{font-size:34px;line-height:1}.leader-medal i{position:absolute;right:-4px;top:-6px;width:23px;height:23px;border-radius:50%;background:#283345;color:#fff;font-style:normal;font-size:12px;font-weight:900;display:grid;place-items:center;border:2px solid #141c2a}.rank-1 .leader-medal i{background:#f1b900}.rank-3 .leader-medal i{background:#ff7800}
.leader-player img{width:0;height:0;opacity:0}.leader-player strong{display:block;font-size:15px;margin-bottom:7px}.leader-player>b{display:block;font-size:25px;color:#ffcf12}.rank-2 .leader-player>b{color:#a8b9cf}.rank-3 .leader-player>b{color:#ff9a14}.leader-mini-stats{display:flex;justify-content:center;gap:8px;margin-top:12px}.leader-mini-stats span{font-size:10px;padding:4px 8px;border-radius:8px;border:1px solid #087a6d;background:#073b38;color:#16e3c2}.leader-mini-stats span+span{border-color:#74304a;background:#351b2b;color:#ff5571}
.leaderboard-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:18px}.leaderboard-heading h1{font-size:27px;margin:5px 0 4px}.leaderboard-heading p{margin:0;color:#70889b;font-size:13px}.leaderboard-tabs{display:flex;gap:4px;padding:5px;border:1px solid #27324c;background:#191a2b;border-radius:7px;flex-wrap:wrap}.leaderboard-tabs a{padding:9px 13px;border-radius:5px;font-size:11px;font-weight:900;color:#b3bdca}.leaderboard-tabs a.active{background:#0e9f94;color:#fff;box-shadow:0 5px 18px #0e9f9430}
.leaderboard-search,.ban-search{display:flex;gap:8px;margin-bottom:22px}.leaderboard-search input,.ban-search input{flex:1;min-width:0;background:#1a1b2d;border:1px solid #30334d;color:#eef4fa;border-radius:7px;padding:13px 15px;font-size:13px;outline:none}.leaderboard-search input:focus,.ban-search input:focus{border-color:#0da7ff}.leaderboard-search .primary,.ban-search .primary{padding:0 18px}
.leaderboard-table,.ban-table{overflow:hidden;background:#181a2a;border:1px solid #292d45;border-radius:10px}.leaderboard-th,.leaderboard-tr{display:grid;grid-template-columns:72px minmax(190px,1.8fr) 105px 100px 105px 105px 70px 120px 45px;gap:10px;align-items:center;padding:0 15px}.leaderboard-th{min-height:42px;background:#202234;color:#a5acbf;font-size:10px;font-weight:900}.leaderboard-tr{min-height:57px;border-top:1px solid #272a40;color:#e5eaf0;transition:.15s}.leaderboard-tr:hover{background:#1d2033}.position-badge{width:24px;height:24px;border-radius:8px;display:grid;place-items:center;border:1px solid #414962;background:#252a3b;font-size:11px}.pos-1{border-color:#a38300;color:#ffd41d;background:#332b09}.pos-2{border-color:#5d6c81;color:#c5d0dc}.pos-3{border-color:#87502e;color:#ff9b59}.leader-name{display:flex;align-items:center;gap:10px;min-width:0}.leader-name img{width:34px;height:34px;border-radius:50%;object-fit:cover;border:1px solid #33445a}.leader-name strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.points{font-size:15px;color:#4d7dff}.level-pill,.time-pill{display:inline-flex;align-items:center;justify-content:center;width:max-content;max-width:100%;font-size:10px;padding:5px 8px;border-radius:7px;border:1px solid #5e4ea1;background:#282440;color:#d0c6ff}.stat-kill{font-size:11px;color:#18d6b6;background:#083c38;border:1px solid #0b7467;border-radius:7px;padding:5px 7px;width:max-content}.stat-death{font-size:11px;color:#ff5470;background:#391b2a;border:1px solid #79304b;border-radius:7px;padding:5px 7px;width:max-content}.time-pill{border-color:#4d4277;color:#b7a8f4}.row-arrow{width:27px;height:27px;border:1px solid #174c88;color:#199cff;border-radius:6px;display:grid;place-items:center;font-size:15px}.leader-empty,.ban-empty{padding:40px;text-align:center;color:#73879a;font-size:13px}
.banlist-title{display:flex;justify-content:space-between;align-items:end}.banlist-title h1{margin-bottom:5px}.ban-types{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}.ban-type{min-height:78px;border:1px solid #2b3047;background:#191a2b;border-radius:8px;display:flex;align-items:center;gap:12px;padding:13px;color:#b4bdca}.ban-type>span{width:38px;height:38px;border:1px solid #343a55;border-radius:9px;display:grid;place-items:center;font-size:18px;color:#8691a8;background:#202237}.ban-type b{display:block;font-size:13px;color:#6f7690;margin-bottom:5px}.ban-type small{display:block;font-size:10px;color:#626c84;line-height:1.35}.ban-type.active{border-color:#0b92d5;box-shadow:inset 0 0 0 1px #0b92d533}.ban-type.active>span{border-color:#0b92d5;color:#1daaff}.ban-type.active b{color:#eef4fa}.ban-type:hover{border-color:#38526d}
.ban-th,.ban-tr{display:grid;grid-template-columns:minmax(220px,1.65fr) 105px 125px minmax(120px,1fr) 110px 130px;gap:12px;align-items:center;padding:0 15px}.ban-th{min-height:43px;background:#202234;color:#a7aec0;font-size:10px;font-weight:900}.ban-tr{min-height:60px;border-top:1px solid #292d43;font-size:11px}.ban-player{display:flex;align-items:center;gap:10px;min-width:0}.ban-player img{width:34px;height:34px;border-radius:50%;object-fit:cover}.ban-player strong{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ban-player small{display:block;color:#5f6c83;font-size:9px;margin-top:3px}.ban-pill,.server-pill,.status-pill{display:inline-flex;width:max-content;align-items:center;padding:5px 8px;border-radius:7px;font-size:10px;font-weight:900}.ban-pill{background:#3b1d2b;border:1px solid #7b304b;color:#ff5871}.ban-gag{background:#382e0e;border-color:#80690b;color:#f3c824}.ban-mute{background:#3b2817;border-color:#8a4f12;color:#ff9e29}.ban-ctban{background:#271f3c;border-color:#59448e;color:#ae95ff}.server-pill{background:#292443;border:1px solid #584b8e;color:#b9a8ff}.banned-by{color:#777f97;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-pill.active{background:#073c35;border:1px solid #0b7768;color:#18dfbc}.status-pill.expired{background:#17322d;border:1px solid #176a5c;color:#12cda8}.expires{color:#727d93}.expires b{color:#f06464;font-weight:900}.ban-search{margin-top:14px}.banlist-page .page-title{margin-bottom:16px}
@media(max-width:1050px){.leaderboard-top3{max-width:760px}.leaderboard-th,.leaderboard-tr{grid-template-columns:58px minmax(170px,1.5fr) 85px 80px 90px 90px 65px 100px 40px}.ban-th,.ban-tr{grid-template-columns:minmax(190px,1.5fr) 90px 105px 100px 100px 115px}}
@media(max-width:850px){.leaderboard-heading{align-items:stretch;flex-direction:column}.leaderboard-tabs{width:max-content;max-width:100%;overflow:auto}.leaderboard-top3{gap:10px}.leader-card{height:180px}.leader-card.rank-1{height:205px}.leaderboard-th,.leaderboard-tr{grid-template-columns:48px minmax(145px,1.5fr) 80px 85px 85px 40px}.leaderboard-th span:nth-child(5),.leaderboard-th span:nth-child(6),.leaderboard-th span:nth-child(8),.leaderboard-tr>span:nth-child(5),.leaderboard-tr>span:nth-child(6),.leaderboard-tr>span:nth-child(8){display:none}.ban-types{grid-template-columns:1fr 1fr}.ban-th,.ban-tr{grid-template-columns:minmax(170px,1.5fr) 85px 90px 90px 100px}.ban-th span:nth-child(3),.ban-tr>span:nth-child(3),.ban-th span:nth-child(4),.ban-tr>span:nth-child(4){display:none}}
@media(max-width:600px){.leaderboard-page,.banlist-page{padding-left:12px!important;padding-right:12px!important}.leaderboard-top3{grid-template-columns:1fr;max-width:360px;gap:30px;margin-bottom:38px}.leader-card,.leader-card.rank-1{height:180px}.leaderboard-search,.ban-search{flex-direction:column}.leaderboard-search .primary,.ban-search .primary{height:42px}.leaderboard-th,.leaderboard-tr{grid-template-columns:38px minmax(125px,1fr) 72px 36px}.leaderboard-th span:nth-child(4),.leaderboard-tr>span:nth-child(4),.leaderboard-th span:nth-child(7),.leaderboard-tr>span:nth-child(7),.leaderboard-th span:nth-child(9),.leaderboard-tr>span:nth-child(9){display:none}.leader-name img{width:30px;height:30px}.leader-name strong{font-size:12px}.points{font-size:13px}.ban-types{grid-template-columns:1fr}.ban-th,.ban-tr{grid-template-columns:minmax(155px,1fr) 78px 95px}.ban-th span:nth-child(3),.ban-tr>span:nth-child(3),.ban-th span:nth-child(4),.ban-tr>span:nth-child(4),.ban-th span:nth-child(5),.ban-tr>span:nth-child(5){display:none}.ban-player strong{font-size:12px}}

/* Maintenance controls */
.maintenance-settings-card{max-width:900px;margin:0 auto}.settings-help{color:#7f97a8;font-size:13px;line-height:1.6;margin:-3px 0 18px}.maintenance-toggle{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 18px;border:1px solid #20506c;border-radius:8px;background:linear-gradient(180deg,#071a29,#06131f);cursor:pointer}.maintenance-toggle span{display:flex;flex-direction:column;gap:4px}.maintenance-toggle b{font-size:14px}.maintenance-toggle small{color:#7890a1;font-size:11px}.maintenance-toggle input{appearance:none;width:48px;height:26px;border-radius:999px;border:1px solid #294b61;background:#0a1824;position:relative;cursor:pointer;transition:.18s}.maintenance-toggle input:after{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;border-radius:50%;background:#6d8290;transition:.18s}.maintenance-toggle input:checked{background:#0a8fcf;border-color:#16b5ff}.maintenance-toggle input:checked:after{left:25px;background:#fff}

/* Production admin forms / moderation tables */
.production-form-card,.production-table-card{overflow:hidden;margin-bottom:14px}
.production-form-grid{padding:16px;display:grid;grid-template-columns:1.2fr .7fr .9fr;gap:12px}
.production-form-grid label{display:grid;gap:6px;color:#71899a;font-size:10px;font-weight:900;letter-spacing:.5px}
.production-form-grid input,.production-form-grid select,.production-form-grid textarea{width:100%;box-sizing:border-box;background:#050f19;border:1px solid #1b3d54;color:#e7f1f6;border-radius:7px;padding:11px 12px;font:inherit;font-size:12px;outline:0}
.production-form-grid textarea{min-height:92px;resize:vertical;line-height:1.5}
.production-form-grid input:focus,.production-form-grid select:focus,.production-form-grid textarea:focus{border-color:#159fe4;box-shadow:0 0 0 2px #159fe422}
.production-form-grid label small{font-size:9px;color:#536f7e;font-weight:600;letter-spacing:0}
.production-form-grid .field-wide{grid-column:1/-1}
.production-form-actions{grid-column:1/-1;display:flex;justify-content:flex-end;padding-top:2px}
.punishment-table-head,.punishment-table-row{display:grid;grid-template-columns:1.15fr .65fr 1.55fr 1fr .85fr 1.35fr;gap:10px;align-items:center}
.punishment-table-head{padding:9px 14px;background:#071723;border-bottom:1px solid #17364c;color:#607b8e;font-size:9px;font-weight:900;letter-spacing:.5px}
.punishment-table-row{padding:11px 14px;border-bottom:1px solid #122d40;min-height:52px;color:#a8bdc9;font-size:10px}
.punishment-table-row:hover{background:#071824}
.punishment-table-row>div:first-child b{display:block;color:#e6f0f4;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.punishment-table-row small{display:block;color:#5f7a8b;font-size:9px;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.punishment-reason{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.punishment-type{display:inline-flex;width:max-content;padding:5px 7px;border-radius:4px;border:1px solid #21445b;font-size:9px;font-weight:950}
.punishment-type.type-ban{color:#ff8a98;border-color:#67343f;background:#241018}.punishment-type.type-mute,.punishment-type.type-gag,.punishment-type.type-silence{color:#ffcb6b;border-color:#665321;background:#211b0c}.punishment-type.type-ctban{color:#c8a8ff;border-color:#4c3b72;background:#171229}
.expired-label{color:#ffb75f!important}.news-actions{min-width:0}
@media(max-width:1050px){.production-form-grid{grid-template-columns:1fr 1fr}.punishment-table-head,.punishment-table-row{grid-template-columns:1.2fr .65fr 1.2fr 1fr}.punishment-table-head span:nth-child(5),.punishment-table-row>span:nth-child(5){display:none}}
@media(max-width:760px){.production-form-grid{grid-template-columns:1fr}.production-form-grid .field-wide,.production-form-actions{grid-column:auto}.punishment-table-head{display:none}.punishment-table-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:14px}.punishment-reason{grid-column:1/-1}.punishment-table-row>div:last-child{grid-column:1/-1;justify-content:flex-start}}