
/* RL MATE V0.36.0 — SPECIAL TOURNAMENT ARENA */
#view-special-tournaments{position:relative}
.special-cup-hero{position:relative;overflow:hidden;border:1px solid #164b6b;border-radius:18px;padding:24px;margin-bottom:16px;background:
radial-gradient(circle at 75% 25%,rgba(121,54,255,.25),transparent 28%),linear-gradient(135deg,rgba(5,19,32,.98),rgba(7,13,28,.94))}
.special-cup-hero:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(54,211,255,.05),transparent)}
.special-cup-head{display:flex;gap:20px;justify-content:space-between;align-items:flex-start}
.special-cup-head h2{font-size:clamp(28px,3vw,48px);margin:4px 0 8px}.special-cup-badges{display:flex;gap:8px;flex-wrap:wrap}
.sc-badge{padding:6px 10px;border:1px solid #1d668d;border-radius:999px;background:#061a2a;color:#bcecff;font-size:11px;font-weight:800}
.sc-badge.purple{border-color:#7c3aed;color:#e9d5ff;background:#1d1236}.sc-badge.live{border-color:#14b86c;color:#77f6b5;background:#09251c}
.special-toolbar{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.special-toolbar button{min-height:38px}
.special-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:14px}
.special-panel{border:1px solid #123c58;border-radius:16px;background:rgba(4,16,28,.94);padding:15px;box-shadow:0 15px 50px rgba(0,0,0,.22)}
.special-panel h3{margin:2px 0 12px}.special-list{display:grid;gap:8px}.special-event{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:13px;border:1px solid #173d55;border-radius:12px;background:#071827}
.special-event strong{display:block}.special-event small{color:#7896aa}.special-event-actions{display:flex;gap:7px}
.sc-admin{display:none}.sc-admin.on{display:block}.sc-form{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sc-form label{display:grid;gap:5px;color:#91a9bb;font-size:11px}.sc-form .wide{grid-column:1/-1}.sc-form input,.sc-form select,.sc-form textarea{width:100%;box-sizing:border-box;background:#04121e;border:1px solid #17405a;color:#eef9ff;border-radius:9px;padding:10px}
.sc-builder{display:grid;grid-template-columns:300px minmax(0,1fr);gap:12px}.sc-player-pool{max-height:650px;overflow:auto;display:grid;gap:6px}.sc-player{display:flex;align-items:center;gap:8px;padding:7px;border:1px solid #173d55;border-radius:9px;background:#071827}.sc-player img{width:34px;height:34px;border-radius:50%;object-fit:cover}.sc-player button{margin-left:auto}
.sc-teams{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px}.sc-team{border:1px solid #2a4c64;border-radius:12px;padding:10px;background:#061522}.sc-team-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px}.sc-team-slots{display:grid;gap:5px}.sc-slot{min-height:40px;border:1px dashed #27506c;border-radius:8px;padding:6px;display:flex;align-items:center;gap:7px;color:#7896aa}.sc-slot img{width:28px;height:28px;border-radius:50%;object-fit:cover}
.sc-bracket-wrap{overflow:auto;border:1px solid #17405a;border-radius:16px;background:radial-gradient(circle at 50% 40%,rgba(20,91,126,.20),transparent 45%),linear-gradient(rgba(3,12,20,.88),rgba(3,12,20,.96));padding:18px;min-height:520px}
.sc-bracket{display:flex;gap:42px;min-width:max-content;align-items:stretch}.sc-round{width:230px;display:flex;flex-direction:column;justify-content:space-around;gap:16px}.sc-round-title{text-align:center;color:#76dfff;font-size:11px;font-weight:900;letter-spacing:.08em}.sc-match{position:relative;border:1px solid #28516b;border-radius:11px;background:rgba(5,20,32,.95);padding:7px;box-shadow:0 0 18px rgba(29,174,255,.08)}.sc-match.active{border-color:#8b5cf6;box-shadow:0 0 24px rgba(139,92,246,.28)}.sc-match.done{border-color:#2c865c}.sc-match:after{content:"";position:absolute;right:-43px;top:50%;width:42px;border-top:1px solid #38627b}.sc-round:last-child .sc-match:after{display:none}
.sc-teamline{display:grid;grid-template-columns:1fr 28px;gap:5px;align-items:center;padding:5px;border-radius:6px}.sc-teamline.winner{background:rgba(26,153,91,.13);color:#8affc3}.sc-score{text-align:center;font-weight:900}.sc-team-mini{display:flex;align-items:center;gap:5px;min-width:0}.sc-team-mini img{width:22px;height:22px;border-radius:50%;object-fit:cover}.sc-team-mini span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sc-result-modal{position:fixed;inset:0;z-index:99999;background:rgba(0,5,12,.78);display:none;place-items:center;padding:20px}.sc-result-modal.on{display:grid}.sc-result-card{width:min(520px,95vw);border:1px solid #6c42d8;border-radius:16px;background:#07131f;padding:18px;box-shadow:0 0 60px rgba(115,67,255,.28)}.sc-score-inputs{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;margin:15px 0}.sc-score-inputs input{font-size:30px;text-align:center;width:100%;box-sizing:border-box;background:#03101b;border:1px solid #24506c;color:white;border-radius:10px;padding:12px}
.sc-winner{text-align:center;padding:25px}.sc-winner .cup{font-size:56px}.sc-empty{padding:28px;text-align:center;color:#7796aa}
@media(max-width:1000px){.special-grid,.sc-builder{grid-template-columns:1fr}.special-cup-head{flex-direction:column}.sc-admin{order:2}}

.sc-match{position:relative}.sc-match-rule{position:absolute;right:7px;top:-8px;padding:2px 6px;border-radius:999px;background:#071827;border:1px solid #245678;color:#8edcff;font-size:9px;font-weight:900;letter-spacing:.08em;z-index:2}


/* RL MATE V0.36.3 — FAIR BRACKET ARENA */
#view-special-tournaments .special-panel{background:linear-gradient(180deg,rgba(3,16,28,.96),rgba(2,10,19,.97));}
#view-special-tournaments .sc-bracket-wrap{position:relative;isolation:isolate;overflow:auto;min-height:620px;padding:34px;border:1px solid rgba(53,190,255,.42);box-shadow:inset 0 0 80px rgba(0,160,255,.06),0 18px 55px rgba(0,0,0,.28);background:#03101b;}
#view-special-tournaments .sc-bracket-wrap:before{content:"";position:absolute;z-index:-2;inset:0;background:radial-gradient(ellipse at 50% 110%,rgba(31,165,255,.22),transparent 47%),radial-gradient(ellipse at 50% -15%,rgba(139,76,255,.20),transparent 45%),linear-gradient(90deg,rgba(0,204,255,.055) 1px,transparent 1px),linear-gradient(rgba(0,204,255,.045) 1px,transparent 1px),linear-gradient(180deg,#061827 0%,#03101a 48%,#071b23 100%);background-size:auto,auto,80px 80px,80px 80px,auto;}
#view-special-tournaments .sc-bracket-wrap:after{content:"RL MATE  //  CHAMPIONS ARENA";position:absolute;z-index:-1;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-8deg);font-size:clamp(34px,5vw,92px);font-weight:1000;letter-spacing:.08em;white-space:nowrap;color:rgba(111,218,255,.025);text-shadow:0 0 35px rgba(110,76,255,.08);pointer-events:none;}
#view-special-tournaments .sc-bracket{gap:78px;min-height:550px;padding:8px 18px;align-items:stretch;}
#view-special-tournaments .sc-round{width:270px;gap:22px;}
#view-special-tournaments .sc-round-title{position:sticky;top:0;z-index:4;padding:8px 10px;border-radius:999px;border:1px solid rgba(73,205,255,.28);background:rgba(3,18,31,.88);backdrop-filter:blur(8px);color:#91eaff;font-size:12px;letter-spacing:.13em;text-shadow:0 0 14px rgba(50,206,255,.65);}
#view-special-tournaments .sc-match{border:1px solid rgba(58,150,202,.48);background:linear-gradient(145deg,rgba(8,29,45,.98),rgba(3,15,26,.98));padding:10px;border-radius:14px;box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 10px 28px rgba(0,0,0,.28),0 0 24px rgba(27,177,255,.055);}
#view-special-tournaments .sc-match.active{border-color:#8a64ff;box-shadow:0 0 28px rgba(125,83,255,.24),inset 0 0 18px rgba(103,60,255,.06);}
#view-special-tournaments .sc-match.done{border-color:#25b777;box-shadow:0 0 24px rgba(37,183,119,.12);}
#view-special-tournaments .sc-match:after{right:-79px;width:78px;border-top:2px solid rgba(61,190,242,.36);box-shadow:0 0 8px rgba(61,190,242,.16);}
#view-special-tournaments .sc-teamline{min-height:36px;padding:7px 6px;}
#view-special-tournaments .sc-team-mini img{width:28px;height:28px;border:1px solid rgba(99,220,255,.5);box-shadow:0 0 9px rgba(65,198,255,.18);}
#view-special-tournaments .sc-match-rule{right:10px;top:-10px;background:#061827;border-color:#2a779f;color:#a5efff;box-shadow:0 0 14px rgba(55,202,255,.12);}
.sc-bracket-status{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:12px 0 16px;padding:12px 14px;border-radius:13px;border:1px solid #244c65;background:linear-gradient(90deg,rgba(6,29,45,.96),rgba(7,18,32,.96));}
.sc-bracket-status.ready{border-color:rgba(32,194,121,.65);box-shadow:inset 0 0 22px rgba(32,194,121,.06)}.sc-bracket-status.waiting{border-color:rgba(255,166,47,.55);box-shadow:inset 0 0 22px rgba(255,166,47,.05)}
.sc-bracket-status strong,.sc-bracket-status small{display:block}.sc-bracket-status strong{font-size:16px;color:#f3fbff}.sc-bracket-status small{margin-top:3px;color:#88a7b9}.sc-status-label{font-size:9px;font-weight:900;letter-spacing:.15em;color:#67dcff}
.sc-status-dots{display:flex;gap:6px;flex-wrap:wrap}.sc-status-dots span{min-width:28px;padding:5px 7px;text-align:center;border:1px solid #244b64;border-radius:999px;color:#6f91a6;background:#061522;font-size:10px;font-weight:900}.sc-status-dots span.on{border-color:#38dca0;color:#9dffd7;box-shadow:0 0 12px rgba(56,220,160,.18)}
.sc-builder-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:14px}.btn.sc-danger{margin-left:auto;border:1px solid rgba(255,75,90,.62)!important;background:linear-gradient(180deg,rgba(116,24,36,.92),rgba(67,13,24,.96))!important;color:#ffdce0!important}.btn.sc-danger:hover{filter:brightness(1.16);box-shadow:0 0 18px rgba(255,69,88,.18)}
.sc-cup-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.sc-cup-actions .sc-danger{margin-left:0}
#scGenerate:disabled{opacity:.42;cursor:not-allowed;filter:saturate(.5)}
@media(max-width:1000px){.sc-bracket-status{align-items:flex-start;flex-direction:column}.sc-builder-actions .sc-danger{margin-left:0}}

/* RL MATE V0.36.4 — overview event deletion */
.special-event-actions .sc-event-delete{margin-left:0!important;white-space:nowrap}
@media(max-width:760px){
 .special-event{align-items:flex-start;flex-direction:column}
 .special-event-actions{width:100%}
 .special-event-actions .btn{flex:1}
}


/* =========================================================
   RL MATE V0.36.5 — PRO ARENA BRACKET
   Real raster arena graphic + broadcast-style bracket HUD
   ========================================================= */
#view-special-tournaments .sc-pro-arena{
  padding:18px!important;
  border-color:rgba(49,185,255,.28)!important;
  background:linear-gradient(180deg,rgba(4,15,27,.98),rgba(2,9,17,.98))!important;
}
#view-special-tournaments .sc-event-stage-head{
  display:flex;align-items:flex-start;justify-content:space-between;gap:18px;
  margin-bottom:14px;padding:4px 4px 12px;
}
#view-special-tournaments .sc-event-stage-head h2{margin:3px 0 8px;font-size:clamp(24px,2.2vw,38px);letter-spacing:-.02em}
#view-special-tournaments .sc-event-meta{display:flex;gap:7px;flex-wrap:wrap}
#view-special-tournaments .sc-event-meta span{
  border:1px solid rgba(74,171,225,.3);background:rgba(4,25,42,.75);color:#b9d9ea;
  padding:5px 9px;border-radius:999px;font-size:10px;font-weight:850;letter-spacing:.06em
}
#view-special-tournaments .sc-event-meta .is-live{border-color:#24d785;color:#83ffc1;box-shadow:0 0 12px rgba(36,215,133,.18)}
#view-special-tournaments .sc-arena-frame{
  border:1px solid rgba(57,195,255,.36);border-radius:20px;overflow:hidden;
  box-shadow:0 24px 70px rgba(0,0,0,.38),0 0 35px rgba(29,150,255,.08);
  background:#020a12
}
#view-special-tournaments .sc-arena-topline{
  display:flex;justify-content:space-between;gap:12px;padding:10px 16px;
  border-bottom:1px solid rgba(83,196,255,.2);
  background:linear-gradient(90deg,rgba(3,23,38,.98),rgba(16,19,54,.94));
  color:#89eaff;font-size:10px;font-weight:950;letter-spacing:.15em
}
#view-special-tournaments .sc-bracket-wrap{
  position:relative;min-height:680px!important;padding:55px 230px 48px 40px!important;
  background:
    linear-gradient(180deg,rgba(1,10,18,.28),rgba(1,7,13,.68)),
    linear-gradient(90deg,rgba(2,13,22,.15),rgba(7,14,31,.05)),
    url("assets/special-cup/arena-bg-v0366.png") center/cover no-repeat!important;
}
#view-special-tournaments .sc-bracket-wrap:before{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:
    radial-gradient(circle at 54% 46%,rgba(51,122,255,.08),transparent 36%),
    linear-gradient(90deg,rgba(13,169,255,.04) 1px,transparent 1px),
    linear-gradient(rgba(13,169,255,.035) 1px,transparent 1px);
  background-size:auto,90px 90px,90px 90px
}
#view-special-tournaments .sc-bracket-wrap:after{display:none!important}
#view-special-tournaments .sc-bracket{
  position:relative;z-index:2;display:flex;gap:92px!important;min-height:570px!important;
  align-items:stretch;padding:0!important
}
#view-special-tournaments .sc-round{width:290px!important;display:flex!important;flex-direction:column!important;gap:0!important}
#view-special-tournaments .sc-round-head{
  text-align:center;margin-bottom:22px;filter:drop-shadow(0 0 10px rgba(58,210,255,.18))
}
#view-special-tournaments .sc-round-title{
  position:static!important;display:inline-block;min-width:180px;padding:8px 18px!important;
  border:1px solid rgba(63,209,255,.46)!important;background:rgba(2,18,31,.86)!important;
  color:#93ecff!important;border-radius:999px!important;font-size:13px!important;font-weight:1000!important;
  letter-spacing:.12em!important;text-shadow:0 0 16px rgba(74,218,255,.5)!important
}
#view-special-tournaments .sc-round-sub{
  margin-top:6px;color:#88a8bb;font-size:9px;font-weight:900;letter-spacing:.12em
}
#view-special-tournaments .sc-round-matches{
  flex:1;display:flex;flex-direction:column;justify-content:space-around;gap:22px
}
#view-special-tournaments .sc-match{
  position:relative!important;border:1px solid rgba(79,162,215,.6)!important;border-radius:13px!important;
  padding:10px 10px 9px!important;background:linear-gradient(145deg,rgba(5,21,35,.96),rgba(2,10,18,.96))!important;
  box-shadow:0 14px 28px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.045),0 0 20px rgba(29,162,255,.08)!important
}
#view-special-tournaments .sc-match.active{
  border-color:#855bff!important;box-shadow:0 0 28px rgba(129,83,255,.27),inset 0 0 25px rgba(107,62,255,.08)!important
}
#view-special-tournaments .sc-match.done{
  border-color:#22b978!important;box-shadow:0 0 25px rgba(34,185,120,.14),inset 0 0 22px rgba(34,185,120,.05)!important
}
#view-special-tournaments .sc-match:after{
  content:"";position:absolute;right:-93px;top:50%;width:92px;border-top:2px solid rgba(78,202,255,.58)!important;
  box-shadow:0 0 10px rgba(78,202,255,.45)!important
}
#view-special-tournaments .sc-round:last-child .sc-match:after{display:none}
#view-special-tournaments .sc-match-id{
  position:absolute;left:-26px;top:50%;transform:translateY(-50%);display:grid;place-items:center;
  width:22px;height:28px;border:1px solid rgba(61,177,230,.55);border-radius:6px;background:rgba(2,17,29,.96);
  color:#71dfff;font-size:8px;font-weight:950
}
#view-special-tournaments .sc-match-rule{top:-9px!important;right:8px!important;font-size:8px!important}
#view-special-tournaments .sc-teamline{
  grid-template-columns:minmax(0,1fr) 30px!important;min-height:35px;padding:6px 7px!important;
  border-radius:8px;border-bottom:1px solid rgba(255,255,255,.035)
}
#view-special-tournaments .sc-teamline.winner{
  background:linear-gradient(90deg,rgba(26,155,92,.2),rgba(26,155,92,.05))!important;color:#8fffc5!important
}
#view-special-tournaments .sc-score{font-size:16px!important;color:#eaf8ff}
#view-special-tournaments .sc-result-btn{
  margin-top:8px!important;width:100%!important;min-height:32px!important;font-size:9px!important;
  border-color:rgba(73,192,255,.34)!important
}
#view-special-tournaments .sc-champion-podium{
  position:absolute;z-index:3;right:24px;top:50%;transform:translateY(-42%);
  width:165px;min-height:210px;border:1px solid rgba(250,192,59,.42);border-radius:16px;
  background:linear-gradient(180deg,rgba(35,23,5,.9),rgba(8,12,19,.94));
  box-shadow:0 0 38px rgba(255,179,39,.11),inset 0 0 24px rgba(255,179,39,.05);
  display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:16px
}
#view-special-tournaments .sc-cup-glow{font-size:58px;filter:drop-shadow(0 0 14px rgba(255,192,41,.4))}
#view-special-tournaments .sc-champion-podium small{color:#ffc64d;font-weight:1000;letter-spacing:.14em}
#view-special-tournaments .sc-champion-podium strong{font-size:20px;color:#fff;margin:8px 0 3px;max-width:100%;overflow:hidden;text-overflow:ellipsis}
#view-special-tournaments .sc-champion-podium span{font-size:8px;color:#9a8c6c;letter-spacing:.12em}
#view-special-tournaments .sc-champion-podium.has-winner{
  border-color:#ffc13b;box-shadow:0 0 44px rgba(255,181,36,.24),inset 0 0 32px rgba(255,181,36,.06)
}
#view-special-tournaments .sc-arena-legend{
  display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:10px 16px;
  background:rgba(2,12,21,.96);border-top:1px solid rgba(67,178,232,.22);font-size:9px;color:#91a9ba
}
#view-special-tournaments .sc-arena-legend span{display:flex;align-items:center;gap:6px;font-weight:850}
#view-special-tournaments .sc-arena-legend i{width:8px;height:8px;border-radius:50%;display:inline-block}
#view-special-tournaments .sc-arena-legend i.win{background:#23d889;box-shadow:0 0 10px #23d889}
#view-special-tournaments .sc-arena-legend i.live{background:#8458ff;box-shadow:0 0 10px #8458ff}
#view-special-tournaments .sc-arena-legend i.open{background:#6b8798}
#view-special-tournaments .sc-arena-legend b{margin-left:auto;font-weight:650;color:#7895a6}
@media(max-width:1200px){
 #view-special-tournaments .sc-bracket-wrap{padding-right:40px!important}
 #view-special-tournaments .sc-champion-podium{position:relative;right:auto;top:auto;transform:none;margin:28px auto 0}
 #view-special-tournaments .sc-bracket{padding-right:0!important}
}
@media(max-width:760px){
 #view-special-tournaments .sc-event-stage-head{flex-direction:column}
 #view-special-tournaments .sc-cup-actions{width:100%}
 #view-special-tournaments .sc-cup-actions .btn{flex:1}
}

