@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600;700;800;900&family=Inter:wght@400;500;600;700;800;900&display=swap');

/* =====================================================================
   stormmu Site Master V2 - Fase 2
   Competition Suite: Ranking + PvP Tournament
   Camada visual aditiva. Não altera regras, SQL, API ou lógica de torneio.
   ===================================================================== */
:root{
  --smc-bg:#07090b;
  --smc-panel:#0d1115;
  --smc-panel2:#11171c;
  --smc-panel3:#151b20;
  --smc-line:rgba(255,255,255,.095);
  --smc-line-gold:rgba(212,175,55,.28);
  --smc-gold:#d4af37;
  --smc-gold2:#f0d373;
  --smc-gold3:#8e6a1e;
  --smc-text:#edf1f3;
  --smc-soft:#c8ced2;
  --smc-muted:#99a3aa;
  --smc-green:#56d592;
  --smc-red:#ff7479;
  --smc-blue:#74b9ff;
  --smc-shadow:0 24px 68px rgba(0,0,0,.34);
}

body.sm-competition-page{
  background:
    radial-gradient(circle at 50% -7%,rgba(212,175,55,.11),transparent 30%),
    radial-gradient(circle at 8% 22%,rgba(80,110,145,.055),transparent 26%),
    linear-gradient(180deg,#080a0c,#060708 58%,#07090a)!important;
  color:var(--smc-text)!important;
}
body.sm-competition-page::after{
  content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.34;
  background:
    linear-gradient(90deg,transparent 0 49.95%,rgba(255,255,255,.018) 50%,transparent 50.05%),
    repeating-linear-gradient(0deg,transparent 0 54px,rgba(255,255,255,.009) 55px,transparent 56px);
}
body.sm-competition-page .p9,
body.sm-competition-page .pvg,
body.sm-competition-page .pvr,
body.sm-competition-page .rk3-page{
  font-family:'Inter',sans-serif!important;
}

/* =========================== SHARED HERO =========================== */
body.sm-competition-page .hero,
body.sm-competition-page .pvg-hero,
body.sm-competition-page .rk3-hero{
  position:relative!important;
  isolation:isolate;
  overflow:hidden!important;
  border:1px solid var(--smc-line-gold)!important;
  border-radius:2px!important;
  background:
    linear-gradient(90deg,rgba(7,9,11,.96) 0%,rgba(9,11,14,.86) 48%,rgba(11,12,14,.56) 100%),
    radial-gradient(circle at 80% 28%,rgba(212,175,55,.20),transparent 31%),
    linear-gradient(145deg,#12171c,#080a0c 68%)!important;
  box-shadow:var(--smc-shadow),inset 0 1px rgba(255,255,255,.025)!important;
}
body.sm-competition-page .hero::before,
body.sm-competition-page .pvg-hero::before,
body.sm-competition-page .rk3-hero::before{
  content:""!important;position:absolute!important;left:0!important;right:0!important;top:0!important;height:2px!important;
  background:linear-gradient(90deg,transparent,#8b681b 15%,#f1d77a 50%,#8b681b 85%,transparent)!important;
  box-shadow:0 0 16px rgba(212,175,55,.3)!important;
}
body.sm-competition-page .hero::after,
body.sm-competition-page .pvg-hero::after,
body.sm-competition-page .rk3-hero::after{
  content:""!important;position:absolute!important;z-index:-1!important;right:-80px!important;top:-115px!important;width:440px!important;height:440px!important;
  border:1px solid rgba(212,175,55,.07)!important;border-radius:50%!important;
  box-shadow:0 0 0 42px rgba(212,175,55,.018),0 0 0 94px rgba(212,175,55,.010)!important;
  background:radial-gradient(circle,rgba(212,175,55,.045),transparent 68%)!important;
  pointer-events:none!important;
}
body.sm-competition-page .hero h1,
body.sm-competition-page .pvg-hero h1,
body.sm-competition-page .rk3-hero h1{
  font-family:'Cinzel',serif!important;
  color:#f4ebcf!important;
  text-shadow:0 1px 0 #000,0 0 25px rgba(212,175,55,.13)!important;
}
body.sm-competition-page .hero p,
body.sm-competition-page .pvg-hero p,
body.sm-competition-page .rk3-hero p{color:#b9c1c6!important;line-height:1.72!important}
body.sm-competition-page .eyebrow,
body.sm-competition-page .kicker,
body.sm-competition-page .pvg-kicker,
body.sm-competition-page .rk3-kicker{color:#e2c566!important;letter-spacing:1.65px!important}

/* =========================== BUTTONS =========================== */
body.sm-competition-page .btn,
body.sm-competition-page .pvg-btn,
body.sm-competition-page .rk3-more button{
  min-height:43px;
  border-radius:2px!important;
  border-color:rgba(255,255,255,.12)!important;
  background:linear-gradient(145deg,#151a1f,#0d1114)!important;
  color:#dbe0e3!important;
  box-shadow:inset 0 1px rgba(255,255,255,.025)!important;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,color .18s ease!important;
}
body.sm-competition-page .btn:hover,
body.sm-competition-page .pvg-btn:hover,
body.sm-competition-page .rk3-more button:hover{
  transform:translateY(-2px)!important;
  border-color:rgba(212,175,55,.44)!important;
  color:#f2d777!important;
  box-shadow:0 12px 24px rgba(0,0,0,.18),inset 0 0 18px rgba(212,175,55,.035)!important;
}
body.sm-competition-page .btn.primary,
body.sm-competition-page .btn.gold,
body.sm-competition-page .pvg-btn.primary{
  border-color:#d9b747!important;
  background:linear-gradient(135deg,#f0d476 0%,#c99f32 52%,#8e681a 100%)!important;
  color:#0a0a0a!important;
  box-shadow:0 0 22px rgba(212,175,55,.12),inset 0 1px rgba(255,255,255,.38)!important;
}

/* ====================================================================
   RANKING CENTRAL
   ==================================================================== */
body.sm-ranking-page .rk3-page{width:min(1500px,calc(100% - 34px))!important;margin:30px auto 72px!important}
body.sm-ranking-page .rk3-hero{min-height:245px!important;padding:38px 42px!important;grid-template-columns:auto minmax(0,1fr) 280px!important;gap:28px!important;align-items:center!important}
body.sm-ranking-page .rk3-hero-icon{
  width:74px!important;height:74px!important;border-radius:2px!important;
  border:1px solid rgba(212,175,55,.34)!important;background:linear-gradient(145deg,#221b0c,#0c0e10)!important;
  color:#f0d373!important;box-shadow:0 0 30px rgba(212,175,55,.08)!important;
}
body.sm-ranking-page .rk3-hero h1{font-size:clamp(2.4rem,4.3vw,4.7rem)!important;line-height:1!important;margin:6px 0 12px!important}
body.sm-ranking-page .rk3-hero h1 strong{color:#f0d373!important}
body.sm-ranking-page .rk3-leader{border-radius:2px!important;border:1px solid rgba(212,175,55,.23)!important;background:rgba(5,6,7,.52)!important;padding:18px!important}
body.sm-ranking-page .rk3-leader small{color:#9c8a50!important}
body.sm-ranking-page .rk3-leader strong{color:#f2e7c7!important;font-family:'Cinzel',serif!important;font-size:1.22rem!important}
body.sm-ranking-page .rk3-leader span{color:#d6bd68!important}

body.sm-ranking-page .rk3-summary{
  grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:7px!important;margin:10px 0!important;
  border:1px solid var(--smc-line)!important;background:rgba(8,11,13,.62)!important;padding:7px!important;
}
body.sm-ranking-page .rk3-summary-card{
  min-height:96px!important;border-radius:2px!important;border-color:rgba(255,255,255,.06)!important;
  background:linear-gradient(145deg,#11161a,#0b0e11)!important;padding:14px!important;
}
body.sm-ranking-page .rk3-summary-card:hover{border-color:rgba(212,175,55,.24)!important;background:linear-gradient(145deg,#151a1e,#0c0f12)!important}
body.sm-ranking-page .rk3-summary-card i{color:#c7a948!important}
body.sm-ranking-page .rk3-summary-card strong{font-size:1.35rem!important;color:#f0f2f3!important}
body.sm-ranking-page .rk3-summary-card small{color:#8e989f!important;font-size:.68rem!important}

body.sm-ranking-page .rk3-class-strip{
  display:flex!important;gap:7px!important;overflow-x:auto!important;padding:0 0 8px!important;margin:12px 0!important;scrollbar-width:thin;
}
body.sm-ranking-page .rk3-class-card{
  flex:1 0 175px!important;min-height:62px!important;border-radius:2px!important;border-color:rgba(255,255,255,.075)!important;
  background:#0e1215!important;padding:10px 12px!important;
}
body.sm-ranking-page .rk3-class-card:hover{border-color:rgba(212,175,55,.34)!important;background:#14191d!important;transform:translateY(-1px)!important}
body.sm-ranking-page .rk3-class-card strong{color:#e6c75e!important}
body.sm-ranking-page .rk3-class-card span{color:#9fa8ae!important}
body.sm-ranking-page .rk3-class-card b{color:#eef1f3!important}

body.sm-ranking-page .rk3-frame{border-radius:2px!important;border-color:rgba(212,175,55,.17)!important;background:linear-gradient(145deg,#0e1215,#090c0e)!important;box-shadow:var(--smc-shadow)!important}
body.sm-ranking-page .rk3-panel{border-radius:0!important;background:transparent!important}
body.sm-ranking-page .rk3-categories{padding:9px!important;gap:4px!important;background:#090c0f!important;border-bottom:1px solid rgba(212,175,55,.12)!important}
body.sm-ranking-page .rk3-category{border-radius:2px!important;color:#9ea7ad!important;background:transparent!important;border-color:transparent!important;min-height:44px!important}
body.sm-ranking-page .rk3-category:hover{color:#e6d8ac!important;background:rgba(212,175,55,.045)!important}
body.sm-ranking-page .rk3-category.active{color:#f0d373!important;background:linear-gradient(180deg,rgba(212,175,55,.10),rgba(212,175,55,.025))!important;border-color:rgba(212,175,55,.23)!important}
body.sm-ranking-page .rk3-subtabs{background:#0c1013!important;border-bottom-color:rgba(255,255,255,.065)!important}
body.sm-ranking-page .rk3-toolbar{background:#0b0f12!important;border-bottom-color:rgba(255,255,255,.065)!important;padding:13px 16px!important}
body.sm-ranking-page .rk3-search-wrap{border-radius:2px!important;border-color:rgba(255,255,255,.11)!important;background:#070a0c!important}
body.sm-ranking-page .rk3-search{color:#eef1f3!important;font-size:.86rem!important}
body.sm-ranking-page .rk3-online-only{border-radius:2px!important;background:#101519!important;color:#a8b1b7!important}
body.sm-ranking-page .rk3-content{padding:18px!important}
body.sm-ranking-page .rk3-ranking-head h2{font-family:'Cinzel',serif!important;color:#ead79d!important}
body.sm-ranking-page .rk3-ranking-head p{color:#909aa1!important}
body.sm-ranking-page .rk3-table-wrap{border-radius:2px!important;border-color:rgba(255,255,255,.08)!important;background:#090c0f!important}
body.sm-ranking-page .rk3-table th{position:sticky!important;top:0!important;z-index:2;background:#0d1114!important;color:#c6aa55!important;border-bottom-color:rgba(212,175,55,.15)!important;font-size:.68rem!important}
body.sm-ranking-page .rk3-table td{color:#bdc4c8!important;border-bottom-color:rgba(255,255,255,.052)!important;font-size:.79rem!important}
body.sm-ranking-page .rk3-table tbody tr:nth-child(even) td{background:rgba(255,255,255,.012)!important}
body.sm-ranking-page .rk3-table tbody tr:hover td{background:rgba(212,175,55,.045)!important}
body.sm-ranking-page .rk3-preview{border-radius:2px!important;border-color:rgba(212,175,55,.24)!important;background:linear-gradient(145deg,#12171b,#090c0e)!important;box-shadow:0 24px 70px rgba(0,0,0,.62)!important}

/* ====================================================================
   PVP TOURNAMENT - LIST + CREATE
   ==================================================================== */
body.sm-pvp-page .p9,
body.sm-pvp-create-page .p9{max-width:1500px!important;padding:30px 18px 76px!important}
body.sm-pvp-page .hero,
body.sm-pvp-create-page .hero{padding:38px 42px!important;margin-bottom:12px!important;min-height:215px!important;display:flex!important;flex-direction:column!important;justify-content:center!important}
body.sm-pvp-page .hero h1,
body.sm-pvp-create-page .hero h1{font-size:clamp(2.4rem,4.8vw,4.7rem)!important;margin:5px 0 10px!important;letter-spacing:-1.8px!important}
body.sm-pvp-page .hero p,
body.sm-pvp-create-page .hero p{max-width:890px!important;font-size:1rem!important;color:#b5bdc2!important}
body.sm-pvp-page .pageNav,
body.sm-pvp-create-page .pageNav{margin-top:20px!important}

body.sm-pvp-page .publicToolbar{
  gap:7px!important;margin:0 0 12px!important;padding:7px!important;border:1px solid rgba(255,255,255,.08)!important;background:rgba(7,10,12,.66)!important;
}
body.sm-pvp-page .publicTool{border-radius:2px!important;border-color:rgba(255,255,255,.065)!important;background:#0e1215!important;padding:12px!important}
body.sm-pvp-page .publicTool .label{color:#8f9aa1!important;font-size:.66rem!important;letter-spacing:.75px!important}
body.sm-pvp-page .publicBalance{color:#e4c663!important}

body.sm-pvp-page .panel,
body.sm-pvp-create-page .panel{
  border-radius:2px!important;border-color:rgba(255,255,255,.085)!important;background:linear-gradient(145deg,#101519,#090c0f)!important;
  box-shadow:0 18px 44px rgba(0,0,0,.16)!important;
}
body.sm-pvp-page .feedPanel{border-color:rgba(212,175,55,.16)!important}
body.sm-pvp-page .sectionhead h2,
body.sm-pvp-create-page .panel h2,
body.sm-pvp-create-page .panel h3{font-family:'Cinzel',serif!important;color:#eee2bd!important}

body.sm-pvp-page .card{
  border-radius:2px!important;border-color:rgba(255,255,255,.09)!important;background:#0a0d10!important;box-shadow:0 14px 34px rgba(0,0,0,.17)!important;
}
body.sm-pvp-page .card:hover{border-color:rgba(212,175,55,.28)!important;box-shadow:0 18px 44px rgba(0,0,0,.24),0 0 22px rgba(212,175,55,.035)!important}
body.sm-pvp-page .tPromo{margin:-18px -18px 16px!important;border-bottom-color:rgba(212,175,55,.15)!important;background:linear-gradient(90deg,rgba(212,175,55,.085),rgba(212,175,55,.015) 42%,transparent),linear-gradient(145deg,#14181b,#0b0e11)!important}
body.sm-pvp-page .tPromoName{font-family:'Cinzel',serif!important;color:#f0e5c2!important;font-weight:700!important}
body.sm-pvp-page .tPromoLabel{color:#e1c463!important}
body.sm-pvp-page .tDesc{color:#c3c9cd!important;font-size:.93rem!important}
body.sm-pvp-page .cardPrizeSide{border-left-color:rgba(212,175,55,.13)!important;background:linear-gradient(155deg,#13130e,#0a0c0e)!important}
body.sm-pvp-page .prizeSideItem{border-radius:2px!important;border-color:rgba(212,175,55,.12)!important;background:#0f100c!important}
body.sm-pvp-page .meta div{border-radius:2px!important;border-color:rgba(255,255,255,.065)!important;background:#0d1114!important}
body.sm-pvp-page .meta span{color:#818b92!important}
body.sm-pvp-page .schedule{border-radius:0!important;background:rgba(212,175,55,.045)!important;color:#cbd0d3!important}
body.sm-pvp-page .progress{height:5px!important;background:#151a1d!important}
body.sm-pvp-page .progress i{background:linear-gradient(90deg,#7f5f17,#f0d373)!important;box-shadow:0 0 9px rgba(212,175,55,.24)!important}
body.sm-pvp-page .status{border-radius:2px!important;background:#0a0d10!important}
body.sm-pvp-page .finishedGrid{gap:8px!important}
body.sm-pvp-page .finishedCard{border-radius:2px!important;background:#0d1114!important;border-color:rgba(255,255,255,.07)!important}

/* Create tournament = more editorial, less 'form wall' */
body.sm-pvp-create-page .grid{grid-template-columns:minmax(0,1.65fr) minmax(310px,.58fr)!important;gap:12px!important}
body.sm-pvp-create-page .steps{gap:5px!important;border-bottom:1px solid rgba(212,175,55,.12)!important;padding-bottom:12px!important}
body.sm-pvp-create-page .stepBtn{border-radius:2px!important;background:#0b0f12!important;color:#8f999f!important;border-color:rgba(255,255,255,.07)!important}
body.sm-pvp-create-page .stepBtn.active{color:#f0d373!important;border-color:rgba(212,175,55,.28)!important;background:rgba(212,175,55,.055)!important}
body.sm-pvp-create-page .helpBox{border-radius:2px!important;background:#0b0f12!important;border-color:rgba(255,255,255,.075)!important;color:#aab3b9!important}
body.sm-pvp-create-page .creatorGate,
body.sm-pvp-create-page .essentialShell,
body.sm-pvp-create-page .essentialCard,
body.sm-pvp-create-page .wcoinCard,
body.sm-pvp-create-page .inventoryPrizeBox,
body.sm-pvp-create-page .invItem,
body.sm-pvp-create-page .selectedInvPrize,
body.sm-pvp-create-page .modalInventoryTools,
body.sm-pvp-create-page .creatorPreviewCard,
body.sm-pvp-create-page .imageBox{
  border-radius:2px!important;
}
body.sm-pvp-create-page .essentialShell{border-color:rgba(212,175,55,.26)!important;background:linear-gradient(145deg,#13150f,#0c0f11)!important}
body.sm-pvp-create-page .essentialCard{background:#0e1110!important;border-color:rgba(212,175,55,.12)!important}
body.sm-pvp-create-page .field label{color:#adb6bc!important;font-size:.77rem!important}
body.sm-pvp-create-page .field input,
body.sm-pvp-create-page .field select,
body.sm-pvp-create-page .field textarea,
body.sm-pvp-create-page .essentialCard select,
body.sm-pvp-create-page .essentialCard input{
  border-radius:2px!important;border-color:rgba(255,255,255,.12)!important;background:#080b0d!important;color:#f0f2f3!important;min-height:44px!important;
}
body.sm-pvp-create-page .field textarea{line-height:1.58!important}
body.sm-pvp-create-page .sizeQuick button,
body.sm-pvp-create-page .timeQuick button,
body.sm-pvp-create-page .wcoinQuick button{border-radius:2px!important;background:#101417!important}
body.sm-pvp-create-page .wcoinCard{background:linear-gradient(145deg,#13130e,#0b0e10)!important;border-color:rgba(212,175,55,.15)!important}
body.sm-pvp-create-page .inventoryPrizeBox{background:rgba(25,41,56,.18)!important;border-color:rgba(116,185,255,.16)!important}
body.sm-pvp-create-page .creatorPreviewCard{overflow:hidden!important;border:1px solid rgba(212,175,55,.18)!important;background:#0c0f12!important;box-shadow:0 18px 42px rgba(0,0,0,.18)!important}
body.sm-pvp-create-page .creatorPreviewName{font-family:'Cinzel',serif!important;color:#ecdba4!important}
body.sm-pvp-create-page .modalbox{border-radius:2px!important;border-color:rgba(212,175,55,.19)!important;background:#090c0f!important}

/* ====================================================================
   PVP GUIDE
   ==================================================================== */
body.sm-pvp-guide-page .pvg{width:min(1460px,calc(100% - 34px))!important;margin:30px auto 76px!important}
body.sm-pvp-guide-page .pvg-hero{min-height:400px!important;padding:48px!important;border-radius:2px!important;grid-template-columns:minmax(0,1.15fr) minmax(350px,.6fr)!important}
body.sm-pvp-guide-page .pvg-hero h1{font-size:clamp(2.6rem,5vw,5.2rem)!important;letter-spacing:-2.2px!important}
body.sm-pvp-guide-page .pvg-hero h1 span{color:#efd170!important}
body.sm-pvp-guide-page .pvg-fight-card{border-radius:2px!important;border-color:rgba(212,175,55,.22)!important;background:linear-gradient(145deg,#101417,#090b0d)!important;box-shadow:0 20px 55px rgba(0,0,0,.24)!important}
body.sm-pvp-guide-page .pvg-section{margin-top:14px!important;padding:28px!important;border:1px solid rgba(255,255,255,.075)!important;background:linear-gradient(145deg,#0f1417,#090c0e)!important;border-radius:2px!important}
body.sm-pvp-guide-page .pvg-section-head h2{font-family:'Cinzel',serif!important;color:#eee2bd!important}
body.sm-pvp-guide-page .pvg-section-head h2 span{color:#e7c962!important}
body.sm-pvp-guide-page .pvg-step,
body.sm-pvp-guide-page .pvg-create-card,
body.sm-pvp-guide-page .pvg-side-card,
body.sm-pvp-guide-page .pvg-rule,
body.sm-pvp-guide-page .pvg-x1,
body.sm-pvp-guide-page .pvg-cta{border-radius:2px!important;border-color:rgba(255,255,255,.075)!important;background:#0c1013!important}
body.sm-pvp-guide-page .pvg-step-num{border-radius:2px!important;background:linear-gradient(145deg,#d9bd61,#8c671a)!important;color:#090909!important}
body.sm-pvp-guide-page .pvg-step h3,
body.sm-pvp-guide-page .pvg-create-card h3,
body.sm-pvp-guide-page .pvg-side-card h3,
body.sm-pvp-guide-page .pvg-x1 h2,
body.sm-pvp-guide-page .pvg-cta h2{font-family:'Cinzel',serif!important;color:#ead9a3!important}
body.sm-pvp-guide-page .pvg-option{border-radius:2px!important;background:#0a0e11!important;border-color:rgba(255,255,255,.065)!important}
body.sm-pvp-guide-page .pvg-rule b{color:#e2c566!important}
body.sm-pvp-guide-page .pvg-command{border-radius:2px!important;border-color:rgba(212,175,55,.26)!important;background:#090c0e!important;color:#f0d373!important}
body.sm-pvp-guide-page .pvg-cta{border-color:rgba(212,175,55,.22)!important;background:linear-gradient(100deg,rgba(212,175,55,.07),#0b0f12 42%)!important}

/* ====================================================================
   PVP RANKING
   ==================================================================== */
body.sm-pvp-ranking-page .pvr{width:min(1450px,calc(100% - 34px))!important;margin:30px auto 76px!important}
body.sm-pvp-ranking-page .hero{padding:40px 42px!important;min-height:245px!important;border-radius:2px!important}
body.sm-pvp-ranking-page .hero h1{font-size:clamp(2.35rem,4.6vw,4.65rem)!important;line-height:1.03!important;letter-spacing:-1.6px!important}
body.sm-pvp-ranking-page .hero h1 span{color:#efd170!important}
body.sm-pvp-ranking-page .fight-badge{border-radius:2px!important;color:#d8bd67!important;border-color:rgba(212,175,55,.23)!important;background:rgba(212,175,55,.045)!important}
body.sm-pvp-ranking-page .summary{grid-template-columns:repeat(5,1fr)!important;gap:7px!important;margin-top:10px!important}
body.sm-pvp-ranking-page .stat{border-radius:2px!important;background:linear-gradient(145deg,#101519,#0a0d10)!important;border-color:rgba(255,255,255,.075)!important;padding:15px!important}
body.sm-pvp-ranking-page .stat strong{font-size:1.45rem!important;color:#f0f2f3!important}
body.sm-pvp-ranking-page .stat span{color:#89939a!important}
body.sm-pvp-ranking-page .leaders{gap:7px!important}
body.sm-pvp-ranking-page .leader{border-radius:2px!important;background:linear-gradient(145deg,#101519,#0b0e11)!important;border-color:rgba(212,175,55,.13)!important;padding:13px!important}
body.sm-pvp-ranking-page .avatar{border-radius:2px!important;border-color:rgba(212,175,55,.20)!important}
body.sm-pvp-ranking-page .leader small{color:#a08a48!important}.sm-pvp-ranking-page .leader b{font-family:'Cinzel',serif!important;color:#f0e4bd!important}
body.sm-pvp-ranking-page .sourceNote{border-left-color:#d3b24b!important;background:rgba(212,175,55,.035)!important;color:#8e979d!important}
body.sm-pvp-ranking-page .panel{border-radius:2px!important;border-color:rgba(212,175,55,.14)!important;background:#090c0f!important;box-shadow:var(--smc-shadow)!important}
body.sm-pvp-ranking-page .tabs{gap:4px!important;background:#0b0f12!important;border-bottom-color:rgba(212,175,55,.11)!important}
body.sm-pvp-ranking-page .tab{border-radius:2px!important;background:transparent!important;color:#8f999f!important;border-color:transparent!important;min-height:40px!important}
body.sm-pvp-ranking-page .tab:hover{color:#e7d8aa!important;background:rgba(212,175,55,.04)!important}
body.sm-pvp-ranking-page .tab.active{background:linear-gradient(180deg,rgba(212,175,55,.13),rgba(212,175,55,.025))!important;color:#f0d373!important;border:1px solid rgba(212,175,55,.24)!important}
body.sm-pvp-ranking-page .content{padding:17px!important}
body.sm-pvp-ranking-page .head h2{font-family:'Cinzel',serif!important;color:#ead9a3!important}
body.sm-pvp-ranking-page .head p{color:#909aa0!important}
body.sm-pvp-ranking-page .tableWrap{border-radius:2px!important;border-color:rgba(255,255,255,.075)!important}
body.sm-pvp-ranking-page .tbl th{position:sticky!important;top:0!important;background:#0d1114!important;color:#c5a94f!important;border-bottom-color:rgba(212,175,55,.14)!important}
body.sm-pvp-ranking-page .tbl td{color:#bcc4c9!important;border-bottom-color:rgba(255,255,255,.05)!important;font-size:.79rem!important}
body.sm-pvp-ranking-page .tbl tbody tr:nth-child(even) td{background:rgba(255,255,255,.011)!important}
body.sm-pvp-ranking-page .tbl tbody tr:hover td{background:rgba(212,175,55,.04)!important}
body.sm-pvp-ranking-page .perfect-mark{border-radius:2px!important;background:rgba(212,175,55,.045)!important;color:#efd170!important}
body.sm-pvp-ranking-page .pill{border-radius:2px!important;color:#ad9958!important}

/* =========================== ACCESSIBILITY =========================== */
body.sm-competition-page :is(.rk3-table,.tbl){font-variant-numeric:tabular-nums}
body.sm-competition-page :is(a,button,input,select,textarea):focus-visible{outline:2px solid #efd170!important;outline-offset:2px!important}
body.sm-competition-page ::selection{background:rgba(212,175,55,.30);color:#fff}

@media(max-width:1180px){
  body.sm-ranking-page .rk3-summary{grid-template-columns:repeat(4,1fr)!important}
  body.sm-ranking-page .rk3-hero{grid-template-columns:auto 1fr!important}
  body.sm-ranking-page .rk3-leader{grid-column:1/-1!important}
  body.sm-pvp-guide-page .pvg-hero{grid-template-columns:1fr!important}
}
@media(max-width:900px){
  body.sm-ranking-page .rk3-summary{grid-template-columns:repeat(2,1fr)!important}
  body.sm-pvp-ranking-page .summary{grid-template-columns:repeat(2,1fr)!important}
  body.sm-pvp-create-page .grid{grid-template-columns:1fr!important}
}
@media(max-width:650px){
  body.sm-ranking-page .rk3-page,body.sm-pvp-ranking-page .pvr,body.sm-pvp-guide-page .pvg{width:calc(100% - 16px)!important}
  body.sm-ranking-page .rk3-hero,body.sm-pvp-page .hero,body.sm-pvp-create-page .hero,body.sm-pvp-guide-page .pvg-hero,body.sm-pvp-ranking-page .hero{padding:24px 20px!important}
  body.sm-ranking-page .rk3-hero{grid-template-columns:1fr!important}
  body.sm-ranking-page .rk3-hero-icon{width:56px!important;height:56px!important}
  body.sm-ranking-page .rk3-summary{grid-template-columns:1fr 1fr!important}
  body.sm-pvp-ranking-page .leaders{grid-template-columns:1fr!important}
  body.sm-pvp-ranking-page .tabs{display:grid!important;grid-template-columns:1fr 1fr!important}
}