@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--bg:#0a0b0d;--panel:#101215;--panel2:#14171a;--line:#25292d;--text:#f2f1eb;--muted:#888b8a;--lime:#c5f36a;--red:#ff6c5d;--display:'Barlow Condensed',Impact,sans-serif;--body:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:14px var(--body)}a{color:inherit;text-decoration:none}.topbar{height:76px;border-bottom:1px solid #ffffff12;padding:0 max(calc((100vw - 1160px)/2),5.5vw);display:flex;align-items:center;gap:62px;position:sticky;top:0;background:#0a0b0df2;backdrop-filter:blur(14px);z-index:10}.brand{font:700 25px var(--display);letter-spacing:-.5px;display:flex;align-items:center;gap:8px}.brand-copy{display:flex;flex-direction:column;line-height:.9}.brand-copy b{font:700 17px var(--display);letter-spacing:-.3px;white-space:nowrap}.brand-copy small{font:600 7px var(--body);letter-spacing:.85px;color:#8f9690;margin-top:4px;white-space:nowrap}.brand-mark{display:grid;place-items:center;width:30px;height:30px;background:var(--lime);color:#111;border-radius:8px;font:900 18px var(--display);transform:skew(-7deg)}.brand-dot{color:var(--lime)}nav{display:flex;gap:30px;height:100%;align-items:center}nav a{color:#858786;font-size:12px}nav a:hover,nav a.active{color:var(--text)}nav a.active{position:relative}nav a.active:after{content:'';position:absolute;bottom:-29px;left:0;width:100%;height:2px;background:var(--lime)}.nav-actions{margin-left:auto;display:flex;align-items:center;gap:12px}.user-chip{font-size:12px;color:#b1b4b1;display:flex;gap:8px;align-items:center}.user-chip i,.mini-dot{width:7px;height:7px;border-radius:50%;display:inline-block;background:var(--lime)}.button{border:1px solid #34383a;background:transparent;color:var(--text);padding:12px 16px;display:inline-flex;align-items:center;justify-content:center;gap:18px;font:600 12px var(--body);cursor:pointer;transition:.2s}.button:hover{border-color:var(--lime);color:var(--lime)}.button.primary{background:var(--lime);color:#12140e;border-color:var(--lime)}.button.primary:hover{background:#d5ff85}.button.primary span,.button.light span{font-size:16px}.button.small{padding:10px 13px}.button.ghost{padding:10px 13px;color:#c1c3c1}.button.light{background:var(--text);border-color:var(--text);color:#111;padding:14px 18px}.button.danger{color:var(--red);border-color:#5d302c;padding:8px 10px}.button.full{width:100%;margin-top:8px}.inline{display:inline}.hero{min-height:443px;max-width:1160px;margin:auto;display:grid;grid-template-columns:1fr .78fr;align-items:center;position:relative;padding:50px 0 58px}.eyebrow{font-size:9px;letter-spacing:1.55px;font-weight:700;color:#9da19d;margin:0 0 20px}.pulse{width:6px;height:6px;display:inline-block;border-radius:50%;background:var(--lime);margin-right:8px;box-shadow:0 0 10px var(--lime)}h1,h2{font-family:var(--display);font-weight:700;letter-spacing:-.8px;margin:0} .hero h1{font-size:74px;line-height:.88;letter-spacing:-1px}.hero h1 em,.cta h2 em{font-style:normal;color:var(--lime)}.hero-text{color:#929694;line-height:1.8;font-size:13px;max-width:370px;margin:22px 0 26px}.hero-actions{display:flex;align-items:center;gap:22px}.text-link{font-size:11px;color:#c2c5c0}.text-link span{color:var(--lime);font-size:16px;margin-left:5px}.hero-art{height:322px;position:relative;overflow:hidden;background:#151918;border:1px solid #282e2a}.hero-art:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0a0d0be0 0%,#0a0d0b99 42%,#0a0d0b20 100%),url('cs16-banner.png') center/cover no-repeat;}.art-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:40px 40px;mask-image:linear-gradient(to right,transparent,black)}.art-glow{position:absolute;width:210px;height:210px;border:1px solid #c5f36a26;border-radius:50%;right:67px;top:40px;box-shadow:0 0 0 30px #c5f36a08,0 0 0 65px #c5f36a06}.crosshair{position:absolute;right:160px;top:103px;font:200px/1 var(--display);font-weight:200;color:#d2edac55}.art-label{position:absolute;left:25px;bottom:24px;display:grid;gap:8px}.art-label span,.art-label small{font-size:8px;letter-spacing:1.3px;color:#a6aaa5}.art-label b{font:700 30px/.9 var(--display);letter-spacing:.2px}.hero-index{position:absolute;right:0;bottom:23px;font:700 11px var(--display);color:var(--lime);letter-spacing:1px}.hero-index span{color:#5d625e;margin:0 8px}.stats-strip{max-width:1160px;margin:auto;border-block:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr 1.2fr 1.4fr;padding:18px 0}.stats-strip>div{display:flex;flex-direction:column;gap:5px;border-right:1px solid var(--line);padding-left:22px}.stats-strip>div:first-child{padding-left:0}.stats-strip>div:last-child{border:0}.stats-strip span{font-size:8px;letter-spacing:1.3px;color:#787d79}.stats-strip b{font:700 22px var(--display)}.stats-strip b small{font:10px var(--body);color:#858985}.stats-strip .strip-note{align-self:center;justify-content:center;flex-direction:row;gap:7px;font-size:8px;color:#858985}.strip-note b{font:700 9px var(--body);color:var(--lime);letter-spacing:.5px}.server-section{max-width:1160px;margin:74px auto 80px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:25px}.section-heading .eyebrow{margin-bottom:8px}.section-heading h2{font-size:35px}.section-heading h2 span{color:#717572}.sort-note{font-size:10px;color:#939894;display:flex;gap:9px;align-items:center;padding-bottom:5px}.sort-icon{font-size:15px;color:var(--lime)}.list-head,.server-row,.admin-row{display:grid;grid-template-columns:2.4fr 1fr 1.1fr 1fr 26px;align-items:center}.server-list .list-head,.server-list .server-row{grid-template-columns:2.4fr 1fr 1.1fr 1fr .8fr 26px}.list-head{height:34px;background:#121416;padding:0 18px;color:#717572;letter-spacing:1px;font-size:8px}.server-row{min-height:78px;border-bottom:1px solid #212427;padding:0 18px;transition:.18s}.server-row:hover{background:#111416}.server-identity{display:flex;align-items:center;gap:14px}.server-number{font:600 11px var(--display);color:#747974}.server-icon{display:grid;place-items:center;width:34px;height:34px;border:1px solid #343a35;background:#171b18;color:var(--lime);font-size:21px}.server-identity b,.admin-row b,.manage-title b{display:block;font-size:12px;font-weight:600}.server-identity small,.admin-row small,.manage-title small{display:block;color:#7e837f;font-size:9px;margin-top:5px}.map-cell{font:600 11px var(--display);color:#c1c4bf}.players-cell{display:grid;grid-template-columns:auto auto;align-items:baseline;justify-content:start;column-gap:3px}.players-cell b{font:700 17px var(--display)}.players-cell span{font-size:9px;color:#6e736f}.capacity{width:58px;height:2px;background:#303532;grid-column:1/3;margin-top:4px}.capacity i{display:block;background:var(--lime);height:100%}.status{font-size:8px;letter-spacing:.6px;display:inline-flex;align-items:center;gap:7px;color:#828783}.status i{width:6px;height:6px;border-radius:50%;background:#666}.status.online{color:var(--lime)}.status.online i{background:var(--lime);box-shadow:0 0 9px #c5f36a55}.row-arrow{font-size:17px;color:#747974;text-align:right}.server-row:hover .row-arrow{color:var(--lime)}.list-footer{display:flex;justify-content:space-between;padding:13px 18px;color:#737874;font-size:8px;letter-spacing:.7px}.empty{border:1px dashed #383d39;padding:45px;text-align:center;color:#858985}.empty b{color:var(--text);font:600 25px var(--display)}.empty p{font-size:12px;margin:8px 0 20px}.cta{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(110deg,#151a14,#11130f);display:flex;align-items:center;justify-content:space-between;padding:38px max(calc((100vw - 1160px)/2),5.5vw);margin-bottom:55px}.cta .eyebrow{margin-bottom:8px}.cta h2{font-size:39px;line-height:.97}.footer{max-width:1160px;margin:0 auto 30px;display:flex;align-items:center;justify-content:space-between;color:#6d726e;font-size:8px;letter-spacing:.8px}.footer .brand{color:var(--text)}.footer>a:last-child{color:#a9ada8}.subpage{max-width:1050px;min-height:70vh;margin:62px auto 90px}.subpage h1{font-size:54px;line-height:1}.muted{color:#868b87;font-size:12px;line-height:1.7}.dash-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.dash-top .eyebrow{margin-bottom:10px}.dash-top h1{font-size:46px}.dash-summary{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line);margin:30px 0 48px;padding:17px 0}.dash-summary>div{padding:0 20px;border-right:1px solid var(--line);display:grid;gap:8px}.dash-summary>div:first-child{padding-left:0}.dash-summary>div:last-child{border:0}.dash-summary span,.metric>span{font-size:8px;letter-spacing:1px;color:#7b807c}.dash-summary b{font:700 24px var(--display)}.manage-card{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);padding:15px 17px;margin-bottom:10px;background:#101214}.manage-title{display:flex;align-items:center;gap:12px}.manage-title>.status{margin-left:18px}.manage-actions{display:flex;gap:8px}.manage-actions .button{padding:9px 11px;font-size:10px}.edit-panel{margin-top:50px;padding:27px;border:1px solid var(--line);background:#0e1011}.edit-panel h2{font-size:28px;margin-top:-12px;margin-bottom:24px}.edit-panel .eyebrow{margin-bottom:18px}.server-form{display:grid;grid-template-columns:1fr 1fr;gap:17px}.server-form label,.auth-form label,.install-card label{display:grid;gap:8px;color:#aeb2ad;font-size:10px}.server-form .wide{grid-column:1/-1}input,textarea{width:100%;background:#0b0d0e;border:1px solid #2c302f;padding:12px;color:var(--text);font:12px var(--body);outline:none}input:focus,textarea:focus{border-color:#849f56}textarea{resize:vertical}.tiny{font-size:9px;color:#777d78}.success{padding:12px;background:#c5f36a12;color:var(--lime);border:1px solid #c5f36a2b;margin:15px 0}.auth-wrap{min-height:calc(100vh - 150px);display:grid;grid-template-columns:1fr 1fr;max-width:880px;margin:44px auto 65px;border:1px solid var(--line)}.auth-art{padding:46px;background:linear-gradient(145deg,#181e16,#101311);position:relative;overflow:hidden}.auth-art:after{content:'';position:absolute;inset:30% -10% -35% 25%;border:1px solid #c5f36a26;transform:rotate(-32deg);box-shadow:0 0 0 28px #c5f36a08,0 0 0 60px #c5f36a05}.auth-glyph{font:900 170px/.8 var(--display);color:#d1edaa;margin:90px 0 16px}.auth-glyph span{color:var(--lime)}.auth-art h2{font-size:44px;line-height:.9}.auth-art>p:last-child{color:#939890;font-size:11px}.auth-form{padding:52px 48px}.auth-form .eyebrow{margin-bottom:10px}.auth-form h1{font-size:43px}.auth-form>.muted{margin:8px 0 26px}.auth-form form{display:grid;gap:17px}.auth-form .button{margin-top:4px}.auth-switch{font-size:10px;color:#888d89;text-align:center;margin-top:20px}.auth-switch a{color:var(--lime)}.floating-alert{position:fixed;z-index:20;top:90px;left:50%;transform:translateX(-50%);background:#2a1716;border:1px solid #70403a;color:#ffaaa0;padding:12px 18px;font-size:11px}.detail-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:20px 0 26px}.detail-head h1{font-size:52px}.detail-head .muted{font-size:12px}.copy{border:0;background:none;color:var(--lime);font:10px var(--body);cursor:pointer;margin-left:8px}.back-link{display:inline-block;color:#a3a8a2;font-size:11px;margin-bottom:50px}.detail-grid{display:grid;grid-template-columns:1fr 275px;gap:18px;margin-top:24px}.detail-banner{height:188px;border:1px solid #333b32;background:radial-gradient(ellipse at 72% 50%,#465b3d66,transparent 40%),linear-gradient(125deg,#161c16,#202920 55%,#101311);padding:25px;display:flex;flex-direction:column;justify-content:end;position:relative}.detail-banner:before{content:'+';position:absolute;right:90px;top:10px;font:180px var(--display);color:#d1edaa20}.map-label{font-size:8px;color:#aaa;letter-spacing:1.1px}.detail-banner b{font:700 32px var(--display)}.detail-banner small{color:#a1a89d;font-size:10px}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line);padding:20px 0}.metric{display:grid;gap:8px;padding:0 14px;border-right:1px solid var(--line)}.metric:first-child{padding-left:0}.metric:last-child{border:0}.metric b{font:700 24px var(--display)}.metric b small{font:11px var(--body);color:#7e837f}.metric b.small-value{font-size:15px}.description{padding:22px 0}.description .eyebrow{margin-bottom:10px}.description>p:last-child{font-size:12px;color:#a2a6a1;line-height:1.8}.owner-card{border:1px solid var(--line);padding:22px;height:max-content}.owner-card>.eyebrow{margin-bottom:20px}.owner-line{display:flex;align-items:center;gap:12px;padding:13px 0;border-top:1px solid var(--line)}.avatar{width:31px;height:31px;display:grid;place-items:center;background:#191e18;border:1px solid #353d32;color:var(--lime)}.owner-line small,.owner-line b{display:block}.owner-line small{font-size:8px;color:#777d78;letter-spacing:.6px}.owner-line b{font-size:11px;margin-top:5px}.owner-card .button{margin-top:13px}.refresh-time{font-size:8px;color:#717672;margin-top:17px}.install-page{min-height:100vh;background:radial-gradient(ellipse at 80% 30%,#1b2417,transparent 40%),var(--bg);display:grid;place-items:center;padding:30px}.install-card{width:min(560px,100%);padding:42px;background:#101214;border:1px solid var(--line)}.install-card>.brand{margin-bottom:30px}.install-card .eyebrow{margin-bottom:8px}.install-card h1{font-size:50px;line-height:.93}.install-card>.muted{margin-bottom:24px}.install-card form{display:grid;gap:14px}.install-card .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.install-card hr{width:100%;border:0;border-top:1px solid var(--line);margin:5px 0}.install-card .button{margin-top:7px}.install-card .tiny{margin-bottom:0}.alert{font-size:11px;color:#ffafa5;background:#4b211d;border:1px solid #6f3933;padding:10px;margin-bottom:15px}.admin-table{border:1px solid var(--line);margin-bottom:45px}.admin-row{grid-template-columns:2fr .8fr .7fr .8fr 1.7fr;min-height:65px;padding:9px 16px;border-top:1px solid #25292b;font-size:10px;color:#aaa}.admin-row .status{font-size:8px}.admin-actions{display:flex;gap:5px;align-items:center}.admin-actions .button{font-size:9px;padding:7px}.server-admin{grid-template-columns:2fr 1fr 1fr .2fr 1fr}.server-admin>span:nth-child(3){color:#a5aaa5}.admin-table>.list-head{grid-template-columns:2fr .8fr .7fr .8fr 1.7fr}.admin-table .list-head span:last-child{text-align:right}
@media(max-width:1200px){.hero,.stats-strip,.server-section,.footer{margin-left:5.5vw;margin-right:5.5vw}.hero{padding-top:45px}.subpage{margin-left:5.5vw;margin-right:5.5vw}.topbar{padding:0 5.5vw}.cta{padding-left:5.5vw;padding-right:5.5vw}}@media(max-width:720px){.topbar{height:64px;gap:20px;padding:0 5vw}.brand{font-size:22px}.brand-copy b{font-size:15px}.brand-copy small{font-size:6px;letter-spacing:.55px;margin-top:3px}nav{gap:15px}nav a{font-size:10px}.nav-actions{gap:5px}.nav-actions .button{font-size:9px;padding:8px}.user-chip{display:none}.hero{display:block;margin:0 5vw;padding:52px 0 48px}.hero h1{font-size:64px}.hero-art{height:240px;margin-top:35px}.hero-index{bottom:16px}.stats-strip{margin:0 5vw;grid-template-columns:1fr 1fr;row-gap:16px}.stats-strip>div{padding-left:12px}.stats-strip>div:nth-child(odd){padding-left:0}.stats-strip>div:nth-child(2){border-right:0}.stats-strip .strip-note{display:none}.server-section{margin:52px 5vw}.section-heading h2{font-size:30px}.sort-note{font-size:8px}.list-head{display:none}.server-row{grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:10px;padding:14px 8px}.server-identity{grid-row:1/3}.server-row>.map-cell{display:none}.players-cell{justify-self:end}.server-row>.status{grid-column:2;justify-self:end}.row-arrow{display:none}.list-footer{padding-inline:4px;font-size:7px}.cta{padding:30px 5vw;gap:15px}.cta h2{font-size:32px}.cta .button{font-size:9px;padding:10px}.footer{margin:0 5vw 22px}.footer>span{display:none}.subpage{margin:40px 5vw 60px}.subpage h1{font-size:43px}.dash-top{align-items:start;gap:12px;flex-direction:column}.dash-summary{padding:14px 0}.dash-summary>div{padding:0 10px}.dash-summary span{font-size:7px}.manage-card{align-items:flex-start;gap:16px;flex-direction:column}.manage-title>.status{margin-left:auto}.manage-title{width:100%}.manage-actions{flex-wrap:wrap}.server-form{grid-template-columns:1fr}.server-form .wide{grid-column:auto}.auth-wrap{margin:20px 5vw;grid-template-columns:1fr}.auth-art{padding:24px;min-height:230px}.auth-glyph{font-size:95px;margin:35px 0 10px}.auth-art h2{font-size:33px}.auth-form{padding:32px 25px}.detail-head h1{font-size:39px}.detail-grid{grid-template-columns:1fr}.detail-banner{height:155px}.admin-row,.admin-table>.list-head{grid-template-columns:1.8fr .7fr .6fr 1fr;gap:7px;padding:11px 9px}.admin-row>span:nth-child(4),.admin-table>.list-head span:nth-child(4){display:none}.admin-actions{grid-column:1/-1}.admin-actions .button{padding:6px}.server-admin{grid-template-columns:1.4fr .8fr .6fr}.server-admin>span:nth-child(2){display:none}.install-card{padding:27px 20px}.install-card h1{font-size:44px}.install-card .form-grid{grid-template-columns:1fr}.detail-grid .owner-card{order:-1}}