/* =========================================================
   RL MATE V0.36.6 — PLAYER POOL + TEAM SKINS
   ========================================================= */
#view-special-tournaments .sc-pool-count{display:inline-grid;place-items:center;min-width:24px;height:24px;margin-left:6px;padding:0 7px;border-radius:999px;background:#0b3148;border:1px solid #1f88b5;color:#8eeaff;font-size:11px}
#view-special-tournaments .sc-player-pool{max-height:620px;overflow:auto;scrollbar-width:thin}
#view-special-tournaments .sc-pool-empty{grid-column:1/-1;padding:24px;text-align:center;color:#82dcb8}
#view-special-tournaments .sc-team-skinned{position:relative;overflow:hidden;isolation:isolate;background:#06111d!important;min-height:190px;border-color:rgba(81,190,255,.38)!important}
#view-special-tournaments .sc-team-skin-layer{position:absolute;inset:0;z-index:0;background-image:var(--team-skin);background-size:cover;background-position:center;opacity:.78;transform:scale(1.015);pointer-events:none}
#view-special-tournaments .sc-team-skin-overlay{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(2,9,16,.12),rgba(2,9,16,.68) 58%,rgba(2,9,16,.94));pointer-events:none}
#view-special-tournaments .sc-team-content{position:relative;z-index:2}
#view-special-tournaments .sc-team-skinned .sc-team-head{padding:8px 10px;border-radius:9px;background:rgba(2,11,19,.7);backdrop-filter:blur(5px);border:1px solid rgba(109,207,255,.16)}
#view-special-tournaments .sc-team-skinned .sc-slot{background:rgba(3,15,25,.76);backdrop-filter:blur(6px);border-color:rgba(94,188,236,.18)}
#view-special-tournaments .sc-team-skin-picker{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin-top:9px;padding:7px 8px;border-radius:9px;background:rgba(2,10,18,.78);border:1px solid rgba(76,177,225,.18)}
#view-special-tournaments .sc-team-skin-picker>span{font-size:8px;font-weight:950;letter-spacing:.12em;color:#7bcce9;margin-right:4px}
#view-special-tournaments .sc-skin-dot{width:25px;height:25px;padding:0;border-radius:7px;border:1px solid #28506a;background:#071a29;color:#9fc8dc;font-size:9px;font-weight:900;cursor:pointer}
#view-special-tournaments .sc-skin-dot:hover,#view-special-tournaments .sc-skin-dot.active{border-color:#59d9ff;color:#fff;background:#0c4764;box-shadow:0 0 12px rgba(55,204,255,.24)}

