:root{
  --bg:#05080d;
  --panel:#0a0e13;
  --panel2:#0d1218;
  --gold:#b9872f;
  --gold2:#e3b85d;
  --gold3:#ffcf62;
  --line:#62451e;
  --text:#f3eee4;
  --muted:#a9a59a;
  --karus:#c94232;
  --karus-bg:#49120e;
  --elm:#6ca34a;
  --elm-bg:#173615;
}
*{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}

.ranking-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:228px;position:relative;overflow:hidden;background:
  linear-gradient(90deg,rgba(5,8,13,.98) 0%,rgba(5,8,13,.77) 28%,rgba(5,8,13,.38) 60%,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 38% / cover no-repeat;
  border-bottom:1px solid rgba(137,94,35,.55)}
.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 66% 34%,rgba(171,111,31,.11),transparent 24%);pointer-events:none}
.hero-inner{width:min(1390px,calc(100% - 44px));margin:auto;padding-top:33px;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:5px 0 4px;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}

.rank-shell{width:min(1390px,calc(100% - 44px));margin:-35px auto 0;position:relative;z-index:5}
.controls{min-height:78px;padding:15px 18px;display:grid;grid-template-columns:1.2fr .88fr 1.35fr;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{height:44px;background:#090d12;border:1px solid #59401f;display:flex;align-items:center;position:relative;z-index:1}
.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}
.mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:12px;position:relative;z-index:1}
.mode-btn{height:44px;border:1px solid #5c4322;background:linear-gradient(#11161c,#090c10);color:#d9c7a5;font:700 14px Georgia,serif;cursor:pointer;transition:.18s ease}
.mode-btn:hover{border-color:#a4772f;color:#edc362}
.mode-btn.active{color:#ffd269;border-color:#c18a2b;box-shadow:0 0 18px rgba(211,143,31,.23),inset 0 0 12px rgba(201,139,31,.08)}

.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}
.rank-table{width:100%;min-width:760px;border-collapse:collapse;table-layout:fixed}
.rank-table th{height:40px;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))}
.rank-table th:nth-child(2){text-align:left}
.rank-table th.rank-col{width:82px}
.rank-table td{height:36px;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}
.rank-table td:nth-child(2){text-align:left;font-weight:700}
.rank-table tr:last-child td{border-bottom:0}
.rank-table tbody tr{transition:.14s ease}
.rank-table tbody tr:hover{background:linear-gradient(90deg,rgba(196,134,35,.08),rgba(196,134,35,.03),transparent)}
.rank-table .top-row{background:linear-gradient(90deg,rgba(166,112,28,.13),rgba(166,112,28,.035),transparent)}
.rank-table .top-1 td{border-bottom-color:rgba(194,138,44,.45)}
.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}
.player-link{color:#e9e5dc;transition:.15s ease}
.player-link:hover{color:#ffd267;text-shadow:0 0 10px rgba(255,202,92,.2)}
.clan-name{font-weight:700}
.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:currentColor;opacity:.92}
.nation-badge.karus{background:linear-gradient(180deg,#531812,#2e0c09);border-color:#8f2e22;color:#d8604d}
.nation-badge.elmorad{background:linear-gradient(180deg,#244613,#11280c);border-color:#537834;color:#8fbc62}
.nation-badge.neutral{background:#15191e;border-color:#414850;color:#888}
.nation-badge.karus::after,.nation-badge.elmorad::after{color:#e8dfcf}
.nation-badge.karus{--nation-label:#e7ded1}.nation-badge.elmorad{--nation-label:#e7ded1}
.nation-badge{color:var(--nation-label,#d4d4d4)}
.nation-badge i{background:#a53a2d}.nation-badge.elmorad i{background:#6a984a}
.np{color:#ffd04e!important;font-weight:800}
.right{text-align:right!important}
.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:1100px){
  .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}.mode-switch{grid-column:1/-1}
}
@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:205px}.hero h1{font-size:50px}.rank-shell{width:min(100% - 20px,1390px)}.hero-inner{width:calc(100% - 24px)}
  .controls{grid-template-columns:1fr}.mode-switch{grid-column:auto}.rank-table td,.rank-table th{padding:0 9px}
}
@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}.mode-btn{font-size:12px}.live-notice{padding:0 12px;text-align:center;font-size:11px}
}


/* ============================================================
   v772 — ANA SAYFA ALTIN ÇERÇEVE DİLİ + TOP 100 RANKING
   Layout korunur; yalnızca ornamental çerçeve güçlendirilir.
   ============================================================ */

.rank-shell{
  padding:18px 18px 20px!important;
  border:1px solid #8f6125!important;
  background:
    radial-gradient(circle at 50% 0,rgba(188,128,39,.045),transparent 35%),
    linear-gradient(180deg,rgba(8,12,17,.985),rgba(4,7,10,.995))!important;
  box-shadow:
    inset 0 0 0 1px rgba(228,177,78,.075),
    inset 0 0 30px rgba(0,0,0,.72),
    0 15px 38px rgba(0,0,0,.42)!important;
  overflow:visible!important;
}

.rank-shell::before{
  content:""!important;
  position:absolute!important;
  inset:-2px!important;
  z-index:0!important;
  pointer-events:none!important;
  border:0!important;
  background:none!important;
  opacity:1!important;
}

.rank-shell > *{
  position:relative;
  z-index:2;
}

.controls{
  margin:0!important;
  border-color:#7d5723!important;
  box-shadow:
    inset 0 0 0 1px rgba(226,178,81,.07),
    inset 0 0 18px rgba(0,0,0,.35)!important;
}

.table-panel{
  margin-top:12px!important;
  border:1px solid #8f6125!important;
  padding:10px!important;
  box-shadow:
    inset 0 0 0 1px rgba(228,177,78,.065),
    inset 0 0 24px rgba(0,0,0,.55)!important;
  overflow:visible!important;
}

.table-panel::after{
  content:"";
  position:absolute;
  inset:4px;
  pointer-events:none;
  border:1px solid rgba(183,125,43,.30);
}

.rank-table th{
  color:#e9bf6b!important;
  border-bottom-color:#805824!important;
}

.rank-table td{
  border-bottom-color:rgba(121,82,35,.42)!important;
}

.live-notice{
  margin-bottom:0!important;
  border-color:#805823!important;
}

@media(max-width:820px){
  .rank-shell{
    padding:12px!important;
  }
}


/* ============================================================
   v774 — REFERANS ALTIN ÇERÇEVE
   v772 DB/GM filtresi aynen korunur. NP sembolü eklenmez.
   ============================================================ */

.ranking-page{
  padding-bottom:46px!important;
}

.rank-shell{
  width:min(1390px,calc(100% - 44px))!important;
  margin:-35px auto 0!important;
  padding:24px 24px 26px!important;
  border:0!important;
  background:
    radial-gradient(circle at 50% 0,rgba(184,124,37,.035),transparent 32%),
    linear-gradient(180deg,#070b10,#030608)!important;
  box-shadow:
    inset 0 0 44px rgba(0,0,0,.78),
    0 18px 42px rgba(0,0,0,.46)!important;
  overflow:visible!important;
}

.rank-shell::before{
  content:""!important;
  position:absolute!important;
  inset:-8px!important;
  z-index:0!important;
  pointer-events:none!important;
  border:0!important;
  background:none!important;
  opacity:1!important;
}

.rank-shell::after{
  content:""!important;
  position:absolute!important;
  left:49.1%!important;
  top:-17px!important;
  width:26px!important;
  height:26px!important;
  transform:rotate(45deg)!important;
  z-index:3!important;
  border:1px solid #c28b35!important;
  background:#090c10!important;
  box-shadow:inset 0 0 0 3px #090c10, inset 0 0 0 4px rgba(205,150,60,.35)!important;
  pointer-events:none!important;
}

.controls{
  min-height:76px!important;
  padding:14px 16px!important;
  margin:0!important;
  border:1px solid #8c5f25!important;
  background:linear-gradient(180deg,#0b1016,#05090d)!important;
  box-shadow:
    inset 0 0 0 1px rgba(225,176,78,.07),
    inset 0 0 18px rgba(0,0,0,.40)!important;
}
.controls::before{
  inset:5px!important;
  border-color:rgba(180,122,40,.28)!important;
}

.search-box,.nation-box,.mode-btn{
  border-color:#6e4b22!important;
}
.mode-btn.active{
  border-color:#c58d32!important;
  box-shadow:
    0 0 14px rgba(210,143,34,.16),
    inset 0 0 14px rgba(193,130,28,.07)!important;
}

.table-panel{
  margin-top:14px!important;
  padding:12px!important;
  border:0!important;
  background:linear-gradient(180deg,#090e13,#04070a)!important;
  box-shadow:inset 0 0 20px rgba(0,0,0,.55)!important;
  overflow:visible!important;
}
.table-panel::before{
  content:""!important;
  position:absolute!important;
  inset:-2px!important;
  z-index:0!important;
  pointer-events:none!important;
  border:0!important;
  background:none!important;
}
.table-panel::after{
  display:none!important;
}
.table-scroll{
  position:relative!important;
  z-index:2!important;
  padding:2px!important;
}

.rank-table{
  background:rgba(5,8,11,.62)!important;
}
.rank-table th{
  height:42px!important;
  color:#e9bd68!important;
  border-bottom:1px solid #8a5c23!important;
  background:linear-gradient(180deg,rgba(154,103,30,.08),rgba(0,0,0,.05))!important;
}
.rank-table td{
  height:38px!important;
  border-bottom:1px solid rgba(112,76,33,.42)!important;
}
.rank-table tbody tr:hover{
  background:linear-gradient(90deg,rgba(197,135,37,.075),rgba(197,135,37,.025),transparent)!important;
}

.live-notice{
  height:66px!important;
  margin-top:16px!important;
  border:1px solid #815823!important;
  background:linear-gradient(180deg,#090e13,#05080c)!important;
  box-shadow:
    inset 0 0 0 1px rgba(222,169,72,.06),
    inset 0 0 16px rgba(0,0,0,.40)!important;
}
.live-notice::before{
  inset:5px!important;
  border-color:rgba(177,119,39,.28)!important;
}

@media(max-width:820px){
  .rank-shell{
    width:calc(100% - 18px)!important;
    padding:16px!important;
  }
  .rank-shell::before{
    inset:-4px!important;
  }
}

/* v774 — corrected restrained ornamental frame */
.rank-shell::before{
  inset:-5px!important;
  background:none!important;
}
.rank-shell::after{display:none!important;}
.table-panel::before{
  inset:-1px!important;
  background:none!important;
}


/* ============================================================
   v775 — EXACT HOME FRAME
   Kaynak: Kullanıcının onayladığı "NEDEN SIESTA KO?" çerçevesi.
   SVG geometrik çerçeve tamamen devre dışı.
   ============================================================ */

.rank-shell{
  border:18px solid transparent!important;
  border-image-source:none!important;
  border-image-slice:34!important;
  border-image-width:18px!important;
  border-image-outset:0!important;
  border-image-repeat:stretch!important;
  padding:12px 14px 14px!important;
  background:
    radial-gradient(circle at 50% 0,rgba(181,119,31,.025),transparent 32%),
    linear-gradient(180deg,#070b0f,#030608)!important;
  overflow:visible!important;
}

.rank-shell::before,
.rank-shell::after{
  display:none!important;
  content:none!important;
}

.controls{
  margin:0 0 12px!important;
  border:1px solid #7b5424!important;
  box-shadow:
    inset 0 0 0 1px rgba(218,162,64,.045),
    inset 0 0 18px rgba(0,0,0,.42)!important;
}

.table-panel{
  margin:0!important;
  border:14px solid transparent!important;
  border-image-source:none!important;
  border-image-slice:27!important;
  border-image-width:14px!important;
  border-image-outset:0!important;
  border-image-repeat:stretch!important;
  padding:2px 6px 4px!important;
  background:linear-gradient(180deg,#080c10,#04070a)!important;
  overflow:visible!important;
}

.table-panel::before,
.table-panel::after{
  display:none!important;
  content:none!important;
}

.live-notice{
  margin:12px 0 0!important;
  border:1px solid #7b5424!important;
  box-shadow:
    inset 0 0 0 1px rgba(218,162,64,.045),
    inset 0 0 16px rgba(0,0,0,.42)!important;
}

/* keep the exact frame elegant: no extra diamonds or crossing lines */
.rank-shell > *,
.table-panel > *{
  position:relative;
  z-index:2;
}

@media(max-width:820px){
  .rank-shell{
    border-width:12px!important;
    border-image-width:12px!important;
    padding:8px!important;
  }
  .table-panel{
    border-width:10px!important;
    border-image-width:10px!important;
  }
}


/* ============================================================
   v776 — USER APPROVED FRAME INTEGRATION
   V775 ranking yapısı korunur; dış ana çerçeve kullanıcının
   verdiği fantastik altın kalkanlı frame PNG ile değiştirilir.
   ============================================================ */

.rank-shell{
  position:relative!important;
  width:min(1370px,calc(100% - 40px))!important;
  margin:-34px auto 0!important;
  padding:56px 34px 28px!important;
  border:0!important;
  background:linear-gradient(180deg,rgba(5,8,12,.985),rgba(3,5,8,.995))!important;
  box-shadow:0 18px 44px rgba(0,0,0,.48), inset 0 0 34px rgba(0,0,0,.65)!important;
  overflow:visible!important;
}

.rank-shell::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  pointer-events:none!important;
  background:none!important;
  opacity:1!important;
}

.rank-shell::after{display:none!important;content:none!important;}

.rank-shell > *{
  position:relative!important;
  z-index:2!important;
}

.controls{
  margin:0 0 18px!important;
  min-height:84px!important;
  padding:18px 18px!important;
  border:1px solid #8a622a!important;
  background:linear-gradient(180deg,rgba(10,15,21,.98),rgba(5,8,12,.985))!important;
  box-shadow:inset 0 0 0 1px rgba(228,179,78,.08), inset 0 0 20px rgba(0,0,0,.42)!important;
}
.controls::before{
  content:""!important;
  position:absolute!important;
  inset:6px!important;
  border:1px solid rgba(191,136,48,.28)!important;
  pointer-events:none!important;
}

.table-panel{
  margin:0!important;
  padding:10px!important;
  border:1px solid #8a622a!important;
  border-image:none!important;
  background:linear-gradient(180deg,rgba(8,12,16,.99),rgba(4,7,10,.995))!important;
  box-shadow:inset 0 0 0 1px rgba(228,179,78,.08), inset 0 0 24px rgba(0,0,0,.58)!important;
}
.table-panel::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:4px!important;
  z-index:0!important;
  pointer-events:none!important;
  border:1px solid rgba(191,136,48,.28)!important;
}
.table-panel::after{display:none!important;content:none!important;}
.table-scroll{position:relative!important;z-index:2!important;}

.live-notice{
  margin:18px 0 0!important;
  border:1px solid #8a622a!important;
  background:linear-gradient(180deg,rgba(9,13,18,.98),rgba(5,8,11,.99))!important;
  box-shadow:inset 0 0 0 1px rgba(228,179,78,.08), inset 0 0 18px rgba(0,0,0,.48)!important;
}
.live-notice::before{
  content:""!important;
  position:absolute!important;
  inset:5px!important;
  border:1px solid rgba(191,136,48,.24)!important;
  pointer-events:none!important;
}

@media (max-width: 980px){
  .rank-shell{padding:40px 18px 18px!important;width:calc(100% - 18px)!important;}
}
@media (max-width: 640px){
  .rank-shell{padding:24px 10px 14px!important;}
  .controls{padding:12px!important;}
}


/* v777 — MSSQL bilgi satırı tamamen kaldırıldı */
.live-notice,
#notice{
  display:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  height:0!important;
  min-height:0!important;
}
.rank-shell{
  padding-bottom:24px!important;
}


/* ============================================================
   v778 — FRAME ALIGNMENT FINAL
   Ornamentlar artık esnetilmiyor:
   4 köşe + üst merkez S arması ayrı sabit assetlerdir.
   Kenarlar CSS çift altın hat ile uzar.
   ============================================================ */

.rank-shell{
  position:relative!important;
  width:min(1390px,calc(100% - 44px))!important;
  margin:-34px auto 0!important;
  padding:72px 30px 24px!important;
  border:0!important;
  border-image:none!important;
  background:
    radial-gradient(circle at 50% 0,rgba(184,126,37,.025),transparent 28%),
    linear-gradient(180deg,rgba(5,8,12,.992),rgba(3,6,9,.997))!important;
  box-shadow:0 18px 42px rgba(0,0,0,.46),inset 0 0 32px rgba(0,0,0,.62)!important;
  overflow:visible!important;
}

/* Main outer frame: fixed ornaments + non-distorted CSS rails */
.rank-shell::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  pointer-events:none!important;
  opacity:1!important;
  background:
    url('ranking-emblem-v778.png') center top / 300px 118px no-repeat,
    url('ranking-corner-tl-v778.png') left top / 118px 118px no-repeat,
    url('ranking-corner-tr-v778.png') right top / 118px 118px no-repeat,
    url('ranking-corner-bl-v778.png') left bottom / 118px 118px no-repeat,
    url('ranking-corner-br-v778.png') right bottom / 118px 118px no-repeat,
    linear-gradient(90deg,transparent 0 80px,#d2a044 80px calc(50% - 145px),transparent calc(50% - 145px) calc(50% + 145px),#d2a044 calc(50% + 145px) calc(100% - 80px),transparent calc(100% - 80px)) top 25px left / 100% 1px no-repeat,
    linear-gradient(90deg,transparent 0 80px,#80551f 80px calc(50% - 145px),transparent calc(50% - 145px) calc(50% + 145px),#80551f calc(50% + 145px) calc(100% - 80px),transparent calc(100% - 80px)) top 31px left / 100% 1px no-repeat,
    linear-gradient(90deg,transparent 0 80px,#d2a044 80px calc(100% - 80px),transparent calc(100% - 80px)) bottom 25px left / 100% 1px no-repeat,
    linear-gradient(90deg,transparent 0 80px,#80551f 80px calc(100% - 80px),transparent calc(100% - 80px)) bottom 31px left / 100% 1px no-repeat,
    linear-gradient(#d2a044,#d2a044) left 25px top 80px / 1px calc(100% - 160px) no-repeat,
    linear-gradient(#80551f,#80551f) left 31px top 80px / 1px calc(100% - 160px) no-repeat,
    linear-gradient(#d2a044,#d2a044) right 25px top 80px / 1px calc(100% - 160px) no-repeat,
    linear-gradient(#80551f,#80551f) right 31px top 80px / 1px calc(100% - 160px) no-repeat!important;
}
.rank-shell::after{display:none!important;content:none!important;}
.rank-shell > *{position:relative!important;z-index:2!important;}

/* More breathing room below emblem, less heavy side pressure */
.controls{
  margin:0 0 16px!important;
  min-height:78px!important;
  padding:15px 16px!important;
  border:1px solid #785121!important;
  border-image:none!important;
  background:linear-gradient(180deg,#0a0f15,#05080c)!important;
  box-shadow:inset 0 0 0 1px rgba(222,170,72,.055),inset 0 0 17px rgba(0,0,0,.38)!important;
}
.controls::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:5px!important;
  border:1px solid rgba(177,119,39,.22)!important;
  pointer-events:none!important;
}

/* Clean straight inner table frame; old curved/corner decorations removed */
.table-panel{
  position:relative!important;
  margin:0!important;
  padding:8px!important;
  border:1px solid #785121!important;
  border-image:none!important;
  background:linear-gradient(180deg,#080c10,#04070a)!important;
  box-shadow:inset 0 0 0 1px rgba(222,170,72,.05),inset 0 0 20px rgba(0,0,0,.50)!important;
}
.table-panel::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:4px!important;
  z-index:0!important;
  pointer-events:none!important;
  border:1px solid rgba(177,119,39,.22)!important;
  background:none!important;
}
.table-panel::after{display:none!important;content:none!important;}
.table-scroll{position:relative!important;z-index:2!important;padding:0!important;}

/* Bottom notice is intentionally absent */
.live-notice,#notice{display:none!important;height:0!important;margin:0!important;padding:0!important;border:0!important;}

@media(max-width:980px){
  .rank-shell{
    width:calc(100% - 18px)!important;
    padding:64px 20px 20px!important;
  }
  .rank-shell::before{
    background-size:
      255px 101px,
      102px 102px,102px 102px,102px 102px,102px 102px,
      100% 1px,100% 1px,100% 1px,100% 1px,
      1px calc(100% - 140px),1px calc(100% - 140px),
      1px calc(100% - 140px),1px calc(100% - 140px)!important;
  }
}
@media(max-width:640px){
  .rank-shell{padding:58px 12px 16px!important;}
  .controls{padding:12px!important;}
}