:root{
  --bg:#05080d;
  --panel:#0a0e13;
  --panel2:#0d1218;
  --gold:#b9872f;
  --gold2:#e3b85d;
  --gold3:#ffcf62;
  --line:#62451e;
  --text:#f3eee4;
  --muted:#a9a59a;
}
*{box-sizing:border-box}
html{background:var(--bg)}
body{margin:0;background:#05080d;color:var(--text);font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;min-height:100vh}
a{color:inherit;text-decoration:none}
button,input,select{font:inherit}

.site-header{height:72px;background:linear-gradient(180deg,#05070a,#080b0f);border-top:1px solid #2f220f;border-bottom:1px solid #6e4e21;position:relative;z-index:20}
.site-header:after{content:"";position:absolute;left:0;right:0;bottom:-3px;height:3px;background:linear-gradient(90deg,transparent,#8b6229 15%,#e0b85b 50%,#8b6229 85%,transparent);opacity:.45}
.header-inner{width:min(1450px,calc(100% - 36px));height:100%;margin:auto;display:flex;align-items:center;gap:28px}
.brand{display:flex;align-items:center;gap:12px;min-width:300px}
.brand-shield{width:54px;height:54px;border:2px solid #9a6d27;clip-path:polygon(50% 0,90% 13%,84% 73%,50% 100%,16% 73%,10% 13%);display:grid;place-items:center;color:#edc267;font:700 30px Georgia,serif;background:radial-gradient(circle,#1e170b,#07090c 72%);text-shadow:0 0 12px rgba(238,191,88,.6)}
.brand-copy strong{display:block;font:700 27px Georgia,serif;letter-spacing:.6px;color:#e9c26d;text-shadow:0 2px 5px #000}
.brand-copy small{display:block;font:700 9px Georgia,serif;letter-spacing:2px;color:#aa8d55;margin-top:2px;text-align:center}
.main-nav{display:flex;align-items:center;justify-content:flex-end;gap:4px;margin-left:auto;height:100%}
.main-nav a{height:100%;padding:0 18px;display:flex;align-items:center;gap:8px;font:700 13px Georgia,serif;color:#c9b997;border-bottom:2px solid transparent;transition:.18s ease;white-space:nowrap}
.main-nav a:hover,.main-nav a.active{color:#f0c768;border-bottom-color:#d6a640;background:linear-gradient(180deg,transparent 45%,rgba(177,122,31,.08))}
.nav-toggle{display:none;margin-left:auto;background:#0e1319;border:1px solid #6d4c20;color:#e2b65b;border-radius:3px;padding:7px 10px}

.clans-page{min-height:calc(100vh - 72px);background:radial-gradient(circle at 50% 0,rgba(19,34,51,.45),transparent 46%),#05080d;padding-bottom:38px}
.hero{height:250px;position:relative;overflow:hidden;background:
  linear-gradient(90deg,rgba(5,8,13,.97) 0%,rgba(5,8,13,.72) 32%,rgba(5,8,13,.34) 64%,rgba(5,8,13,.78) 100%),
  linear-gradient(180deg,rgba(0,0,0,.05),rgba(5,8,13,.96)),
  url('news-live-1.jpg') center 42% / cover no-repeat;
  border-bottom:1px solid rgba(137,94,35,.55)}
.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 68% 34%,rgba(171,111,31,.12),transparent 25%);pointer-events:none}
.hero-inner{width:min(1390px,calc(100% - 44px));margin:auto;padding-top:40px;position:relative;z-index:1}
.eyebrow{display:flex;align-items:center;gap:9px;color:#d8b064;font:700 13px Georgia,serif;letter-spacing:1.4px}
.eyebrow span{width:43px;height:1px;background:linear-gradient(90deg,transparent,#c18c32)}
.eyebrow span:last-child{background:linear-gradient(90deg,#c18c32,transparent)}
.hero h1{margin:6px 0 6px;color:#f0c86f;font:700 62px/1 Georgia,serif;letter-spacing:2px;text-shadow:0 3px 0 #6b4313,0 7px 20px #000}
.hero p{margin:0;color:#d7d1c7;font-size:15px;max-width:760px}

.clans-shell{width:min(1390px,calc(100% - 44px));margin:-35px auto 0;position:relative;z-index:5}
.controls{min-height:88px;padding:15px 18px;display:grid;grid-template-columns:1.25fr .85fr 1fr;gap:14px;align-items:center;background:linear-gradient(180deg,rgba(14,20,27,.98),rgba(8,12,17,.98));border:1px solid #755323;box-shadow:inset 0 0 0 1px rgba(226,178,81,.08),0 10px 30px rgba(0,0,0,.45);position:relative}
.controls:before,.table-panel:before,.live-notice:before{content:"";position:absolute;inset:4px;border:1px solid rgba(163,112,38,.22);pointer-events:none}
.search-box,.nation-box,.stats-box{position:relative;z-index:1}
.search-box,.nation-box{height:46px;background:#090d12;border:1px solid #59401f;display:flex;align-items:center}
.search-box:focus-within,.nation-box:focus-within{border-color:#c18a2b;box-shadow:0 0 0 1px rgba(234,185,76,.16)}
.search-icon{font-size:28px;line-height:1;margin-left:14px;color:#c49645;transform:rotate(-18deg)}
.search-box input{width:100%;height:100%;border:0;outline:0;background:transparent;color:#eee8dc;padding:0 14px;font-size:14px}
.search-box input::placeholder{color:#77766f}
.nation-box select{width:100%;height:100%;border:0;outline:0;background:#090d12;color:#e9e2d7;padding:0 14px;appearance:auto;font-weight:700}
.stats-box{min-height:46px;border:1px solid #5c4322;background:linear-gradient(#11161c,#090c10);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 18px;gap:16px}
.stat-item{display:flex;flex-direction:column;gap:3px}
.stat-label{font-size:11px;color:#ad9c7c;letter-spacing:.8px}
.stat-item strong{color:#ffd16b;font:700 16px Georgia,serif}
.stat-divider{width:1px;align-self:stretch;background:linear-gradient(180deg,transparent,#775523,transparent)}

.podium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:10px}
.podium-card{min-height:126px;border:1px solid #5f4320;background:linear-gradient(180deg,#10151b,#090c10);display:grid;grid-template-columns:64px 1fr auto;align-items:center;gap:14px;padding:16px 18px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(226,178,81,.04)}
.podium-card:after{content:"";position:absolute;inset:auto -70px -70px auto;width:170px;height:170px;border-radius:50%;background:radial-gradient(circle,rgba(189,133,38,.16),transparent 65%)}
.podium-1{border-color:#a9782d;background:linear-gradient(180deg,rgba(40,29,13,.92),#0a0d11)}
.podium-rank{width:54px;height:54px;border:1px solid #72501e;display:grid;place-items:center;color:#d5b16c;font:700 25px Georgia,serif;background:#090c10;position:relative;z-index:1}
.podium-1 .podium-rank{color:#ffd14d;border-color:#bb8330;box-shadow:0 0 18px rgba(210,145,38,.18)}
.podium-copy{min-width:0;position:relative;z-index:1}
.podium-label{font-size:9px;letter-spacing:1.2px;color:#aa956a}
.podium-copy h2{margin:3px 0 8px;color:#f6ecd8;font:700 23px/1 Georgia,serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.podium-meta{display:flex;gap:10px;align-items:center;flex-wrap:wrap;color:#c9c1b4;font-size:11px}
.podium-meta b{color:#efd18a}
.podium-points{text-align:right;position:relative;z-index:1}
.podium-points small{display:block;color:#95896f;font-size:9px;letter-spacing:1px;margin-bottom:4px}
.podium-points strong{color:#ffd14d;font:700 17px Georgia,serif;white-space:nowrap}

.table-panel{margin-top:10px;background:linear-gradient(180deg,#0c1117,#070a0e);border:1px solid #775524;box-shadow:0 16px 38px rgba(0,0,0,.4);position:relative;padding:5px}
.table-scroll{overflow-x:auto;position:relative;z-index:1}
.clan-table{width:100%;min-width:820px;border-collapse:collapse;table-layout:fixed}
.clan-table th{height:42px;padding:0 14px;color:#e2c27e;font:700 13px Georgia,serif;letter-spacing:.4px;text-align:center;border-bottom:1px solid #6f4c20;background:linear-gradient(180deg,rgba(131,91,32,.10),rgba(0,0,0,.08))}
.clan-table th:nth-child(2),.clan-table th:nth-child(4){text-align:left}
.clan-table th.rank-col{width:82px}
.clan-table td{height:38px;padding:0 14px;border-bottom:1px solid rgba(105,78,44,.46);color:#e9e5dc;font-size:13px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.clan-table td:nth-child(2),.clan-table td:nth-child(4){text-align:left}
.clan-table tr:last-child td{border-bottom:0}
.clan-table tbody tr{transition:.14s ease}
.clan-table tbody tr:hover{background:linear-gradient(90deg,rgba(196,134,35,.08),rgba(196,134,35,.03),transparent)}
.clan-table .top-row{background:linear-gradient(90deg,rgba(166,112,28,.13),rgba(166,112,28,.035),transparent)}
.clan-name{font-weight:800;color:#f1e8d7!important}
.rank-cell{width:82px}
.rank-number{display:flex;align-items:center;justify-content:center;gap:9px;font-weight:700}
.place{width:16px;display:inline-flex;justify-content:center;color:#8d8f8e}
.place.first{color:#ffd34f;text-shadow:0 0 8px rgba(255,193,35,.5);font-size:17px}
.place.second{color:#bdc7d2}.place.third{color:#cd8c4f}
.points{color:#ffd04e!important;font-weight:800}
.right{text-align:right!important}
.nation-badge{display:inline-flex;align-items:center;gap:6px;border-radius:6px;padding:3px 8px 3px 5px;border:1px solid;font-size:11px;font-weight:700;line-height:1;color:#e9dfca;min-width:92px;justify-content:flex-start}
.nation-badge i{width:17px;height:19px;display:inline-grid;place-items:center;clip-path:polygon(50% 0,92% 18%,83% 72%,50% 100%,17% 72%,8% 18%);background:#a53a2d;opacity:.92}
.nation-badge.karus{background:linear-gradient(180deg,#531812,#2e0c09);border-color:#8f2e22;color:#e7ded1}
.nation-badge.elmorad{background:linear-gradient(180deg,#244613,#11280c);border-color:#537834;color:#e7ded1}
.nation-badge.elmorad i{background:#6a984a}
.nation-badge.neutral{background:#15191e;border-color:#414850;color:#888}
.loading-cell,.empty-cell,.error-cell{text-align:center!important;height:100px!important;color:#aaa!important}
.error-cell{color:#ff8b7c!important}

.live-notice{height:68px;margin-top:10px;border:1px solid #755323;background:linear-gradient(180deg,#0b1015,#090c10);display:flex;align-items:center;justify-content:center;gap:16px;color:#d5c7aa;font-size:13px;position:relative;box-shadow:inset 0 0 0 1px rgba(226,178,81,.05)}
.live-notice b{color:#f2ba3d}
.notice-emblem{font-size:28px;color:#b7852f;text-shadow:0 0 10px rgba(222,169,69,.18)}
.live-notice.error{color:#ff9b8d;border-color:#6b3028}

@media(max-width:1180px){
  .brand{min-width:auto}.brand-copy strong{font-size:22px}.brand-copy small{display:none}
  .main-nav a{padding:0 10px;font-size:12px}
  .controls{grid-template-columns:1fr 1fr}
  .stats-box{grid-column:1/-1}
  .podium{grid-template-columns:1fr}
}
@media(max-width:820px){
  .site-header{height:auto;min-height:64px}.header-inner{min-height:64px;flex-wrap:wrap;padding:8px 0}.nav-toggle{display:block}
  .main-nav{display:none;width:100%;height:auto;flex-direction:column;align-items:stretch;background:#080b0f;border-top:1px solid #4e391d}.main-nav.open{display:flex}
  .main-nav a{height:42px;justify-content:center;border-bottom:1px solid #181c21}
  .hero{height:220px}.hero h1{font-size:48px}.clans-shell{width:min(100% - 20px,1390px)}.hero-inner{width:calc(100% - 24px)}
  .controls{grid-template-columns:1fr}.stats-box{grid-column:auto}
  .podium-card{grid-template-columns:54px 1fr}.podium-points{grid-column:2;text-align:left}
}
@media(max-width:540px){
  .brand-shield{width:44px;height:44px;font-size:24px}.brand-copy strong{font-size:19px}
  .hero h1{font-size:42px}.hero p{font-size:13px}.controls{padding:12px}.live-notice{padding:0 12px;text-align:center;font-size:11px}
}