/* =========================================================
   RL MATE V0.36.7 — GROUP STAGE + PLAYOFFS BROADCAST CENTER
   ========================================================= */
#view-special-tournaments .sc-groups-arena{background:linear-gradient(180deg,rgba(3,13,24,.94),rgba(2,8,15,.97)),url("assets/special-cup/arena-bg-v0366.png") center/cover fixed;border-color:rgba(65,192,255,.28)}
#view-special-tournaments .sc-group-progress{display:grid;grid-template-columns:auto auto 1fr;gap:14px;align-items:center;margin:14px 0 18px;padding:10px 14px;border:1px solid rgba(67,192,255,.22);border-radius:10px;background:rgba(2,14,24,.78);font-size:10px;letter-spacing:.08em}
#view-special-tournaments .sc-group-progress i{height:6px;border-radius:999px;background:linear-gradient(90deg,#25d88a 0 var(--p),rgba(255,255,255,.08) var(--p) 100%);box-shadow:0 0 16px rgba(37,216,138,.16)}
#view-special-tournaments .sc-groups-grid,#view-special-tournaments .sc-schedules-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}
#view-special-tournaments .sc-group-card,#view-special-tournaments .sc-group-games{border:1px solid rgba(71,185,239,.3);border-radius:14px;overflow:hidden;background:rgba(2,12,21,.86);box-shadow:0 18px 42px rgba(0,0,0,.24)}
#view-special-tournaments .sc-group-title,#view-special-tournaments .sc-group-games-head{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;background:linear-gradient(90deg,rgba(6,42,65,.95),rgba(24,17,66,.86));color:#9deeff;font-weight:950;letter-spacing:.1em}
#view-special-tournaments .sc-group-title small{font-size:8px;color:#8caabb}
#view-special-tournaments .sc-table{padding:7px}
#view-special-tournaments .sc-tr{display:grid;grid-template-columns:34px minmax(180px,340px) repeat(4,minmax(48px,1fr)) minmax(70px,1.2fr) minmax(58px,1fr) minmax(56px,1fr);align-items:center;gap:6px;min-height:46px;padding:5px 9px;border-bottom:1px solid rgba(255,255,255,.055);font-size:12px;font-weight:800}
#view-special-tournaments .sc-th{min-height:32px;color:#8eb3c8;font-size:10px;font-weight:950;letter-spacing:.08em}
#view-special-tournaments .sc-tr.qualified{background:linear-gradient(90deg,rgba(20,138,90,.10),transparent)}
#view-special-tournaments .sc-tr.qualified>span:first-child{color:#65ffc0;font-weight:950}
#view-special-tournaments .sc-tr.eliminated{opacity:.52}
#view-special-tournaments .sc-tr>span:nth-child(n+3),#view-special-tournaments .sc-tr>strong{text-align:center}
#view-special-tournaments .sc-tr>strong{font-size:13px;color:#f2fbff;font-weight:950}
#view-special-tournaments .sc-table-team{min-width:0}
#view-special-tournaments .sc-table-team .sc-team-mini img{width:25px;height:25px}
#view-special-tournaments .sc-group-match{display:grid;grid-template-columns:minmax(120px,1fr) 50px minmax(120px,1fr) 88px;gap:8px;align-items:center;padding:8px 10px;border-bottom:1px solid rgba(255,255,255,.045)}
#view-special-tournaments .sc-group-match>b{text-align:center;color:#8fe9ff;font-size:14px}
#view-special-tournaments .sc-group-match.done{background:rgba(21,133,91,.07)}
#view-special-tournaments .sc-playoff-ready{display:flex;align-items:center;gap:14px;padding:15px 18px;border:1px solid rgba(42,220,142,.36);border-radius:12px;background:linear-gradient(90deg,rgba(8,75,53,.7),rgba(13,30,59,.78));box-shadow:0 0 28px rgba(39,220,142,.08)}
#view-special-tournaments .sc-playoff-ready strong{color:#70ffc1;letter-spacing:.08em}.sc-playoff-ready span{color:#9bb6c5}.sc-playoff-ready .btn{margin-left:auto}
#view-special-tournaments .sc-third-place{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;background:linear-gradient(90deg,rgba(82,45,10,.78),rgba(3,15,25,.96));border-top:1px solid rgba(236,154,53,.32);color:#ffc776;font-size:10px;font-weight:900;letter-spacing:.07em}
#view-special-tournaments .sc-third-place>div{display:flex;align-items:center;gap:10px}.sc-third-place .sc-team-mini{min-width:120px}
#view-special-tournaments .sc-team-group-picker{display:flex;align-items:center;gap:6px;margin-top:8px;padding:7px 8px;border-radius:9px;background:rgba(2,10,18,.78);border:1px solid rgba(76,177,225,.18)}
#view-special-tournaments .sc-team-group-picker span{font-size:8px;font-weight:950;letter-spacing:.12em;color:#7bcce9;margin-right:4px}
#view-special-tournaments .sc-team-group-picker button{width:32px;height:25px;border-radius:6px;border:1px solid #28506a;background:#071a29;color:#9fc8dc;font-weight:950;cursor:pointer}.sc-team-group-picker button.active{background:#0c5574;color:white;border-color:#5cdbff;box-shadow:0 0 12px rgba(55,204,255,.24)}
#view-special-tournaments .sc-format-note{padding:10px 12px;border:1px solid rgba(65,193,255,.2);border-radius:8px;background:rgba(6,34,51,.5);color:#9cc7d8;font-size:10px;line-height:1.5}
@media(max-width:1200px){#view-special-tournaments .sc-groups-grid,#view-special-tournaments .sc-schedules-grid{grid-template-columns:1fr}#view-special-tournaments .sc-tr{grid-template-columns:24px minmax(120px,1fr) repeat(4,34px) 55px 44px 42px}}


/* =========================================================
   RL MATE V0.36.8 — TEAM SKINS LIVE + VISUAL TEST RUN
   ========================================================= */
#view-special-tournaments .sc-skin-thumbs{
  width:100%;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin-top:6px
}
#view-special-tournaments .sc-skin-thumb{
  position:relative;overflow:hidden;min-width:0;height:48px;padding:0;border-radius:8px;
  border:1px solid rgba(76,177,225,.24);background:#06131e;cursor:pointer;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.02)
}
#view-special-tournaments .sc-skin-thumb i{
  position:absolute;inset:0;background-image:var(--thumb);background-size:cover;background-position:center;
  opacity:.82;transition:.18s ease
}
#view-special-tournaments .sc-skin-thumb:after{
  content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 20%,rgba(0,5,10,.72))
}
#view-special-tournaments .sc-skin-thumb b{
  position:absolute;z-index:2;right:5px;bottom:3px;font-size:9px;color:#fff;text-shadow:0 1px 5px #000
}
#view-special-tournaments .sc-skin-thumb:hover,
#view-special-tournaments .sc-skin-thumb.active{
  border-color:#61dcff;box-shadow:0 0 14px rgba(72,208,255,.34)
}
#view-special-tournaments .sc-skin-thumb:hover i,
#view-special-tournaments .sc-skin-thumb.active i{opacity:1;transform:scale(1.05)}
#view-special-tournaments .sc-skin-thumb.active:before{
  content:"✓";position:absolute;z-index:3;left:5px;top:4px;width:17px;height:17px;display:grid;place-items:center;
  border-radius:50%;background:#39d99a;color:#03110c;font-size:10px;font-weight:1000
}

