
/* 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-v0365.jpg") 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}
}
