/* Ezba Visual Refresh v2 — presentation-only layer.
   Keeps tournament logic, Supabase data, auth, notifications and rankings untouched. */

:root{
  --v2-bg:#07111f;
  --v2-bg2:#0b1830;
  --v2-panel:rgba(15,29,52,.76);
  --v2-panel-strong:#112544;
  --v2-stroke:rgba(255,255,255,.11);
  --v2-text:#f7f8fb;
  --v2-muted:#9fafc6;
  --v2-gold:#ffc857;
  --v2-gold2:#ffdf8c;
  --v2-green:#32d583;
  --v2-cyan:#35c2ff;
  --v2-blue:#6c8cff;
  --v2-violet:#a878ff;
  --v2-pink:#ff72b6;
  --v2-orange:#ff9f43;
  --v2-red:#ff5f6d;
  --v2-radius:22px;
  --v2-shadow:0 20px 50px rgba(0,0,0,.28),0 2px 8px rgba(0,0,0,.2);
}

html{background:var(--v2-bg)!important}
body{
  background:
    radial-gradient(circle at 50% -10%,rgba(53,194,255,.20),transparent 34%),
    radial-gradient(circle at 8% 22%,rgba(168,120,255,.12),transparent 24%),
    radial-gradient(circle at 92% 72%,rgba(50,213,131,.10),transparent 26%),
    linear-gradient(165deg,#07111f 0%,#0a1730 48%,#07101e 100%)!important;
  color:var(--v2-text)!important;
}
body::before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.22;
  background-image:
    linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:38px 38px;
}
.floodlight-glow{
  width:min(980px,110vw)!important;height:600px!important;top:-240px!important;
  border:none!important;
  background:radial-gradient(circle,rgba(53,194,255,.18) 0%,rgba(108,140,255,.10) 28%,transparent 68%)!important;
  filter:blur(6px);
}