/* Selected team skin now follows the team through standings, schedules and bracket. */
#view-special-tournaments .sc-team-mini-skinned{
  position:relative;isolation:isolate;overflow:hidden;min-height:32px;padding:4px 7px 4px 5px;
  border:1px solid rgba(94,193,239,.22);border-radius:8px;background:rgba(3,13,22,.84);
  display:flex;align-items:center;gap:6px
}
#view-special-tournaments .sc-team-mini-skinned .sc-mini-skin{
  position:absolute;inset:0;z-index:0;background-image:var(--mini-team-skin);background-size:cover;background-position:center;
  opacity:.34
}
#view-special-tournaments .sc-team-mini-skinned:after{
  content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(1,8,14,.36),rgba(1,8,14,.82))
}
#view-special-tournaments .sc-mini-avatars{position:relative;z-index:2;display:flex;flex:0 0 auto}
#view-special-tournaments .sc-mini-avatars img{
  width:25px!important;height:25px!important;border-radius:50%!important;object-fit:cover;
  border:1px solid rgba(255,255,255,.72);margin-left:-5px;box-shadow:0 2px 8px rgba(0,0,0,.42)
}
#view-special-tournaments .sc-mini-avatars img:first-child{margin-left:0}
#view-special-tournaments .sc-mini-name{
  position:relative;z-index:2;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  font-weight:900;text-shadow:0 2px 6px #000
}
#view-special-tournaments .sc-test-btn{
  border-color:rgba(178,100,255,.42)!important;color:#d9b8ff!important;
  background:linear-gradient(180deg,rgba(76,30,116,.28),rgba(24,14,45,.32))!important
}
#view-special-tournaments .sc-test-btn:hover{box-shadow:0 0 18px rgba(166,87,255,.22)!important}

