/* =========================================================
   PRETO & DOURADO — acabamento premium
   ========================================================= */
.logo span{-webkit-text-fill-color:var(--text-muted)}
.card,.player-section,.draft-area,.sidebar-team,.empty{background:linear-gradient(180deg,var(--c1),var(--c0));border-color:rgba(212,175,55,.13)}
.card,.player-section,.draft-area{position:relative}
.card::before,.player-section::before,.draft-area::before{content:'';position:absolute;top:0;left:12%;right:12%;height:1px;background:linear-gradient(90deg,transparent,rgba(245,222,138,.45),transparent);pointer-events:none}
.brand-mark{background:radial-gradient(circle at 30% 20%,var(--crest-a),var(--c0));box-shadow:0 0 28px -6px rgba(212,175,55,.6),inset 0 0 0 1px rgba(245,222,138,.15)}
.stat{background:linear-gradient(180deg,var(--c1),var(--c0));border-color:rgba(212,175,55,.14)}
.stat-val{color:var(--gold-light)}
.nav-tab.active{background:linear-gradient(90deg,rgba(212,175,55,.2),rgba(212,175,55,.03));box-shadow:inset 0 0 0 1px rgba(212,175,55,.15)}
.team-card{background:linear-gradient(180deg,color-mix(in srgb,var(--tier) 10%,var(--c0)) 0%,var(--c0) 150px)}
.team-crest{box-shadow:0 0 0 2px rgba(0,0,0,.6)}
.team-card-name{background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.empty-icon{background:radial-gradient(circle at 30% 20%,var(--crest-a),#111);box-shadow:0 0 30px -10px rgba(212,175,55,.6)}

/* ===== VEZ DE ESCOLHER (destaque) ===== */
.draft-turn{position:relative;overflow:hidden;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:20px;padding:22px 24px 26px;background:radial-gradient(500px 160px at 0% 0%,rgba(212,175,55,.22),transparent 70%),linear-gradient(180deg,var(--gold-deep),var(--c0))}
.draft-turn::after{content:'';position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,rgba(245,222,138,.10) 50%,transparent 65%);background-size:250% 100%;animation:turnSheen 3.2s ease-in-out infinite;pointer-events:none}
@keyframes turnSheen{0%{background-position:150% 0}60%,100%{background-position:-50% 0}}
.turn-crest{position:relative;width:74px;height:74px;display:grid;place-items:center;flex-shrink:0}
.turn-crest::before{content:'';position:absolute;inset:-8px;border-radius:50%;background:conic-gradient(from 0deg,transparent,rgba(245,222,138,.9),transparent 30%,transparent 50%,rgba(212,175,55,.8),transparent 80%);animation:spin 3s linear infinite;-webkit-mask:radial-gradient(circle,transparent 58%,#000 60%);mask:radial-gradient(circle,transparent 58%,#000 60%)}
.turn-crest-in{width:62px;height:62px;display:grid;place-items:center;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:linear-gradient(160deg,#F8E28A,#D4AF37 55%,#7A5C17);font-family:var(--font-display);font-size:24px;font-weight:700;color:#140f03}
@keyframes spin{to{transform:rotate(360deg)}}
.turn-info{min-width:0;position:relative;z-index:1}
.draft-turn-label{display:flex;align-items:center;gap:8px;color:var(--gold-light)}
.live-dot{width:8px;height:8px;border-radius:50%;background:#ff4d4d;box-shadow:0 0 0 0 rgba(255,77,77,.7);animation:livePulse 1.4s infinite}
@keyframes livePulse{70%{box-shadow:0 0 0 8px rgba(255,77,77,0)}100%{box-shadow:0 0 0 0 rgba(255,77,77,0)}}
.draft-turn-name{font-size:40px;background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;animation:turnNameIn .5s cubic-bezier(.22,1,.36,1)}
@keyframes turnNameIn{from{opacity:0;transform:translateX(-14px);letter-spacing:.12em}to{opacity:1;transform:none}}
.draft-turn-sub{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12.5px}
.draft-turn-sub b{color:var(--gold-light);font-weight:600}
.pick-double{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:20px;background:rgba(212,175,55,.16);border:1px solid rgba(212,175,55,.4);color:var(--gold-light);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;animation:dblPulse 1.6s ease-in-out infinite}
@keyframes dblPulse{50%{box-shadow:0 0 14px rgba(212,175,55,.45)}}
.turn-side{display:flex;align-items:center;gap:14px;position:relative;z-index:1}





@keyframes chipIn{from{opacity:0;transform:translateY(6px)}}



.draft-turn .draft-progress{position:absolute;left:0;right:0;bottom:0;height:4px;border-radius:0;background:var(--sunk)}
.draft-turn .draft-progress-fill{border-radius:0;box-shadow:0 0 12px rgba(245,222,138,.8)}

/* banner de troca de vez */
.turn-banner{position:fixed;left:0;right:0;top:38%;z-index:650;pointer-events:none;display:flex;justify-content:center}
.turn-banner-in{position:relative;width:100%;padding:22px 0;text-align:center;background:linear-gradient(90deg,transparent,rgba(10,8,2,.92) 18%,rgba(10,8,2,.92) 82%,transparent);border-top:1px solid rgba(245,222,138,.5);border-bottom:1px solid rgba(245,222,138,.5);animation:bannerIn 1.25s cubic-bezier(.22,1,.36,1) forwards}
.turn-banner-in::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 40%,rgba(245,222,138,.25) 50%,transparent 60%);background-size:300% 100%;animation:bannerSweep 1.25s ease forwards}
.tb-eyebrow{font-size:11px;font-weight:600;letter-spacing:.35em;text-transform:uppercase;color:var(--gold)}
.tb-name{font-family:var(--font-display);font-size:56px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;line-height:1.05;background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
@keyframes bannerIn{0%{opacity:0;transform:scaleY(.2)}15%{opacity:1;transform:scaleY(1)}80%{opacity:1;transform:none}100%{opacity:0;transform:translateY(-10px)}}
@keyframes bannerSweep{from{background-position:120% 0}to{background-position:-20% 0}}

/* ===== REVELAÇÃO DOS TIMES ===== */
.reveal-overlay{padding:80px 0 70px;background:radial-gradient(ellipse 55% 45% at 50% 52%,rgba(212,175,55,.12),transparent 70%),rgba(0,0,0,.96)}
.reveal-rays{position:absolute;left:50%;top:52%;width:1400px;height:1400px;margin:-700px 0 0 -700px;border-radius:50%;pointer-events:none;opacity:0;transition:opacity .6s ease;background:repeating-conic-gradient(from 0deg,rgba(245,222,138,.10) 0deg 6deg,transparent 6deg 18deg);-webkit-mask:radial-gradient(circle,#000 0,transparent 62%);mask:radial-gradient(circle,#000 0,transparent 62%);animation:spin 40s linear infinite}
.reveal-rays.show{opacity:1}
.reveal-ring{position:absolute;left:50%;top:52%;width:200px;height:200px;margin:-100px 0 0 -100px;border-radius:50%;border:2px solid rgba(245,222,138,.85);box-shadow:0 0 40px rgba(212,175,55,.8),inset 0 0 30px rgba(212,175,55,.6);pointer-events:none;animation:ringOut .9s cubic-bezier(.2,.8,.2,1) forwards}
@keyframes ringOut{from{transform:scale(.2);opacity:1}to{transform:scale(5);opacity:0}}
.spark{position:fixed;left:50%;top:52%;width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:50%;background:radial-gradient(circle,#fff,#F5DE8A 45%,#D4AF37 70%,transparent);box-shadow:0 0 10px #D4AF37;pointer-events:none;z-index:604;animation:sparkFly var(--t,1s) cubic-bezier(.15,.8,.3,1) forwards}
@keyframes sparkFly{to{transform:translate(var(--dx),var(--dy)) scale(.2);opacity:0}}
.reveal-ghost{z-index:1}
.reveal-ghost.stagger .roster-row{animation:rowIn .45s cubic-bezier(.22,1,.36,1) both}
.reveal-ghost.stagger .roster-row:nth-child(1){animation-delay:.35s}.reveal-ghost.stagger .roster-row:nth-child(2){animation-delay:.47s}.reveal-ghost.stagger .roster-row:nth-child(3){animation-delay:.59s}.reveal-ghost.stagger .roster-row:nth-child(4){animation-delay:.71s}.reveal-ghost.stagger .roster-row:nth-child(5){animation-delay:.83s}
@keyframes rowIn{from{opacity:0;transform:translateX(-18px)}}
.reveal-ghost.stagger .team-strength-fill{animation:fillIn 1.1s .3s cubic-bezier(.22,1,.36,1) both}
@keyframes fillIn{from{width:0!important}}
.reveal-intro{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;pointer-events:none;z-index:2}
.ri-eyebrow{font-size:13px;font-weight:600;letter-spacing:.5em;text-transform:uppercase;color:var(--gold);animation:riFade .6s both}
.ri-title{font-family:var(--font-display);font-size:clamp(60px,10vw,132px);font-weight:700;letter-spacing:.06em;text-transform:uppercase;line-height:1;background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 30px rgba(212,175,55,.35));animation:riZoom 1.2s cubic-bezier(.22,1,.36,1) both}
.ri-line{width:0;height:2px;margin-top:18px;background:linear-gradient(90deg,transparent,#F5DE8A,transparent);box-shadow:0 0 14px rgba(245,222,138,.8);animation:riLine 1s .3s cubic-bezier(.22,1,.36,1) forwards}
.ri-sub{margin-top:14px;font-size:14px;color:var(--text-muted);letter-spacing:.12em;animation:riFade .6s .5s both}
.reveal-intro.out{animation:riOut .45s ease forwards}
@keyframes riFade{from{opacity:0;transform:translateY(8px)}}
@keyframes riZoom{from{opacity:0;transform:scale(1.35);letter-spacing:.3em;filter:blur(8px)}}
@keyframes riLine{to{width:min(520px,70vw)}}
@keyframes riOut{to{opacity:0;transform:scale(.94)}}
.rc-eyebrow{color:var(--gold)}
.rc-title{background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.reveal-dots{position:fixed;bottom:96px;left:50%;transform:translateX(-50%);display:flex;gap:8px;z-index:603}
.reveal-dots span{width:28px;height:4px;border-radius:4px;background:rgba(245,222,138,.18);transition:all .3s}
.reveal-dots span.on{background:var(--gold);box-shadow:0 0 10px rgba(212,175,55,.8)}
.teams-showcase .team-card.card-settled{animation:cardSettle .9s ease}
@keyframes cardSettle{0%{box-shadow:0 0 0 2px #F5DE8A,0 0 60px rgba(212,175,55,.7);transform:scale(1.03)}100%{transform:none}}

/* ===== DRAFT: barra, linha do tempo, times em formação ===== */
.draft-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.draft-meter{display:flex;align-items:center;gap:10px;font-size:12.5px;color:var(--text-muted)}
.draft-meter b{color:var(--gold-light)}
.draft-meter-bar{width:180px;height:6px;border-radius:6px;background:var(--surface2);overflow:hidden}
.draft-meter-bar div{height:100%;background:linear-gradient(90deg,var(--gold-dark),var(--gold),var(--gold-light));box-shadow:0 0 10px rgba(245,222,138,.6);transition:width .5s ease}
.pick-timeline{position:relative;display:flex;align-items:center;gap:14px;padding:12px 16px;border-radius:var(--radius);background:linear-gradient(180deg,var(--c1),var(--c0));border:1px solid rgba(212,175,55,.13);overflow:hidden}
.pick-timeline::after{content:'';position:absolute;top:0;right:0;bottom:0;width:80px;background:linear-gradient(90deg,transparent,var(--c0));pointer-events:none}
.tl-label{flex-shrink:0;font-size:10.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted);display:flex;align-items:center;gap:7px}
.tl-label i{color:var(--gold)}
.tl-track{display:flex;align-items:center;gap:0;overflow:hidden;min-width:0}
.tl-item{position:relative;flex-shrink:0;display:flex;align-items:center;gap:9px;padding:7px 12px 7px 8px;border-radius:12px;background:var(--surface2);border:1px solid var(--line);animation:tlIn .45s var(--d,0ms) both}
@keyframes tlIn{from{opacity:0;transform:translateX(18px)}}
.tl-item.is-now{padding:9px 16px 9px 9px;background:linear-gradient(135deg,rgba(212,175,55,.28),rgba(212,175,55,.06));border-color:var(--gold);box-shadow:0 0 22px -4px rgba(212,175,55,.55)}
.tl-item.is-now::before{content:'';position:absolute;inset:-1px;border-radius:12px;padding:1px;background:conic-gradient(from var(--ang,0deg),transparent 0 70%,#F5DE8A 85%,transparent 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:angSpin 2.4s linear infinite}
@property --ang{syntax:'<angle>';inherits:false;initial-value:0deg}
@keyframes angSpin{to{--ang:360deg}}
.tl-num{font-family:var(--font-display);font-size:13px;font-weight:700;color:var(--text-dim);min-width:26px;text-align:center;text-transform:uppercase;letter-spacing:.04em}
.tl-item.is-now .tl-num{color:var(--gold-light)}
.tl-crest,.tf-crest{width:28px;height:28px;flex-shrink:0;display:grid;place-items:center;overflow:hidden;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:linear-gradient(160deg,var(--crest-a),var(--crest-b));color:var(--gold-light);font-family:var(--font-display);font-size:12px;font-weight:700}
.tl-item.is-now .tl-crest{width:34px;height:34px;background:linear-gradient(160deg,#F8E28A,#D4AF37 55%,#7A5C17);color:#140f03;font-size:14px}
.tl-name{font-size:12.5px;font-weight:600;white-space:nowrap;max-width:130px;overflow:hidden;text-overflow:ellipsis}
.tl-item.is-now .tl-name{font-family:var(--font-display);font-size:18px;font-weight:700;text-transform:uppercase;letter-spacing:.02em;color:var(--gold-light);max-width:180px}
.tl-dbl{font-size:9.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:2px 6px;border-radius:10px;background:var(--sunk);color:var(--gold-light)}
.tl-link{width:22px;height:2px;flex-shrink:0;background:linear-gradient(90deg,var(--line2),rgba(212,175,55,.35));position:relative}
.tl-link.is-snake{width:30px;height:auto;background:none;display:grid;place-items:center;color:var(--gold);font-size:11px}

.current-team-panel{display:flex;flex-direction:column;gap:10px;max-height:calc(100vh - 110px);overflow-y:auto}
.tf-team{border-radius:12px;background:var(--surface2);border:1px solid var(--line);padding:10px 12px;transition:all .3s ease;animation:tfIn .4s both}
@keyframes tfIn{from{opacity:0;transform:translateY(8px)}}
.tf-team.is-now{background:radial-gradient(300px 120px at 0% 0%,rgba(212,175,55,.2),transparent 70%),var(--gold-deep);border-color:var(--gold);box-shadow:0 0 30px -12px rgba(212,175,55,.8)}

.tf-head{display:flex;align-items:center;gap:10px}
.tf-team.is-now .tf-crest,.sidebar-team.is-now .tf-crest{background:linear-gradient(160deg,#F8E28A,#D4AF37 55%,#7A5C17);color:#140f03;font-size:16px}
.tf-id{min-width:0;flex:1}
.tf-name{font-family:var(--font-display);font-size:17px;font-weight:700;text-transform:uppercase;letter-spacing:.02em;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tf-team.is-now .tf-name{background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.tf-when{font-size:11px;color:var(--text-muted)}
.tf-team.is-now .tf-when{color:var(--gold-light)}
.tf-count{display:flex;flex-direction:column;align-items:flex-end;font-size:11px;color:var(--text-muted);line-height:1.3;flex-shrink:0}
.tf-count b{font-family:var(--font-display);font-size:18px;color:var(--text)}
.tf-count span{font-size:10.5px;font-weight:600;white-space:nowrap}
.tf-count span:first-child{font-size:11px;font-weight:500}








.tf-team.is-now .ctp-lanes{margin-top:12px}
.ctp-pick{justify-content:flex-start}
.ctp-pick .lane-badge{width:74px;justify-content:center;flex-shrink:0}
.ctp-pick .ctp-pick-name{flex:1;min-width:0}
.slot-new{animation:slotNew 1.6s ease-out}
@keyframes slotNew{0%{box-shadow:0 0 0 2px #F5DE8A,0 0 24px rgba(212,175,55,.9);transform:scale(1.04)}100%{box-shadow:none;transform:none}}
.sidebar-team.is-now{border-color:var(--gold);box-shadow:0 0 30px -12px rgba(212,175,55,.8)}
.sidebar-team .ctp-lanes{margin-top:12px}
.draft-player-card{animation:dpIn .4s var(--d,0ms) both}
@keyframes dpIn{from{opacity:0;transform:translateY(8px)}}

/* ===== TIME EM FORMAÇÃO (painel da direita) ===== */
.my-team{padding:16px}
.mt-head{display:flex;align-items:center;gap:14px}
.mt-crest{position:relative;width:60px;height:60px;flex-shrink:0;display:grid;place-items:center;overflow:hidden;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:linear-gradient(160deg,#F8E28A,#D4AF37 55%,#7A5C17);color:#140f03;font-family:var(--font-display);font-size:22px;font-weight:700;animation:crestIn .5s cubic-bezier(.22,1,.36,1)}
@keyframes crestIn{from{transform:scale(.6) rotate(-20deg);opacity:0}}
.my-team .tf-name{font-size:26px}
.my-team .tf-when i{font-size:9px;color:var(--gold)}
.mt-stats{display:grid;grid-template-columns:62px minmax(0,1fr) 58px;gap:6px;margin-top:14px}
.mt-stat{display:flex;flex-direction:column;gap:2px;padding:8px 9px;border-radius:9px;background:var(--sunk);border:1px solid var(--line);min-width:0}
.mt-stat span{font-size:9.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}
.mt-stat b{font-family:var(--font-display);font-size:17px;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mt-stat small{font-size:12px;color:var(--text-muted)}
.mt-bar{height:5px;margin:12px 0 4px;border-radius:5px;background:var(--sunk);overflow:hidden}
.mt-bar div{height:100%;background:linear-gradient(90deg,var(--gold-dark),var(--gold),var(--gold-light));box-shadow:0 0 10px rgba(245,222,138,.7);transition:width .6s cubic-bezier(.22,1,.36,1)}
.mt-slots{display:flex;flex-direction:column;gap:7px;margin-top:12px}
.mt-slot{position:relative;display:flex;align-items:center;gap:12px;min-height:54px;padding:8px 12px;border-radius:10px;animation:tfIn .4s both}
.mt-slot:nth-child(2){animation-delay:.04s}.mt-slot:nth-child(3){animation-delay:.08s}.mt-slot:nth-child(4){animation-delay:.12s}.mt-slot:nth-child(5){animation-delay:.16s}
.mt-slot .lane-badge{width:78px;justify-content:center;flex-shrink:0}
.mt-slot.filled{background:linear-gradient(90deg,rgba(212,175,55,.10),var(--tint));border:1px solid rgba(212,175,55,.22)}
.mt-slot.open{border:1.5px dashed rgba(212,175,55,.35);background:var(--sunk);animation:tfIn .4s both,openPulse 2.2s ease-in-out infinite}
@keyframes openPulse{50%{border-color:rgba(245,222,138,.75);box-shadow:inset 0 0 18px rgba(212,175,55,.12)}}
.mt-slot-main{display:flex;flex-direction:column;min-width:0;flex:1}
.mt-slot-name{font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mt-slot-name i{font-size:10px;color:var(--gold)}
.mt-slot.open .mt-slot-name{font-weight:600;color:var(--gold-light);font-style:italic}
.mt-slot-elo{display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--text-muted)}
.mt-plus{color:var(--gold);font-size:12px;opacity:.7}
.mt-next{margin-top:12px;padding-top:12px;border-top:1px solid var(--line);font-size:12px;color:var(--text-muted);display:flex;align-items:center;gap:8px}
.mt-next i{color:var(--gold)}
.mt-next b{color:var(--gold-light)}

/* ===== LOGO DOS TIMES ===== */
.crest-img{width:100%;height:100%;object-fit:cover;display:block}
.logo-btn{position:relative;flex-shrink:0;width:38px;height:38px;display:grid;place-items:center;overflow:hidden;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:linear-gradient(160deg,var(--crest-a),var(--crest-b));color:var(--gold-light);font-family:var(--font-display);font-size:14px;font-weight:700;cursor:pointer;border:none;transition:filter .2s}
.logo-btn:hover{filter:brightness(1.3)}
.logo-btn::after{content:'\f030';font-family:'Font Awesome 6 Free';font-weight:900;position:absolute;inset:0;display:grid;place-items:center;background:rgba(0,0,0,.6);color:#F5DE8A;font-size:12px;opacity:0;transition:opacity .2s}
.logo-btn:hover::after{opacity:1}
.logo-remove{background:none;border:none;color:var(--text-dim);cursor:pointer;font-size:11px;padding:4px}
.logo-remove:hover{color:var(--red)}

/* ===== CARDS DE TIME: animações ===== */
.teams-showcase{perspective:1200px}
.team-card{transform-style:preserve-3d;transition:transform .25s ease,box-shadow .3s ease,border-color .3s}
.team-card:hover{transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(-6px)}
.team-card .tc-shine{position:absolute;inset:0;z-index:3;pointer-events:none;opacity:0;transition:opacity .3s;background:radial-gradient(420px circle at var(--mx,50%) var(--my,0%),rgba(245,222,138,.16),transparent 45%)}
.team-card:hover .tc-shine{opacity:1}
.team-card .tc-border{position:absolute;inset:0;z-index:4;border-radius:16px;padding:1.5px;pointer-events:none;opacity:0;transition:opacity .3s;background:conic-gradient(from var(--ang,0deg),transparent 0 60%,var(--tier) 75%,#FFF6D0 80%,var(--tier) 85%,transparent 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:angSpin 3s linear infinite}
.team-card:hover .tc-border,.team-card.is-strongest .tc-border{opacity:1}
.team-crest{transition:transform .5s cubic-bezier(.22,1,.36,1)}
.team-card:hover .team-crest{transform:rotate(-8deg) scale(1.08)}
.team-crest::after{content:'';position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.55) 50%,transparent 70%);background-size:250% 100%;background-position:150% 0;transition:background-position .8s ease}
.team-crest{position:relative}
.team-card:hover .team-crest::after{background-position:-50% 0}
.roster-row{transition:background .2s,transform .2s}
.team-card:hover .roster-row:hover{transform:translateX(4px)}
.teams-showcase:not(.pre-reveal) .team-card:not(.card-settled){animation:cardRise .6s var(--d,0ms) cubic-bezier(.22,1,.36,1) both}
@keyframes cardRise{from{opacity:0;transform:translateY(24px) scale(.97)}}
.team-card.is-strongest .team-card-header,.team-card.is-champion .team-card-header{padding-top:30px}
.strongest-tag{position:absolute;top:8px;right:10px;z-index:5;display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:20px;background:linear-gradient(135deg,#F8E28A,#D4AF37);color:#140f03;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 0 16px rgba(212,175,55,.6);animation:dblPulse 2s ease-in-out infinite}
.reveal-flash{position:fixed;inset:0;z-index:606;pointer-events:none;background:radial-gradient(circle at 50% 52%,rgba(255,240,190,.55),transparent 60%);animation:flashOut .5s ease-out forwards}
@keyframes flashOut{from{opacity:1}to{opacity:0}}