.manage-edit{width:100%;border-top:1px solid var(--line);padding-top:10px}.manage-edit summary{cursor:pointer;color:#aeb3ad;font-size:10px}.manage-edit .server-form{margin-top:15px}
.server-profile{max-width:1120px}.server-profile .back-link{margin-bottom:24px}.server-profile-head{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:10px 0 25px;border-bottom:1px solid var(--line)}.server-profile-title{min-width:0}.server-profile-head .eyebrow{margin-bottom:12px}.server-profile-head h1{font-size:42px;line-height:1.02;overflow-wrap:anywhere}.server-address-line{display:flex;align-items:center;gap:12px;margin-top:11px}.server-address-line code{font:11px var(--body);color:#a7ada7}.server-address-line .copy{margin:0;padding:5px 9px;border:1px solid #343a34}.server-tabs{display:flex;gap:25px;align-items:center;height:46px;border-bottom:1px solid var(--line);color:#757a76;font-size:9px;letter-spacing:.9px}.server-tabs span{height:100%;display:flex;align-items:center}.server-tabs .active{color:var(--lime);border-bottom:2px solid var(--lime)}.server-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:16px;margin-top:17px;align-items:start}.server-main-column,.server-side-column{display:grid;gap:15px}.server-panel{border:1px solid var(--line);background:#101214;border-radius:7px;padding:21px}.server-panel-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;padding-bottom:16px;border-bottom:1px solid #24282a}.server-panel-heading .eyebrow{margin:0 0 6px;color:var(--lime)}.server-panel h2{font-size:21px;letter-spacing:-.2px}.server-updated{text-align:right;font-size:7px;line-height:1.8;letter-spacing:.7px;color:#757c76}.server-updated b{font-size:9px;color:#c4c8c2;letter-spacing:0}.server-facts{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #24282a}.server-fact{min-height:72px;padding:15px 12px;border-bottom:1px solid #24282a;border-right:1px solid #24282a;display:grid;align-content:center;gap:8px}.server-fact:nth-child(2n){border-right:0}.server-fact:nth-last-child(-n+2){border-bottom:0}.server-fact span,.server-capacity-row span,.server-side-data span{font-size:8px;letter-spacing:.7px;color:#818782}.server-fact b{font-size:12px;color:#e2e5de;overflow-wrap:anywhere}.server-fact .fact-online{color:var(--lime)}.server-fact .fact-offline{color:var(--red)}.server-player-block{padding:19px 0;border-bottom:1px solid #24282a}.server-capacity-row{display:flex;justify-content:space-between;align-items:end;gap:12px}.server-capacity-row>div{display:grid;gap:6px}.server-capacity-row b{font:700 30px var(--display);line-height:1}.server-capacity-row b small{font:11px var(--body);color:#888f89}.server-capacity-row .capacity-label{font-size:8px;color:var(--lime)}.server-slot-grid{display:grid;grid-template-columns:repeat(16,minmax(0,1fr));gap:4px;margin:14px 0 10px}.server-slot-grid i{height:6px;border-radius:1px;background:#292e2d}.server-slot-grid i.occupied{background:var(--lime);box-shadow:0 0 6px #c5f36344}.server-progress{height:3px;background:#262b28}.server-progress i{display:block;height:100%;background:var(--lime)}.server-description{padding-top:18px}.server-description .eyebrow{color:var(--lime);margin-bottom:8px}.server-description>p:last-child,.server-community-copy{font-size:11px;line-height:1.8;color:#a4aaa4;margin:0;white-space:normal}.server-community-panel .server-panel-heading{border:0;padding:0 0 10px}.server-community-panel .button{margin-top:15px}.server-side-column .server-panel h2{font-size:19px;margin-bottom:15px}.server-side-column .eyebrow{color:var(--lime);margin-bottom:9px}.server-side-data{padding:12px 0;border-top:1px solid #25292b;display:grid;gap:7px}.server-side-data b{font-size:10px;color:#d6dad4;overflow-wrap:anywhere}.server-side-column .button{margin-top:10px}.server-owner{display:flex;align-items:center;gap:11px;padding:7px 0 16px}.server-owner-mark{width:34px;height:34px;display:grid;place-items:center;background:#1a2019;color:var(--lime);border:1px solid #333b32}.server-owner small,.server-owner b{display:block}.server-owner small{font-size:7px;letter-spacing:.7px;color:#7c837c}.server-owner b{font-size:11px;margin-top:5px}
@media(max-width:800px){.server-detail-layout{grid-template-columns:1fr}.server-side-column{grid-template-columns:1fr 1fr}.server-profile-head h1{font-size:36px}}
@media(max-width:560px){.server-profile{margin:35px 5vw 60px}.server-profile .back-link{margin-bottom:22px}.server-profile-head{align-items:flex-start;flex-direction:column}.server-profile-head h1{font-size:32px}.server-tabs{gap:16px;font-size:8px}.server-panel{padding:16px}.server-panel-heading{align-items:flex-start}.server-updated{font-size:6px}.server-side-column{grid-template-columns:1fr}.server-slot-grid{gap:3px}.server-capacity-row b{font-size:26px}}.server-online-players .server-panel-heading{margin-bottom:4px}.players-total{font:700 18px var(--display);color:var(--lime)}.server-player-table-wrap{overflow-x:auto}.server-player-table{width:100%;border-collapse:collapse;text-align:left}.server-player-table th{font-size:8px;letter-spacing:.65px;color:#818782;font-weight:600;padding:11px 8px;border-bottom:1px solid #303436}.server-player-table td{font-size:10px;padding:10px 8px;border-bottom:1px solid #25292b;color:#c7cbc5}.server-player-table tbody tr:last-child td{border-bottom:0}.server-player-table td:first-child{color:var(--lime);width:50px}.server-player-table td:nth-child(2){font-weight:600}.server-player-table td:nth-child(n+3){font-variant-numeric:tabular-nums}.players-empty{font-size:11px;color:#9ba19a;padding:12px 0;margin:0}.server-about-card h2{font-size:19px;margin:0 0 12px}.server-about-card>p:not(.eyebrow){font-size:11px;line-height:1.8;color:#a4aaa4;margin:0;white-space:normal}.server-about-card a{display:inline-block;margin-top:13px;color:var(--lime);font-size:10px}.server-limit-chip{font-size:10px;letter-spacing:.6px;color:#aeb3ad;border:1px solid var(--line);padding:12px 15px}.limit-notice{border:1px solid #4b4730;background:#171710;padding:22px;margin:25px 0}.limit-notice b{font:700 20px var(--display);color:var(--lime)}.limit-notice p{font-size:11px;color:#a4aaa4;margin:8px 0 0}.member-settings h1{font-size:48px}.profile-form{margin-top:25px;border:1px solid var(--line);background:#101214;padding:24px}.profile-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.profile-form label{display:grid;gap:7px;color:#aeb3ad;font-size:10px}.profile-form input:not([type=file]):not([type=checkbox]),.profile-form textarea{width:100%;background:#0b0d0f;color:var(--text);border:1px solid #303538;padding:12px;font:11px var(--body);outline:none}.profile-form input:focus,.profile-form textarea:focus{border-color:var(--lime)}.profile-form input[type=file]{font:10px var(--body);color:#aeb3ad}.profile-form .wide{grid-column:1/-1}.profile-form .profile-remove{display:flex;align-items:center;gap:8px}.profile-form .profile-remove input{accent-color:var(--lime)}.public-member .back-link{margin-bottom:25px}.member-cover{display:flex;align-items:center;gap:18px;padding:24px;border:1px solid var(--line);background:#101214;margin-bottom:20px}.member-avatar{width:86px;height:86px;flex:0 0 86px;display:grid;place-items:center;overflow:hidden;background:#1c2219;border:1px solid #353d32;color:var(--lime);font:700 40px var(--display)}.member-avatar img{width:100%;height:100%;object-fit:cover}.member-heading{flex:1}.member-heading .eyebrow{color:var(--lime);margin:0 0 6px}.member-heading h1{font-size:36px}.member-heading>span{display:block;margin-top:8px;color:#939a94;font-size:10px}.member-profile-grid{display:grid;grid-template-columns:1fr 300px;gap:15px}.member-profile-grid h2{font-size:20px;margin-bottom:12px}.member-bio{color:#a4aaa4;font-size:11px;line-height:1.8;white-space:normal}.member-contact a{color:var(--lime);font-size:10px;overflow-wrap:anywhere}.member-server-list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.member-server-card{display:grid;gap:10px;padding:17px;background:#101214;border:1px solid var(--line)}.member-server-card>b{font:700 17px var(--display);overflow-wrap:anywhere}.member-server-card>small{font-size:9px;color:#8c928c}.member-server-card>strong{font-size:10px;color:var(--lime)}.member-server-card .status{font-size:8px}.admin-user-edit{border-bottom:1px solid var(--line);padding:12px 16px;background:#0d0f10}.admin-user-edit summary{cursor:pointer;color:var(--lime);font-size:10px}.admin-user-edit .profile-form{margin-top:14px;padding:17px}.server-owner a{display:block;color:#e2e5de;font-size:11px;margin-top:5px}.server-owner a:hover{color:var(--lime)}
@media(max-width:720px){.member-profile-grid{grid-template-columns:1fr}.member-server-list{grid-template-columns:1fr}.member-cover{align-items:flex-start;flex-wrap:wrap;padding:17px}.member-avatar{width:64px;height:64px;flex-basis:64px;font-size:30px}.member-heading h1{font-size:29px}.member-cover>.button{width:100%}.profile-form{padding:17px}.profile-form-grid{grid-template-columns:1fr}.profile-form .wide{grid-column:auto}.member-settings h1{font-size:39px}}.server-name-link{color:inherit}.server-name-link:hover{color:var(--lime)}.server-owner-link{color:#aeb3ad}.server-owner-link:hover{color:var(--lime);text-decoration:underline}.hero-banner{position:relative;display:flex;align-items:center;min-height:440px;margin:0;padding:65px max(calc((100vw - 1160px)/2),5.5vw);overflow:hidden;border-bottom:1px solid var(--line);background:linear-gradient(90deg,rgba(8,10,11,.96) 0%,rgba(8,10,11,.78) 42%,rgba(8,10,11,.18) 100%),url('cs16-banner.png') center 40%/cover no-repeat}.hero-banner-content{max-width:650px}.hero-banner h1{font:800 clamp(46px,5.5vw,76px)/.98 var(--display);letter-spacing:-1.7px;margin:16px 0}.hero-banner h1 em{color:var(--lime);font-style:normal}.hero-banner .hero-text{max-width:410px;color:#b6bcb6;font-size:13px;line-height:1.75;margin:18px 0 25px}.partners-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:35px}.partner-card{overflow:hidden;background:#101214;border:1px solid var(--line);border-radius:6px}.partner-card-banner{display:block;height:150px;background:#191d19;overflow:hidden}.partner-card-banner img{width:100%;height:100%;object-fit:cover}.partner-card-body{display:flex;gap:16px;padding:20px}.partner-logo{width:62px;height:62px;object-fit:contain;background:#0b0d0e;border:1px solid var(--line);padding:5px}.partner-card h2{font:700 22px var(--display);margin:0 0 8px}.partner-card p{font-size:11px;line-height:1.7;color:#a4aaa4;white-space:normal}.partner-card a{font-size:10px;color:var(--lime)}.partner-admin-item{border:1px solid var(--line);background:#101214;padding:15px;margin:12px 0}.partner-admin-item summary{display:flex;justify-content:space-between;cursor:pointer}.partner-admin-item .profile-form{margin:15px 0}@media(max-width:720px){.hero-banner{min-height:370px;padding:48px 5vw;background-position:62% center}.hero-banner h1{font-size:clamp(48px,12vw,68px)}.partners-grid{grid-template-columns:1fr}}.server-row{min-height:58px;padding:11px 18px;grid-template-columns:minmax(300px,2.1fr) minmax(100px,.75fr) minmax(90px,.72fr) minmax(90px,.7fr) 22px;gap:18px}.server-identity{gap:11px}.server-number{font-size:9px}.server-icon{width:31px;height:31px}.server-identity b{font-size:11px}.server-identity small{margin-top:4px;font-size:8px}.server-pagination{display:flex;justify-content:center;align-items:center;gap:7px;padding:17px 0 5px}.server-pagination a{min-width:32px;height:32px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);color:#aeb3ad;font-size:10px}.server-pagination a.active,.server-pagination a:hover{color:#0b0d0e;background:var(--lime);border-color:var(--lime)}.server-owner-mark{width:42px;height:42px;overflow:hidden;border-radius:50%;font-size:16px}.server-owner-mark img{width:100%;height:100%;object-fit:cover;display:block}@media(max-width:720px){.server-row{grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:11px 8px}.server-pagination{flex-wrap:wrap}.server-pagination a{min-width:29px;height:29px;padding:0 8px}}.server-live-banner{display:grid;grid-template-columns:minmax(0,1fr) 190px;min-height:126px;margin:17px 0 5px;border:1px solid #3a4038;background:linear-gradient(90deg,rgba(13,16,15,.96),rgba(14,17,15,.87) 58%,rgba(11,13,12,.56)),url('cs16-banner.png') center 40%/cover;overflow:hidden}.live-banner-main{display:grid;grid-template-columns:minmax(0,1fr) 150px;align-items:center;gap:18px;padding:16px 20px}.live-banner-heading{display:flex;align-items:center;gap:13px;min-width:0}.live-game-icon{display:grid;place-items:center;width:47px;height:47px;flex:0 0 47px;background:#141a12;border:1px solid #424a3b;color:var(--lime);font:800 16px var(--display);letter-spacing:-1px}.live-banner-heading>div{min-width:0}.live-banner-label{display:flex;align-items:center;gap:6px;color:var(--lime);font-size:7px;letter-spacing:.9px}.live-banner-label i{width:6px;height:6px;border-radius:50%;background:var(--lime);box-shadow:0 0 7px #c5f36a88}.live-banner-label i.offline{background:#ff6255;box-shadow:0 0 7px #ff625588}.live-banner-heading h3{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:6px 0 4px;font:700 17px var(--display)}.live-banner-heading small{font-size:9px;color:#adb3ac}.live-banner-map{display:grid;gap:5px;border-left:1px solid #ffffff19;padding-left:17px}.live-banner-map>span,.live-banner-players>span{font-size:7px;letter-spacing:.8px;color:#a1a79f}.live-banner-map b{font:700 13px var(--display);color:#e4e8df}.live-banner-map small{font-size:8px;color:#858c84}.live-banner-players{display:flex;flex-direction:column;justify-content:center;gap:6px;padding:14px 18px;background:#080a09a8;border-left:1px solid #ffffff1a}.live-banner-players>div:nth-child(2){display:flex;align-items:baseline;gap:5px}.live-banner-players>div:nth-child(2)>b{font:800 30px/.9 var(--display);color:var(--lime)}.live-banner-players>div:nth-child(2)>small{font-size:9px;color:#b7bdb5}.live-banner-progress{height:3px;background:#303631}.live-banner-progress i{display:block;height:100%;background:var(--lime);transition:width .4s}.live-banner-occupancy{text-align:right;font-size:7px!important;color:var(--lime)!important}.server-live-banner~.server-player-table-wrap{}.server-player-block{padding:0;margin:0;border:0}
@media(max-width:600px){.server-live-banner{grid-template-columns:minmax(0,1fr) 118px;min-height:116px}.live-banner-main{grid-template-columns:1fr;padding:12px;gap:12px}.live-banner-map{display:none}.live-game-icon{width:38px;height:38px;flex-basis:38px}.live-banner-heading h3{font-size:14px}.live-banner-players{padding:12px}.live-banner-players>div:nth-child(2)>b{font-size:25px}}
/* Header mai compact */
.hero-banner{min-height:340px;padding-top:34px;padding-bottom:34px}
@media(max-width:720px){.hero-banner{min-height:300px;padding-top:32px;padding-bottom:32px}}
/* Ajustare suplimentară pentru un hero mai jos */
.hero-banner{min-height:300px;padding-top:18px;padding-bottom:18px}.hero-banner h1{font-size:clamp(48px,5.2vw,68px);margin:10px 0}.hero-banner .hero-text{margin:12px 0 18px}
@media(max-width:720px){.hero-banner{min-height:270px;padding-top:18px;padding-bottom:18px}.hero-banner h1{font-size:clamp(44px,10vw,60px);margin:9px 0}.hero-banner .hero-text{margin:10px 0 15px}}.account-links{display:flex;align-items:center;gap:18px}.account-links a{font-size:11px;color:#858786;white-space:nowrap}.account-links a:hover,.account-links a.active{color:var(--lime)}.contact-page>h1,.contact-admin-page>h1{margin:5px 0 12px}.contact-card{margin-top:32px;padding:28px;border:1px solid var(--line);background:#101214;max-width:760px}.contact-card>p{font-size:13px;line-height:1.8;color:#c1c6c0;white-space:normal;margin:0 0 18px}.contact-method{display:flex;justify-content:space-between;gap:20px;padding:15px 0;border-top:1px solid var(--line)}.contact-method span{font-size:8px;letter-spacing:1px;color:#858b85}.contact-method a{font-size:11px;color:var(--lime);overflow-wrap:anywhere}.contact-admin-page .profile-form{max-width:850px}.contact-admin-page .profile-form-grid{grid-template-columns:1fr 1fr}@media(max-width:850px){.topbar{gap:24px}.account-links{gap:11px}.account-links a{font-size:10px}.nav-actions{gap:8px}}@media(max-width:720px){.topbar{gap:16px}nav{gap:12px}.account-links{gap:10px}.account-links a{font-size:9px}.nav-actions{gap:4px}.nav-actions .button{padding:7px}.contact-card{padding:19px}.contact-admin-page .profile-form-grid{grid-template-columns:1fr}.contact-admin-page .profile-form .wide{grid-column:auto}}.language-form{display:flex;align-items:center;margin:0}.language-form select{appearance:none;cursor:pointer;color:#e2e5de;background:#111416;border:1px solid #343a38;padding:8px 28px 8px 10px;font:10px var(--body);background-image:linear-gradient(45deg,transparent 50%,var(--lime) 50%),linear-gradient(135deg,var(--lime) 50%,transparent 50%);background-position:calc(100% - 12px) 13px,calc(100% - 8px) 13px;background-size:4px 4px,4px 4px;background-repeat:no-repeat}.language-form select:focus{outline:1px solid var(--lime)}@media(max-width:850px){.language-form select{padding:7px 23px 7px 7px;font-size:9px}}@media(max-width:720px){.nav-actions{flex-wrap:wrap;justify-content:flex-end}.language-form select{max-width:76px;padding-left:5px}}
@media(max-width:720px){.topbar{height:auto;min-height:64px;flex-wrap:wrap;padding:10px 16px;gap:9px 12px}.topbar>.brand{order:1}.topbar>.language-form{order:2;margin-left:auto}.topbar>.nav-actions{order:3;flex:1 0 100%;margin-left:0;justify-content:flex-end}.topbar>nav{order:4;flex:1 0 100%;height:30px;justify-content:space-between;gap:6px}.topbar>nav a{font-size:clamp(8px,2.4vw,10px);white-space:nowrap}.topbar nav a.active:after{bottom:-7px}}


.server-list.is-admin .list-head,.server-list.is-admin .server-row{grid-template-columns:minmax(240px,2.4fr) minmax(70px,1fr) minmax(84px,1.1fr) minmax(70px,1fr) minmax(68px,.8fr) 26px 66px}.server-ban-inline{margin:0;display:flex;justify-content:center}.server-ban-button{padding:5px 7px;border:1px solid #633b36;background:#1a1110;color:#ff8b7b;font:700 8px var(--body);letter-spacing:.4px;cursor:pointer}.server-ban-button:hover{border-color:#ff6c5d;color:#fff}.server-admin form{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.admin-banned-servers{margin:48px 0}.admin-banned-servers .section-heading{margin-bottom:18px}.admin-banned-servers .section-heading h2 span{font:500 13px var(--body);color:var(--muted)}.admin-banned-servers .empty{padding:22px}.server-ban-record{overflow-wrap:anywhere}@media(max-width:720px){.server-list.is-admin{overflow-x:auto}.server-list.is-admin .list-head,.server-list.is-admin .server-row{min-width:770px}.server-admin form .button{font-size:9px;padding:7px 8px}}


.user-chip-avatar{width:26px;height:26px;flex:0 0 26px;object-fit:cover;border-radius:50%;border:1px solid #c5f36a66;background:#171b18}.user-chip{gap:8px}


.server-embed-panel{margin-top:14px}.server-embed-panel h2{font-size:25px;margin:0 0 9px}.server-embed-panel>.muted{margin:0 0 12px;max-width:760px}.embed-domain-note{font-size:10px;color:#c5f36a}.server-embed-details{padding:12px 0;border-top:1px solid var(--line)}.server-embed-details summary{cursor:pointer;color:#d5d9d1;font-size:11px;font-weight:700}.embed-code{display:block;width:100%;margin:12px 0 8px;padding:12px;background:#090b0c;border:1px solid #303532;color:#bfc8b8;font:10px/1.55 Consolas,monospace;resize:vertical;overflow-wrap:anywhere}.server-embed-panel>.text-link{display:inline-block;margin-top:10px;color:var(--lime)}@media(max-width:720px){.embed-code{font-size:9px}}


.manage-card{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:'title actions' 'edit edit';align-items:center;gap:12px 20px;padding:16px 18px}.manage-title{grid-area:title;width:auto;min-width:0;gap:13px}.manage-title>div{min-width:0}.manage-title b{max-width:560px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.manage-title>.status{margin-left:auto;white-space:nowrap}.manage-actions{grid-area:actions;display:flex;align-items:center;justify-content:flex-end;flex-wrap:nowrap;gap:8px}.manage-actions form{display:flex;margin:0}.manage-actions .button{min-height:38px;padding:8px 12px;font-size:10px;line-height:1;white-space:nowrap}.manage-edit{grid-area:edit;width:auto;min-width:0;border-top:1px solid var(--line);padding-top:11px}.manage-edit summary{display:flex;width:max-content;align-items:center;gap:8px;padding:8px 11px;border:1px solid #303632;background:#141815;color:#c4c9c1;cursor:pointer;font-size:10px;list-style:none;transition:border-color .18s,color .18s}.manage-edit summary::-webkit-details-marker{display:none}.manage-edit summary::before{content:'+';display:grid;place-items:center;width:16px;height:16px;border:1px solid #566645;color:var(--lime);font-size:13px;line-height:1}.manage-edit[open] summary{border-color:#596b43;color:var(--lime)}.manage-edit[open] summary::before{content:'−'}.manage-edit .server-form{margin-top:15px}@media(max-width:850px){.manage-card{grid-template-columns:1fr;grid-template-areas:'title' 'actions' 'edit';gap:12px}.manage-actions{justify-content:flex-start;flex-wrap:wrap}.manage-title{width:100%}}@media(max-width:520px){.manage-card{padding:14px}.manage-title{flex-wrap:wrap}.manage-title>.status{margin-left:auto}.manage-actions{gap:6px}.manage-actions .button{min-height:35px;padding:7px 9px;font-size:9px}}


.member-profile-side{display:grid;gap:15px;align-content:start}.steam-profile-card{display:grid;gap:13px}.steam-profile-identity{display:flex;align-items:center;gap:12px;color:var(--text);text-decoration:none}.steam-card-mark{display:grid;place-items:center;width:42px;height:42px;border:1px solid #46553b;background:#171d15;color:var(--lime);font:800 20px var(--display)}.steam-profile-identity>span:last-child{display:grid;gap:4px;min-width:0}.steam-profile-identity b{font:700 16px var(--display)}.steam-profile-identity small{font-size:9px;color:#929991;overflow-wrap:anywhere}.steam-open-link{font-size:9px;color:var(--lime)}
.steam-card-mark img{width:100%;height:100%;object-fit:cover}.steam-api-settings{margin:20px 0}.steam-api-settings .profile-form{border:0;padding:12px 0 0;background:transparent}
.steam-profile-info{display:grid;gap:5px;flex:1;min-width:0}.steam-name-row{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0}.steam-name-row>b{min-width:0;overflow-wrap:anywhere}.steam-level-badge{width:30px;height:30px;flex:0 0 30px;display:grid;place-items:center;border:2px solid #66c0f4;border-radius:50%;color:#e8f7ff;background:radial-gradient(circle,#193746 52%,#101214 55%);box-shadow:0 0 0 2px #66c0f44d,inset 0 0 8px #66c0f433;font:700 11px var(--body);font-variant-numeric:tabular-nums}
.server-cs-logo{grid-template-rows:1fr auto;align-content:center;gap:2px;padding:4px 3px;text-align:center}.server-cs-logo b{font:800 13px/.85 var(--display);letter-spacing:-.7px;color:#dce5d4}.server-cs-logo small{font:700 6px/1 var(--body);letter-spacing:1px;color:var(--lime)}
.steam-presence{display:flex;align-items:center;gap:5px;font-size:9px!important;color:#aeb7ad!important}.steam-presence i{width:6px;height:6px;flex:0 0 6px;border-radius:50%;background:#8b918b}.steam-presence-1 i,.steam-presence-2 i,.steam-presence-5 i,.steam-presence-6 i{background:#9eea57;box-shadow:0 0 6px #9eea5780}.steam-presence-3 i,.steam-presence-4 i{background:#f0bd55;box-shadow:0 0 6px #f0bd5566}.steam-current-game{color:#aeb7ad!important;overflow-wrap:anywhere}
.server-filter-form{display:grid;grid-template-columns:minmax(180px,1.6fr) repeat(3,minmax(120px,1fr)) auto auto;align-items:end;gap:10px;margin:18px 0 14px;padding:14px;border:1px solid var(--line);background:#0e1011}.server-filter-form label{display:grid;gap:6px;color:#929991;font-size:8px;letter-spacing:.6px;text-transform:uppercase}.server-filter-form input,.server-filter-form select{width:100%;height:36px;padding:0 10px;border:1px solid #303538;background:#101214;color:var(--text);font:10px var(--body);text-transform:none;letter-spacing:0}.server-filter-form input:focus,.server-filter-form select:focus{outline:1px solid var(--lime);border-color:var(--lime)}.server-filter-form .button{height:36px;padding:0 14px;white-space:nowrap}.server-country-chip{display:inline-flex;align-items:center;gap:4px;margin:0 5px;color:#aeb3ad;white-space:nowrap;font-size:8px}.server-country-chip b{font-size:12px;font-weight:400}.server-profile .server-facts{grid-auto-rows:minmax(70px,auto)}@media(max-width:760px){.server-filter-form{grid-template-columns:repeat(2,minmax(0,1fr))}.server-filter-form label:first-child{grid-column:1/-1}.server-filter-form .button{width:100%}}@media(max-width:430px){.server-filter-form{grid-template-columns:1fr}.server-filter-form label:first-child{grid-column:auto}}
html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Public member servers: compact clickable rows and pagination */
.member-server-list{display:grid;grid-template-columns:1fr;gap:8px}
.member-server-row{display:grid;grid-template-columns:110px minmax(180px,1.25fr) minmax(180px,1fr) 150px;align-items:center;gap:14px;padding:12px 16px;background:#101214;border:1px solid var(--line);color:inherit;text-decoration:none;transition:border-color .18s,background .18s}
.member-server-row:hover{border-color:var(--lime);background:#131713}
.member-row-status{display:inline-flex;align-items:center;gap:7px;font-size:8px;letter-spacing:.08em;font-weight:700}
.member-row-status i{width:7px;height:7px;border-radius:50%;background:#ff7468}
.member-row-status.online i{background:var(--lime);box-shadow:0 0 9px #c5f36688}
.member-row-name{font:700 15px var(--display);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.member-row-meta{font-size:9px;color:#8c928c;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.member-row-players{justify-self:end;font-size:10px;color:var(--lime);white-space:nowrap}
.member-row-players span{padding-left:5px}
.member-server-pagination{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:12px;color:#8c928c;font-size:10px}
.member-server-pagination>div{display:flex;gap:6px}
.member-server-pagination a{display:grid;place-items:center;min-width:32px;height:32px;padding:0 9px;border:1px solid var(--line);color:#c6cbc3;text-decoration:none}
.member-server-pagination a:hover,.member-server-pagination a.active{border-color:var(--lime);color:var(--lime)}
@media(max-width:720px){.member-server-row{grid-template-columns:1fr auto;gap:6px 10px;padding:12px}.member-row-name,.member-row-meta{grid-column:1/-1}.member-row-players{grid-column:2;grid-row:1}.member-row-status{grid-column:1;grid-row:1}}

/* Monthly server voting */
.server-vote-panel{display:grid;grid-template-columns:minmax(220px,1fr) 110px 120px auto;align-items:center;gap:18px;margin:14px 0 18px;padding:18px 20px;border:1px solid #394236;background:linear-gradient(110deg,#111612,#0d1010)}.server-vote-copy .eyebrow{margin:0 0 6px;color:var(--lime)}.server-vote-copy h2{font-size:20px;margin:0 0 5px}.server-vote-copy p:not(.eyebrow){margin:0;color:#969e94;font-size:10px;line-height:1.6}.server-vote-stat{display:grid;gap:5px;border-left:1px solid var(--line);padding-left:16px}.server-vote-stat span{font-size:7px;letter-spacing:.8px;color:#9ca39a}.server-vote-stat b{font:700 22px var(--display);color:var(--lime)}.server-vote-action{display:grid;justify-items:end;gap:6px}.server-vote-action form{margin:0}.server-vote-action .button{white-space:nowrap}.vote-message{max-width:230px;color:#b1b9ad;font-size:9px;text-align:right}.vote-top-list{margin-top:32px;border:1px solid var(--line);background:#101214}.vote-top-head,.vote-top-row{display:grid;grid-template-columns:64px minmax(0,1fr) 160px 170px;align-items:center;gap:18px;padding:17px 22px}.vote-top-head{background:#151819;color:#89918a;font-size:9px;letter-spacing:1px}.vote-top-row{min-height:76px;border-top:1px solid var(--line);color:#dfe3dc;transition:background .15s}.vote-top-row:hover{background:#171c17}.vote-top-rank{color:var(--lime);font-size:12px}.vote-top-server{display:grid;gap:7px;min-width:0}.vote-top-server b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.vote-top-server small{color:#8c938b;font-size:10px}.vote-top-count,.vote-top-score{font:700 20px var(--display)}.vote-top-score{color:var(--lime)}.vote-reset-note{margin-top:12px}.admin-vote-panel{margin:42px 0;padding:20px;border:1px solid var(--line);background:#101214}.admin-vote-panel>.section-heading{margin-bottom:18px}.admin-vote-list{display:grid;gap:10px}.admin-vote-row{display:grid;grid-template-columns:minmax(180px,1fr) minmax(155px,auto) auto minmax(340px,1.5fr);align-items:center;gap:14px;padding:14px;border:1px solid var(--line);background:#0b0d0e}.admin-vote-server{display:grid;gap:5px;min-width:0}.admin-vote-server a{color:#e4e8e1}.admin-vote-server a:hover{color:var(--lime)}.admin-vote-server small,.admin-vote-totals small{color:#929991;font-size:8px;overflow-wrap:anywhere}.admin-vote-totals{display:grid;gap:3px}.admin-vote-totals>b{font:700 20px var(--display);color:var(--lime)}.admin-vote-increment{margin:0}.admin-vote-adjust{display:flex;align-items:end;gap:7px;margin:0}.admin-vote-adjust label{display:grid;gap:4px;color:#9da49c;font-size:8px}.admin-vote-adjust input{width:100%;min-width:90px;padding:8px;background:#101314;border:1px solid var(--line);color:#e4e8e1;font:10px var(--body)}.admin-vote-adjust label:nth-of-type(2){flex:1}.admin-vote-adjust .button{white-space:nowrap}.vote-top-page{max-width:1180px;margin-top:76px}.vote-top-page>h1{font-size:62px;margin:12px 0}.vote-top-page>.muted{max-width:720px;font-size:14px}.admin-vote-panel .success,.admin-vote-panel .error{padding:9px 12px;background:#131a12;border:1px solid #36412d;color:var(--lime);font-size:10px}.admin-vote-panel .error{color:#ff9685;border-color:#633b36;background:#1a1110}@media(max-width:1000px){.server-vote-panel{grid-template-columns:minmax(190px,1fr) 100px 110px}.server-vote-action{grid-column:1/-1;justify-items:start}.vote-message{text-align:left}.admin-vote-row{grid-template-columns:minmax(170px,1fr) minmax(140px,auto) auto}.admin-vote-adjust{grid-column:1/-1}}@media(max-width:720px){.server-vote-panel{grid-template-columns:1fr 1fr;gap:12px;padding:15px}.server-vote-copy{grid-column:1/-1}.server-vote-stat{padding-left:10px}.server-vote-action{grid-column:1/-1}.vote-top-head{display:none}.vote-top-row{grid-template-columns:38px minmax(0,1fr) 62px 76px;gap:10px;padding:15px 12px;min-height:68px}.vote-top-server b{font-size:12px}.vote-top-server small{font-size:9px}.vote-top-count,.vote-top-score{font-size:15px}.admin-vote-panel{padding:14px}.admin-vote-row{grid-template-columns:1fr auto;gap:10px}.admin-vote-totals{grid-column:1/-1;grid-row:2}.admin-vote-increment{grid-column:2;grid-row:1}.admin-vote-adjust{grid-column:1/-1;flex-wrap:wrap}.admin-vote-adjust label:nth-of-type(1){width:90px}.admin-vote-adjust label:nth-of-type(2){flex:1}.admin-vote-adjust .button{min-height:34px}.vote-top-page>h1{font-size:38px}}
/* Compact admin lists and page controls */
.admin-vote-panel{margin:24px 0;padding:14px}.admin-vote-panel>.section-heading{margin-bottom:10px}.admin-vote-list{gap:6px}.admin-vote-row{gap:9px;padding:8px 10px}.admin-vote-server{gap:3px}.admin-vote-totals{gap:2px}.admin-vote-totals>b{font-size:18px}.admin-vote-totals small{font-size:7px;line-height:1.35}.admin-vote-increment .button,.admin-vote-adjust .button{min-height:30px;padding:6px 9px;font-size:9px}.admin-vote-adjust{gap:6px}.admin-vote-adjust input{min-width:75px;padding:6px 7px;font-size:9px}.admin-banned-servers{margin:25px 0}.admin-banned-servers .section-heading{margin-bottom:10px}.admin-table{margin-bottom:22px}.admin-table .admin-row{min-height:50px;padding:6px 12px}.admin-table .admin-row.server-admin{min-height:48px;padding:6px 12px}.server-admin form{gap:4px}.server-admin form .button{padding:6px 9px;font-size:8px}.admin-pagination{justify-content:flex-start;margin:6px 0 22px;padding:5px 0 0;gap:5px}.admin-pagination a{min-width:29px;height:29px;padding:0 8px;font-size:9px}.admin-vote-panel .section-heading h2 span,.admin .section-heading h2 span{font:500 12px var(--body);color:var(--muted)}@media(max-width:1000px){.admin-vote-adjust input{min-width:72px}.admin-vote-panel{padding:12px}.admin-vote-row{gap:8px}}@media(max-width:720px){.admin-vote-panel{margin:20px 0;padding:11px}.admin-vote-row{padding:8px}.admin-pagination{flex-wrap:wrap}.admin-table .admin-row,.admin-table .admin-row.server-admin{padding:7px 9px}}
.subpage #members h2 span,.subpage #listed-servers h2 span{font:500 12px var(--body);color:var(--muted)}
/* Desktop: widen content and keep member controls at the far right */
@media (min-width:1201px){
  .topbar{padding-inline:max(calc((100vw - 1440px)/2),32px);gap:clamp(16px,1.6vw,28px)}
  .topbar>nav{flex:1;min-width:0;gap:clamp(11px,1.1vw,18px)}
  .topbar>nav a{font-size:11px;white-space:nowrap}
  .topbar>.language-form{flex:0 0 auto}
  .topbar>.nav-actions{margin-left:auto;flex:0 0 auto;gap:8px;padding-left:clamp(12px,1vw,18px);border-left:1px solid #ffffff12}
  .topbar>.nav-actions .account-links{gap:clamp(8px,.9vw,13px)}
  .topbar>.nav-actions .account-links a{font-size:10px}
  .topbar>.nav-actions .button{padding:8px 10px}
  .hero,.stats-strip,.server-section,.footer{max-width:1440px;width:calc(100% - 64px)}
  .hero-banner,.cta{padding-inline:max(calc((100vw - 1440px)/2),32px)}
}
.monthly-winners{max-width:1440px;width:calc(100% - 64px);margin:18px auto 0;border:1px solid #30382c;background:linear-gradient(100deg,#111510,#0d0f0d);padding:0 18px;position:relative}.monthly-winners header{height:34px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff12}.monthly-winners header b,.monthly-winners header a{font-size:8px;letter-spacing:1px;color:var(--lime)}.winner-slides{min-height:74px}.winner-slide{display:none;grid-template-columns:48px minmax(180px,2fr) 1fr 1fr 1fr;gap:14px;align-items:center;min-height:74px}.winner-slide.active{display:grid}.winner-slide>strong{font:700 24px var(--display);color:var(--lime)}.winner-slide span{min-width:0;font:600 13px var(--display)}.winner-slide small{display:block;color:#888;font:8px var(--body);letter-spacing:.8px;margin-bottom:4px}.winner-name b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font:700 18px var(--display)}.winner-name small{margin-top:4px}.winner-dots{position:absolute;right:18px;top:48px;display:flex;gap:5px}.winner-dots button{border:0;border-radius:5px;padding:0;width:7px;height:7px;background:#555;cursor:pointer}.winner-dots button.active{background:var(--lime);width:18px}@media(max-width:720px){.monthly-winners{width:auto;margin:14px 5vw 0}.winner-slide{grid-template-columns:38px minmax(0,1fr) auto;gap:8px}.winner-map{display:none}.winner-score{display:none}}

.winner-game{color:var(--lime)!important;font-size:8px!important;letter-spacing:.7px;margin-top:4px}

.live-game-icon{font-size:11px;line-height:.95;text-align:center;padding:3px}.live-game-icon b{font:800 11px/.9 var(--display);letter-spacing:-.6px}.live-game-icon small{display:block;font:700 6px/1 var(--body);letter-spacing:.5px;color:var(--lime)}

.server-form select{width:100%;min-height:42px;padding:11px 36px 11px 12px;background:#0b0d0e;color:var(--text);border:1px solid #2c302f;font:12px var(--body);color-scheme:dark;outline:none}.server-form select:focus{border-color:#849f56}.form-info{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid #30382c;background:linear-gradient(100deg,#151a12,#0c0e0e)}.form-info>span{display:grid;place-items:center;width:29px;height:29px;flex:0 0 29px;border:1px solid #424a3b;color:var(--lime);font-size:16px}.form-info p{margin:0;display:grid;gap:4px}.form-info b{font-size:11px;color:var(--text)}.form-info small{font-size:9px;color:#858b84;line-height:1.5}

.game-cell{display:inline-flex;align-items:center;justify-content:center;width:max-content;min-width:42px;padding:5px 8px;border:1px solid #394236;background:#131713;color:var(--lime);font:700 9px var(--body);letter-spacing:.5px}
@media(max-width:720px){.server-list:not(.is-admin) .list-head span:nth-child(5),.server-list:not(.is-admin) .game-cell{display:none}.server-list:not(.is-admin) .list-head,.server-list:not(.is-admin) .server-row{grid-template-columns:2.4fr 1fr 1.1fr 1fr 26px}}

/* Mobile layout fixes: keep the viewport fixed and stack server details cleanly. */
@media(max-width:720px){
  html,body{max-width:100%;overflow-x:hidden}
  .topbar{height:auto;min-height:64px;gap:9px 12px;padding:10px 16px}
  .topbar>nav{height:auto;min-height:34px;flex:1 0 100%;width:100%;min-width:0;justify-content:flex-start;align-content:center;flex-wrap:wrap;gap:12px 18px;overflow:visible}
  .topbar>nav a{flex:0 0 auto;font-size:11px;white-space:nowrap}
  .topbar>nav a.active:after{bottom:-8px}
  .hero,.stats-strip,.server-section,.footer{width:calc(100% - 32px);max-width:none;margin-left:auto;margin-right:auto}
  .subpage{width:calc(100% - 32px);max-width:none;margin:38px auto 58px}
  .server-list{width:100%;min-width:0}
  .server-list .list-head{display:none}
  .server-list .server-row,.server-list.is-admin .server-row{display:grid;width:100%;min-width:0;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;align-items:center;gap:8px 12px;padding:12px 8px}
  .server-list .server-row>.server-identity{grid-column:1/-1;grid-row:1;min-width:0;align-items:flex-start;gap:9px}
  .server-row .server-number{flex:0 0 18px;padding-top:7px;text-align:center}
  .server-row .server-icon{flex:0 0 34px}
  .server-row .server-identity>span:last-child{flex:1;min-width:0}
  .server-row .server-identity b{line-height:1.3}
  .server-row .server-name-link{overflow-wrap:anywhere}
  .server-row .server-identity small{line-height:1.45;overflow-wrap:anywhere}
  .server-row .server-country-chip{white-space:normal;line-height:1.4}
  .server-list .server-row>.map-cell,.server-list .server-row>.game-cell{display:none}
  .server-list .server-row>.players-cell{grid-column:1;grid-row:2;justify-self:start;margin-left:61px;width:auto;min-width:72px;grid-template-columns:auto auto;column-gap:4px;align-items:baseline}
  .server-row .players-cell b{font-size:18px}
  .server-row .players-cell .capacity{width:64px;grid-column:1/-1}
  .server-list .server-row>span:nth-child(4){grid-column:2;grid-row:2;justify-self:end;white-space:nowrap}
  .server-row .status{font-size:8px;gap:5px}
  .server-list .server-row>.row-arrow{display:none}
  .server-list .server-row>.server-ban-inline{grid-column:1/-1;grid-row:3;justify-self:end}
  .server-list .list-footer{flex-wrap:wrap;gap:7px;padding:12px 8px;font-size:8px;line-height:1.5}
  .stats-strip{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:12px;padding:14px 0}
  .stats-strip>div{min-width:0;padding-left:10px}
  .stats-strip>div:first-child{padding-left:0}
  .stats-strip .strip-note{grid-column:1/-1;justify-self:stretch;padding-top:9px;border-top:1px solid var(--line)}
  .manage-card{align-items:stretch;flex-direction:column;gap:12px}
  .manage-title{min-width:0;flex-wrap:wrap}
  .manage-actions{width:100%;flex-wrap:wrap}
  .manage-actions .button{flex:1 1 100px}
  .admin-table,.admin-vote-list,.server-detail-layout,.detail-grid,.profile-form-grid{min-width:0;max-width:100%}
  .admin-table{overflow-wrap:anywhere}
}
@media(max-width:400px){
  .topbar{padding-inline:12px;gap:8px 10px}
  .server-row .server-identity{gap:7px}
  .server-list .server-row>.players-cell{margin-left:57px}
  .stats-strip>div{padding-left:7px}
  .stats-strip span{font-size:7px;letter-spacing:.8px}
}
@media(min-width:721px) and (max-width:1000px){
  .topbar{height:auto;min-height:68px;flex-wrap:wrap;gap:10px 16px;padding:12px 4vw}
  .topbar>.brand{order:1}
  .topbar>.language-form{order:2;margin-left:auto}
  .topbar>.nav-actions{order:3;flex:1 0 100%;margin-left:0;justify-content:flex-end;padding-left:0;border-left:0}
  .topbar>nav{order:4;flex:1 0 100%;height:auto;min-width:0;justify-content:flex-start;flex-wrap:wrap;gap:12px 22px}
  .topbar>nav a{white-space:nowrap}
  .topbar>nav a.active:after{bottom:-7px}
}

/* Final narrow-screen fit: avoid intrinsic-width overflow in the mobile header and hero. */
@media(max-width:720px){
  .topbar{display:flex;flex-wrap:wrap;align-content:flex-start;align-items:center;width:100%;height:auto;min-height:0;gap:10px 12px;padding:10px 16px}
  .topbar>.brand{order:1;flex:1 1 auto;min-width:0}
  .topbar>.language-form{order:2;flex:0 0 auto;margin-left:auto}
  .topbar>.language-form select{max-width:82px}
  .topbar>.nav-actions{order:3;flex:0 0 100%;width:100%;min-width:0;margin-left:0;display:flex;align-items:center;justify-content:flex-start;gap:8px;flex-wrap:wrap}
  .topbar>.nav-actions .account-links{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:8px}
  .topbar>.nav-actions .button{flex:0 1 auto;white-space:nowrap}
  .topbar>nav{order:4;flex:0 0 100%;width:100%;min-width:0;height:auto;min-height:34px;margin:0;display:flex;justify-content:flex-start;align-content:center;align-items:center;flex-wrap:wrap;gap:8px 10px;overflow:visible}
  .topbar>nav a{font-size:10px;white-space:nowrap}
  .topbar>nav a.active:after{bottom:-7px}
  .hero-banner{width:100%;min-width:0}
  .hero-banner-content{width:100%;max-width:100%;min-width:0}
  .hero-banner h1{max-width:100%;font-size:clamp(36px,10vw,46px);line-height:1;overflow-wrap:normal;text-wrap:balance}
  .hero-banner .hero-text{width:100%;max-width:100%;min-width:0;white-space:normal;overflow-wrap:anywhere}
  .hero-banner .hero-actions{flex-wrap:wrap;gap:12px}
  .monthly-winners{width:calc(100% - 32px);max-width:none;min-width:0;margin:14px auto 0;padding:0 12px;box-sizing:border-box}
  .monthly-winners header{gap:8px;min-width:0}
  .monthly-winners header a{white-space:nowrap}
  .server-profile-head{align-items:flex-start;flex-wrap:wrap;min-width:0;gap:14px}
  .server-profile-title{width:100%;max-width:100%;min-width:0}
  .server-profile-title h1{max-width:100%;font-size:clamp(24px,7vw,32px);line-height:1.1;overflow-wrap:anywhere}
  .server-profile-title .server-address-line{max-width:100%;flex-wrap:wrap}
  .server-profile-title .server-address-line code{overflow-wrap:anywhere}
  .server-detail-layout,.server-main-column,.server-side-column,.server-panel,.server-facts{min-width:0;max-width:100%}
  .server-fact b,.server-side-data b{overflow-wrap:anywhere}
}