/* Per-page living accent */
body[data-ezba-view="members"]{--page-accent:var(--v2-violet);--page-accent2:var(--v2-pink)}
body[data-ezba-view="tournament"]{--page-accent:var(--v2-gold);--page-accent2:var(--v2-green)}
body[data-ezba-view="stats"]{--page-accent:var(--v2-gold2);--page-accent2:#d7e0ed}
body[data-ezba-view="friendly"]{--page-accent:var(--v2-orange);--page-accent2:#34d6c5}
body[data-ezba-view="profile"]{--page-accent:var(--v2-cyan);--page-accent2:var(--v2-violet)}
body:not([data-ezba-view]){--page-accent:var(--v2-cyan);--page-accent2:var(--v2-gold)}

#app{position:relative;z-index:1}

/* Top navigation + crest */
.topbar{
  background:rgba(7,17,31,.52);border:1px solid rgba(255,255,255,.08);
  border-radius:18px;padding:8px 10px!important;
  box-shadow:0 10px 30px rgba(0,0,0,.16);
  backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
}
.back-btn,.auth-btn{
  min-height:42px!important;border-radius:13px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.035))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.09),0 7px 18px rgba(0,0,0,.16)!important;
}
.auth-btn{color:var(--v2-gold2)!important;border-color:rgba(255,200,87,.3)!important}
.auth-btn-active{color:#83f0b8!important;border-color:rgba(50,213,131,.3)!important}
.admin-tag{background:linear-gradient(135deg,#ffd56c,#c9972f)!important;color:#111b2a!important;border-radius:999px!important;padding:3px 8px!important}

header{gap:13px!important;margin-top:6px!important}
.header-crest{
  height:68px!important;width:68px!important;border-radius:22px!important;
  padding:8px;background:linear-gradient(145deg,rgba(255,216,120,.25),rgba(255,255,255,.04))!important;
  border:1px solid rgba(255,215,120,.35)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.16),0 14px 35px rgba(0,0,0,.28),0 0 28px rgba(255,200,87,.12)!important;
}
.header-crest img{max-height:100%;filter:drop-shadow(0 6px 10px rgba(0,0,0,.35)) saturate(1.08)!important}
h1{
  font-size:clamp(25px,5vw,34px)!important;letter-spacing:-.8px!important;
  background:linear-gradient(90deg,#fff 0%,#fff4d4 55%,#ffd36b 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent!important;
  text-shadow:0 8px 30px rgba(0,0,0,.16)!important;
}
.subtitle{color:var(--v2-muted)!important;font-size:13px!important;margin-bottom:22px!important}

/* App section tabs */
.tab-row{
  position:sticky;top:calc(env(safe-area-inset-top,0px) + 4px);z-index:20;
  gap:8px!important;padding:7px!important;border:1px solid rgba(255,255,255,.09)!important;
  border-radius:18px!important;background:rgba(7,17,31,.76)!important;
  box-shadow:0 12px 34px rgba(0,0,0,.2)!important;
  backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);
}
.tab-btn{
  display:inline-flex!important;align-items:center;justify-content:center;gap:7px;
  min-height:42px;border:none!important;border-radius:12px!important;
  padding:10px 15px!important;color:#a8b7ca!important;
  transition:transform .18s ease,background .18s ease,color .18s ease,box-shadow .18s ease!important;
}
.tab-btn svg{width:18px;height:18px;stroke-width:2.1;filter:drop-shadow(0 3px 5px rgba(0,0,0,.22))}
.tab-btn.active{
  color:#081321!important;background:linear-gradient(135deg,var(--page-accent),var(--page-accent2))!important;
  box-shadow:0 10px 22px color-mix(in srgb,var(--page-accent) 22%,transparent),inset 0 1px rgba(255,255,255,.34)!important;
  transform:translateY(-1px);
}
.tab-btn:hover:not(.active){background:rgba(255,255,255,.06)!important;color:#fff!important}

/* Main cards / depth */
.layout{gap:24px!important}
.card,.sidebar-card{
  position:relative;overflow:hidden;
  background:linear-gradient(155deg,rgba(22,42,72,.86),rgba(10,23,43,.76))!important;
  border:1px solid rgba(255,255,255,.11)!important;border-radius:var(--v2-radius)!important;
  box-shadow:var(--v2-shadow),inset 0 1px rgba(255,255,255,.06)!important;
  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
}
.card{padding:28px!important}
.card::before,.sidebar-card::before{
  content:"";position:absolute;inset:0 auto auto 0;width:100%;height:2px;
  background:linear-gradient(90deg,transparent,var(--page-accent),var(--page-accent2),transparent);opacity:.9;
}
.card::after{
  content:"";position:absolute;width:180px;height:180px;left:-90px;top:-100px;border-radius:50%;
  background:radial-gradient(circle,color-mix(in srgb,var(--page-accent) 16%,transparent),transparent 68%);
  pointer-events:none;
}
.card.theme-members{--card-accent:var(--v2-violet)}
.card.theme-gold{--card-accent:var(--v2-gold)}
.card.theme-groups{--card-accent:var(--v2-green)}
.card.theme-knockout{--card-accent:var(--v2-blue)}
.card.theme-stats{--card-accent:#d4dbe7}
.card.theme-friendly{--card-accent:var(--v2-orange)}
.card[class*="theme-"]{border-color:color-mix(in srgb,var(--card-accent) 30%,rgba(255,255,255,.08))!important}

.section-icon-title{
  font-size:20px!important;gap:12px!important;color:#fff!important;margin-bottom:10px!important;letter-spacing:-.2px;
}
.section-icon-title .icon{
  width:44px;height:44px;min-width:44px;border-radius:14px;
  display:inline-flex!important;align-items:center;justify-content:center;
  font-size:23px!important;
  background:linear-gradient(145deg,color-mix(in srgb,var(--page-accent) 88%,#fff 12%),color-mix(in srgb,var(--page-accent2) 84%,#000 16%));
  border:1px solid rgba(255,255,255,.24);
  box-shadow:inset 0 1px rgba(255,255,255,.35),inset 0 -4px rgba(0,0,0,.11),0 10px 22px color-mix(in srgb,var(--page-accent) 20%,transparent);
  filter:none!important;transform:translateZ(0);
}
.hint{color:#aab8ca!important;line-height:1.75!important}
.tournament-badge,.count-badge{
  border-radius:999px!important;background:linear-gradient(135deg,rgba(255,200,87,.18),rgba(255,200,87,.06))!important;
  color:#ffdd87!important;border:1px solid rgba(255,210,110,.30)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.08)!important;
}

/* Buttons — tactile / 3D */
.cta-btn,.primary-btn,.spin-btn,.confirm-btn,.mode-btn{
  position:relative;overflow:hidden;
  border-radius:14px!important;min-height:46px!important;
  transition:transform .16s ease,box-shadow .18s ease,filter .18s ease!important;
}
.cta-btn,.primary-btn,.spin-btn{
  color:#07111f!important;background:linear-gradient(135deg,var(--page-accent),var(--page-accent2))!important;
  border:1px solid rgba(255,255,255,.26)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.4),inset 0 -4px rgba(0,0,0,.12),0 10px 24px color-mix(in srgb,var(--page-accent) 25%,transparent)!important;
}
.cta-btn:hover:not(:disabled),.primary-btn:hover:not(:disabled),.spin-btn:hover:not(:disabled){
  filter:brightness(1.08);transform:translateY(-2px)!important;
}
.cta-btn:active:not(:disabled),.primary-btn:active:not(:disabled),.spin-btn:active:not(:disabled){transform:translateY(1px) scale(.99)!important}
.cta-btn.danger{
  background:linear-gradient(135deg,#ff6b73,#cf3242)!important;color:#fff!important;
  box-shadow:inset 0 1px rgba(255,255,255,.25),inset 0 -4px rgba(0,0,0,.14),0 10px 24px rgba(255,80,95,.18)!important;
}
.mode-btn{
  background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.025))!important;
  border:1px solid rgba(255,255,255,.1)!important;color:#b5c1d1!important;
}
.mode-btn.active{
  background:linear-gradient(135deg,color-mix(in srgb,var(--page-accent) 28%,transparent),color-mix(in srgb,var(--page-accent2) 18%,transparent))!important;
  border-color:color-mix(in srgb,var(--page-accent) 55%,transparent)!important;color:#fff!important;
  box-shadow:0 9px 22px color-mix(in srgb,var(--page-accent) 12%,transparent),inset 0 1px rgba(255,255,255,.12)!important;
}

/* Inputs */
.text-input,.score-select{
  background:rgba(5,14,27,.55)!important;border:1px solid rgba(255,255,255,.12)!important;
  color:#fff!important;box-shadow:inset 0 1px 5px rgba(0,0,0,.18)!important;
}
.text-input{border-radius:13px!important;min-height:46px!important}
.text-input:focus,.score-select:focus{
  border-color:color-mix(in srgb,var(--page-accent) 72%,#fff 8%)!important;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--page-accent) 14%,transparent)!important;
}

/* Members */
.member-row,.player-chip,.prediction-row{
  border-radius:15px!important;background:linear-gradient(135deg,rgba(255,255,255,.06),rgba(255,255,255,.022))!important;
  border:1px solid rgba(255,255,255,.085)!important;box-shadow:inset 0 1px rgba(255,255,255,.03);
}
.member-row{padding:13px 14px!important}
.member-row.confirmed{
  background:linear-gradient(135deg,rgba(50,213,131,.15),rgba(50,213,131,.035))!important;
  border-color:rgba(50,213,131,.28)!important;box-shadow:0 8px 22px rgba(50,213,131,.07)!important;
}
.member-name{font-size:15px!important}
.member-club{color:#98a9bd!important}
.club-logo{
  width:24px!important;height:24px!important;padding:2px;border-radius:7px;background:rgba(255,255,255,.92);
  box-shadow:0 5px 12px rgba(0,0,0,.28);
}
.club-logo-sm{width:18px!important;height:18px!important}
.club-logo-lg{width:32px!important;height:32px!important}
.confirm-btn{
  background:linear-gradient(135deg,#ffd36b,#e1a72f)!important;color:#101827!important;
  border:1px solid rgba(255,255,255,.24)!important;box-shadow:inset 0 1px rgba(255,255,255,.35),0 7px 16px rgba(0,0,0,.18)!important;
}
.confirm-btn.confirmed-btn{background:rgba(50,213,131,.13)!important;color:#7cf2b5!important;box-shadow:none!important}
.add-member-box{
  border-radius:17px!important;background:rgba(6,15,29,.32)!important;border:1px dashed rgba(255,255,255,.16)!important;
}

/* Draw wheel — arena style */
.wheel-area{
  position:relative;padding:24px 12px 18px!important;border-radius:22px;
  background:
    radial-gradient(circle at 50% 38%,rgba(255,200,87,.12),transparent 35%),
    linear-gradient(180deg,rgba(255,255,255,.025),transparent);
  border:1px solid rgba(255,255,255,.07);
}
.wheel-wrap{
  width:292px!important;height:292px!important;
  filter:drop-shadow(0 22px 30px rgba(0,0,0,.40));
}
.wheel-wrap::before{
  content:"";position:absolute;inset:12px;border-radius:50%;
  background:conic-gradient(from 0deg,rgba(255,200,87,.42),rgba(53,194,255,.24),rgba(168,120,255,.30),rgba(50,213,131,.26),rgba(255,200,87,.42));
  filter:blur(12px);opacity:.72;z-index:-1;animation:ezbaAura 8s linear infinite;
}
@keyframes ezbaAura{to{transform:rotate(360deg)}}
.wheel{
  width:260px!important;height:260px!important;
  border:7px solid #f5d57a!important;
  box-shadow:
    0 0 0 4px #101e35,
    0 0 0 7px rgba(255,255,255,.08),
    inset 0 0 35px rgba(255,255,255,.14),
    0 0 36px rgba(255,200,87,.22),
    0 22px 48px rgba(0,0,0,.42)!important;
}
.wheel::after{
  content:"";position:absolute;inset:8px;border-radius:50%;pointer-events:none;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.18),inset 0 0 24px rgba(255,255,255,.08);
}
.wheel-label{
  font-size:10.5px!important;font-weight:900!important;text-shadow:0 1px 2px rgba(255,255,255,.18);
}
.wheel-hub{
  width:58px!important;height:58px!important;border:5px solid #f6d67b!important;
  background:radial-gradient(circle at 38% 30%,#23466d,#081523 70%)!important;
  box-shadow:inset 0 2px rgba(255,255,255,.22),0 6px 18px rgba(0,0,0,.45),0 0 20px rgba(255,200,87,.22)!important;
  font-size:23px!important;
}
.pointer{
  top:-20px!important;font-size:32px!important;color:#ff5e70!important;
  text-shadow:0 4px 12px rgba(255,80,100,.42)!important;
  filter:drop-shadow(0 5px 7px rgba(0,0,0,.5))!important;
}
.spin-btn{min-width:180px!important;font-size:15px!important}
.winner-banner{
  border-radius:14px!important;padding:12px 20px!important;
  background:linear-gradient(135deg,rgba(255,200,87,.20),rgba(255,200,87,.07))!important;
  border-color:rgba(255,210,110,.34)!important;color:#ffe194!important;
  box-shadow:0 8px 25px rgba(255,200,87,.09)!important;
}

/* Groups, matches and standings */
.two-col{gap:14px!important}
.group-box{
  position:relative;overflow:hidden;border-radius:18px!important;padding:18px!important;
  background:linear-gradient(160deg,rgba(255,255,255,.055),rgba(255,255,255,.018))!important;
  border:1px solid rgba(255,255,255,.10)!important;
  box-shadow:0 10px 30px rgba(0,0,0,.14),inset 0 1px rgba(255,255,255,.04)!important;
}
.group-box.box-a{
  border-color:rgba(50,213,131,.30)!important;
  background:linear-gradient(160deg,rgba(50,213,131,.10),rgba(255,255,255,.015))!important;
}
.group-box.box-b{
  border-color:rgba(53,194,255,.30)!important;
  background:linear-gradient(160deg,rgba(53,194,255,.10),rgba(255,255,255,.015))!important;
}
.group-box.box-final{
  border-color:rgba(255,200,87,.36)!important;
  background:linear-gradient(160deg,rgba(255,200,87,.12),rgba(255,255,255,.015))!important;
}
.group-title{
  color:#fff!important;font-size:14px!important;letter-spacing:0!important;text-transform:none!important;
  border-bottom-color:rgba(255,255,255,.10)!important;
}
.group-box.box-a .group-title{color:#79efb0!important}
.group-box.box-b .group-title{color:#77d7ff!important}
.group-box.box-final .group-title{color:#ffe092!important}
.round-label{color:#94a8bf!important}
.match-row{
  border-radius:13px!important;padding:10px!important;min-height:50px!important;
  background:rgba(4,13,25,.38)!important;border:1px solid rgba(255,255,255,.07)!important;
  transition:transform .16s ease,background .16s ease,border-color .16s ease;
}
.match-row:hover{transform:translateY(-1px);background:rgba(255,255,255,.055)!important;border-color:rgba(255,255,255,.13)!important}
.score-select{border-radius:10px!important}
.vs{color:#71849b!important}
table.score-table{
  border-collapse:separate!important;border-spacing:0 5px!important;
}
table.score-table th{border:none!important;color:#8295aa!important}
table.score-table td{
  background:rgba(4,13,25,.34);border-top:1px solid rgba(255,255,255,.05)!important;border-bottom:1px solid rgba(255,255,255,.05)!important;
}
table.score-table td:first-child{border-radius:0 9px 9px 0}
table.score-table td:last-child{border-radius:9px 0 0 9px}
.qualify-row td{
  background:linear-gradient(90deg,rgba(50,213,131,.14),rgba(50,213,131,.035))!important;
  border-color:rgba(50,213,131,.18)!important;
}
.final-box{
  border-radius:18px!important;border-color:rgba(255,200,87,.30)!important;
  background:linear-gradient(145deg,rgba(255,200,87,.12),rgba(255,255,255,.018))!important;
}
.champion-banner{
  border-radius:15px!important;font-size:18px!important;color:#ffe08b!important;
  background:linear-gradient(135deg,rgba(255,200,87,.22),rgba(255,200,87,.07))!important;
  border-color:rgba(255,200,87,.35)!important;box-shadow:0 10px 28px rgba(255,200,87,.10)!important;
}

/* Stats / historic rankings */
.stat-block{
  padding:14px!important;border-radius:16px;background:rgba(5,14,27,.30);border:1px solid rgba(255,255,255,.06);
}
.stat-block-title{
  color:#ffd66f!important;font-size:12.5px!important;letter-spacing:.1px!important;text-transform:none!important;
}
.stat-row{
  padding:9px 5px!important;border-bottom-color:rgba(255,255,255,.055)!important;
}
.stat-rank{
  width:26px!important;height:26px!important;border-radius:9px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.035))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.08);
}
.stat-row:nth-child(2) .stat-rank{background:linear-gradient(145deg,#ffe28a,#c8962f)!important;color:#182133}
.stat-row:nth-child(3) .stat-rank{background:linear-gradient(145deg,#edf1f7,#98a6b9)!important;color:#182133}
.stat-row:nth-child(4) .stat-rank{background:linear-gradient(145deg,#d59c6a,#8c5c37)!important;color:#fff}
.stat-value{color:#ffe08c!important}
.archive-row{padding:10px 4px!important}

/* Predictions */
.prediction-group-box{
  border-radius:16px!important;background:rgba(7,15,29,.38)!important;border-color:rgba(168,120,255,.16)!important;
}
.prediction-group-title{color:#c9adff!important}
.prediction-row{border-right:3px solid var(--v2-violet)!important}

/* Modal / profile */
.modal-overlay{background:rgba(2,8,16,.78)!important;backdrop-filter:blur(10px)!important}
.modal-box{
  border-radius:24px!important;background:linear-gradient(155deg,#152c4c,#09182d)!important;
  border-color:rgba(255,255,255,.14)!important;box-shadow:0 32px 80px rgba(0,0,0,.55)!important;
}
.color-swatch{
  width:36px!important;height:36px!important;box-shadow:inset 0 1px rgba(255,255,255,.25),0 6px 14px rgba(0,0,0,.2);
}

/* Bottom sync pill */
.sync-badge{
  bottom:calc(12px + env(safe-area-inset-bottom,0px))!important;left:12px!important;
  border-radius:999px!important;background:rgba(6,14,27,.78)!important;
  color:#91a3b9!important;border-color:rgba(255,255,255,.09)!important;
  backdrop-filter:blur(12px);padding:7px 12px!important;
}

/* Page entrance, respectful of reduced motion */
@keyframes ezbaIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
main>.card,main>.sidebar-card{animation:none!important}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}
}

/* Mobile refinements — preserve original two-group side-by-side behavior */
@media (max-width:600px){
  body{padding-left:8px!important;padding-right:8px!important}
  .topbar{border-radius:15px}
  header{margin-top:2px!important}
  .header-crest{width:58px!important;height:58px!important;border-radius:18px!important}
  h1{font-size:25px!important}
  .tab-row{gap:5px!important;padding:5px!important;border-radius:15px!important}
  .tab-btn{font-size:11.5px!important;padding:9px 10px!important;min-height:39px}
  .tab-btn svg{width:16px;height:16px}
  .card{padding:16px 10px!important;border-radius:18px!important}
  .section-icon-title{font-size:17px!important}
  .section-icon-title .icon{width:38px;height:38px;min-width:38px;border-radius:12px;font-size:20px!important}
  .wheel-wrap{width:262px!important;height:262px!important}
  .wheel{width:232px!important;height:232px!important}
  .wheel-hub{width:52px!important;height:52px!important}
  .two-col{gap:6px!important}
  .group-box{padding:7px!important;border-radius:13px!important}
  .group-title{font-size:11.5px!important}
  .match-row{padding:7px 3px!important;border-radius:9px!important;min-height:44px!important}
  .match-name{font-size:10.5px!important}
  .score-select{width:27px!important;padding:5px 0!important;border-radius:7px!important}
  table.score-table{border-spacing:0 3px!important}
  .stat-block{padding:10px!important}
  .modal-box{border-radius:20px!important;padding:22px 16px!important}
}

@supports not (color:color-mix(in srgb,#fff 50%,#000)){
  .tab-btn.active,.cta-btn,.primary-btn,.spin-btn{background:linear-gradient(135deg,#35c2ff,#ffc857)!important}
}


/* iOS / PWA status-bar protection: keep app controls visually below the
   system clock / signal / battery area and avoid translucent blur overlap. */
body{
  padding-top:calc(18px + env(safe-area-inset-top, 0px))!important;
}
.topbar{
  margin-top:max(2px, env(safe-area-inset-top, 0px))!important;
  min-height:54px!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  background:rgba(7,17,31,.96)!important;
  border-color:rgba(255,255,255,.11)!important;
  box-shadow:0 10px 28px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.05)!important;
}
.topbar .back-btn,
.topbar .auth-btn{
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  filter:none!important;
  text-shadow:none!important;
  opacity:1!important;
  -webkit-font-smoothing:antialiased;
}
@media (display-mode: standalone){
  body{
    padding-top:calc(22px + env(safe-area-inset-top, 0px))!important;
  }
  .topbar{
    margin-top:4px!important;
  }
}
@media (max-width:600px){
  .topbar{
    padding-top:8px!important;
    padding-bottom:8px!important;
  }
  .back-btn,.auth-btn{
    min-height:44px!important;
    font-size:13px!important;
  }
}


/* Stable navigation/icons: rendered in CSS from the first paint, so changing
   tabs or background data refreshes no longer causes a second layout pass. */
.tab-btn::before{
  content:"";
  width:18px;height:18px;min-width:18px;
  display:inline-block;
  background:currentColor;
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
  -webkit-mask-position:center;mask-position:center;
  -webkit-mask-size:contain;mask-size:contain;
  filter:none;
}
.tab-btn:nth-child(1)::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2M9 11a4 4 0 1 0 0-8 4 4 0 0 0 0 8M22 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2M9 11a4 4 0 1 0 0-8 4 4 0 0 0 0 8M22 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75'/%3E%3C/svg%3E");
}
.tab-btn:nth-child(2)::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 21h8M12 17v4M7 4h10v3a5 5 0 0 1-10 0V4M7 6H4v1a4 4 0 0 0 4 4M17 6h3v1a4 4 0 0 1-4 4'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 21h8M12 17v4M7 4h10v3a5 5 0 0 1-10 0V4M7 6H4v1a4 4 0 0 0 4 4M17 6h3v1a4 4 0 0 1-4 4'/%3E%3C/svg%3E");
}
.tab-btn:nth-child(3)::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M4 20V10M10 20V4M16 20v-7M22 20H2'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M4 20V10M10 20V4M16 20v-7M22 20H2'/%3E%3C/svg%3E");
}
.tab-btn:nth-child(4)::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M8.5 8.5 4 4m11.5 4.5L20 4M7 14l-3 3m13-3 3 3M12 3v4m0 10v4M7.8 12h8.4'/%3E%3Ccircle cx='12' cy='12' r='3.5'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M8.5 8.5 4 4m11.5 4.5L20 4M7 14l-3 3m13-3 3 3M12 3v4m0 10v4M7.8 12h8.4'/%3E%3Ccircle cx='12' cy='12' r='3.5'/%3E%3C/svg%3E");
}
/* Hide any older injected SVGs that might survive from a cached JS file. */
.tab-btn>svg{display:none!important}

/* Avoid tiny width/height oscillations when content updates. */
#app{contain:layout style}



/* Waraq-proven iOS/PWA header treatment:
   solid top region, no translucency/compositing, controls pushed below status bar. */
body{
  min-height:100dvh!important;
  padding-top:0!important;
  padding-bottom:calc(90px + env(safe-area-inset-bottom,0px))!important;
}
#app{
  min-height:100dvh!important;
  padding-bottom:env(safe-area-inset-bottom,0px)!important;
}
.topbar{
  position:relative!important;
  top:0!important;
  z-index:60!important;
  margin-top:0!important;
  padding-top:max(env(safe-area-inset-top,0px),8px)!important;
  padding-bottom:8px!important;
  padding-left:max(10px,env(safe-area-inset-left,0px))!important;
  padding-right:max(10px,env(safe-area-inset-right,0px))!important;
  min-height:calc(54px + env(safe-area-inset-top,0px))!important;
  background:#0B1B31!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:0 0 18px 18px!important;
  box-shadow:0 10px 24px rgba(0,0,0,.18)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  filter:none!important;
  transform:none!important;
  opacity:1!important;
  isolation:isolate!important;
  will-change:auto!important;
}
.topbar::before{
  content:"";
  position:absolute;
  top:calc(-1 * env(safe-area-inset-top,0px));
  left:0;right:0;
  height:env(safe-area-inset-top,0px);
  background:#0B1B31;
  z-index:-1;
}
.topbar *{
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  filter:none!important;
  transform:none!important;
  text-shadow:none!important;
  opacity:1!important;
  will-change:auto!important;
  -webkit-font-smoothing:antialiased;
}
.back-btn,.auth-btn{
  background:#102640!important;
  border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:none!important;
}
.tab-row{
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  filter:none!important;
  transform:none!important;
  will-change:auto!important;
  background:#0B1B31!important;
}
.tab-btn,.tab-btn::before,.tab-btn svg{
  filter:none!important;
  transform:none!important;
  text-shadow:none!important;
  opacity:1!important;
  will-change:auto!important;
  shape-rendering:geometricPrecision;
}
header,.header-crest,.header-crest img{
  transform:none!important;
  will-change:auto!important;
}
.header-crest img{filter:none!important}

@media (display-mode:standalone){
  body{min-height:100dvh!important}
  .topbar{
    padding-top:max(env(safe-area-inset-top,0px),10px)!important;
    min-height:calc(56px + env(safe-area-inset-top,0px))!important;
  }
}
@media (max-width:600px){
  .topbar{
    border-radius:0 0 16px 16px!important;
    padding-bottom:8px!important;
  }
  .tab-btn::before{width:17px;height:17px;min-width:17px}
}


/* ===== Premium 3D icon & crest layer =====
   Pure CSS/SVG masks: no post-render DOM changes, so the UI stays stable. */

/* Section icon tiles become tactile, dimensional objects instead of emoji. */
.section-icon-title .icon{
  position:relative!important;
  overflow:visible!important;
  font-size:0!important;
  color:transparent!important;
  background:
    radial-gradient(circle at 30% 22%,rgba(255,255,255,.62),transparent 22%),
    linear-gradient(145deg,color-mix(in srgb,var(--card-accent,var(--page-accent)) 88%,#fff 12%),color-mix(in srgb,var(--card-accent,var(--page-accent2)) 72%,#07111f 28%))!important;
  border:1px solid rgba(255,255,255,.34)!important;
  box-shadow:
    inset 0 2px 2px rgba(255,255,255,.42),
    inset 0 -7px 12px rgba(0,0,0,.20),
    0 3px 0 rgba(0,0,0,.22),
    0 12px 22px rgba(0,0,0,.24)!important;
}
.section-icon-title .icon::before{
  content:"";
  position:absolute;
  inset:9px;
  display:block;
  background:linear-gradient(180deg,#fff,#dbe8f7 58%,#9eb0c8);
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
  -webkit-mask-position:center;mask-position:center;
  -webkit-mask-size:contain;mask-size:contain;
  filter:none!important;
}
.section-icon-title .icon::after{
  content:"";
  position:absolute;
  left:20%;right:20%;bottom:-7px;height:7px;border-radius:50%;
  background:rgba(0,0,0,.30);
  transform:none!important;
  filter:none!important;
  opacity:.58;
}

/* Members icon */
.card.theme-members .section-icon-title .icon::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M8.5 11a4 4 0 1 0 0-8 4 4 0 0 0 0 8Zm7-1a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7ZM2 21v-2.1C2 15.65 4.65 13 7.9 13h1.2c3.25 0 5.9 2.65 5.9 5.9V21H2Zm14.3 0v-2.1c0-2.05-.78-3.92-2.06-5.33.57-.36 1.25-.57 1.98-.57h.56A5.22 5.22 0 0 1 22 18.22V21h-5.7Z'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M8.5 11a4 4 0 1 0 0-8 4 4 0 0 0 0 8Zm7-1a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7ZM2 21v-2.1C2 15.65 4.65 13 7.9 13h1.2c3.25 0 5.9 2.65 5.9 5.9V21H2Zm14.3 0v-2.1c0-2.05-.78-3.92-2.06-5.33.57-.36 1.25-.57 1.98-.57h.56A5.22 5.22 0 0 1 22 18.22V21h-5.7Z'/%3E%3C/svg%3E");
}

/* Tournament / knockout trophy icon */
.card.theme-gold .section-icon-title .icon::before,
.card.theme-knockout .section-icon-title .icon::before{
  background:linear-gradient(180deg,#fff7cb 0%,#ffd56d 45%,#b77916 100%);
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7 2h10v3h4v3c0 3.2-2.2 5.88-5.18 6.63A6.03 6.03 0 0 1 13 17.91V20h4v2H7v-2h4v-2.09a6.03 6.03 0 0 1-2.82-3.28A6.84 6.84 0 0 1 3 8V5h4V2Zm10 5v3.45A4.85 4.85 0 0 0 19 8V7h-2ZM5 7v1c0 1.02.76 1.95 2 2.45V7H5Z'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7 2h10v3h4v3c0 3.2-2.2 5.88-5.18 6.63A6.03 6.03 0 0 1 13 17.91V20h4v2H7v-2h4v-2.09a6.03 6.03 0 0 1-2.82-3.28A6.84 6.84 0 0 1 3 8V5h4V2Zm10 5v3.45A4.85 4.85 0 0 0 19 8V7h-2ZM5 7v1c0 1.02.76 1.95 2 2.45V7H5Z'/%3E%3C/svg%3E");
}

/* Stats podium icon */
.card.theme-stats .section-icon-title .icon::before,
.sidebar-card .section-icon-title .icon::before{
  background:linear-gradient(180deg,#ffffff,#d9e1ec 52%,#93a1b7);
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M9 3h6v18H9V3ZM2 10h6v11H2V10Zm14 4h6v7h-6v-7Z'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M9 3h6v18H9V3ZM2 10h6v11H2V10Zm14 4h6v7h-6v-7Z'/%3E%3C/svg%3E");
}

/* Friendly / celebration spark icon */
.card.theme-friendly .section-icon-title .icon::before{
  background:linear-gradient(180deg,#fff4cf,#ffb64d 50%,#ff7a45);
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='m12 2 1.55 5.45L19 9l-5.45 1.55L12 16l-1.55-5.45L5 9l5.45-1.55L12 2Zm7 11 .82 2.18L22 16l-2.18.82L19 19l-.82-2.18L16 16l2.18-.82L19 13ZM5 14l1.1 2.9L9 18l-2.9 1.1L5 22l-1.1-2.9L1 18l2.9-1.1L5 14Z'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='m12 2 1.55 5.45L19 9l-5.45 1.55L12 16l-1.55-5.45L5 9l5.45-1.55L12 2Zm7 11 .82 2.18L22 16l-2.18.82L19 19l-.82-2.18L16 16l2.18-.82L19 13ZM5 14l1.1 2.9L9 18l-2.9 1.1L5 22l-1.1-2.9L1 18l2.9-1.1L5 14Z'/%3E%3C/svg%3E");
}

/* Club crests: preserve original image pixels; remove white plaque; add depth only around actual crest. */
.club-logo{
  width:30px!important;
  height:30px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  object-fit:contain!important;
  box-shadow:none!important;
  filter:
    drop-shadow(0 1px 0 rgba(255,255,255,.18))
    drop-shadow(0 4px 3px rgba(0,0,0,.38))
    drop-shadow(0 9px 8px rgba(0,0,0,.22))!important;
  image-rendering:auto!important;
}
.club-logo.club-logo-sm{width:24px!important;height:24px!important}
.club-logo.club-logo-lg{width:40px!important;height:40px!important}
.member-club{min-height:34px!important;gap:9px!important}
.member-row:hover .club-logo{filter:
  drop-shadow(0 1px 0 rgba(255,255,255,.22))
  drop-shadow(0 5px 4px rgba(0,0,0,.42))
  drop-shadow(0 10px 10px rgba(0,0,0,.24))!important}

/* Premium champion / final presentation */
.final-box{
  position:relative!important;
  overflow:hidden!important;
  padding:24px!important;
  background:
    radial-gradient(circle at 50% -15%,rgba(255,216,112,.23),transparent 36%),
    linear-gradient(145deg,rgba(255,200,87,.14),rgba(8,20,38,.82))!important;
  border:1px solid rgba(255,216,112,.38)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.10),0 18px 40px rgba(0,0,0,.24)!important;
}
.final-box::before{
  content:"";
  display:block;
  width:62px;height:62px;
  margin:0 auto 12px;
  border-radius:20px;
  background:
    radial-gradient(circle at 32% 24%,rgba(255,255,255,.7),transparent 20%),
    linear-gradient(145deg,#ffe89a,#d89b28 58%,#75440b);
  box-shadow:inset 0 2px rgba(255,255,255,.5),inset 0 -8px rgba(87,45,0,.22),0 4px 0 #6d4517,0 14px 25px rgba(255,190,60,.18);
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7 2h10v3h4v3c0 3.2-2.2 5.88-5.18 6.63A6.03 6.03 0 0 1 13 17.91V20h4v2H7v-2h4v-2.09a6.03 6.03 0 0 1-2.82-3.28A6.84 6.84 0 0 1 3 8V5h4V2Z'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7 2h10v3h4v3c0 3.2-2.2 5.88-5.18 6.63A6.03 6.03 0 0 1 13 17.91V20h4v2H7v-2h4v-2.09a6.03 6.03 0 0 1-2.82-3.28A6.84 6.84 0 0 1 3 8V5h4V2Z'/%3E%3C/svg%3E");
  -webkit-mask-size:contain;mask-size:contain;
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
  -webkit-mask-position:center;mask-position:center;
}
.final-box .group-title{
  text-align:center!important;
  font-size:17px!important;
  color:#ffe49b!important;
  border-bottom:none!important;
  margin-bottom:14px!important;
}

/* Top-3 historical podium gets genuinely dimensional medals. */
.stat-row:nth-child(2),
.stat-row:nth-child(3),
.stat-row:nth-child(4){
  border-radius:12px;
  margin-bottom:6px;
  padding:10px 8px!important;
}
.stat-row:nth-child(2){background:linear-gradient(90deg,rgba(255,207,73,.15),rgba(255,207,73,.025))}
.stat-row:nth-child(3){background:linear-gradient(90deg,rgba(214,223,236,.13),rgba(214,223,236,.02))}
.stat-row:nth-child(4){background:linear-gradient(90deg,rgba(205,132,75,.14),rgba(205,132,75,.02))}
.stat-row:nth-child(2) .stat-rank,
.stat-row:nth-child(3) .stat-rank,
.stat-row:nth-child(4) .stat-rank{
  width:34px!important;height:34px!important;border-radius:50%!important;
  font-size:12px!important;font-weight:900!important;
  border:1px solid rgba(255,255,255,.30)!important;
  box-shadow:inset 0 2px rgba(255,255,255,.45),inset 0 -5px rgba(0,0,0,.18),0 3px 0 rgba(0,0,0,.24),0 8px 15px rgba(0,0,0,.20)!important;
}
.stat-row:nth-child(2) .stat-rank{background:radial-gradient(circle at 30% 22%,#fff6bf,#f2bd35 48%,#9b6510 100%)!important}
.stat-row:nth-child(3) .stat-rank{background:radial-gradient(circle at 30% 22%,#fff,#cbd4e0 48%,#748397 100%)!important}
.stat-row:nth-child(4) .stat-rank{background:radial-gradient(circle at 30% 22%,#f5c19a,#b97645 48%,#70401f 100%)!important}

/* Celebration screen: podium spotlight and real SVG-like crown silhouette. */
.celebration-overlay{
  background:
    radial-gradient(ellipse at 50% 28%,rgba(255,204,82,.18),transparent 32%),
    radial-gradient(ellipse at 50% 35%,rgba(45,101,190,.34),transparent 55%),
    linear-gradient(180deg,#08142a,#030812 80%)!important;
}
.celebration-content{
  width:min(92vw,520px)!important;
  padding:36px 26px 32px!important;
  border:1px solid rgba(255,220,125,.20);
  border-radius:30px;
  background:linear-gradient(160deg,rgba(255,255,255,.065),rgba(255,255,255,.018));
  box-shadow:inset 0 1px rgba(255,255,255,.08),0 35px 80px rgba(0,0,0,.38);
}
.celebration-crown{
  width:96px!important;height:80px!important;
  font-size:0!important;
  margin:2px auto 14px!important;
  background:
    radial-gradient(circle at 32% 19%,rgba(255,255,255,.82),transparent 15%),
    linear-gradient(180deg,#fff2ae 0%,#ffd052 38%,#bd7816 78%,#6f3c08 100%)!important;
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 80'%3E%3Cpath fill='black' d='M8 24 28 43 49 10l22 33 21-19-8 43H16L8 24Zm12 48h60v6H20v-6Z'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 80'%3E%3Cpath fill='black' d='M8 24 28 43 49 10l22 33 21-19-8 43H16L8 24Zm12 48h60v6H20v-6Z'/%3E%3C/svg%3E");
  -webkit-mask-size:contain;mask-size:contain;
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
  -webkit-mask-position:center;mask-position:center;
  filter:
    drop-shadow(0 2px 0 rgba(255,255,255,.22))
    drop-shadow(0 7px 0 rgba(88,48,4,.38))
    drop-shadow(0 18px 16px rgba(255,190,55,.20))!important;
}
.celebration-champion-label{
  display:inline-block!important;
  padding:5px 15px!important;
  border-radius:999px!important;
  background:rgba(255,205,79,.12)!important;
  border:1px solid rgba(255,213,103,.28)!important;
  color:#ffdb77!important;
  letter-spacing:1.4px!important;
}
.celebration-champion-name{
  font-size:clamp(36px,9vw,52px)!important;
  margin-top:10px!important;
  color:#fff8df!important;
  text-shadow:0 3px 0 rgba(104,62,7,.50),0 14px 30px rgba(255,192,52,.18)!important;
}
.celebration-runnerup{
  display:inline-flex!important;align-items:center;justify-content:center;
  margin-top:18px!important;padding:9px 14px!important;border-radius:14px;
  background:linear-gradient(145deg,rgba(214,224,238,.12),rgba(255,255,255,.025));
  border:1px solid rgba(220,228,239,.18);
  color:#dce4ef!important;
}

/* Champion banner turns into a trophy plaque. */
.champion-banner{
  position:relative!important;
  padding:16px 16px 16px 58px!important;
  min-height:54px!important;
  display:flex!important;align-items:center;justify-content:center!important;
  font-size:18px!important;
  background:
    radial-gradient(circle at 18% 20%,rgba(255,255,255,.24),transparent 20%),
    linear-gradient(135deg,rgba(255,211,94,.25),rgba(105,63,11,.16))!important;
  border:1px solid rgba(255,218,112,.42)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.14),0 12px 26px rgba(0,0,0,.20)!important;
}
.champion-banner::before{
  content:"";
  position:absolute;left:17px;top:50%;width:30px;height:30px;
  transform:translateY(-50%);
  background:linear-gradient(180deg,#fff0ad,#ffc849 52%,#a7640b);
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7 2h10v3h4v3c0 3.2-2.2 5.88-5.18 6.63A6.03 6.03 0 0 1 13 17.91V20h4v2H7v-2h4v-2.09a6.03 6.03 0 0 1-2.82-3.28A6.84 6.84 0 0 1 3 8V5h4V2Z'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7 2h10v3h4v3c0 3.2-2.2 5.88-5.18 6.63A6.03 6.03 0 0 1 13 17.91V20h4v2H7v-2h4v-2.09a6.03 6.03 0 0 1-2.82-3.28A6.84 6.84 0 0 1 3 8V5h4V2Z'/%3E%3C/svg%3E");
  -webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
  -webkit-mask-position:center;mask-position:center;
  filter:drop-shadow(0 5px 4px rgba(0,0,0,.28));
}

@media(max-width:600px){
  .club-logo{width:28px!important;height:28px!important}
  .club-logo.club-logo-sm{width:22px!important;height:22px!important}
  .club-logo.club-logo-lg{width:36px!important;height:36px!important}
  .celebration-content{padding:28px 16px 24px!important;border-radius:24px}
  .celebration-crown{width:82px!important;height:70px!important}
  .final-box{padding:16px 9px!important}
}


/* Real dimensional inline icons for badges / historical stat headers */
.badge-trophy-3d,
.stat-title-icon,
.runnerup-medal-3d{
  display:inline-block;
  flex:0 0 auto;
  position:relative;
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
}
.badge-trophy-3d{
  width:24px;height:24px;margin-left:6px;
  background:linear-gradient(180deg,#fff4b5,#ffcf4e 48%,#a45f0b);
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7 2h10v3h4v3c0 3.2-2.2 5.88-5.18 6.63A6.03 6.03 0 0 1 13 17.91V20h4v2H7v-2h4v-2.09a6.03 6.03 0 0 1-2.82-3.28A6.84 6.84 0 0 1 3 8V5h4V2Zm10 5v3.45A4.85 4.85 0 0 0 19 8V7h-2ZM5 7v1c0 1.02.76 1.95 2 2.45V7H5Z'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7 2h10v3h4v3c0 3.2-2.2 5.88-5.18 6.63A6.03 6.03 0 0 1 13 17.91V20h4v2H7v-2h4v-2.09a6.03 6.03 0 0 1-2.82-3.28A6.84 6.84 0 0 1 3 8V5h4V2Zm10 5v3.45A4.85 4.85 0 0 0 19 8V7h-2ZM5 7v1c0 1.02.76 1.95 2 2.45V7H5Z'/%3E%3C/svg%3E");
  -webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
  filter:drop-shadow(0 1px 0 rgba(255,255,255,.25)) drop-shadow(0 4px 3px rgba(0,0,0,.30));
}
.stat-block-title{
  display:flex;align-items:center;gap:8px;
}
.stat-title-icon{
  width:28px;height:28px;border-radius:9px;
  background:linear-gradient(145deg,#263d61,#10243e);
  border:1px solid rgba(255,255,255,.14);
  box-shadow:inset 0 1px rgba(255,255,255,.16),inset 0 -4px rgba(0,0,0,.17),0 3px 0 rgba(0,0,0,.22),0 8px 14px rgba(0,0,0,.18);
}
.stat-title-icon::before{
  content:"";position:absolute;inset:6px;background:linear-gradient(180deg,#fff,#d7e2ef 62%,#93a4bb);
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;
}
.stat-title-icon.icon-crown::before{
  background:linear-gradient(180deg,#fff0a9,#ffc944 55%,#a5600b);
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 6l4.5 4L12 3l4.5 7L21 6l-2 12H5L3 6Zm3 14h12v2H6v-2Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 6l4.5 4L12 3l4.5 7L21 6l-2 12H5L3 6Zm3 14h12v2H6v-2Z'/%3E%3C/svg%3E");
}
.stat-title-icon.icon-ball::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm-2 4h4l2 3-1.5 4h-5L8 9l2-3Zm-4 7 3 1 1 4-2 1.2A8 8 0 0 1 6 13Zm12 0a8 8 0 0 1-2 6.2L14 18l1-4 3-1ZM10 20h4l-2 1-2-1Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm-2 4h4l2 3-1.5 4h-5L8 9l2-3Zm-4 7 3 1 1 4-2 1.2A8 8 0 0 1 6 13Zm12 0a8 8 0 0 1-2 6.2L14 18l1-4 3-1ZM10 20h4l-2 1-2-1Z'/%3E%3C/svg%3E");
}
.stat-title-icon.icon-goal::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 4h18v16h-3V8H6v12H3V4Zm3 4h12v2H6V8Zm0 4h12v2H6v-2Zm0 4h12v2H6v-2Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 4h18v16h-3V8H6v12H3V4Zm3 4h12v2H6V8Zm0 4h12v2H6v-2Zm0 4h12v2H6v-2Z'/%3E%3C/svg%3E");
}
.stat-title-icon.icon-silver::before{background:linear-gradient(180deg,#fff,#d9e0e8 55%,#7f8fa2);-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle fill='black' cx='12' cy='9' r='6'/%3E%3Cpath fill='black' d='m8 14-2 8 6-3 6 3-2-8H8Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle fill='black' cx='12' cy='9' r='6'/%3E%3Cpath fill='black' d='m8 14-2 8 6-3 6 3-2-8H8Z'/%3E%3C/svg%3E")}
.stat-title-icon.icon-final::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 3h12v4h4l-3 4 3 4h-6v6h-2V5H4V3Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 3h12v4h4l-3 4 3 4h-6v6h-2V5H4V3Z'/%3E%3C/svg%3E")}
.stat-title-icon.icon-down::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M11 3h2v13l5-5 1.4 1.4L12 20l-7.4-7.6L6 11l5 5V3Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M11 3h2v13l5-5 1.4 1.4L12 20l-7.4-7.6L6 11l5 5V3Z'/%3E%3C/svg%3E")}
.stat-title-icon.icon-crystal::before{background:linear-gradient(180deg,#f4ddff,#b57cff 55%,#613aa6);-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7 3h10l4 6-9 12L3 9l4-6Zm1.2 2L6 8h12l-2.2-3H8.2ZM7 10l5 7 5-7H7Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7 3h10l4 6-9 12L3 9l4-6Zm1.2 2L6 8h12l-2.2-3H8.2ZM7 10l5 7 5-7H7Z'/%3E%3C/svg%3E")}
.runnerup-medal-3d{
  width:27px;height:27px;margin-left:7px;border-radius:50%;
  background:radial-gradient(circle at 30% 22%,#fff,#d8e0ea 48%,#77879b 100%);
  border:1px solid rgba(255,255,255,.4);
  box-shadow:inset 0 2px rgba(255,255,255,.55),inset 0 -5px rgba(0,0,0,.17),0 3px 0 rgba(0,0,0,.26),0 8px 14px rgba(0,0,0,.22);
}
.runnerup-medal-3d::after{
  content:"2";position:absolute;inset:0;display:grid;place-items:center;
  color:#314159;font-weight:900;font-size:13px;text-shadow:0 1px rgba(255,255,255,.7);
}


/* Club crest correction: preserve original pixels and colors.
   White raster background is removed by theme-v2.js from edge-connected white only. */
.club-logo{
  width:34px!important;
  height:34px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  outline:0!important;
  border-radius:0!important;
  background:transparent!important;
  object-fit:contain!important;
  box-shadow:none!important;
  filter:drop-shadow(0 5px 5px rgba(0,0,0,.34))!important;
  opacity:1!important;
  mix-blend-mode:normal!important;
  image-rendering:auto!important;
}
.club-logo.club-logo-sm{width:26px!important;height:26px!important}
.club-logo.club-logo-lg{width:44px!important;height:44px!important}
.club-logo[data-club="العين"]{
  filter:none!important;
  opacity:1!important;
  mix-blend-mode:normal!important;
  -webkit-filter:none!important;
}
.member-row:hover .club-logo{
  filter:drop-shadow(0 5px 5px rgba(0,0,0,.34))!important;
}
.member-row:hover .club-logo[data-club="العين"]{
  filter:none!important;
}


/* ===== Ezba premium competition phase v5 ===== */
.ui-icon::before,.inline-ui-icon::before,.wheel-ball-icon::before{
  content:"";display:block;width:100%;height:100%;
  background:linear-gradient(180deg,#fff,#d9e7f4 55%,#91a5bd);
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
  -webkit-mask-position:center;mask-position:center;
  -webkit-mask-size:contain;mask-size:contain;
}
.inline-ui-icon{
  position:relative;display:inline-flex;width:18px;height:18px;vertical-align:-4px;margin-left:7px;flex:0 0 auto;
}
.ui-icon.ui-members::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M8.5 11a4 4 0 1 0 0-8 4 4 0 0 0 0 8Zm7-1a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7ZM2 21v-2c0-3.3 2.7-6 6-6h1c3.3 0 6 2.7 6 6v2H2Zm14.3 0v-2c0-2-.7-3.8-1.9-5.2.6-.5 1.4-.8 2.3-.8h.6a5.2 5.2 0 0 1 5.2 5.2V21h-6.2Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M8.5 11a4 4 0 1 0 0-8 4 4 0 0 0 0 8Zm7-1a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7ZM2 21v-2c0-3.3 2.7-6 6-6h1c3.3 0 6 2.7 6 6v2H2Zm14.3 0v-2c0-2-.7-3.8-1.9-5.2.6-.5 1.4-.8 2.3-.8h.6a5.2 5.2 0 0 1 5.2 5.2V21h-6.2Z'/%3E%3C/svg%3E")
}
.ui-icon.ui-start::before,.inline-ui-icon.ui-file::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M5 3h11l4 4v14H5V3Zm10 1v4h4l-4-4ZM8 11h8v2H8v-2Zm0 4h8v2H8v-2Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M5 3h11l4 4v14H5V3Zm10 1v4h4l-4-4ZM8 11h8v2H8v-2Zm0 4h8v2H8v-2Z'/%3E%3C/svg%3E")
}
.ui-icon.ui-wheel::before{
  background:linear-gradient(180deg,#fff4ba,#ffc94c 55%,#9c5d09);
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M11 2h2v3.1a7 7 0 0 1 5 2.9l2.7-1.6 1 1.8-2.7 1.6a7 7 0 0 1 0 5.8l2.7 1.6-1 1.8-2.7-1.6a7 7 0 0 1-5 2.9V23h-2v-3.1a7 7 0 0 1-5-2.9l-2.7 1.6-1-1.8L5 15.2a7 7 0 0 1 0-5.8L2.3 7.8l1-1.8L6 7.6a7 7 0 0 1 5-2.9V2Zm1 5a5 5 0 1 0 0 10 5 5 0 0 0 0-10Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M11 2h2v3.1a7 7 0 0 1 5 2.9l2.7-1.6 1 1.8-2.7 1.6a7 7 0 0 1 0 5.8l2.7 1.6-1 1.8-2.7-1.6a7 7 0 0 1-5 2.9V23h-2v-3.1a7 7 0 0 1-5-2.9l-2.7 1.6-1-1.8L5 15.2a7 7 0 0 1 0-5.8L2.3 7.8l1-1.8L6 7.6a7 7 0 0 1 5-2.9V2Zm1 5a5 5 0 1 0 0 10 5 5 0 0 0 0-10Z'/%3E%3C/svg%3E")
}
.ui-icon.ui-groups::before,.ui-icon.ui-single::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 4h7v7H4V4Zm9 0h7v7h-7V4ZM4 13h7v7H4v-7Zm9 0h7v7h-7v-7Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 4h7v7H4V4Zm9 0h7v7h-7V4ZM4 13h7v7H4v-7Zm9 0h7v7h-7v-7Z'/%3E%3C/svg%3E")
}
.ui-icon.ui-knockout::before,.inline-ui-icon.ui-knockout::before{
  background:linear-gradient(180deg,#fff0b4,#ffc23d 55%,#a65b08);
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 3h6v4H8v3h3v4H8v3h2v4H4v-4h2v-4h3v-2H6V7H4V3Zm10 0h6v4h-2v3h-3v2h3v4h2v5h-6v-4h2v-3h-3V9h3V7h-2V3Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 3h6v4H8v3h3v4H8v3h2v4H4v-4h2v-4h3v-2H6V7H4V3Zm10 0h6v4h-2v3h-3v2h3v4h2v5h-6v-4h2v-3h-3V9h3V7h-2V3Z'/%3E%3C/svg%3E")
}
.ui-icon.ui-predictions::before{
  background:linear-gradient(180deg,#eadcff,#a878ff 55%,#5d3da0);
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7 3h10l4 6-9 12L3 9l4-6Zm1 2L6 8h12l-2-3H8Zm-1 5 5 7 5-7H7Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7 3h10l4 6-9 12L3 9l4-6Zm1 2L6 8h12l-2-3H8Zm-1 5 5 7 5-7H7Z'/%3E%3C/svg%3E")
}
.ui-icon.ui-archive::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 3h16l2 4v3h-2v11H4V10H2V7l2-4Zm2 7v9h12v-9H6Zm2 2h8v2H8v-2Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 3h16l2 4v3h-2v11H4V10H2V7l2-4Zm2 7v9h12v-9H6Zm2 2h8v2H8v-2Z'/%3E%3C/svg%3E")
}
.inline-ui-icon.ui-ball::before,.wheel-ball-icon::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm-2 4h4l2 3-2 4h-4L8 9l2-3Zm-4 7 3 1 1 4-2 1.2A8 8 0 0 1 6 13Zm12 0a8 8 0 0 1-2 6.2L14 18l1-4 3-1Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm-2 4h4l2 3-2 4h-4L8 9l2-3Zm-4 7 3 1 1 4-2 1.2A8 8 0 0 1 6 13Zm12 0a8 8 0 0 1-2 6.2L14 18l1-4 3-1Z'/%3E%3C/svg%3E")
}
.inline-ui-icon.ui-lock::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7 10V7a5 5 0 0 1 10 0v3h2v11H5V10h2Zm2 0h6V7a3 3 0 0 0-6 0v3Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7 10V7a5 5 0 0 1 10 0v3h2v11H5V10h2Zm2 0h6V7a3 3 0 0 0-6 0v3Z'/%3E%3C/svg%3E")
}

/* Broadcast-grade draw arena */
.broadcast-wheel{
  padding-top:48px!important;
  overflow:hidden;
  background:
    radial-gradient(circle at 50% 44%,rgba(255,205,75,.14),transparent 29%),
    radial-gradient(circle at 18% 22%,rgba(53,194,255,.10),transparent 28%),
    linear-gradient(160deg,#071426 0%,#0d213c 52%,#071426 100%)!important;
  border:1px solid rgba(255,215,120,.17)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.055),0 24px 50px rgba(0,0,0,.28)!important;
}
.wheel-live-strip{
  position:absolute;top:12px;right:14px;left:14px;height:28px;
  display:flex;align-items:center;justify-content:center;gap:8px;
  border:1px solid rgba(255,255,255,.08);border-radius:10px;
  background:rgba(2,9,19,.58);font-size:11px;font-weight:900;letter-spacing:.3px;color:#dce7f5;
}
.live-dot{width:8px;height:8px;border-radius:50%;background:#ff5364;box-shadow:0 0 0 4px rgba(255,83,100,.12),0 0 12px rgba(255,83,100,.48)}
.wheel-wrap{
  width:318px!important;height:318px!important;
}
.wheel-wrap::after{
  content:"";position:absolute;inset:3px;border-radius:50%;pointer-events:none;
  background:repeating-conic-gradient(from -1deg,rgba(255,255,255,.85) 0 1deg,transparent 1deg 9deg);
  -webkit-mask:radial-gradient(circle,transparent 0 88%,#000 88.5% 91%,transparent 91.5%);
  mask:radial-gradient(circle,transparent 0 88%,#000 88.5% 91%,transparent 91.5%);
  opacity:.42;
}
.wheel{
  width:282px!important;height:282px!important;
  border:8px solid #d7a936!important;
  box-shadow:
    inset 0 0 0 2px rgba(255,255,255,.38),
    inset 0 0 36px rgba(255,255,255,.15),
    0 0 0 5px #071425,
    0 0 0 8px rgba(255,218,119,.19),
    0 18px 50px rgba(0,0,0,.50),
    0 0 34px rgba(255,199,70,.19)!important;
}
.wheel::before{
  content:"";position:absolute;inset:12px;border-radius:50%;pointer-events:none;
  background:radial-gradient(circle at 34% 25%,rgba(255,255,255,.23),transparent 22%,transparent 65%,rgba(0,0,0,.18));
  z-index:1;
}
.wheel-label{
  font-size:11px!important;
  color:#07101d!important;
  text-shadow:0 1px rgba(255,255,255,.5)!important;
  z-index:2;
}
.wheel-hub{
  width:68px!important;height:68px!important;
  border:5px solid #f0c85f!important;
  background:radial-gradient(circle at 35% 28%,#315c8b 0%,#0c223b 55%,#06111e 100%)!important;
  box-shadow:inset 0 2px rgba(255,255,255,.24),inset 0 -8px rgba(0,0,0,.25),0 6px 0 #59411d,0 12px 20px rgba(0,0,0,.42),0 0 22px rgba(255,207,86,.16)!important;
}
.wheel-ball-icon{display:block;width:31px;height:31px}
.wheel-ball-icon::before{background:linear-gradient(180deg,#fff,#c7d4e3 55%,#7d91a8)}
.pointer{
  width:44px;height:48px;top:-15px!important;font-size:0!important;
  background:linear-gradient(180deg,#ff8a91,#d52d42 60%,#821b29);
  clip-path:polygon(50% 100%,2% 0,98% 0);
  border-radius:6px 6px 0 0;
  filter:drop-shadow(0 6px 6px rgba(0,0,0,.44))!important;
  z-index:8!important;
}
.spin-btn{
  min-width:210px!important;min-height:48px!important;border-radius:14px!important;
  background:linear-gradient(180deg,#ffe08a,#dba72d)!important;
  border:1px solid rgba(255,255,255,.38)!important;
  box-shadow:inset 0 2px rgba(255,255,255,.42),inset 0 -5px rgba(94,55,4,.24),0 5px 0 #725014,0 13px 24px rgba(0,0,0,.26)!important;
}

/* Player identity cards & professional group presentation */
.player-identity{display:flex;align-items:center;justify-content:center;gap:7px;min-width:0}
.player-identity.compact{gap:5px}
.player-identity-text{display:flex;flex-direction:column;align-items:flex-start;min-width:0;line-height:1.12}
.player-club-mini{font-size:8.5px;color:#8799ad;font-weight:700;margin-top:2px;max-width:75px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.draw-player-card{
  display:flex!important;align-items:center!important;gap:9px!important;
  min-height:42px;padding:7px 8px!important;margin-bottom:6px;
  border:1px solid rgba(255,255,255,.075)!important;border-radius:11px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.04),0 6px 14px rgba(0,0,0,.12);
}
.draw-player-number{
  display:grid;place-items:center;width:25px;height:25px;border-radius:8px;flex:0 0 25px;
  color:#071421;font-size:11px;font-weight:900;
  background:linear-gradient(145deg,#ffe390,#d4a32c);
  box-shadow:inset 0 1px rgba(255,255,255,.55),0 3px 0 rgba(70,46,5,.55);
}
.draw-group-card .group-title,.group-box .group-title{
  display:flex;align-items:center;gap:8px;
}
.group-letter{
  display:inline-grid;place-items:center;width:29px;height:29px;border-radius:9px;
  font-size:12px;font-weight:900;color:#071421;
  background:linear-gradient(145deg,#8bf0bd,#36c986);
  box-shadow:inset 0 1px rgba(255,255,255,.48),inset 0 -4px rgba(0,0,0,.13),0 3px 0 rgba(0,0,0,.18);
}
.box-b .group-letter{background:linear-gradient(145deg,#9bdcff,#35b7ef)}
.group-box{
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}
.group-box.box-a{
  background:
    radial-gradient(circle at 90% 0,rgba(50,213,131,.16),transparent 31%),
    linear-gradient(165deg,rgba(20,55,48,.70),rgba(7,19,31,.88))!important;
}
.group-box.box-b{
  background:
    radial-gradient(circle at 10% 0,rgba(53,194,255,.16),transparent 31%),
    linear-gradient(165deg,rgba(16,45,70,.70),rgba(7,19,31,.88))!important;
}
.round-block{
  padding:10px;border:1px solid rgba(255,255,255,.055);border-radius:13px;
  background:rgba(2,9,18,.23);margin-bottom:12px!important;
}
.round-label{
  color:#aebed0!important;font-size:10.5px!important;letter-spacing:.35px!important;
}
.match-row{
  position:relative;
  min-height:54px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.018))!important;
  border:1px solid rgba(255,255,255,.085)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.035),0 7px 14px rgba(0,0,0,.13)!important;
}
.match-name .player-identity{width:100%}
.match-name .player-identity-text{align-items:center}
.score-select{
  width:36px!important;min-width:36px!important;height:36px!important;padding:4px 0!important;
  border-radius:10px!important;
  background:#071626!important;
  border:1px solid rgba(255,211,102,.27)!important;
  color:#ffe29a!important;
  box-shadow:inset 0 2px 7px rgba(0,0,0,.27)!important;
}
.vs{
  width:22px;height:22px;display:grid;place-items:center;border-radius:50%;
  background:rgba(255,255,255,.06);font-size:0!important;flex:0 0 22px;
}
.vs::after{content:"VS";font-size:7px;font-weight:900;color:#8396aa}
table.score-table{
  border-collapse:separate!important;border-spacing:0 4px!important;
  background:rgba(3,11,20,.23);padding:6px;border-radius:12px;
}
table.score-table thead th{border-bottom:0!important}
table.score-table tbody tr td{
  background:rgba(255,255,255,.035);
  border-top:1px solid rgba(255,255,255,.045);
  border-bottom:1px solid rgba(255,255,255,.045)!important;
}
table.score-table tbody tr td:first-child{border-radius:0 9px 9px 0}
table.score-table tbody tr td:last-child{border-radius:9px 0 0 9px}
.qualify-row td{
  background:linear-gradient(90deg,rgba(255,205,80,.12),rgba(50,213,131,.08))!important;
}
.penalty-shootout-label{
  display:flex!important;align-items:center;justify-content:center;gap:7px!important;
}

@media(max-width:600px){
  .wheel-wrap{width:284px!important;height:284px!important}
  .wheel{width:252px!important;height:252px!important}
  .wheel-hub{width:62px!important;height:62px!important}
  .wheel-ball-icon{width:27px;height:27px}
  .wheel-label{font-size:9.5px!important}
  .group-box{padding:8px!important}
  .round-block{padding:6px}
  .match-row{padding:7px 3px!important;gap:4px!important}
  .player-club-mini{display:none}
  .match-name .club-logo{width:20px!important;height:20px!important}
  .group-letter{width:25px;height:25px;border-radius:8px;font-size:10px}
}


/* Remaining premium UI icon glyphs */
.ui-icon.ui-login::before,.inline-ui-icon.ui-lock::before{
  background:linear-gradient(180deg,#fff3bf,#f1c34f 56%,#a7680e);
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7 10V7a5 5 0 0 1 10 0v3h2v11H5V10h2Zm2 0h6V7a3 3 0 0 0-6 0v3Zm3 3a2 2 0 0 0-1 3.73V19h2v-2.27A2 2 0 0 0 12 13Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7 10V7a5 5 0 0 1 10 0v3h2v11H5V10h2Zm2 0h6V7a3 3 0 0 0-6 0v3Zm3 3a2 2 0 0 0-1 3.73V19h2v-2.27A2 2 0 0 0 12 13Z'/%3E%3C/svg%3E")
}
.ui-icon.ui-profile::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 12a5 5 0 1 0 0-10 5 5 0 0 0 0 10Zm0 2c-5 0-9 2.7-9 6v2h18v-2c0-3.3-4-6-9-6Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 12a5 5 0 1 0 0-10 5 5 0 0 0 0 10Zm0 2c-5 0-9 2.7-9 6v2h18v-2c0-3.3-4-6-9-6Z'/%3E%3C/svg%3E")
}
.ui-icon.ui-admin::before{
  background:linear-gradient(180deg,#dff5ff,#67cfff 56%,#2779a8);
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='m14 2 2 2-3 3 4 4 3-3 2 2-3 3 2 2-4 4-2-2-5 5-3-3 5-5-2-2 4-4 2 2 3-3-4-4-3 3-2-2 4-4Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='m14 2 2 2-3 3 4 4 3-3 2 2-3 3 2 2-4 4-2-2-5 5-3-3 5-5-2-2 4-4 2 2 3-3-4-4-3 3-2-2 4-4Z'/%3E%3C/svg%3E")
}
.ui-icon.ui-broadcast::before,.inline-ui-icon.ui-broadcast::before{
  background:linear-gradient(180deg,#ffd8ea,#ff72b6 55%,#a92d69);
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 10v4h4l7 4V6l-7 4H3Zm13-2v8a5 5 0 0 0 0-8Zm2-4v3a8 8 0 0 1 0 10v3a11 11 0 0 0 0-16Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 10v4h4l7 4V6l-7 4H3Zm13-2v8a5 5 0 0 0 0-8Zm2-4v3a8 8 0 0 1 0 10v3a11 11 0 0 0 0-16Z'/%3E%3C/svg%3E")
}
.inline-ui-icon.ui-bell::before{
  background:linear-gradient(180deg,#fff3bd,#ffd15c 55%,#ab6b0b);
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2a2 2 0 0 1 2 2v.3A7 7 0 0 1 19 11v4l2 3H3l2-3v-4a7 7 0 0 1 5-6.7V4a2 2 0 0 1 2-2Zm-3 18h6a3 3 0 0 1-6 0Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2a2 2 0 0 1 2 2v.3A7 7 0 0 1 19 11v4l2 3H3l2-3v-4a7 7 0 0 1 5-6.7V4a2 2 0 0 1 2-2Zm-3 18h6a3 3 0 0 1-6 0Z'/%3E%3C/svg%3E")
}
.inline-ui-icon.ui-backup::before,.inline-ui-icon.ui-download::before{
  background:linear-gradient(180deg,#ddf8eb,#53d99a 55%,#20754e);
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M5 3h12l2 2v16H5V3Zm3 2v5h8V5H8Zm4 8-4 4h3v2h2v-2h3l-4-4Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M5 3h12l2 2v16H5V3Zm3 2v5h8V5H8Zm4 8-4 4h3v2h2v-2h3l-4-4Z'/%3E%3C/svg%3E")
}
.inline-ui-icon.ui-success::before{
  background:linear-gradient(180deg,#caffdf,#43d989 55%,#1c7a4c);
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M9.5 17 4 11.5 6 9.5l3.5 3.5L18 4.5l2 2L9.5 17Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M9.5 17 4 11.5 6 9.5l3.5 3.5L18 4.5l2 2L9.5 17Z'/%3E%3C/svg%3E")
}
.inline-ui-icon.ui-rest::before{
  background:linear-gradient(180deg,#d8e8ff,#7da8e9 55%,#385f9f);
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 5h9L7 11h6v3H4l6-6H4V5Zm10 4h7l-4 4h4v3h-7l4-4h-4V9Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 5h9L7 11h6v3H4l6-6H4V5Zm10 4h7l-4 4h4v3h-7l4-4h-4V9Z'/%3E%3C/svg%3E")
}
.inline-ui-icon.ui-trophy::before{
  background:linear-gradient(180deg,#fff4ba,#ffc94d 55%,#a66208);
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7 2h10v3h4v3c0 3-2 5.5-5 6.4A6 6 0 0 1 13 18v2h4v2H7v-2h4v-2a6 6 0 0 1-3-3.6C5 13.5 3 11 3 8V5h4V2Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7 2h10v3h4v3c0 3-2 5.5-5 6.4A6 6 0 0 1 13 18v2h4v2H7v-2h4v-2a6 6 0 0 1-3-3.6C5 13.5 3 11 3 8V5h4V2Z'/%3E%3C/svg%3E")
}


/* ===== iOS/PWA vertical scrolling fix v6 =====
   Keep pinch zoom blocked, but restore full vertical document scrolling. */
html{
  height:100%!important;
  min-height:100%!important;
  overflow:hidden!important;
  overscroll-behavior:none!important;
}
body{
  height:100dvh!important;
  min-height:100dvh!important;
  max-height:none!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  -webkit-overflow-scrolling:touch!important;
  overscroll-behavior-y:contain!important;
  touch-action:pan-y!important;
  position:relative!important;
}
#app{
  contain:none!important;
  width:100%!important;
  min-height:100%!important;
  height:auto!important;
  max-height:none!important;
  overflow:visible!important;
  flex:0 0 auto!important;
}
.layout,main,.card,.sidebar-card{
  max-height:none!important;
  overflow:visible;
}
.player-grid{
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
}
@media (display-mode:standalone){
  body{
    height:100dvh!important;
    min-height:100dvh!important;
    overflow-y:auto!important;
  }
}


/* ===== Members home premium redesign v7 ===== */
.members-home-card{overflow:hidden!important}
.members-hero{
  display:flex;align-items:center;justify-content:space-between;gap:18px;
  padding:18px;margin:-4px -2px 18px;border-radius:20px;
  background:
    radial-gradient(circle at 10% 10%,rgba(168,120,255,.22),transparent 38%),
    radial-gradient(circle at 90% 90%,rgba(255,114,182,.13),transparent 36%),
    linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.018));
  border:1px solid rgba(195,157,255,.18);
  box-shadow:inset 0 1px rgba(255,255,255,.055),0 16px 32px rgba(0,0,0,.15);
}
.members-hero-copy{min-width:0}
.members-hero-hint{margin-bottom:0!important;max-width:650px}
.attendance-ring{
  --p:calc(var(--attendance) * 1%);
  width:88px;height:88px;flex:0 0 88px;border-radius:50%;display:grid;place-items:center;
  background:conic-gradient(#b783ff var(--p),rgba(255,255,255,.08) 0);
  position:relative;box-shadow:0 12px 26px rgba(0,0,0,.22),0 0 24px rgba(168,120,255,.13);
}
.attendance-ring::before{
  content:"";position:absolute;inset:8px;border-radius:50%;
  background:linear-gradient(145deg,#14233b,#0a1628);
  box-shadow:inset 0 1px rgba(255,255,255,.08);
}
.attendance-ring>div{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;line-height:1}
.attendance-ring strong{font-size:20px;font-weight:900;color:#fff}
.attendance-ring span{font-size:9px;color:#aebbd0;margin-top:6px;font-weight:800}

.members-summary{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-bottom:22px;
}
.summary-tile{
  min-height:88px;display:flex;flex-direction:column;align-items:center;justify-content:center;
  padding:10px 6px;border-radius:15px;text-align:center;
  background:linear-gradient(155deg,rgba(255,255,255,.06),rgba(255,255,255,.018));
  border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px rgba(255,255,255,.04);
}
.summary-tile strong{font-size:22px;font-weight:900;color:#fff;line-height:1;margin:5px 0 3px}
.summary-tile small{font-size:9.5px;color:#91a2b8;font-weight:800;white-space:nowrap}
.summary-icon{
  width:22px;height:22px;border-radius:7px;display:grid;place-items:center;position:relative;
  background:linear-gradient(145deg,#506581,#20344f);
  box-shadow:inset 0 1px rgba(255,255,255,.25),0 3px 0 rgba(0,0,0,.18);
}
.summary-icon::before{
  content:"";width:12px;height:12px;background:#fff;opacity:.94;
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;
}
.summary-icon.ui-total::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M8 11a4 4 0 1 0 0-8 4 4 0 0 0 0 8Zm8-1a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7ZM2 21v-2c0-3.3 2.7-6 6-6h1c3.3 0 6 2.7 6 6v2H2Zm14 0v-2c0-2-.7-3.7-1.8-5.1.6-.5 1.4-.9 2.3-.9h.5a5 5 0 0 1 5 5v3h-6Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M8 11a4 4 0 1 0 0-8 4 4 0 0 0 0 8Zm8-1a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7ZM2 21v-2c0-3.3 2.7-6 6-6h1c3.3 0 6 2.7 6 6v2H2Zm14 0v-2c0-2-.7-3.7-1.8-5.1.6-.5 1.4-.9 2.3-.9h.5a5 5 0 0 1 5 5v3h-6Z'/%3E%3C/svg%3E")}
.summary-tile.success .summary-icon{background:linear-gradient(145deg,#67edaa,#219561)}
.summary-icon.ui-check::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='m9 18-5-5 2-2 3 3 9-9 2 2-11 11Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='m9 18-5-5 2-2 3 3 9-9 2 2-11 11Z'/%3E%3C/svg%3E")}
.summary-tile.waiting .summary-icon{background:linear-gradient(145deg,#ffdd7d,#ba7b13)}
.summary-icon.ui-clock::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm1 4v5.6l4 2.3-1 1.7-5-3V6h2Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm1 4v5.6l4 2.3-1 1.7-5-3V6h2Z'/%3E%3C/svg%3E")}
.summary-tile.guest .summary-icon{background:linear-gradient(145deg,#ff9bc9,#b14278)}
.summary-icon.ui-guest::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 11a4 4 0 1 0 0-8 4 4 0 0 0 0 8Zm-7 10v-2c0-3.3 2.7-6 6-6h2c3.3 0 6 2.7 6 6v2H5Zm14-12V6h2v3h3v2h-3v3h-2v-3h-3V9h3Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 11a4 4 0 1 0 0-8 4 4 0 0 0 0 8Zm-7 10v-2c0-3.3 2.7-6 6-6h2c3.3 0 6 2.7 6 6v2H5Zm14-12V6h2v3h3v2h-3v3h-2v-3h-3V9h3Z'/%3E%3C/svg%3E")}

.member-section-head{
  display:flex;align-items:center;justify-content:space-between;
  margin:18px 0 9px;padding:0 2px;
}
.member-section-head>div{display:flex;align-items:center;gap:8px}
.member-section-head strong{font-size:12.5px;color:#e8eef7}
.section-status{width:9px;height:9px;border-radius:50%;box-shadow:0 0 0 4px rgba(255,255,255,.035)}
.section-status.green{background:#39d98a;box-shadow:0 0 0 4px rgba(57,217,138,.10)}
.section-status.amber{background:#f4bb48;box-shadow:0 0 0 4px rgba(244,187,72,.10)}
.section-count{
  min-width:28px;height:24px;display:grid;place-items:center;padding:0 8px;border-radius:999px;
  background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.07);
  font-size:10px;font-weight:900;color:#b8c7da;
}
.members-list{display:flex;flex-direction:column;gap:7px}
.premium-member{
  display:grid!important;grid-template-columns:48px minmax(0,1fr) auto;align-items:center!important;
  min-height:66px!important;padding:9px 10px!important;gap:10px!important;
  border-right:0!important;
  transition:none!important;
}
.premium-member.confirmed{
  background:
    radial-gradient(circle at 94% 20%,rgba(50,213,131,.13),transparent 28%),
    linear-gradient(145deg,rgba(50,213,131,.08),rgba(255,255,255,.018))!important;
}
.member-avatar{
  width:46px;height:46px;display:grid;place-items:center;border-radius:14px;
  background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.022));
  border:1px solid rgba(255,255,255,.09);
  box-shadow:inset 0 1px rgba(255,255,255,.06),0 8px 16px rgba(0,0,0,.18);
  overflow:visible;
}
.member-avatar>span{font-size:17px;font-weight:900;color:#d6e1ef}
.member-avatar .club-logo{width:40px!important;height:40px!important}
.premium-member .member-info{min-width:0}
.premium-member .member-name{display:flex;align-items:center;gap:7px;font-size:14px!important;line-height:1.2}
.premium-member .member-club{margin-top:5px;min-height:0!important;font-size:10px!important;color:#8496ab!important}
.premium-member .member-club .club-logo{display:none!important}
.member-actions{display:flex;align-items:center;gap:6px}
.premium-member .confirm-btn{
  min-width:70px!important;height:34px!important;padding:0 10px!important;border-radius:10px!important;
  display:flex;align-items:center;justify-content:center;gap:6px;
  font-size:10.5px!important;
}
.status-dot{width:7px;height:7px;border-radius:50%;background:#f1b73f;box-shadow:0 0 8px rgba(241,183,63,.36)}
.confirmed-btn .status-dot{background:#36d789;box-shadow:0 0 8px rgba(54,215,137,.42)}
.premium-remove{
  width:31px!important;height:31px!important;display:grid!important;place-items:center!important;padding:0!important;
  border-radius:10px!important;background:rgba(255,91,103,.07)!important;border:1px solid rgba(255,91,103,.13)!important;
}
.premium-empty{border:1px dashed rgba(255,255,255,.08);border-radius:13px;background:rgba(255,255,255,.018);padding:14px!important}

.premium-add-box{
  margin-top:22px!important;padding:16px!important;border-style:solid!important;
  background:
    radial-gradient(circle at 100% 0,rgba(168,120,255,.11),transparent 35%),
    linear-gradient(145deg,rgba(255,255,255,.04),rgba(255,255,255,.015))!important;
}
.add-member-head{display:flex;align-items:center;gap:11px;margin-bottom:14px}
.add-member-head>div{display:flex;flex-direction:column;gap:3px}
.add-member-head strong{font-size:13px;color:#f0f4fa}
.add-member-head small{font-size:9.5px;color:#8294aa}
.add-member-icon{
  width:35px;height:35px;border-radius:11px;display:grid;place-items:center;
  font-size:22px;font-weight:500;color:#091423;
  background:linear-gradient(145deg,#d2b4ff,#9d66ef);
  box-shadow:inset 0 1px rgba(255,255,255,.4),0 4px 0 #593881;
}
.premium-checkbox{padding:9px 2px!important;margin-bottom:8px!important;color:#a7b5c7!important}
.add-member-submit{display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important}
.inline-add-plus{font-size:18px;line-height:1}

.day-end-panel{
  margin-top:20px;padding:15px;border-radius:16px;
  background:linear-gradient(145deg,rgba(255,95,109,.065),rgba(255,255,255,.015));
  border:1px solid rgba(255,95,109,.11);
}
.day-end-copy{display:flex;flex-direction:column;gap:4px;margin-bottom:9px}
.day-end-copy strong{font-size:12.5px;color:#f2dde1}
.day-end-copy span{font-size:9.5px;line-height:1.5;color:#8f9cad}
.day-end-panel .cta-btn{margin-top:0!important;min-height:42px!important;font-size:12px!important}

@media(max-width:600px){
  .members-hero{padding:14px;gap:10px}
  .attendance-ring{width:74px;height:74px;flex-basis:74px}
  .attendance-ring strong{font-size:17px}
  .members-summary{gap:6px}
  .summary-tile{min-height:78px;padding:8px 2px}
  .summary-tile strong{font-size:19px}
  .summary-tile small{font-size:8px}
  .summary-icon{width:20px;height:20px}
  .premium-member{grid-template-columns:42px minmax(0,1fr) auto;min-height:60px!important;padding:8px!important;gap:7px!important}
  .member-avatar{width:40px;height:40px;border-radius:12px}
  .member-avatar .club-logo{width:35px!important;height:35px!important}
  .premium-member .member-name{font-size:12.5px!important}
  .premium-member .confirm-btn{min-width:60px!important;padding:0 7px!important;font-size:9.5px!important}
  .premium-remove{width:28px!important;height:28px!important}
}


/* ===== Current tournament premium setup v8 ===== */
.tournament-setup-card{overflow:hidden!important}
.tournament-setup-hero{
  display:flex;align-items:center;justify-content:space-between;gap:18px;
  padding:22px;margin:-4px -2px 18px;border-radius:22px;
  background:
    radial-gradient(circle at 84% 16%,rgba(255,211,92,.18),transparent 31%),
    radial-gradient(circle at 15% 85%,rgba(50,213,131,.10),transparent 32%),
    linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.016));
  border:1px solid rgba(255,214,113,.18);
  box-shadow:inset 0 1px rgba(255,255,255,.055),0 18px 36px rgba(0,0,0,.16);
}
.tournament-setup-copy{min-width:0}
.tournament-name-premium{
  font-size:clamp(25px,5vw,34px)!important;font-weight:900!important;
  margin:2px 0 6px!important;line-height:1.15;
  background:linear-gradient(90deg,#fff7d8,#ffd768);
  -webkit-background-clip:text;background-clip:text;color:transparent!important;
}
.tournament-hero-hint{margin:0!important;max-width:620px}
.tournament-ready-orb{
  width:92px;height:92px;border-radius:50%;flex:0 0 92px;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  background:
    radial-gradient(circle at 34% 25%,rgba(255,255,255,.2),transparent 22%),
    linear-gradient(145deg,#24334a,#101c2e);
  border:1px solid rgba(255,255,255,.12);
  box-shadow:inset 0 2px rgba(255,255,255,.08),0 12px 28px rgba(0,0,0,.28);
}
.tournament-ready-orb.ready{
  background:
    radial-gradient(circle at 34% 25%,rgba(255,255,255,.28),transparent 22%),
    linear-gradient(145deg,#43da91,#176a48);
  box-shadow:inset 0 2px rgba(255,255,255,.18),0 12px 28px rgba(0,0,0,.25),0 0 24px rgba(50,213,131,.12);
}
.tournament-ready-orb strong{font-size:25px;font-weight:900;line-height:1;color:#fff}
.tournament-ready-orb span{font-size:9px;font-weight:800;color:#d6e0ed;margin-top:5px}

.tournament-status-row{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:22px;
}
.tournament-status-item{
  min-height:66px;display:flex;align-items:center;justify-content:center;gap:9px;
  padding:10px;border-radius:15px;
  background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.016));
  border:1px solid rgba(255,255,255,.075);
}
.tournament-status-item>div{display:flex;flex-direction:column;line-height:1.1}
.tournament-status-item strong{font-size:14px;font-weight:900;color:#eef4fb}
.tournament-status-item small{font-size:8.5px;color:#899aaf;margin-top:5px;font-weight:700}
.status-mini-icon{
  width:29px;height:29px;border-radius:9px;position:relative;flex:0 0 29px;
  background:linear-gradient(145deg,#415875,#1e324c);
  box-shadow:inset 0 1px rgba(255,255,255,.18),0 3px 0 rgba(0,0,0,.16);
}
.status-mini-icon::before{
  content:"";position:absolute;inset:7px;background:#fff;
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;
}
.status-mini-icon.ui-members-mini::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M8 11a4 4 0 1 0 0-8 4 4 0 0 0 0 8Zm8-1a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7ZM2 21v-2c0-3.3 2.7-6 6-6h1c3.3 0 6 2.7 6 6v2H2Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M8 11a4 4 0 1 0 0-8 4 4 0 0 0 0 8Zm8-1a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7ZM2 21v-2c0-3.3 2.7-6 6-6h1c3.3 0 6 2.7 6 6v2H2Z'/%3E%3C/svg%3E")
}
.status-mini-icon.ui-mode-mini::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 4h7v7H3V4Zm11 0h7v7h-7V4ZM3 14h7v7H3v-7Zm11 0h7v7h-7v-7Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 4h7v7H3V4Zm11 0h7v7h-7V4ZM3 14h7v7H3v-7Zm11 0h7v7h-7v-7Z'/%3E%3C/svg%3E")
}
.tournament-status-item.is-ready .status-mini-icon{background:linear-gradient(145deg,#67e7a7,#27875d)}
.tournament-status-item.not-ready .status-mini-icon{background:linear-gradient(145deg,#ffd56f,#a66b0b)}
.status-mini-icon.ui-ready-mini::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='m9 18-5-5 2-2 3 3 9-9 2 2-11 11Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='m9 18-5-5 2-2 3 3 9-9 2 2-11 11Z'/%3E%3C/svg%3E")
}

.setup-section-head{
  display:flex;align-items:center;justify-content:space-between;margin:18px 0 10px;
}
.setup-section-head>div{display:flex;align-items:center;gap:10px}
.setup-section-head>div>div{display:flex;flex-direction:column;gap:2px}
.setup-section-head strong{font-size:13px;color:#edf3fa}
.setup-section-head small{font-size:9px;color:#7f91a7}
.setup-step{
  width:28px;height:28px;border-radius:9px;display:grid;place-items:center;
  background:linear-gradient(145deg,#ffe18b,#c99320);color:#101724;
  font-size:11px;font-weight:900;
  box-shadow:inset 0 1px rgba(255,255,255,.45),0 3px 0 #64490f;
}
.setup-count{
  min-width:30px;height:25px;border-radius:999px;padding:0 8px;display:grid;place-items:center;
  background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.07);
  font-size:10px;font-weight:900;color:#b4c3d5;
}
.mode-head{margin-top:23px}

.tournament-player-grid{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;
}
.tournament-player-card{
  min-height:58px;display:grid;grid-template-columns:28px 42px minmax(0,1fr) auto;align-items:center;gap:8px;
  padding:8px 9px;border-radius:13px;
  background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.016));
  border:1px solid rgba(255,255,255,.075);
  box-shadow:inset 0 1px rgba(255,255,255,.035);
}
.tournament-player-num{
  width:25px;height:25px;border-radius:8px;display:grid;place-items:center;
  background:#162a44;color:#9fb3ca;font-size:10px;font-weight:900;
}
.tournament-player-logo{
  width:40px;height:40px;display:grid;place-items:center;
}
.tournament-player-logo .club-logo{width:38px!important;height:38px!important}
.tournament-player-copy{display:flex;flex-direction:column;min-width:0;line-height:1.12}
.tournament-player-copy strong{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tournament-player-copy small{font-size:8.5px;color:#8192a7;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ready-chip{
  font-size:8px;font-weight:900;color:#69e6aa;background:rgba(50,213,131,.09);
  border:1px solid rgba(50,213,131,.16);padding:4px 6px;border-radius:999px;
}
.tournament-empty{grid-column:1/-1;border:1px dashed rgba(255,255,255,.08);border-radius:13px;padding:17px!important}

.premium-mode-switch{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;
}
.premium-mode-card{
  position:relative;min-height:118px;padding:13px 8px 11px;border-radius:16px;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;
  background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.014));
  border:1px solid rgba(255,255,255,.075);color:#d8e1ed;cursor:pointer;
  box-shadow:inset 0 1px rgba(255,255,255,.035);transition:none!important;
}
.premium-mode-card.active{
  background:
    radial-gradient(circle at 50% 0,rgba(255,206,76,.15),transparent 45%),
    linear-gradient(145deg,rgba(255,204,81,.10),rgba(255,255,255,.018));
  border-color:rgba(255,211,101,.36);
  box-shadow:inset 0 1px rgba(255,255,255,.08),0 10px 22px rgba(0,0,0,.13);
}
.premium-mode-card strong{font-size:11px;font-weight:900}
.premium-mode-card small{font-size:8px;color:#7f91a6;text-align:center;line-height:1.35}
.mode-card-icon{
  width:38px;height:38px;border-radius:12px;position:relative;
  background:linear-gradient(145deg,#2c4667,#142942);
  box-shadow:inset 0 1px rgba(255,255,255,.16),0 4px 0 rgba(0,0,0,.19);
}
.premium-mode-card.active .mode-card-icon{background:linear-gradient(145deg,#ffe28e,#c99526)}
.mode-card-icon::before{
  content:"";position:absolute;inset:9px;background:#fff;
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;
}
.premium-mode-card.active .mode-card-icon::before{background:#182235}
.mode-card-icon.ui-two-groups::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 4h7v7H3V4Zm11 0h7v7h-7V4ZM3 14h7v7H3v-7Zm11 0h7v7h-7v-7Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 4h7v7H3V4Zm11 0h7v7h-7V4ZM3 14h7v7H3v-7Zm11 0h7v7h-7v-7Z'/%3E%3C/svg%3E")
}
.mode-card-icon.ui-one-group::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 5h16v4H4V5Zm0 5h16v4H4v-4Zm0 5h16v4H4v-4Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 5h16v4H4V5Zm0 5h16v4H4v-4Zm0 5h16v4H4v-4Z'/%3E%3C/svg%3E")
}
.mode-card-icon.ui-cup-mode::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7 2h10v3h4v3c0 3-2 5.5-5 6.4A6 6 0 0 1 13 18v2h4v2H7v-2h4v-2a6 6 0 0 1-3-3.6C5 13.5 3 11 3 8V5h4V2Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7 2h10v3h4v3c0 3-2 5.5-5 6.4A6 6 0 0 1 13 18v2h4v2H7v-2h4v-2a6 6 0 0 1-3-3.6C5 13.5 3 11 3 8V5h4V2Z'/%3E%3C/svg%3E")
}
.mode-selected-mark{
  position:absolute;left:9px;top:9px;width:12px;height:12px;border-radius:50%;
  border:2px solid rgba(255,255,255,.16);
}
.premium-mode-card.active .mode-selected-mark{
  background:#49db92;border-color:#9bffc6;box-shadow:0 0 10px rgba(73,219,146,.35);
}

.mode-explainer{
  margin-top:10px;padding:10px 11px;border-radius:12px;display:flex;align-items:center;gap:8px;
  background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.055);
  font-size:9.5px;line-height:1.55;color:#8fa0b4;
}
.mode-explainer-icon{
  width:22px;height:22px;border-radius:7px;display:grid;place-items:center;flex:0 0 22px;
  background:#172b46;color:#9fc3ef;font-size:11px;font-weight:900;
}

.seeding-card{
  margin-top:13px;padding:12px;border-radius:14px;display:grid;
  grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;
  background:linear-gradient(145deg,rgba(255,202,75,.08),rgba(255,255,255,.015));
  border:1px solid rgba(255,205,85,.14);
}
.seeding-icon{
  width:34px;height:34px;border-radius:10px;display:grid;place-items:center;
  background:linear-gradient(145deg,#342b17,#1c1a16);
}
.seeding-copy{display:flex;flex-direction:column;min-width:0}
.seeding-copy strong{font-size:10.5px;color:#f1deb0}
.seeding-copy span{font-size:8px;color:#8f8065;margin-top:4px;line-height:1.45}
.seeding-switch input{display:none}
.seeding-switch>span{
  display:block;width:38px;height:22px;border-radius:999px;position:relative;
  background:#243248;border:1px solid rgba(255,255,255,.1);
}
.seeding-switch>span::after{
  content:"";position:absolute;top:3px;right:3px;width:14px;height:14px;border-radius:50%;
  background:#8494a8;transition:.15s ease;
}
.seeding-switch input:checked+span{background:#2c8058}
.seeding-switch input:checked+span::after{right:19px;background:#8df0b9}

.setup-start-panel{
  margin-top:18px;padding:14px;border-radius:17px;
  background:
    radial-gradient(circle at 95% 50%,rgba(255,206,79,.11),transparent 36%),
    linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.012));
  border:1px solid rgba(255,255,255,.065);
}
.setup-start-copy{display:flex;flex-direction:column;gap:3px;margin-bottom:10px}
.setup-start-copy strong{font-size:12px;color:#eef4fa}
.setup-start-copy span{font-size:9px;color:#8292a6}
.tournament-start-btn{
  display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;
  min-height:48px!important;border-radius:14px!important;font-size:13px!important;
}
.start-btn-icon{
  width:19px;height:19px;background:#172235;
  clip-path:polygon(18% 8%,88% 50%,18% 92%);
}
.tournament-start-btn:disabled .start-btn-icon{opacity:.45}

.club-logo[data-club="السد"]{
  filter:none!important;
  -webkit-filter:none!important;
  opacity:1!important;
  mix-blend-mode:normal!important;
}
.member-row:hover .club-logo[data-club="السد"],
.tournament-player-card .club-logo[data-club="السد"]{filter:none!important;-webkit-filter:none!important}

@media(max-width:600px){
  .tournament-setup-hero{padding:15px;gap:10px}
  .tournament-ready-orb{width:76px;height:76px;flex-basis:76px}
  .tournament-ready-orb strong{font-size:21px}
  .tournament-status-row{gap:6px}
  .tournament-status-item{min-height:58px;padding:7px;gap:6px}
  .status-mini-icon{width:25px;height:25px;flex-basis:25px}
  .tournament-status-item strong{font-size:11px}
  .tournament-status-item small{font-size:7.5px}
  .tournament-player-grid{grid-template-columns:1fr}
  .premium-mode-switch{gap:6px}
  .premium-mode-card{min-height:105px;padding:10px 4px}
  .premium-mode-card strong{font-size:9.5px}
  .premium-mode-card small{font-size:7px}
  .mode-card-icon{width:34px;height:34px}
}


/* ===== Professional draw wheel page v9 ===== */
.wheel-page-card{overflow:hidden!important}
.wheel-page-header{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:18px 19px;margin:-3px -2px 16px;border-radius:20px;
  background:
    radial-gradient(circle at 88% 10%,rgba(255,208,84,.16),transparent 30%),
    radial-gradient(circle at 10% 100%,rgba(53,194,255,.09),transparent 32%),
    linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.014));
  border:1px solid rgba(255,214,113,.15);
}
.wheel-page-hint{margin:0!important;max-width:620px}
.draw-progress-orb{
  --p:calc(var(--draw-progress) * 1%);
  width:80px;height:80px;border-radius:50%;flex:0 0 80px;display:grid;place-items:center;position:relative;
  background:conic-gradient(#f2c650 var(--p),rgba(255,255,255,.075) 0);
  box-shadow:0 12px 24px rgba(0,0,0,.24),0 0 24px rgba(242,198,80,.09);
}
.draw-progress-orb::before{
  content:"";position:absolute;inset:7px;border-radius:50%;
  background:linear-gradient(145deg,#14233a,#091522);
  box-shadow:inset 0 1px rgba(255,255,255,.07);
}
.draw-progress-orb strong,.draw-progress-orb span{position:relative;z-index:1}
.draw-progress-orb strong{font-size:16px;font-weight:900;align-self:end;color:#fff}
.draw-progress-orb span{font-size:8px;color:#9aaabc;align-self:start;margin-top:4px;font-weight:800}

.draw-status-grid{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-bottom:16px;
}
.draw-status-card{
  min-height:62px;display:flex;align-items:center;justify-content:center;gap:8px;
  padding:8px;border-radius:14px;
  background:linear-gradient(145deg,rgba(255,255,255,.05),rgba(255,255,255,.015));
  border:1px solid rgba(255,255,255,.07);
}
.draw-status-card>div{display:flex;flex-direction:column;line-height:1.08}
.draw-status-card strong{font-size:13px;font-weight:900;color:#edf3fa}
.draw-status-card small{font-size:7.5px;color:#8192a8;margin-top:4px;font-weight:700}
.draw-status-icon{
  width:29px;height:29px;border-radius:9px;display:grid;place-items:center;flex:0 0 29px;
  color:#fff;font-size:10px;font-weight:900;position:relative;
  background:linear-gradient(145deg,#324862,#162b43);
  box-shadow:inset 0 1px rgba(255,255,255,.16),0 3px 0 rgba(0,0,0,.16);
}
.group-a-status .draw-status-icon{background:linear-gradient(145deg,#72ebb2,#269162);color:#092016}
.group-b-status .draw-status-icon{background:linear-gradient(145deg,#7fd4ff,#328fc0);color:#071b28}
.draw-status-icon.ui-pending::before,.draw-status-icon.ui-drawn::before{
  content:"";position:absolute;inset:8px;background:#fff;
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;
}
.draw-status-icon.ui-pending::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm1 4v5.6l4 2.3-1 1.7-5-3V6h2Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm1 4v5.6l4 2.3-1 1.7-5-3V6h2Z'/%3E%3C/svg%3E")
}
.draw-status-icon.ui-drawn::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='m9 18-5-5 2-2 3 3 9-9 2 2-11 11Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='m9 18-5-5 2-2 3 3 9-9 2 2-11 11Z'/%3E%3C/svg%3E")
}

.premium-wheel-arena{
  position:relative!important;padding:54px 16px 18px!important;border-radius:24px!important;margin:8px 0 18px!important;
}
.wheel-live-strip{
  justify-content:flex-start!important;padding:0 11px!important;
}
.live-counter{
  margin-right:auto;padding:3px 8px;border-radius:999px;
  background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.07);
  font-size:8px;color:#9fb0c4;font-weight:800;
}
.wheel-stage{
  width:100%;display:grid;place-items:center;position:relative;padding:10px 0 2px;
}
.wheel-stage-ring{
  position:absolute;width:340px;height:340px;border-radius:50%;
  border:1px solid rgba(255,218,115,.12);
  box-shadow:0 0 0 15px rgba(255,255,255,.012),0 0 65px rgba(255,194,56,.08);
  pointer-events:none;
}
.wheel-wrap{width:326px!important;height:326px!important}
.wheel{width:288px!important;height:288px!important}
.wheel-label{font-size:10.5px!important;width:96px!important;margin-left:-48px!important}
.wheel-hub{
  flex-direction:column!important;gap:1px!important;width:72px!important;height:72px!important;
}
.wheel-hub small{font-size:6px;letter-spacing:1.1px;color:#e3c774;font-weight:900}
.pointer{
  top:-13px!important;width:46px!important;height:51px!important;
  background:linear-gradient(180deg,#ff9097,#d63449 56%,#7c1626)!important;
  box-shadow:none!important;
}
.spin-control-zone{width:100%;display:flex;flex-direction:column;align-items:center;gap:7px}
.premium-spin-btn{
  min-width:min(280px,92%)!important;min-height:52px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;
  font-size:13px!important;border-radius:15px!important;
}
.spin-button-icon{
  width:19px;height:19px;border-radius:50%;border:2px solid #192437;position:relative;
}
.spin-button-icon::after{
  content:"";position:absolute;left:-3px;top:1px;width:6px;height:6px;
  border-left:2px solid #192437;border-top:2px solid #192437;transform:rotate(-45deg);
}
.spin-helper{font-size:8.5px;color:#788ba2;font-weight:700}
.draw-last-winner{
  width:min(440px,94%);padding:10px 12px;border-radius:15px;
  background:
    radial-gradient(circle at 88% 0,rgba(255,210,85,.15),transparent 34%),
    linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.016));
  border:1px solid rgba(255,214,109,.19);
  box-shadow:inset 0 1px rgba(255,255,255,.05),0 10px 22px rgba(0,0,0,.15);
}
.draw-last-winner-badge{
  display:inline-flex;padding:3px 7px;border-radius:999px;margin-bottom:7px;
  background:rgba(255,202,65,.10);border:1px solid rgba(255,207,82,.17);
  color:#eecb70;font-size:7.5px;font-weight:900;
}
.draw-last-winner-main{display:flex;align-items:center;gap:10px}
.draw-last-winner-logo{
  width:45px;height:45px;display:grid;place-items:center;border-radius:12px;
  background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.06);
}
.draw-last-winner-logo .club-logo{width:40px!important;height:40px!important}
.draw-last-winner-main>div{display:flex;flex-direction:column}
.draw-last-winner-main strong{font-size:14px}
.draw-last-winner-main small{font-size:8.5px;color:#8394a9;margin-top:4px}

.draw-groups-header{
  display:flex;align-items:center;justify-content:space-between;margin:4px 0 10px;
}
.draw-groups-header>div{display:flex;align-items:center;gap:10px}
.draw-groups-header>div>div{display:flex;flex-direction:column}
.draw-groups-header strong{font-size:12px;color:#edf3fa}
.draw-groups-header small{font-size:8.5px;color:#7f91a6;margin-top:2px}
.draw-groups-grid{margin-bottom:0!important}
.premium-draw-group{
  padding:11px!important;min-height:126px;
  border-radius:17px!important;
}
.premium-draw-group .group-title{
  margin-bottom:9px!important;padding-bottom:8px!important;
}
.premium-draw-group .group-title em{
  margin-right:auto;font-style:normal;font-size:8px;color:#8799ad;
  padding:3px 6px;border-radius:999px;background:rgba(255,255,255,.05);
}
.draw-group-list{display:flex;flex-direction:column;gap:6px}
.draw-empty-slot{
  min-height:60px;display:grid;place-items:center;text-align:center;
  border:1px dashed rgba(255,255,255,.075);border-radius:12px;
  color:#63758b;font-size:9px;
}
.draw-player-card{margin-bottom:0!important}
.draw-complete-panel{
  margin-top:16px;padding:14px;border-radius:17px;display:grid;
  grid-template-columns:40px minmax(0,1fr);align-items:center;gap:10px;
  background:
    radial-gradient(circle at 100% 0,rgba(50,213,131,.13),transparent 35%),
    linear-gradient(145deg,rgba(50,213,131,.065),rgba(255,255,255,.015));
  border:1px solid rgba(50,213,131,.13);
}
.draw-complete-icon{
  width:40px;height:40px;border-radius:12px;display:grid;place-items:center;
  background:linear-gradient(145deg,#5ee5a3,#237a55);
  box-shadow:inset 0 1px rgba(255,255,255,.28),0 4px 0 #155238;
}
.draw-complete-copy{display:flex;flex-direction:column}
.draw-complete-copy strong{font-size:12px;color:#dcf8e9}
.draw-complete-copy span{font-size:8.5px;color:#7eaa93;margin-top:4px}
.draw-next-btn{grid-column:1/-1;margin-top:1px!important;min-height:45px!important;border-radius:13px!important}

@media(max-width:600px){
  .wheel-page-header{padding:14px;gap:10px}
  .draw-progress-orb{width:68px;height:68px;flex-basis:68px}
  .draw-progress-orb strong{font-size:14px}
  .draw-status-grid{gap:5px}
  .draw-status-card{min-height:54px;padding:5px;gap:5px}
  .draw-status-icon{width:24px;height:24px;flex-basis:24px}
  .draw-status-card strong{font-size:10.5px}
  .draw-status-card small{font-size:6.5px}
  .premium-wheel-arena{padding-left:8px!important;padding-right:8px!important}
  .wheel-stage-ring{width:296px;height:296px}
  .wheel-wrap{width:286px!important;height:286px!important}
  .wheel{width:252px!important;height:252px!important}
  .wheel-label{
    font-size:9px!important;width:82px!important;margin-left:-41px!important;
    transform-origin:0 0;
  }
  .wheel-hub{width:62px!important;height:62px!important}
  .live-counter{font-size:7px}
  .premium-draw-group{padding:7px!important}
}


/* ===== Professional groups and fixtures page v10 ===== */
.groups-page-card{overflow:visible!important}
.groups-page-card .score-table-scroll{overflow-x:auto!important;-webkit-overflow-scrolling:touch}
.groups-hero{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:18px 19px;margin:-3px -2px 15px;border-radius:20px;
  background:
    radial-gradient(circle at 88% 8%,rgba(50,213,131,.14),transparent 31%),
    radial-gradient(circle at 8% 95%,rgba(53,194,255,.08),transparent 32%),
    linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.014));
  border:1px solid rgba(86,225,163,.14);
}
.groups-hero-hint{margin:0!important;max-width:620px}
.groups-progress-orb{
  --p:calc(var(--groups-progress) * 1%);
  width:78px;height:78px;border-radius:50%;flex:0 0 78px;display:grid;place-items:center;position:relative;
  background:conic-gradient(#42d795 var(--p),rgba(255,255,255,.075) 0);
  box-shadow:0 12px 24px rgba(0,0,0,.23),0 0 22px rgba(66,215,149,.09);
}
.groups-progress-orb::before{
  content:"";position:absolute;inset:7px;border-radius:50%;
  background:linear-gradient(145deg,#14263a,#091622);
  box-shadow:inset 0 1px rgba(255,255,255,.07);
}
.groups-progress-orb strong,.groups-progress-orb span{position:relative;z-index:1}
.groups-progress-orb strong{font-size:15px;font-weight:900;align-self:end}
.groups-progress-orb span{font-size:7.5px;color:#91a4b8;align-self:start;margin-top:4px;font-weight:800}

.groups-overview{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-bottom:13px;
}
.single-overview{grid-template-columns:repeat(3,minmax(0,1fr))}
.groups-overview-card{
  min-height:60px;display:flex;align-items:center;justify-content:center;gap:7px;padding:7px;
  border-radius:13px;background:linear-gradient(145deg,rgba(255,255,255,.05),rgba(255,255,255,.014));
  border:1px solid rgba(255,255,255,.07);
}
.groups-overview-card>div{display:flex;flex-direction:column;line-height:1.05}
.groups-overview-card strong{font-size:12px;font-weight:900;color:#edf4fa}
.groups-overview-card small{font-size:7px;color:#8192a7;margin-top:4px;font-weight:700}
.overview-icon,.overview-letter{
  width:27px;height:27px;border-radius:8px;display:grid;place-items:center;position:relative;flex:0 0 27px;
  background:linear-gradient(145deg,#364d67,#172c43);color:#fff;font-size:9px;font-weight:900;
}
.overview-a .overview-letter{background:linear-gradient(145deg,#75edb5,#268e60);color:#092117}
.overview-b .overview-letter{background:linear-gradient(145deg,#7bd5ff,#328fbe);color:#071b29}
.overview-ready .overview-icon{background:linear-gradient(145deg,#6ce9ad,#257b56)}
.overview-icon::before{
  content:"";position:absolute;inset:7px;background:#fff;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;
}
.overview-icon.ui-fixtures::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 3h16v18H4V3Zm3 3v3h10V6H7Zm0 5v3h10v-3H7Zm0 5v2h6v-2H7Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 3h16v18H4V3Zm3 3v3h10V6H7Zm0 5v3h10v-3H7Zm0 5v2h6v-2H7Z'/%3E%3C/svg%3E")
}
.overview-icon.ui-nextstage::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M13 4l7 8-7 8v-5H4v-6h9V4Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M13 4l7 8-7 8v-5H4v-6h9V4Z'/%3E%3C/svg%3E")
}
.overview-icon.ui-members-mini::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M8 11a4 4 0 1 0 0-8 4 4 0 0 0 0 8Zm8-1a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7ZM2 21v-2c0-3.3 2.7-6 6-6h1c3.3 0 6 2.7 6 6v2H2Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M8 11a4 4 0 1 0 0-8 4 4 0 0 0 0 8Zm8-1a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7ZM2 21v-2c0-3.3 2.7-6 6-6h1c3.3 0 6 2.7 6 6v2H2Z'/%3E%3C/svg%3E")
}
.groups-rule-strip{
  display:flex;align-items:center;gap:8px;padding:9px 10px;margin-bottom:14px;border-radius:11px;
  background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.055);
  color:#8798ac;font-size:8.5px;line-height:1.45;
}
.groups-rule-icon{
  width:21px;height:21px;border-radius:7px;display:grid;place-items:center;flex:0 0 21px;
  background:#19304a;color:#9dc3ec;font-size:10px;font-weight:900;
}
.premium-groups-grid{gap:10px!important}
.premium-group-panel{padding:11px!important;border-radius:18px!important}
.group-panel-top{
  display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px;
}
.group-panel-top .group-title{margin:0!important;padding:0!important;border:0!important;flex:1}
.group-progress-mini{width:82px;display:flex;align-items:center;gap:5px}
.group-progress-mini>span{
  flex:1;height:5px;border-radius:999px;background:rgba(255,255,255,.06);overflow:hidden;
}
.group-progress-mini i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#37c984,#7ae4b1)}
.box-b .group-progress-mini i{background:linear-gradient(90deg,#3eb7ed,#83d8ff)}
.group-progress-mini small{font-size:7px;color:#8ea0b4;font-weight:800}
.group-tabs-label{
  display:flex;align-items:center;gap:6px;font-size:8.5px;color:#91a3b7;font-weight:800;margin-bottom:9px;
}
.premium-round{
  padding:8px!important;border-radius:12px!important;margin-bottom:9px!important;
  background:rgba(1,8,17,.22)!important;
}
.premium-round-label{margin-bottom:7px!important}
.premium-round-label em{
  margin-right:auto;font-style:normal;font-size:7px;color:#75889f;
  padding:2px 6px;border-radius:999px;background:rgba(255,255,255,.04);
}
.premium-match-row{
  display:grid!important;grid-template-columns:18px minmax(0,1fr) auto minmax(0,1fr) 8px!important;
  gap:5px!important;min-height:58px!important;padding:6px 5px!important;
}
.premium-match-row.is-played{
  border-color:rgba(50,213,131,.13)!important;
  background:linear-gradient(145deg,rgba(50,213,131,.055),rgba(255,255,255,.012))!important;
}
.match-sequence{
  width:17px;height:17px;border-radius:6px;display:grid;place-items:center;
  background:rgba(255,255,255,.045);color:#75879c;font-size:7px;font-weight:900;
}
.match-score-zone{display:flex;align-items:center;gap:4px}
.premium-match-row .match-state-dot{
  width:6px;height:6px;border-radius:50%;background:#63778e;
}
.premium-match-row.is-played .match-state-dot{
  background:#3bd38a;box-shadow:0 0 8px rgba(59,211,138,.4);
}
.premium-match-row .match-name{min-width:0}
.premium-match-row .player-identity{gap:4px}
.premium-match-row .club-logo{width:22px!important;height:22px!important}
.premium-match-row .player-identity-text{font-size:10px!important}
.premium-bye{
  display:flex!important;align-items:center;justify-content:center;gap:6px!important;
  border:1px dashed rgba(255,255,255,.07);border-radius:10px;margin-top:5px!important;
}
.premium-bye>span:last-child{font-size:8px;color:#75889d}
.standings-wrap{
  margin-top:12px;padding:9px;border-radius:13px;
  background:rgba(2,9,18,.28);border:1px solid rgba(255,255,255,.055);
}
.standings-head{
  display:flex;align-items:center;justify-content:space-between;margin-bottom:7px;
}
.standings-head>div{display:flex;align-items:center;gap:6px}
.standings-head strong{font-size:9.5px;color:#dce6f2}
.standings-head small{font-size:7px;color:#6f8197}
.standings-icon{
  width:20px;height:20px;border-radius:6px;position:relative;background:linear-gradient(145deg,#31506f,#182c43);
}
.standings-icon::before{
  content:"";position:absolute;inset:5px;background:#fff;
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 20V10h4v10H4Zm6 0V4h4v16h-4Zm6 0v-7h4v7h-4Z'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 20V10h4v10H4Zm6 0V4h4v16h-4Zm6 0v-7h4v7h-4Z'/%3E%3C/svg%3E");
}
.score-table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.score-table-scroll::-webkit-scrollbar{display:none}
table.score-table{min-width:500px!important}
.table-player-cell{text-align:right!important}
.table-player-identity{display:flex;align-items:center;gap:5px;min-width:90px}
.table-player-identity .club-logo{width:18px!important;height:18px!important}
.table-rank{
  width:19px;height:19px;border-radius:6px;display:grid;place-items:center;
  background:rgba(255,255,255,.045);color:#91a3b8;font-size:8px;font-weight:900;
}
.rank-first .table-rank{background:linear-gradient(145deg,#ffe38d,#c99728);color:#111a26}
.rank-second .table-rank{background:linear-gradient(145deg,#e7edf5,#8795a8);color:#142030}
.pts-pill{
  display:inline-grid;place-items:center;min-width:24px;height:21px;padding:0 5px;border-radius:7px;
  background:rgba(255,206,82,.10);border:1px solid rgba(255,206,82,.15);color:#ffd875;font-size:9px;
}
.groups-next-panel{
  margin-top:15px;padding:13px;border-radius:16px;
  background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012));
  border:1px solid rgba(255,255,255,.055);
}
.groups-next-panel.ready{
  background:
    radial-gradient(circle at 96% 0,rgba(50,213,131,.11),transparent 35%),
    linear-gradient(145deg,rgba(50,213,131,.05),rgba(255,255,255,.012));
  border-color:rgba(50,213,131,.12);
}
.groups-next-copy{display:flex;flex-direction:column;gap:3px;margin-bottom:9px}
.groups-next-copy strong{font-size:11px;color:#e8eef6}
.groups-next-copy span{font-size:8.5px;color:#8092a7}
.groups-next-btn{
  min-height:45px!important;border-radius:13px!important;margin-top:0!important;
  display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;
  font-size:11.5px!important;
}
.next-stage-icon{
  width:16px;height:16px;background:#142235;
  clip-path:polygon(0 35%,58% 35%,58% 5%,100% 50%,58% 95%,58% 65%,0 65%);
}
.groups-action-note{
  margin-top:7px;padding:8px;border-radius:10px;background:rgba(255,255,255,.025);
  color:#8091a5;font-size:8px;text-align:center;
}

@media(max-width:600px){
  .groups-hero{padding:14px;gap:10px}
  .groups-progress-orb{width:66px;height:66px;flex-basis:66px}
  .groups-progress-orb strong{font-size:13px}
  .groups-overview{gap:5px}
  .groups-overview-card{min-height:52px;padding:5px;gap:4px}
  .groups-overview-card strong{font-size:9.5px}
  .groups-overview-card small{font-size:6px}
  .overview-icon,.overview-letter{width:23px;height:23px;flex-basis:23px}
  .premium-groups-grid{gap:6px!important}
  .premium-group-panel{padding:7px!important}
  .group-progress-mini{width:62px}
  .premium-round{padding:5px!important}
  .premium-match-row{
    grid-template-columns:14px minmax(0,1fr) auto minmax(0,1fr) 6px!important;
    gap:3px!important;padding:5px 2px!important;min-height:54px!important;
  }
  .match-sequence{width:14px;height:14px;font-size:6px}
  .premium-match-row .club-logo{width:18px!important;height:18px!important}
  .premium-match-row .player-identity-text{font-size:8.5px!important}
  .premium-match-row .score-select{width:31px!important;min-width:31px!important;height:32px!important;font-size:11px!important}
  .premium-match-row .vs{width:18px;height:18px;flex-basis:18px}
  .premium-match-row .vs::after{font-size:6px}
  .standings-wrap{padding:6px}
}


/* ===== Premium knockout stage v11 ===== */
.knockout-page-card{overflow:hidden!important}
.knockout-hero{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:18px 19px;margin:-3px -2px 16px;border-radius:20px;
  background:
    radial-gradient(circle at 88% 8%,rgba(92,150,255,.16),transparent 31%),
    radial-gradient(circle at 8% 96%,rgba(168,120,255,.10),transparent 32%),
    linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.014));
  border:1px solid rgba(109,164,255,.16);
}
.knockout-hero-hint{margin:0!important;max-width:620px}
.knockout-progress-orb{
  --p:calc(var(--ko-progress) * 1%);
  width:78px;height:78px;border-radius:50%;flex:0 0 78px;display:grid;place-items:center;position:relative;
  background:conic-gradient(#79a7ff var(--p),rgba(255,255,255,.075) 0);
  box-shadow:0 12px 24px rgba(0,0,0,.23),0 0 22px rgba(108,140,255,.11);
}
.knockout-progress-orb::before{
  content:"";position:absolute;inset:7px;border-radius:50%;
  background:linear-gradient(145deg,#14233b,#091522);
  box-shadow:inset 0 1px rgba(255,255,255,.07);
}
.knockout-progress-orb strong,.knockout-progress-orb span{position:relative;z-index:1}
.knockout-progress-orb strong{font-size:15px;font-weight:900;align-self:end}
.knockout-progress-orb span{font-size:7.5px;color:#91a4b8;align-self:start;margin-top:4px;font-weight:800}

.knockout-path{
  display:grid;grid-template-columns:auto 1fr auto 1fr auto;align-items:center;gap:7px;
  margin-bottom:16px;padding:10px;border-radius:14px;
  background:rgba(255,255,255,.022);border:1px solid rgba(255,255,255,.055);
}
.knockout-path>i{height:2px;border-radius:999px;background:rgba(255,255,255,.07)}
.path-step{display:flex;align-items:center;gap:6px;opacity:.42}
.path-step.active{opacity:1}
.path-step span{
  width:25px;height:25px;border-radius:8px;display:grid;place-items:center;
  background:#21344e;color:#a9bdd5;font-size:9px;font-weight:900;
}
.path-step.active span{background:linear-gradient(145deg,#79a9ff,#476fc5);color:#071321}
.path-step.champion span{background:linear-gradient(145deg,#ffe28a,#c89524)}
.path-step strong{font-size:8.5px;white-space:nowrap;color:#b9c7d8}

.knockout-semis-grid{gap:10px!important}
.knockout-match-card{
  padding:12px!important;border-radius:18px!important;
  background:
    radial-gradient(circle at 50% 0,rgba(89,145,235,.10),transparent 34%),
    linear-gradient(155deg,rgba(255,255,255,.045),rgba(255,255,255,.014))!important;
  border-color:rgba(111,160,240,.14)!important;
}
.knockout-match-card.resolved{
  border-color:rgba(50,213,131,.15)!important;
  background:
    radial-gradient(circle at 50% 0,rgba(50,213,131,.09),transparent 34%),
    linear-gradient(155deg,rgba(255,255,255,.045),rgba(255,255,255,.014))!important;
}
.knockout-match-head{
  display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;
}
.knockout-round-badge{
  padding:4px 8px;border-radius:999px;background:rgba(108,140,255,.10);
  border:1px solid rgba(108,140,255,.15);color:#a8c2ff;font-size:8.5px;font-weight:900;
}
.knockout-match-status{font-size:7.5px;color:#74879d}
.knockout-match-card.resolved .knockout-match-status{color:#65dba0}

.knockout-versus{
  display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px;
}
.knockout-player-side{
  min-width:0;display:flex;flex-direction:column;align-items:center;text-align:center;
  padding:9px 5px;border-radius:13px;border:1px solid rgba(255,255,255,.055);
  background:rgba(255,255,255,.02);
}
.knockout-player-side.winner-side{
  border-color:rgba(50,213,131,.18);
  background:linear-gradient(145deg,rgba(50,213,131,.08),rgba(255,255,255,.016));
}
.knockout-player-logo{
  width:49px;height:49px;display:grid;place-items:center;margin-bottom:5px;
}
.knockout-player-logo .club-logo{width:46px!important;height:46px!important}
.knockout-player-side strong{font-size:11px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.knockout-player-side small{font-size:7.5px;color:#7d8fa5;margin-top:4px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.knockout-score-core{
  display:flex;flex-direction:column;align-items:center;gap:5px;padding:5px;
}
.knockout-score-core .score-select{
  width:42px!important;height:38px!important;border-radius:11px!important;
  font-size:14px!important;background:#071626!important;
}
.knockout-vs{
  width:28px;height:20px;border-radius:999px;display:grid;place-items:center;
  background:rgba(255,255,255,.05);color:#7d91a8;font-size:7px;font-weight:900;
}
.knockout-winner-strip{
  display:flex;align-items:center;justify-content:center;gap:6px;margin-top:9px;padding:7px;
  border-radius:10px;background:rgba(50,213,131,.06);border:1px solid rgba(50,213,131,.10);
  color:#73dfa9;font-size:8.5px;font-weight:800;
}

.knockout-next-panel{
  margin-top:14px;padding:13px;border-radius:16px;
  background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012));
  border:1px solid rgba(255,255,255,.055);
}
.knockout-next-panel.ready{
  border-color:rgba(108,140,255,.16);
  background:linear-gradient(145deg,rgba(108,140,255,.07),rgba(255,255,255,.012));
}
.knockout-next-panel>div{display:flex;flex-direction:column;gap:3px;margin-bottom:9px}
.knockout-next-panel strong{font-size:11px;color:#e5edf7}
.knockout-next-panel span{font-size:8.5px;color:#8294aa}
.knockout-next-btn{margin-top:0!important;min-height:44px!important;border-radius:13px!important;font-size:11.5px!important}

.premium-final-box{
  position:relative!important;margin-top:15px!important;padding:17px 14px!important;border-radius:20px!important;
  background:
    radial-gradient(circle at 50% 0,rgba(255,205,77,.16),transparent 36%),
    linear-gradient(155deg,rgba(255,205,77,.07),rgba(255,255,255,.015))!important;
  border:1px solid rgba(255,211,95,.20)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.05),0 16px 30px rgba(0,0,0,.16)!important;
}
.final-stage-label{
  display:flex;align-items:center;justify-content:center;gap:7px;
  font-size:13px;font-weight:900;color:#f6d77c;
}
.final-stage-subtitle{text-align:center;font-size:8.5px;color:#877a60;margin:4px 0 12px}
.final-versus{max-width:660px;margin:0 auto}
.final-logo{width:58px!important;height:58px!important}
.final-logo .club-logo{width:54px!important;height:54px!important}
.final-score-core .score-select{width:46px!important;height:42px!important;font-size:15px!important;border-color:rgba(255,208,84,.28)!important}
.premium-final-box.resolved{box-shadow:inset 0 1px rgba(255,255,255,.07),0 18px 36px rgba(0,0,0,.18),0 0 30px rgba(255,202,65,.08)!important}

.premium-champion-panel{
  margin-top:12px;padding:12px;border-radius:14px;display:flex;align-items:center;justify-content:center;gap:10px;
  background:linear-gradient(145deg,rgba(255,205,70,.13),rgba(255,255,255,.018));
  border:1px solid rgba(255,211,91,.20);
}
.champion-mini-crown{
  width:34px;height:30px;background:linear-gradient(180deg,#fff0a9,#ffc944 55%,#a5600b);
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 6l4.5 4L12 3l4.5 7L21 6l-2 12H5L3 6Zm3 14h12v2H6v-2Z'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 6l4.5 4L12 3l4.5 7L21 6l-2 12H5L3 6Zm3 14h12v2H6v-2Z'/%3E%3C/svg%3E");
  -webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
  filter:drop-shadow(0 5px 4px rgba(0,0,0,.28));
}
.premium-champion-panel>div{display:flex;flex-direction:column}
.premium-champion-panel small{font-size:8px;color:#9c8655}
.premium-champion-panel strong{font-size:15px;margin-top:3px}
.archive-final-btn{min-height:45px!important;border-radius:13px!important;font-size:11.5px!important}

.direct-final-note{
  display:flex;align-items:center;gap:9px;padding:12px;border-radius:14px;margin-bottom:12px;
  background:rgba(50,213,131,.055);border:1px solid rgba(50,213,131,.10);
}
.direct-final-note>div{display:flex;flex-direction:column}
.direct-final-note strong{font-size:10px;color:#cdeede}
.direct-final-note span{font-size:8px;color:#789c89;margin-top:3px}

@media(max-width:600px){
  .knockout-hero{padding:14px;gap:10px}
  .knockout-progress-orb{width:66px;height:66px;flex-basis:66px}
  .knockout-progress-orb strong{font-size:13px}
  .knockout-path{gap:4px;padding:8px 5px}
  .path-step{gap:4px}
  .path-step span{width:22px;height:22px}
  .path-step strong{font-size:7px}
  .knockout-semis-grid{gap:6px!important}
  .knockout-match-card{padding:8px!important}
  .knockout-versus{gap:4px}
  .knockout-player-side{padding:7px 2px}
  .knockout-player-logo{width:40px;height:40px}
  .knockout-player-logo .club-logo{width:37px!important;height:37px!important}
  .knockout-player-side strong{font-size:9px}
  .knockout-player-side small{font-size:6.5px}
  .knockout-score-core .score-select{width:35px!important;height:34px!important;font-size:12px!important}
  .final-logo{width:47px!important;height:47px!important}
  .final-logo .club-logo{width:44px!important;height:44px!important}
}


/* ===== Premium historical rankings and archive v12 ===== */
.ui-icon.ui-stats::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 20h18v2H3v-2Zm2-2V9h4v9H5Zm5 0V3h4v15h-4Zm5 0v-6h4v6h-4Z'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 20h18v2H3v-2Zm2-2V9h4v9H5Zm5 0V3h4v15h-4Zm5 0v-6h4v6h-4Z'/%3E%3C/svg%3E");
}
.ui-icon.ui-friendly::before{
  background:linear-gradient(180deg,#ffe0a8,#ff9f43 55%,#a35412);
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm-3 7a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3Zm6 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3Zm-7 4h8a4 4 0 0 1-8 0Z'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm-3 7a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3Zm6 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3Zm-7 4h8a4 4 0 0 1-8 0Z'/%3E%3C/svg%3E");
}

.stats-page-card{overflow:hidden!important}
.stats-hero{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:18px 19px;margin:-3px -2px 16px;border-radius:20px;
  background:
    radial-gradient(circle at 88% 10%,rgba(255,205,80,.15),transparent 30%),
    radial-gradient(circle at 10% 95%,rgba(215,224,237,.08),transparent 32%),
    linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.014));
  border:1px solid rgba(255,220,132,.15);
}
.stats-hero-hint{margin:0!important;max-width:620px}
.stats-trophy-orb{
  width:82px;height:82px;flex:0 0 82px;border-radius:24px;display:grid;place-items:center;position:relative;
  background:linear-gradient(145deg,#223249,#0d1a2b);
  border:1px solid rgba(255,216,111,.17);
  box-shadow:inset 0 1px rgba(255,255,255,.07),0 12px 26px rgba(0,0,0,.24),0 0 22px rgba(255,205,80,.08);
}
.stats-trophy-orb .badge-trophy-3d{width:38px!important;height:42px!important;margin:0!important}
.stats-trophy-orb small{
  position:absolute;bottom:5px;left:7px;min-width:21px;height:21px;padding:0 5px;border-radius:999px;
  display:grid;place-items:center;background:#e2b844;color:#101723;font-size:8px;font-weight:900;
}

.stats-summary-grid{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-bottom:13px;
}
.stats-summary-card{
  min-height:64px;display:flex;align-items:center;justify-content:center;gap:7px;padding:7px;
  border-radius:14px;background:linear-gradient(145deg,rgba(255,255,255,.05),rgba(255,255,255,.014));
  border:1px solid rgba(255,255,255,.07);
}
.stats-summary-card>div{display:flex;flex-direction:column;line-height:1.05;min-width:0}
.stats-summary-card strong{
  font-size:12px;font-weight:900;color:#eef4fa;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.stats-summary-card small{font-size:7px;color:#8192a7;margin-top:4px;font-weight:700}
.stats-summary-icon{
  width:29px;height:29px;border-radius:9px;position:relative;flex:0 0 29px;
  background:linear-gradient(145deg,#425771,#1d3149);
  box-shadow:inset 0 1px rgba(255,255,255,.15),0 3px 0 rgba(0,0,0,.15);
}
.stats-summary-icon::before{
  content:"";position:absolute;inset:7px;background:#fff;
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;
}
.stats-summary-icon.ui-tournaments::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M5 3h14v18H5V3Zm3 3v3h8V6H8Zm0 5v2h8v-2H8Zm0 4v2h5v-2H8Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M5 3h14v18H5V3Zm3 3v3h8V6H8Zm0 5v2h8v-2H8Zm0 4v2h5v-2H8Z'/%3E%3C/svg%3E")
}
.stats-summary-icon.ui-crown-mini{background:linear-gradient(145deg,#ffe389,#bd8b20)}
.stats-summary-icon.ui-crown-mini::before{
  background:#182132;
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 6l4.5 4L12 3l4.5 7L21 6l-2 12H5L3 6Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 6l4.5 4L12 3l4.5 7L21 6l-2 12H5L3 6Z'/%3E%3C/svg%3E")
}
.stats-summary-icon.ui-final-mini::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7 2h10v3h4v3c0 3-2 5.5-5 6.4A6 6 0 0 1 13 18v2h4v2H7v-2h4v-2a6 6 0 0 1-3-3.6C5 13.5 3 11 3 8V5h4V2Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7 2h10v3h4v3c0 3-2 5.5-5 6.4A6 6 0 0 1 13 18v2h4v2H7v-2h4v-2a6 6 0 0 1-3-3.6C5 13.5 3 11 3 8V5h4V2Z'/%3E%3C/svg%3E")
}
.stats-summary-icon.ui-history-mini::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 3a9 9 0 1 1-8.5 6H1l4-4 4 4H6a7 7 0 1 0 6-4V3Zm-1 4h2v5.3l3.6 2.1-1 1.7L11 13.4V7Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 3a9 9 0 1 1-8.5 6H1l4-4 4 4H6a7 7 0 1 0 6-4V3Zm-1 4h2v5.3l3.6 2.1-1 1.7L11 13.4V7Z'/%3E%3C/svg%3E")
}

.stats-export-btn{
  min-height:43px!important;border-radius:13px!important;margin:0 0 16px!important;
  background:linear-gradient(180deg,#dce6f2,#9eacbc)!important;color:#172234!important;
  box-shadow:inset 0 1px rgba(255,255,255,.5),0 4px 0 #566272!important;font-size:11px!important;
}
.stats-section-head{
  display:flex;align-items:center;justify-content:space-between;margin:16px 0 10px;
}
.stats-section-head>div{display:flex;align-items:center;gap:9px}
.stats-section-head>div>div{display:flex;flex-direction:column}
.stats-section-head strong{font-size:12px;color:#edf3fa}
.stats-section-head small{font-size:8px;color:#7f91a7;margin-top:2px}
.archive-section-head{margin-top:22px}

.stats-grid{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;
}
.premium-stat-block{
  margin:0!important;padding:11px;border-radius:15px;
  background:linear-gradient(150deg,rgba(255,255,255,.045),rgba(255,255,255,.014));
  border:1px solid rgba(255,255,255,.065);
  box-shadow:inset 0 1px rgba(255,255,255,.03);
  min-width:0;
}
.premium-stat-block .stat-block-title{
  display:flex;align-items:center;gap:7px;margin-bottom:8px!important;padding-bottom:7px;
  border-bottom:1px solid rgba(255,255,255,.055);font-size:9.5px!important;color:#cbd7e5!important;
  letter-spacing:0!important;text-transform:none!important;
}
.premium-stat-block .stat-title-icon{width:23px!important;height:23px!important;flex:0 0 23px}
.stat-block-body{display:flex;flex-direction:column;gap:3px}
.premium-stat-row{
  min-height:34px;padding:5px 4px!important;border-bottom:0!important;border-radius:9px;
  background:rgba(255,255,255,.018);gap:6px!important;font-size:10px!important;
}
.premium-stat-row.podium-gold{background:linear-gradient(90deg,rgba(255,208,75,.10),rgba(255,255,255,.014))}
.premium-stat-row.podium-silver{background:linear-gradient(90deg,rgba(205,217,232,.07),rgba(255,255,255,.012))}
.premium-stat-row.podium-bronze{background:linear-gradient(90deg,rgba(205,135,72,.07),rgba(255,255,255,.012))}
.premium-stat-row .stat-rank{
  width:21px!important;height:21px!important;border-radius:7px!important;font-size:8px!important;background:#1a2c42!important;
}
.premium-stat-row.podium-gold .stat-rank{background:linear-gradient(145deg,#ffe58d,#c99424)!important;color:#131b26!important}
.premium-stat-row.podium-silver .stat-rank{background:linear-gradient(145deg,#eef3f8,#8d9bac)!important;color:#172234!important}
.premium-stat-row.podium-bronze .stat-rank{background:linear-gradient(145deg,#e8ad76,#945b2f)!important;color:#1b1512!important}
.stat-player-cell{
  flex:1;min-width:0;display:flex;align-items:center;gap:5px;
}
.stat-player-cell .club-logo{width:18px!important;height:18px!important}
.stat-player-cell>span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.premium-stat-row .stat-value{
  display:flex;align-items:baseline;gap:2px;white-space:nowrap;
  color:#f0cf70!important;font-size:10px!important;
}
.premium-stat-row .stat-value small{font-size:6.5px;color:#8c9cb0;font-weight:700}
.premium-stat-empty{padding:11px!important;border-radius:9px;background:rgba(255,255,255,.015)}

.archive-help{margin:0 0 10px!important;font-size:9px!important}
.premium-archive-list{display:flex;flex-direction:column;gap:8px}
.premium-archive-card{
  display:grid!important;grid-template-columns:30px minmax(0,1fr) auto!important;align-items:center!important;
  gap:9px!important;padding:10px!important;border-bottom:0!important;border-radius:14px;
  background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.014));
  border:1px solid rgba(255,255,255,.065);
}
.archive-index{
  width:28px;height:28px;border-radius:9px;display:grid;place-items:center;
  background:linear-gradient(145deg,#334a64,#172b42);color:#aabbd0;font-size:9px;font-weight:900;
}
.archive-main{min-width:0}
.archive-title-row{display:flex;align-items:center;gap:6px;margin-bottom:7px}
.archive-title-row strong{font-size:11px;color:#edf3fa;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.archive-status{
  font-size:6.5px;color:#68dba4;padding:3px 6px;border-radius:999px;
  background:rgba(50,213,131,.07);border:1px solid rgba(50,213,131,.11);font-weight:900;
}
.archive-podium{display:flex;align-items:center;gap:8px;min-width:0}
.archive-champion,.archive-runner{display:flex;align-items:center;gap:6px;min-width:0;flex:1}
.archive-champion .club-logo{width:27px!important;height:27px!important}
.archive-runner .club-logo{width:20px!important;height:20px!important}
.archive-champion>div,.archive-runner>div{display:flex;flex-direction:column;min-width:0}
.archive-champion small,.archive-runner small{font-size:6.5px;color:#7d8ea3}
.archive-champion strong,.archive-runner strong{font-size:9px;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.archive-divider-mini{width:1px;height:24px;background:rgba(255,255,255,.06)}
.archive-predictions{
  display:flex;align-items:flex-start;gap:5px;margin-top:7px;padding-top:6px;border-top:1px solid rgba(255,255,255,.045);
  color:#8596aa;font-size:7.5px;line-height:1.5;
}
.archive-predictions .inline-ui-icon{width:13px;height:13px;flex:0 0 13px;margin:0}
.archive-delete-btn{
  width:30px;height:30px;border-radius:9px;display:grid;place-items:center;border:1px solid rgba(255,88,102,.11);
  background:rgba(255,88,102,.055);color:#d96a75;cursor:pointer;padding:0;
}
.archive-delete-btn span{font-size:11px}
.premium-stats-empty{
  padding:22px!important;border-radius:14px;background:rgba(255,255,255,.018);border:1px dashed rgba(255,255,255,.07);
}

.stats-sidebar-card .stats-sidebar-head{
  display:flex;align-items:center;gap:8px;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.06);
}
.stats-sidebar-head .stat-title-icon{width:25px;height:25px}
.stats-sidebar-head>div{display:flex;flex-direction:column}
.stats-sidebar-head strong{font-size:10px;color:#e6edf6}
.stats-sidebar-head small{font-size:7px;color:#77899f;margin-top:2px}
.stats-sidebar-card .premium-stat-block{margin-bottom:8px!important;padding:8px}
.stats-sidebar-card .premium-stat-row{min-height:29px;font-size:8.5px!important}
.stats-sidebar-card .premium-stat-block .stat-block-title{font-size:8px!important}
.stats-sidebar-card .stat-player-cell .club-logo{width:14px!important;height:14px!important}

@media(max-width:600px){
  .stats-hero{padding:14px;gap:10px}
  .stats-trophy-orb{width:70px;height:70px;flex-basis:70px;border-radius:20px}
  .stats-summary-grid{gap:5px}
  .stats-summary-card{min-height:54px;padding:5px;gap:4px}
  .stats-summary-card strong{font-size:9.5px}
  .stats-summary-card small{font-size:6px}
  .stats-summary-icon{width:24px;height:24px;flex-basis:24px}
  .stats-grid{gap:6px}
  .premium-stat-block{padding:7px}
  .premium-stat-block .stat-block-title{font-size:8px!important}
  .premium-stat-row{min-height:30px;padding:4px 2px!important;font-size:8.5px!important;gap:4px!important}
  .premium-stat-row .stat-rank{width:18px!important;height:18px!important;font-size:7px!important}
  .stat-player-cell .club-logo{width:15px!important;height:15px!important}
  .premium-stat-row .stat-value{font-size:8.5px!important}
  .premium-stat-row .stat-value small{font-size:5.5px}
  .premium-archive-card{grid-template-columns:26px minmax(0,1fr) auto!important;gap:6px!important;padding:8px!important}
  .archive-index{width:24px;height:24px;border-radius:8px;font-size:8px}
  .archive-title-row strong{font-size:9.5px}
  .archive-champion strong,.archive-runner strong{font-size:8px}
  .archive-champion .club-logo{width:23px!important;height:23px!important}
}


/* ===== Profile, admin and settings redesign v13 ===== */
.profile-page-card{overflow:hidden!important}
.profile-hero{
  display:grid;grid-template-columns:78px minmax(0,1fr) auto;align-items:center;gap:13px;
  padding:18px;margin:-3px -2px 15px;border-radius:20px;
  background:
    radial-gradient(circle at 88% 12%,rgba(168,120,255,.17),transparent 31%),
    radial-gradient(circle at 10% 95%,rgba(53,194,255,.08),transparent 32%),
    linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.015));
  border:1px solid rgba(177,139,255,.16);
}
.profile-avatar-shell{
  width:72px;height:72px;border-radius:21px;display:grid;place-items:center;position:relative;
  background:linear-gradient(145deg,#273c59,#111f33);
  border:1px solid rgba(255,255,255,.10);
  box-shadow:inset 0 1px rgba(255,255,255,.08),0 12px 25px rgba(0,0,0,.22);
}
.profile-avatar-logo .club-logo{width:60px!important;height:60px!important}
.profile-online-dot{
  position:absolute;left:3px;bottom:4px;width:13px;height:13px;border-radius:50%;
  background:#43db91;border:3px solid #142238;box-shadow:0 0 10px rgba(67,219,145,.38);
}
.profile-hero-copy{min-width:0}
.profile-hero-copy>small{font-size:8px;color:#8193aa;font-weight:800}
.profile-hero-copy h2{font-size:22px;margin:2px 0 7px!important;line-height:1.1}
.profile-meta{display:flex;align-items:center;gap:7px;color:#8798ad;font-size:8px;font-weight:700}
.profile-meta i{width:3px;height:3px;border-radius:50%;background:#52677f}
.profile-role-chip{
  padding:5px 9px;border-radius:999px;font-size:8px;font-weight:900;color:#a8b7c9;
  background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.07);
}
.profile-role-chip.admin{color:#edcf7e;background:rgba(255,202,68,.08);border-color:rgba(255,210,85,.14)}

.profile-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-bottom:16px}
.profile-summary-card{
  min-height:62px;display:flex;align-items:center;justify-content:center;gap:7px;padding:7px;
  border-radius:14px;background:linear-gradient(145deg,rgba(255,255,255,.05),rgba(255,255,255,.014));
  border:1px solid rgba(255,255,255,.07);
}
.profile-summary-card>div{display:flex;flex-direction:column;line-height:1.05;min-width:0}
.profile-summary-card strong{font-size:10px;color:#edf3f9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.profile-summary-card small{font-size:6.5px;color:#7e90a6;margin-top:4px}
.profile-summary-icon{
  width:28px;height:28px;border-radius:9px;position:relative;flex:0 0 28px;
  background:linear-gradient(145deg,#415773,#1d3049);
}
.profile-summary-icon::before,.profile-section-icon::before{
  content:"";position:absolute;inset:7px;background:#fff;
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;
}
.profile-summary-icon.ui-club-card::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2 4 5v6c0 5.2 3.4 9 8 11 4.6-2 8-5.8 8-11V5l-8-3Zm0 4 4 1.5v3.3c0 3.4-1.8 6-4 7.5-2.2-1.5-4-4.1-4-7.5V7.5L12 6Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2 4 5v6c0 5.2 3.4 9 8 11 4.6-2 8-5.8 8-11V5l-8-3Zm0 4 4 1.5v3.3c0 3.4-1.8 6-4 7.5-2.2-1.5-4-4.1-4-7.5V7.5L12 6Z'/%3E%3C/svg%3E")
}
.profile-summary-icon.ui-role-card::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 12a5 5 0 1 0 0-10 5 5 0 0 0 0 10Zm-8 9v-2c0-3.3 3.6-6 8-6s8 2.7 8 6v2H4Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 12a5 5 0 1 0 0-10 5 5 0 0 0 0 10Zm-8 9v-2c0-3.3 3.6-6 8-6s8 2.7 8 6v2H4Z'/%3E%3C/svg%3E")
}
.profile-summary-icon.ui-bell-card::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2a2 2 0 0 1 2 2v.3A7 7 0 0 1 19 11v4l2 3H3l2-3v-4a7 7 0 0 1 5-6.7V4a2 2 0 0 1 2-2Zm-3 18h6a3 3 0 0 1-6 0Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2a2 2 0 0 1 2 2v.3A7 7 0 0 1 19 11v4l2 3H3l2-3v-4a7 7 0 0 1 5-6.7V4a2 2 0 0 1 2-2Zm-3 18h6a3 3 0 0 1-6 0Z'/%3E%3C/svg%3E")
}

.profile-section{
  margin-top:12px;padding:14px;border-radius:17px;
  background:linear-gradient(145deg,rgba(255,255,255,.04),rgba(255,255,255,.012));
  border:1px solid rgba(255,255,255,.06);
}
.profile-section-head{display:flex;align-items:center;gap:9px;margin-bottom:12px}
.profile-section-head>div{display:flex;flex-direction:column;min-width:0}
.profile-section-head strong{font-size:11.5px;color:#edf3fa}
.profile-section-head small{font-size:7.5px;color:#7e90a7;margin-top:3px}
.profile-section-icon{
  width:32px;height:32px;border-radius:10px;position:relative;flex:0 0 32px;
  background:linear-gradient(145deg,#354c68,#172b42);
  box-shadow:inset 0 1px rgba(255,255,255,.15),0 3px 0 rgba(0,0,0,.15);
}
.profile-section-icon.ui-admin-card::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='m14 2 2 2-3 3 4 4 3-3 2 2-3 3 2 2-4 4-2-2-5 5-3-3 5-5-2-2 4-4 2 2 3-3-4-4-3 3-2-2 4-4Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='m14 2 2 2-3 3 4 4 3-3 2 2-3 3 2 2-4 4-2-2-5 5-3-3 5-5-2-2 4-4 2 2 3-3-4-4-3 3-2-2 4-4Z'/%3E%3C/svg%3E")
}
.profile-section-icon.ui-customize-card::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 3a9 9 0 1 0 0 18h1.5a2.5 2.5 0 0 0 0-5H12a2 2 0 0 1 0-4h3a6 6 0 0 0 0-12h-3Zm-4 5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3Zm-2 5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3Zm4 5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 3a9 9 0 1 0 0 18h1.5a2.5 2.5 0 0 0 0-5H12a2 2 0 0 1 0-4h3a6 6 0 0 0 0-12h-3Zm-4 5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3Zm-2 5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3Zm4 5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3Z'/%3E%3C/svg%3E")
}
.profile-section-icon.ui-notification-card::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2a2 2 0 0 1 2 2v.3A7 7 0 0 1 19 11v4l2 3H3l2-3v-4a7 7 0 0 1 5-6.7V4a2 2 0 0 1 2-2Zm-3 18h6a3 3 0 0 1-6 0Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2a2 2 0 0 1 2 2v.3A7 7 0 0 1 19 11v4l2 3H3l2-3v-4a7 7 0 0 1 5-6.7V4a2 2 0 0 1 2-2Zm-3 18h6a3 3 0 0 1-6 0Z'/%3E%3C/svg%3E")
}
.profile-section-icon.ui-security-card::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2 4 5v6c0 5.2 3.4 9 8 11 4.6-2 8-5.8 8-11V5l-8-3Zm0 5a3 3 0 0 1 3 3v1h1v5H8v-5h1v-1a3 3 0 0 1 3-3Zm0 2a1 1 0 0 0-1 1v1h2v-1a1 1 0 0 0-1-1Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2 4 5v6c0 5.2 3.4 9 8 11 4.6-2 8-5.8 8-11V5l-8-3Zm0 5a3 3 0 0 1 3 3v1h1v5H8v-5h1v-1a3 3 0 0 1 3-3Zm0 2a1 1 0 0 0-1 1v1h2v-1a1 1 0 0 0-1-1Z'/%3E%3C/svg%3E")
}

.profile-access-badge{
  margin-right:auto;padding:4px 7px;border-radius:999px;font-size:6.5px;font-weight:900;
  color:#efd17a;background:rgba(255,205,72,.07);border:1px solid rgba(255,211,88,.13);
}
.admin-control-section{
  background:
    radial-gradient(circle at 100% 0,rgba(255,205,75,.075),transparent 34%),
    linear-gradient(145deg,rgba(255,255,255,.04),rgba(255,255,255,.012));
}
.admin-action-card{
  display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:9px;
  padding:10px;border-radius:13px;background:rgba(255,255,255,.022);border:1px solid rgba(255,255,255,.055);
}
.admin-action-icon{
  width:35px;height:35px;border-radius:10px;display:grid;place-items:center;
  background:linear-gradient(145deg,#392a45,#22192b);
}
.admin-action-copy{display:flex;flex-direction:column;min-width:0}
.admin-action-copy strong{font-size:9.5px;color:#e9edf5}
.admin-action-copy small{font-size:7px;color:#7e8fa4;margin-top:3px;line-height:1.4}
.admin-action-btn{
  min-height:31px;padding:0 9px;border-radius:9px;border:1px solid rgba(255,124,187,.15);
  background:rgba(255,105,177,.075);color:#e58ab4;font-size:7.5px;font-weight:900;
}
.backup-panel{margin-top:9px;padding:10px;border-radius:13px;background:rgba(255,255,255,.018);border:1px solid rgba(255,255,255,.05)}
.backup-panel-head{display:flex;align-items:center;gap:9px;margin-bottom:9px}
.backup-panel-head>div{display:flex;flex-direction:column}
.backup-panel-head strong{font-size:9.5px;color:#e7edf5}
.backup-panel-head small{font-size:7px;color:#798ba1;margin-top:3px}
.admin-button-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.profile-primary-btn,.profile-secondary-btn,.backup-list-toggle,.profile-logout-btn{
  min-height:40px;border-radius:11px;border:1px solid rgba(255,255,255,.07);
  font-family:inherit;font-weight:900;cursor:pointer;
}
.profile-primary-btn{
  width:100%;margin-top:9px;background:linear-gradient(180deg,#d5b4ff,#9b69e7);color:#101724;
  box-shadow:inset 0 1px rgba(255,255,255,.35),0 4px 0 #53387b;font-size:10px;
}
.profile-secondary-btn{
  display:flex;align-items:center;justify-content:center;gap:6px;background:rgba(255,255,255,.04);color:#b7c4d4;font-size:8px;
}
.profile-file-btn{cursor:pointer}
.profile-upload-icon,.history-mini-icon,.logout-icon,.restore-arrow{
  width:14px;height:14px;background:currentColor;
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;
}
.profile-upload-icon{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M11 16h2V8l3 3 1.4-1.4L12 4.2 6.6 9.6 8 11l3-3v8Zm-6 4h14v-6h2v8H3v-8h2v6Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M11 16h2V8l3 3 1.4-1.4L12 4.2 6.6 9.6 8 11l3-3v8Zm-6 4h14v-6h2v8H3v-8h2v6Z'/%3E%3C/svg%3E")
}
.backup-list-toggle{
  width:100%;display:flex;align-items:center;justify-content:center;gap:6px;margin-top:7px;
  background:transparent;color:#8ea0b4;font-size:7.5px;
}
.history-mini-icon{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 3a9 9 0 1 1-8.5 6H1l4-4 4 4H6a7 7 0 1 0 6-4V3Zm-1 4h2v5.3l3.6 2.1-1 1.7L11 13.4V7Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 3a9 9 0 1 1-8.5 6H1l4-4 4 4H6a7 7 0 1 0 6-4V3Zm-1 4h2v5.3l3.6 2.1-1 1.7L11 13.4V7Z'/%3E%3C/svg%3E")
}
.backup-list{display:flex;flex-direction:column;gap:6px;margin-top:8px}
.backup-card{
  display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:7px;padding:7px;
  border-radius:10px;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.045);
}
.backup-card-icon{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:#1c3147}
.backup-card-copy{display:flex;flex-direction:column;min-width:0}
.backup-card-copy strong{font-size:8px;color:#c9d4e1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.backup-card-copy small{font-size:6.5px;color:#718398;margin-top:2px}
.backup-restore-btn{
  min-height:28px;padding:0 7px;border-radius:8px;border:1px solid rgba(90,190,140,.11);
  background:rgba(90,190,140,.055);color:#71cca0;font-size:6.8px;font-weight:900;
  display:flex;align-items:center;gap:4px;
}
.restore-arrow{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M8 7V3L2 9l6 6v-4c4 0 7 1.5 9 5-1-6-4-9-9-9Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M8 7V3L2 9l6 6v-4c4 0 7 1.5 9 5-1-6-4-9-9-9Z'/%3E%3C/svg%3E")
}

.profile-field-label{font-size:7.5px;color:#8c9cb0;font-weight:800;margin:9px 0 6px}
.premium-swatches{gap:8px!important;margin:0!important}
.premium-swatches .color-swatch{
  width:29px!important;height:29px!important;border:2px solid transparent!important;
  box-shadow:inset 0 1px rgba(255,255,255,.25),0 3px 8px rgba(0,0,0,.18);
}
.premium-swatches .color-swatch.selected{
  border-color:#fff!important;box-shadow:0 0 0 3px rgba(255,255,255,.10),0 4px 10px rgba(0,0,0,.22)!important;
}
.premium-profile-input{
  min-height:42px!important;border-radius:11px!important;background:rgba(2,10,20,.34)!important;
  border:1px solid rgba(255,255,255,.075)!important;font-size:10px!important;
}
.profile-security-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.profile-setting-status{
  min-height:37px;padding:8px 10px;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:6px;
  font-size:8px;font-weight:800;text-align:center;margin-top:6px;
}
.profile-setting-status.success{color:#72dca7;background:rgba(50,213,131,.055);border:1px solid rgba(50,213,131,.10)}
.profile-setting-status.warning{color:#e7b663;background:rgba(240,170,65,.055);border:1px solid rgba(240,170,65,.10)}
.profile-setting-status.neutral{color:#8fa1b6;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.055)}
.danger-soft{color:#e47b85!important;border-color:rgba(255,91,103,.10)!important;background:rgba(255,91,103,.045)!important;width:100%;margin-top:6px}

.profile-footer-actions{
  margin-top:12px;padding:12px;border-radius:15px;display:flex;align-items:center;justify-content:space-between;gap:10px;
  background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.05);
}
.profile-footer-actions>div{display:flex;flex-direction:column}
.profile-footer-actions strong{font-size:9px;color:#d9e3ef}
.profile-footer-actions span{font-size:6.5px;color:#718398;margin-top:3px}
.profile-logout-btn{
  min-height:34px;padding:0 10px;background:rgba(255,76,91,.055);border-color:rgba(255,76,91,.10);
  color:#db6e78;font-size:7.5px;display:flex;align-items:center;gap:5px;white-space:nowrap;
}
.logout-icon{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M10 3H4v18h6v-2H6V5h4V3Zm6 4-1.4 1.4 2.6 2.6H9v2h8.2l-2.6 2.6L16 17l5-5-5-5Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M10 3H4v18h6v-2H6V5h4V3Zm6 4-1.4 1.4 2.6 2.6H9v2h8.2l-2.6 2.6L16 17l5-5-5-5Z'/%3E%3C/svg%3E")
}
.profile-loader{
  width:15px;height:15px;border-radius:50%;border:2px solid rgba(255,255,255,.1);border-top-color:#9d72e7;
}
.profile-inline-state{display:flex;align-items:center;justify-content:center;gap:7px;padding:10px;color:#8294aa;font-size:7.5px}
.profile-empty-state{margin-top:7px!important}

.club-logo[data-club="السد"],
.club-logo[data-club="العين"]{
  filter:none!important;-webkit-filter:none!important;opacity:1!important;mix-blend-mode:normal!important;
  background:transparent!important;
}

@media(max-width:600px){
  .profile-hero{grid-template-columns:62px minmax(0,1fr) auto;padding:14px;gap:9px}
  .profile-avatar-shell{width:58px;height:58px;border-radius:17px}
  .profile-avatar-logo .club-logo{width:49px!important;height:49px!important}
  .profile-hero-copy h2{font-size:18px}
  .profile-role-chip{font-size:6.5px;padding:4px 6px}
  .profile-summary-grid{gap:5px}
  .profile-summary-card{min-height:54px;padding:5px;gap:4px}
  .profile-summary-card strong{font-size:8.5px}
  .profile-summary-card small{font-size:5.5px}
  .profile-summary-icon{width:24px;height:24px;flex-basis:24px}
  .profile-section{padding:10px}
  .admin-action-card{grid-template-columns:32px minmax(0,1fr) auto;padding:8px;gap:6px}
  .admin-action-icon{width:30px;height:30px}
  .admin-action-copy strong{font-size:8.5px}
  .admin-action-copy small{font-size:6px}
  .admin-action-btn{font-size:6.5px;padding:0 7px}
  .profile-security-grid{grid-template-columns:1fr}
}


/* ===== Group standings full-width stacked layout v15 ===== */
/* Each group now gets the full screen width so standings remain readable. */
.premium-groups-grid{
  grid-template-columns:1fr!important;
  gap:14px!important;
}
.premium-groups-grid .premium-group-panel{
  width:100%!important;
  max-width:none!important;
}

/* The standings table should fit its group card instead of forcing horizontal drag. */
.premium-group-panel .score-table-scroll{
  width:100%!important;
  overflow-x:visible!important;
}
.premium-group-panel table.score-table{
  width:100%!important;
  min-width:0!important;
  table-layout:fixed!important;
}
.premium-group-panel table.score-table th,
.premium-group-panel table.score-table td{
  padding-left:2px!important;
  padding-right:2px!important;
  white-space:nowrap;
}
.premium-group-panel table.score-table th:nth-child(1),
.premium-group-panel table.score-table td:nth-child(1){width:7%!important}
.premium-group-panel table.score-table th:nth-child(2),
.premium-group-panel table.score-table td:nth-child(2){width:27%!important}
.premium-group-panel table.score-table th:nth-child(n+3),
.premium-group-panel table.score-table td:nth-child(n+3){width:8.25%!important}

@media(max-width:600px){
  .premium-groups-grid{gap:11px!important}
  .premium-group-panel{padding:9px!important}
  .premium-group-panel .standings-wrap{padding:6px 4px!important}
  .premium-group-panel table.score-table{font-size:7.6px!important}
  .premium-group-panel table.score-table th{
    font-size:6.7px!important;
    letter-spacing:-.15px!important;
    padding:5px 0!important;
  }
  .premium-group-panel table.score-table td{
    padding:6px 0!important;
  }
  .premium-group-panel .table-player-identity{
    min-width:0!important;
    gap:3px!important;
  }
  .premium-group-panel .table-player-identity .club-logo{
    width:14px!important;
    height:14px!important;
  }
  .premium-group-panel .table-player-identity>span{
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  .premium-group-panel .table-rank{
    width:16px!important;
    height:16px!important;
    font-size:6.5px!important;
    border-radius:5px!important;
    margin:auto;
  }
  .premium-group-panel .pts-pill{
    min-width:20px!important;
    height:18px!important;
    padding:0 3px!important;
    font-size:7px!important;
  }
}


/* ===== Match schedules side-by-side + stacked standings v17 ===== */
.premium-groups-grid{
  grid-template-columns:1fr 1fr!important;
  gap:10px!important;
}
.premium-groups-grid .premium-group-panel{
  width:auto!important;
  max-width:none!important;
}
.stacked-standings{
  display:flex;
  flex-direction:column;
  gap:12px;
  margin-top:14px;
}
.standings-only-card{
  width:100%!important;
  max-width:none!important;
  padding:12px!important;
  border-radius:17px!important;
}
.standings-only-title{
  display:flex;
  align-items:center;
  gap:9px;
  margin-bottom:8px;
}
.standings-only-title>div{display:flex;flex-direction:column}
.standings-only-title strong{font-size:11px;color:#eaf1f8}
.standings-only-title small{font-size:7.5px;color:#7f91a7;margin-top:2px}
.standings-only-card .score-table-scroll{
  width:100%!important;
  overflow-x:visible!important;
}
.standings-only-card table.score-table{
  width:100%!important;
  min-width:0!important;
  table-layout:fixed!important;
}
.standings-only-card table.score-table th:nth-child(1),
.standings-only-card table.score-table td:nth-child(1){width:6%!important}
.standings-only-card table.score-table th:nth-child(2),
.standings-only-card table.score-table td:nth-child(2){width:28%!important}
.standings-only-card table.score-table th:nth-child(n+3),
.standings-only-card table.score-table td:nth-child(n+3){width:8.25%!important}
@media(max-width:600px){
  .premium-groups-grid{grid-template-columns:1fr 1fr!important;gap:6px!important}
  .premium-groups-grid .premium-group-panel{padding:7px!important}
  .stacked-standings{gap:9px;margin-top:10px}
  .standings-only-card{padding:8px!important}
  .standings-only-card table.score-table{font-size:8.3px!important}
  .standings-only-card table.score-table th{font-size:7px!important;padding:5px 0!important}
  .standings-only-card table.score-table td{padding:6px 0!important}
  .standings-only-card .table-player-identity{min-width:0!important;gap:4px!important}
  .standings-only-card .table-player-identity .club-logo{width:15px!important;height:15px!important}
  .standings-only-card .table-rank{width:17px!important;height:17px!important;font-size:7px!important;margin:auto}
  .standings-only-card .pts-pill{min-width:21px!important;height:19px!important;font-size:7.5px!important}
}