/* =========================================================
   TEMA CLARO
   ========================================================= */
:root[data-theme="light"]{
  --bg:#F4EFE4;--bg2:#ECE5D6;
  --surface:#FFFFFF;--surface2:#F8F4EC;--surface3:#EEE7D7;
  --line:rgba(110,80,15,.16);--line2:rgba(110,80,15,.28);
  --text:#1B1712;--text-muted:#544C3F;--text-dim:#867C69;
  --gold:#A87A12;--gold-light:#7E5A0B;--gold-dark:#5E4508;
  --accent:#8C6510;--accent-dim:rgba(168,122,18,.12);
  --border-gold:rgba(168,122,18,.42);
  --gold-grad:linear-gradient(180deg,#9A7316 0%,#7E5A0B 55%,#5A4007 100%);
  --shadow:0 1px 0 rgba(255,255,255,.8) inset,0 10px 28px -14px rgba(80,55,10,.28);
  --c0:#FBF8F2;--c1:#FFFFFF;--gold-deep:#FFF7E0;--crest-a:#F2DFA6;--crest-b:#DCC27A;
  --sunk:rgba(110,80,15,.06);--tint:rgba(110,80,15,.04);--tint2:rgba(110,80,15,.09);
  --sidebar-bg:rgba(255,253,248,.96);--bar-bg:rgba(250,246,238,.9);--login-bg:rgba(244,239,228,.97);
  --danger-text:#B3203A;
  --lane-top:#1B62C4;--lane-jungle:#0B8A62;--lane-mid:#B8306F;--lane-adc:#A0640A;--lane-support:#5B45C9;
  --t-iron:#5e5e5e;--t-bronze:#8a5228;--t-silver:#5f6f7d;--t-gold:#9a6f00;--t-platinum:#0f7f6a;--t-esmeralda:#0f8a45;--t-diamond:#1d64b8;--t-master:#7b3fc4;--t-grandmaster:#c12a2a;--t-challenger:#a07a00;
  color-scheme:light;
}
:root[data-theme="light"] body::before{background:radial-gradient(1000px 520px at 75% -12%,rgba(212,175,55,.18),transparent 62%),linear-gradient(var(--bg),var(--bg2))}
:root[data-theme="light"] body::after{opacity:.5}
/* no tema claro as cores dos tiers ficam mais escuras para dar contraste */
:root[data-theme="light"] .tier-label{color:color-mix(in srgb,var(--tc) 62%,#000);text-shadow:none}
:root[data-theme="light"] .tier-row::before{box-shadow:none}
:root[data-theme="light"] .tl-picker-opts button{color:color-mix(in srgb,var(--tc) 62%,#000)}
:root[data-theme="light"] .tl-picker-opts button.on{color:#140f03}
:root[data-theme="light"] .team-card{background:linear-gradient(180deg,color-mix(in srgb,var(--tier) 14%,#fff) 0%,#fff 150px)}
:root[data-theme="light"] .btn-outline{background:#fff}
:root[data-theme="light"] .reveal-overlay,:root[data-theme="light"] .modal-overlay{background-color:rgba(30,22,8,.55)}
:root[data-theme="light"] .rv-box,:root[data-theme="light"] .mm-box,:root[data-theme="light"] .modal-box{background:#fff}
:root[data-theme="light"] .team-view-box{background:transparent}
:root[data-theme="light"] .draft-turn{background:radial-gradient(500px 160px at 0% 0%,rgba(212,175,55,.28),transparent 70%),linear-gradient(180deg,#FFF6DC,#FFFFFF)}
:root[data-theme="light"] .bk-champion,:root[data-theme="light"] .draft-done-header{background:radial-gradient(800px 300px at 20% 0%,rgba(212,175,55,.3),transparent 70%),#FFF8E6}
:root[data-theme="light"] .brand-mark,:root[data-theme="light"] .empty-icon,:root[data-theme="light"] .fmt-ico{background:radial-gradient(circle at 30% 20%,#FFF3CC,#F1DFA8)}
:root[data-theme="light"] .lane-badge{font-weight:800}
:root[data-theme="light"] .stat i{background:#F3E6C2}
:root[data-theme="light"] select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23544C3F' stroke-width='1.5' fill='none'/%3E%3C/svg%3E")}
/* cores das lanes por tema */
.lane-top,.lh-top{color:var(--lane-top)!important}.lane-jungle,.lh-jungle{color:var(--lane-jungle)!important}.lane-mid,.lh-mid{color:var(--lane-mid)!important}.lane-adc,.lh-adc{color:var(--lane-adc)!important}.lane-support,.lh-support{color:var(--lane-support)!important}

/* botão de tema */
.theme-btn{order:3;width:40px;height:40px;flex-shrink:0;display:grid;place-items:center;border-radius:11px;border:1px solid var(--line2);background:var(--surface);color:var(--gold);font-size:15px;cursor:pointer;transition:all .2s}
.theme-btn:hover{border-color:var(--gold);transform:rotate(-12deg)}
.theme-btn .fa-sun{display:none}
:root[data-theme="light"] .theme-btn .fa-sun{display:inline}
:root[data-theme="light"] .theme-btn .fa-moon{display:none}
html.theme-anim *{transition:background-color .35s ease,color .35s ease,border-color .35s ease!important}

/* ===== CARD DO EVENTO (destaque da página inicial) ===== */
.ev-card{position:relative;z-index:1;display:flex;flex-direction:column;gap:12px;padding:18px;border-radius:16px;background:var(--sunk);border:1px solid var(--border-gold);backdrop-filter:blur(6px);animation:tfIn .5s .15s both}
.ev-logo{display:grid;place-items:center;height:120px;border-radius:12px;overflow:hidden}
.ev-logo img{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 6px 18px rgba(0,0,0,.35))}
.ev-logo-lg{width:180px;height:140px;background:var(--surface2);border:1px dashed var(--line2);color:var(--gold);font-size:40px}
.ev-logo-edit{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.ev-about{font-size:13.5px;line-height:1.55;color:var(--text)}
.ev-rows{display:flex;flex-direction:column;gap:6px}
.ev-row{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600}
.ev-row i{width:18px;text-align:center;color:var(--gold)}
.ev-discord{display:flex;align-items:center;justify-content:center;gap:10px;padding:11px 16px;border-radius:11px;background:#5865F2;color:#fff;font-weight:700;font-size:14px;text-decoration:none;box-shadow:0 8px 22px -8px rgba(88,101,242,.8);transition:transform .15s,filter .15s}
.ev-discord:hover{transform:translateY(-2px);filter:brightness(1.1)}
.ev-discord i{font-size:18px}
.ev-social{display:flex;gap:8px;justify-content:center}
.ev-social a{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:var(--surface2);border:1px solid var(--line2);color:var(--text);font-size:16px;text-decoration:none;transition:all .15s}
.ev-social a:hover{transform:translateY(-2px);border-color:var(--gold);color:var(--gold-light)}
.ev-s-whatsapp:hover{color:#25D366!important}.ev-s-twitch:hover{color:#9146FF!important}.ev-s-youtube:hover{color:#FF0033!important}.ev-s-kick:hover{color:#53FC18!important}.ev-s-instagram:hover{color:#E1306C!important}
.ev-layout{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:16px;align-items:start}
.ev-preview-wrap{position:sticky;top:88px}
.ev-preview .ev-card{background:var(--gold-deep)}
.hm-updated a{color:var(--gold-light);font-weight:600}
@media(max-width:1100px){.ev-layout{grid-template-columns:1fr}.ev-preview-wrap{position:static}}

/* ===== MODO ESPECTADOR (outro organizador no controle) ===== */
#watch-banner{position:sticky;top:0;z-index:60;display:none;align-items:center;gap:14px;padding:12px 32px;background:linear-gradient(90deg,rgba(74,158,255,.18),rgba(74,158,255,.06));border-bottom:1px solid rgba(74,158,255,.4);backdrop-filter:blur(12px)}
#watch-banner>i{font-size:18px;color:#7DB8FF}
#watch-banner>div{flex:1;min-width:0;display:flex;flex-direction:column;font-size:13px}
#watch-banner>div>b{font-size:13.5px;color:var(--text)}
#watch-banner span{color:var(--text-muted)}
#watch-banner span b{color:var(--text)}
.watching .statusbar{top:62px}
@media(max-width:900px){#watch-banner{position:static;padding:12px 16px;flex-wrap:wrap}.watching .statusbar{top:0}}

/* ===== BACKUPS / ESCOLHA DE BASE ===== */
.base-box{max-width:560px}
.base-list{display:flex;flex-direction:column;gap:10px}
.base-opt{display:flex;align-items:center;gap:14px;width:100%;padding:14px 16px;border-radius:14px;border:1px solid var(--line2);background:var(--surface2);color:var(--text);text-align:left;cursor:pointer;font-family:inherit;transition:all .15s}
.base-opt:hover{border-color:var(--gold);transform:translateY(-1px)}
.base-opt.current{border-color:var(--gold);background:radial-gradient(300px 100px at 0% 0%,rgba(212,175,55,.18),transparent 70%),var(--surface2)}
.base-ico{width:40px;height:40px;flex-shrink:0;display:grid;place-items:center;border-radius:11px;background:var(--surface3);color:var(--gold);font-size:16px}
.base-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.base-info b{font-size:14px}
.base-info span{font-size:12px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.base-info small{font-size:11.5px;color:var(--gold-light);font-weight:600}
.base-tag{padding:2px 9px;border-radius:20px;background:var(--gold);color:#140f03;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.cloud-dl{background:none;border:none;color:var(--text-dim);font-size:11px;cursor:pointer;padding:2px;font-family:inherit;text-align:left}
.cloud-dl:hover{color:var(--gold-light)}
.viewer.watching .cloud-box.admin-only{display:flex!important}
.watching .admin-link{display:none!important}