/*
Theme Name: TS2Servers
Author: TS2Servers
Description: Custom dark MMORPG PvP server directory theme.
Version: 1.0.0
Requires at least: 6.0
*/


@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');
:root{--bg:#08090c;--panel:#121419;--line:#292d35;--red:#e21e27;--muted:#a5a8b0;--green:#27d45f}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#f4f4f5;font:14px Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}.wrap{width:min(1560px,96%);margin:auto}
.topbar{height:74px;background:#090a0e;border-bottom:1px solid #292b31}.top-inner{width:min(1560px,96%);height:100%;margin:auto;display:flex;align-items:center;gap:22px}.logo{display:flex;align-items:center;gap:10px;min-width:260px}.dragon{font-size:42px;filter:drop-shadow(0 0 8px #e21e27)}.logo b{font-size:24px;line-height:.9;font-style:italic;display:block}.logo small{font-size:9px;letter-spacing:1px}.main-nav{flex:1}.main-nav ul{display:flex;justify-content:center;gap:0;list-style:none;margin:0;padding:0}.main-nav li a{display:block;padding:27px 12px;font-weight:600;white-space:nowrap}.main-nav li a:hover{color:#ff4149;border-bottom:3px solid var(--red)}.account{display:flex;gap:8px}.login,.red-button,.small-red{display:inline-flex;align-items:center;justify-content:center;border:1px solid #383b43;border-radius:7px;padding:10px 16px;background:linear-gradient(#1c1e24,#101116);color:white;font-weight:700}.red-button,.small-red{background:linear-gradient(#ed252d,#a80d15);border-color:#f02b34;box-shadow:0 3px 12px #d00a1b33}.menu-toggle{display:none;background:none;border:0;color:white;font-size:24px}
.hero{height:280px;background:radial-gradient(ellipse at 50% 45%,#513036,#1a1c23 53%,#090a0e);border-bottom:1px solid #252830;position:relative}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#08090c99,transparent 35%,transparent 65%,#08090c99),repeating-linear-gradient(135deg,transparent 0 28px,#ffffff05 29px 30px)}.hero-inner{position:relative;width:min(1560px,96%);height:100%;margin:auto;display:flex;align-items:center;justify-content:center}.hero-text{text-align:center;text-shadow:0 3px 15px #000}.hero-text small{letter-spacing:6px;color:#ddd}.hero-text h1{font-size:66px;line-height:.9;margin:6px 0;font-weight:900;font-style:italic;letter-spacing:-4px}.hero-text h1 span{color:#ed252d;font-size:1.2em}.hero-text h2{font-size:27px;margin:12px 0 4px}.hero-text p{font-size:18px;color:#ddd;margin:0 0 18px}.hero-text p b{color:#ff343c}.hero-button{padding:11px 27px}.hero-benefits{position:absolute;right:8px;top:50%;transform:translateY(-50%);list-style:none;margin:0;padding:0;display:grid;gap:19px;font-weight:700}
.game-tabs{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin:0 0 13px}.game-tabs>a{height:68px;border:1px solid #30333b;border-radius:8px;background:linear-gradient(135deg,#191b21,#0e0f13);display:flex;align-items:center;justify-content:center;gap:11px;padding:8px}.game-tabs>a:first-child{background:linear-gradient(135deg,#e31f28,#8f0c14);border-color:#f33b43}.game-tabs b{font-size:20px;color:#d6b36c}.game-tabs span{font-weight:700;font-size:12px}.game-tabs small{display:block;color:#aaa;font-size:10px;font-weight:400;margin-top:4px}
.layout{display:grid;grid-template-columns:minmax(0,1fr) 348px;gap:14px}.main-col{min-width:0}.searchbar{display:flex;gap:12px;padding:10px;background:#101217;border:1px solid var(--line);border-radius:8px;margin-bottom:13px}.searchbar input,.searchbar select{min-width:0;background:#090a0e;color:#ddd;border:1px solid #353943;border-radius:6px;padding:11px 13px;font:inherit}.searchbar input{flex:1}.searchbar select{width:180px}.panel,.side-panel{background:linear-gradient(145deg,#121419,#0d0e12);border:1px solid #2a2d34;border-radius:8px;padding:10px;margin-bottom:11px}.section-title{display:flex;justify-content:space-between;align-items:center;margin:0 4px 12px}.section-title h2{font-size:18px;margin:0}.section-title>a{color:#ff3039;font-weight:700;font-size:12px}.server-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.server-card{background:#15171d;border:1px solid #292d35;border-radius:8px;overflow:hidden;min-width:0}.server-image{height:112px;display:block;position:relative;background:linear-gradient(120deg,#282b34,#5b292b,#15171d);overflow:hidden}.server-image img{width:100%;height:100%;object-fit:cover}.server-image>span{height:100%;display:grid;place-items:center;font-size:27px;font-weight:900;color:#e9c98c}.ribbon{position:absolute;top:8px;left:8px;background:#d91d26;padding:4px 9px;font-size:10px}.server-info{padding:10px 12px}.server-info h3{font-size:15px;margin:0 0 4px}.server-info p{color:#b7bac2;font-size:12px;margin:0 0 12px}.server-facts{display:flex;justify-content:space-between;gap:5px;font-size:11px;white-space:nowrap}.online{color:#27d45f!important}.card-button{display:flex;width:max-content;margin:10px auto 0;padding:7px 18px;font-size:12px}.empty{grid-column:1/-1;padding:24px;color:#b7bac2;border:1px dashed #3a3d46;border-radius:6px}.sidebar{min-width:0}.add-server{width:100%;height:54px;font-size:20px;gap:12px;margin-bottom:13px}.add-server span{font-size:17px}.add-server small{display:block;font-size:10px;font-weight:400}.side-panel{padding:12px 14px}.side-panel h3{margin:0 0 12px;font-size:13px}.green-dot{display:inline-block;width:11px;height:11px;border-radius:50%;background:#19c83f;margin-right:8px}.side-panel>strong{display:block;color:#35d36b;font-size:35px}.green-text{color:#70d98e}.side-stats{display:flex;justify-content:space-between;margin-top:13px}.side-stats small{display:block;color:#a5a8b0;font-weight:400;margin-left:25px}.note{display:block;color:#858b96;font-size:10px;margin-top:10px}.side-panel>a{display:block;border-top:1px solid #22252b;padding:8px 0;color:#d1d3d8;font-size:12px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px}th,td{text-align:left;padding:10px 9px;border-bottom:1px solid #292c33;white-space:nowrap}th{background:#191b21;color:#c7cad1}.small-red{padding:6px 10px;font-size:11px}.footer{border-top:1px solid #292c33;margin-top:25px;padding:24px 0;color:#8f939c}.footer .wrap{display:flex;justify-content:space-between;gap:15px}.archive{padding:30px 0;min-height:55vh}.single{max-width:1000px;margin:25px auto;padding:24px}.single img{max-width:100%;height:auto}
@media(max-width:1100px){.logo{min-width:190px}.main-nav li a{padding:25px 7px;font-size:12px}.layout{grid-template-columns:minmax(0,1fr) 290px}.hero-benefits{font-size:12px}}
@media(max-width:800px){.top-inner{flex-wrap:wrap;padding:10px 0;height:auto}.topbar{height:auto}.logo{flex:1}.logo b{font-size:19px}.menu-toggle{display:block}.main-nav{display:none;order:4;flex-basis:100%}.main-nav.open{display:block}.main-nav ul{display:grid;grid-template-columns:repeat(2,1fr)}.main-nav li a{padding:12px}.account a{padding:8px;font-size:11px}.hero{height:250px}.hero-text h1{font-size:48px}.hero-text h2{font-size:20px}.hero-text p{font-size:14px}.hero-benefits{display:none}.game-tabs{grid-template-columns:repeat(3,1fr)}.game-tabs>a{height:58px}.layout{grid-template-columns:1fr}.sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.add-server{grid-column:1/-1;margin:0}.server-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.searchbar{flex-wrap:wrap}.searchbar input{flex-basis:100%}.footer .wrap{flex-wrap:wrap}}
@media(max-width:520px){.server-grid{grid-template-columns:1fr}.sidebar{grid-template-columns:1fr}.game-tabs{grid-template-columns:repeat(2,1fr)}.hero-text h1{font-size:40px}}