@media(max-width:760px){
 #view-special-tournaments .sc-skin-thumbs{grid-template-columns:repeat(2,minmax(0,1fr))}
}


/* RL MATE V0.36.9 — manual groups + visible PNG team skins */
#view-special-tournaments .sc-team.sc-group-open{border-color:rgba(145,158,171,.42)!important}
#view-special-tournaments .sc-team.sc-group-A{border-color:rgba(67,210,255,.72)!important;box-shadow:0 0 20px rgba(42,184,255,.10)}
#view-special-tournaments .sc-team.sc-group-B{border-color:rgba(255,151,64,.72)!important;box-shadow:0 0 20px rgba(255,125,39,.10)}
#view-special-tournaments .sc-team-group-picker button{width:auto;min-width:34px;padding:0 9px}
#view-special-tournaments .sc-team-group-picker .sc-group-open-btn.active{background:#4a5560;color:#fff;border-color:#8997a4;box-shadow:0 0 12px rgba(170,185,198,.20)}
#view-special-tournaments .sc-team-group-picker .sc-group-a-btn.active{background:#09597b;color:#fff;border-color:#5cdbff;box-shadow:0 0 12px rgba(55,204,255,.28)}
#view-special-tournaments .sc-team-group-picker .sc-group-b-btn.active{background:#7a3d0b;color:#fff;border-color:#ff9b4a;box-shadow:0 0 12px rgba(255,137,49,.28)}

/* V0.37.1 — editable team names */
#view-special-tournaments .sc-team-name-edit{display:flex;align-items:center;gap:6px;min-width:0;flex:1;margin-right:8px}
#view-special-tournaments .sc-team-name-edit>b{flex:0 0 auto;font-size:10px;color:#8fdcff;letter-spacing:.08em}
#view-special-tournaments .sc-team-name-edit input{min-width:0;flex:1;height:30px;border:1px solid rgba(102,202,248,.28);border-radius:7px;background:rgba(1,9,16,.68);color:#fff;font:800 11px/1 inherit;padding:0 8px;outline:none}
#view-special-tournaments .sc-team-name-edit input:focus{border-color:#5cdbff;box-shadow:0 0 0 2px rgba(55,204,255,.12)}
#view-special-tournaments .sc-team-name-save{width:30px;height:30px;border-radius:7px;border:1px solid rgba(80,221,169,.45);background:rgba(16,93,69,.72);color:#b9ffe4;font-weight:950;cursor:pointer}
#view-special-tournaments .sc-team-name-save:hover{background:rgba(20,125,90,.9);border-color:#79f2bf}
