@font-face{font-family:'LC Display';src:url(f/anton-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-display:swap}
@font-face{font-family:'LC Display';src:url(f/anton-latin-ext-400-normal.woff2) format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;font-display:swap}
@font-face{font-family:'LC Body';src:url(f/barlow-latin-400-normal.woff2) format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'LC Body';src:url(f/barlow-latin-500-normal.woff2) format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'LC Body';src:url(f/barlow-latin-600-normal.woff2) format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'LC Body';src:url(f/barlow-latin-700-normal.woff2) format('woff2');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'LC Cond';src:url(f/barlow-condensed-latin-600-normal.woff2) format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'LC Cond';src:url(f/barlow-condensed-latin-800-normal.woff2) format('woff2');font-weight:800;font-style:normal;font-display:swap}
@font-face{font-family:'LC Cond';src:url(f/barlow-condensed-latin-800-italic.woff2) format('woff2');font-weight:800;font-style:italic;font-display:swap}
@font-face{font-family:'LC Brush';src:url(f/permanent-marker-latin-400-normal.woff2) format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Permanent Marker';src:url(f/permanent-marker-latin-400-normal.woff2) format('woff2');font-weight:400;font-style:normal;font-display:swap}
/* Dois mundos com a mesma estrutura.
   CLÁSSICO: pôster de jornal antigo + videogame 8-bit. Papel creme, tinta preta, vermelho de manchete, títulos em grotesca pesada,
   textos em serifa de jornal, rótulos e números em fonte pixel, botões grossos com sombra dura, molduras pontilhadas.
   MODERNO: 2D que finge 3D. Fundo azul-violeta com faixas diagonais de luz, painéis inclinados, títulos cromados com extrusão rosa,
   etiquetas amarelas tortas, verde-limão de spray, cartas que inclinam em perspectiva.
   Layout do leilão: plantel + banco de cartas à esquerda; jogador, lance e mesa à direita; no celular empilha. */
:root{
  --bg:#ffffff; --paper:#ffffff; --panel:#ffffff; --soft:#c6ff3a; --line:#1a1714; --hair:rgba(26,23,20,.18); --fg:#1a1714; --muted:#5f574d;
  --accent:#c8202f; --accent2:#8c7bf2; --gold:#c6ff3a; --gold-soft:#c6ff3a; --ok:#c6ff3a; --ok-soft:#ffffff; --red:#c8202f; --red-soft:#f4d8d5; --warn:#c6ff3a;
  --ghost:#8c7bf2; --ghost-soft:#ffffff; --blue:#8c7bf2;
  --pitch:#c6ff3a; --pitch2:#c6ff3a; --pitch-line:#ffffff;
  --btn:#1a1714; --btn-fg:#ffffff; --shadow:4px 4px 0 #1a1714; --radius:4px; --radius-lg:6px;
  --f-display:'LC Display',"Arial Black",Impact,sans-serif;
  --f-body:"Newsreader",Georgia,"Times New Roman",serif;
  --f-label:"Silkscreen","Courier New",monospace;
  --f-num:"Silkscreen","Courier New",monospace;
  color-scheme:light;
}
body.modern{
  --bg:#0e0b1f; --paper:#2b2170; --panel:rgba(43,33,112,.72); --soft:rgba(255,255,255,.08); --line:rgba(255,255,255,.16); --hair:rgba(255,255,255,.14); --fg:#ffffff; --muted:#8c7bf2;
  --accent:#8c7bf2; --accent2:#ffffff; --gold:#c6ff3a; --gold-soft:rgba(198,255,58,.16); --ok:#c6ff3a; --ok-soft:rgba(198,255,58,.15); --red:#ff4d6d; --red-soft:rgba(255,77,109,.18); --warn:#c6ff3a;
  --ghost:#8c7bf2; --ghost-soft:rgba(140,123,242,.16); --blue:#ffffff;
  --pitch:#2b2170; --pitch2:#2b2170; --pitch-line:rgba(198,255,58,.8);
  --btn:#c6ff3a; --btn-fg:#0e0b1f; --shadow:0 10px 30px rgba(14,11,31,.45); --radius:10px; --radius-lg:16px;
  --f-display:"Anton","Impact","Arial Narrow",sans-serif;
  --f-body:"Barlow",system-ui,-apple-system,"Segoe UI",sans-serif;
  --f-label:'LC Cond',"Arial Narrow",sans-serif;
  --f-num:"Anton",Impact,sans-serif;
  color-scheme:dark;
}
*,*::before,*::after{box-sizing:border-box}
html,body{background:var(--bg);color:var(--fg)}
html:has(body.modern){background:#0e0b1f}
html:has(body.classic){background:#ffffff}
body{font-family:var(--f-body);font-size:16px;line-height:1.45;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));padding-block:16px 48px;min-height:100vh;overflow-x:hidden}
/* fundos */
body.classic{background:var(--bg) radial-gradient(rgba(26,23,20,.06) 1px,transparent 1.2px) 0 0/6px 6px}
body.modern{background:
  linear-gradient(115deg,transparent 0 30%,rgba(140,123,242,.35) 30% 31.5%,transparent 31.5% 62%,rgba(255,255,255,.3) 62% 63%,transparent 63%),
  radial-gradient(ellipse at 80% -10%,#8c7bf2 0,transparent 55%),
  radial-gradient(ellipse at 0% 110%,#8c7bf2 0,transparent 45%),
  linear-gradient(160deg,#2b2170,#0e0b1f 45%,#0e0b1f);background-attachment:fixed}
body.modern::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background:repeating-linear-gradient(115deg,transparent 0 22px,rgba(255,255,255,.025) 22px 24px);animation:drift 30s linear infinite}
@keyframes drift{to{background-position:400px 0}}
#app{position:relative;z-index:1}
#stage{display:none}
.wrap{max-width:1180px;margin:0 auto;display:flex;flex-direction:column;gap:16px}
.narrow{max-width:940px;margin:0 auto;width:100%;display:flex;flex-direction:column;gap:16px}
.screen-in>*{animation:screenIn .5s cubic-bezier(.2,.8,.2,1) both}
.screen-in>*:nth-child(2){animation-delay:.05s}.screen-in>*:nth-child(3){animation-delay:.1s}.screen-in>*:nth-child(4){animation-delay:.15s}.screen-in>*:nth-child(5){animation-delay:.2s}
@keyframes screenIn{from{opacity:0;transform:translateY(14px)}}
body.modern .screen-in>*{animation-name:screenInM}
@keyframes screenInM{from{opacity:0;transform:translateX(-30px) skewX(-6deg)}}
/* tipografia */
h1,h2,h3{font-family:var(--f-display);margin:0;line-height:.92;text-wrap:balance;letter-spacing:-.01em}
h1{font-size:clamp(48px,11vw,96px)}
h2{font-size:clamp(28px,5vw,40px)}
h3{font-size:22px}
body.classic h1,body.classic h2,body.classic h3{text-transform:none}
body.modern h1,body.modern h2,body.modern h3{text-transform:uppercase;font-style:italic;letter-spacing:.01em}
body.modern h1,body.modern h2{background:linear-gradient(180deg,#ffffff 0%,#ffffff 45%,#ffffff 52%,#ffffff 70%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 1px 0 #8c7bf2) drop-shadow(0 2px 0 #8c7bf2) drop-shadow(0 3px 0 #8c7bf2) drop-shadow(0 4px 0 #8c7bf2) drop-shadow(0 10px 14px rgba(14,11,31,.5));padding-right:.1em}
body.modern h3{color:#ffffff}
p{margin:0}
.eyebrow{font-family:var(--f-label);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
body.modern .eyebrow{font-weight:700;letter-spacing:.14em}
.mono{font-family:var(--f-num);font-variant-numeric:tabular-nums}
.muted{color:var(--muted)}
.note{font-size:14px;color:var(--muted)}
body.modern .note{font-size:13.5px}
/* caixas */
.box{background:var(--panel);border:2px solid var(--line);border-radius:var(--radius-lg);padding:16px;display:flex;flex-direction:column;gap:12px;min-width:0;position:relative}
body.classic .box{box-shadow:var(--shadow)}
body.modern .box{border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:var(--shadow),inset 0 1px 0 rgba(255,255,255,.18)}
.soft{background:var(--soft)!important;box-shadow:none!important}
body.classic .soft{border-style:dashed}
.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.between{justify-content:space-between}
/* botões */
button{font:inherit;cursor:pointer;color:var(--fg);transition:transform .12s,box-shadow .12s,background .15s,filter .15s}
body.classic button{background:var(--paper);border:2px solid var(--line);border-radius:var(--radius);padding:9px 14px;font-family:var(--f-label);font-size:13px;text-transform:uppercase;letter-spacing:.04em;box-shadow:3px 3px 0 var(--line)}
body.classic button:hover:not(:disabled){transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--line)}
body.classic button:active:not(:disabled){transform:translate(3px,3px);box-shadow:0 0 0 var(--line)}
body.modern button:not(:is(.gx *,.gd *,.xbox *,.packov *,.lc-opt,.hbt,.lgbig,.su-opt,.lb-w,.su-skip,.ox)){background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.22);border-radius:10px;padding:10px 14px;font-family:var(--f-label);font-weight:700;font-size:15px;letter-spacing:.03em;text-transform:uppercase}
body.modern button:not(:is(.gx *,.gd *,.xbox *,.packov *,.lc-opt,.hbt,.lgbig,.su-opt,.lb-w,.su-skip,.ox)):hover:not(:disabled){background:rgba(255,255,255,.16);transform:translateY(-2px)}
body.modern button:not(:is(.gx *,.gd *,.xbox *,.packov *,.lc-opt,.hbt,.lgbig,.su-opt,.lb-w,.su-skip,.ox)):active:not(:disabled){transform:scale(.97)}
button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--accent2);outline-offset:3px}
button:disabled{opacity:.4;cursor:not-allowed}
.primary{font-size:20px!important;padding:14px 24px!important}
body.classic .primary{background:var(--accent)!important;color:#ffffff!important;font-family:var(--f-display)!important;text-transform:uppercase;letter-spacing:.02em;font-size:22px!important}
body.modern .primary{background:linear-gradient(180deg,#c6ff3a,#c6ff3a)!important;color:#0e0b1f!important;border:none!important;font-family:var(--f-display)!important;font-style:italic;text-transform:uppercase;font-size:24px!important;transform:skewX(-8deg);box-shadow:0 6px 0 #0e0b1f,0 14px 30px rgba(198,255,58,.35)!important}
body.modern .primary:hover:not(:disabled){transform:skewX(-8deg) translateY(-2px)!important;filter:brightness(1.05)}
body.modern .primary:active:not(:disabled){transform:skewX(-8deg) translateY(4px)!important;box-shadow:0 2px 0 #0e0b1f!important}
.iconbtn{padding:6px 11px!important;font-size:12px!important}
input,select{font:inherit;color:var(--fg);min-width:0}
body.classic input{background:var(--paper);border:2px solid var(--line);border-radius:var(--radius);padding:11px 12px;font-family:var(--f-body);font-size:17px}
body.modern input{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.25);border-radius:10px;padding:12px;font-size:16px}
label{display:flex;flex-direction:column;gap:6px;font-family:var(--f-label);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.chips{display:flex;gap:8px;flex-wrap:wrap}
.chip{padding:8px 12px!important}
.chip small{opacity:.7;margin-left:4px;text-transform:none}
body.classic .chip[aria-pressed="true"]{background:var(--fg);color:var(--paper);box-shadow:3px 3px 0 var(--accent)}
body.modern .chip[aria-pressed="true"]{background:var(--gold);color:#0e0b1f;border-color:var(--gold);transform:skewX(-8deg)}
.opts{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}
.opt{text-align:left;display:flex!important;flex-direction:column;gap:4px;padding:12px!important;text-transform:none!important;letter-spacing:0!important}
.opt b{font-family:var(--f-display);font-size:20px;line-height:1;text-transform:uppercase}
.opt span{font-family:var(--f-body);font-size:13px;color:var(--muted);line-height:1.3;text-transform:none}
body.classic .opt[aria-pressed="true"]{background:var(--gold-soft);box-shadow:4px 4px 0 var(--accent)}
body.modern .opt[aria-pressed="true"]{background:rgba(198,255,58,.16);border-color:var(--gold);box-shadow:0 0 0 2px var(--gold),0 0 24px rgba(198,255,58,.3)}
.coin{display:inline-flex;align-items:center;gap:5px;font-family:var(--f-num);color:var(--gold);white-space:nowrap}
.coin::before{content:"";width:.9em;height:.9em;border-radius:50%;background:radial-gradient(circle at 35% 35%,#c6ff3a,#c6ff3a 55%,#2b2170);box-shadow:0 0 0 1px #2b2170}
body.classic .coin::before{border-radius:0;clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%)}
.tag{font-family:var(--f-label);font-size:11px;letter-spacing:.04em;text-transform:uppercase;padding:2px 7px;background:var(--soft);color:var(--muted);white-space:nowrap}
body.classic .tag{border:1px solid var(--hair)}
body.modern .tag{border-radius:4px;transform:skewX(-8deg);display:inline-block;font-weight:700}
.tag.frz{background:#ffffff;color:#8c7bf2}.tag.shd{background:var(--ok-soft);color:var(--ok)}.tag.dsc{background:var(--gold-soft);color:var(--gold)}.tag.rdy{background:var(--ok-soft);color:var(--ok)}.tag.now{background:var(--fg);color:var(--bg)}.tag.lead{background:var(--gold-soft);color:var(--gold)}.tag.out{text-decoration:line-through}.tag.gh{background:var(--ghost-soft);color:var(--ghost)}
body.modern .tag.now{background:var(--gold);color:#0e0b1f}
body.modern .tag.frz{background:rgba(255,255,255,.18);color:#ffffff}
.topbar{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
body.classic .topbar{border-bottom:3px double var(--line);padding-bottom:10px}
.crest{flex:none;display:inline-block}
.ico{flex:none}
.av{flex:none;image-rendering:pixelated}
/* faixa de cores da camisa (como no pôster) */
.swatchbar{display:flex;gap:6px}.swatchbar i{width:22px;height:22px;display:block}
body.modern .swatchbar{display:none}
/* login */
.login{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:16px;align-items:start}
.hero-crest{display:grid;place-items:center;padding:22px;background:var(--soft);border-radius:var(--radius)}
.hero-crest .crest{filter:drop-shadow(6px 6px 0 rgba(26,23,20,.85));animation:pop .5s cubic-bezier(.2,.9,.3,1.4)}
body.modern .hero-crest{background:radial-gradient(circle,rgba(140,123,242,.35),transparent 70%)}
body.modern .hero-crest .crest{filter:drop-shadow(0 18px 30px rgba(140,123,242,.5));animation:pop .5s cubic-bezier(.2,.9,.3,1.4),bob 4s ease-in-out .5s infinite}
@keyframes pop{from{transform:scale(.7) rotate(-6deg);opacity:.2}}
@keyframes bob{50%{transform:translateY(-8px) rotate(2deg)}}
.shapes,.pats{display:grid;grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:8px}
.shapes button,.pats button{padding:6px!important;display:grid;place-items:center;box-shadow:none!important}
.shapes button[aria-pressed="true"],.pats button[aria-pressed="true"]{outline:3px solid var(--accent);outline-offset:1px}
body.modern .shapes button[aria-pressed="true"],body.modern .pats button[aria-pressed="true"]{outline-color:var(--gold)}
.swatches{display:flex;gap:6px;flex-wrap:wrap}
.sw{width:30px;height:30px;padding:0!important;border:2px solid var(--line)!important;box-shadow:none!important}
body.modern .sw{border-radius:50%!important}
.sw[aria-pressed="true"]{outline:3px solid var(--accent);outline-offset:2px}
body.modern .sw[aria-pressed="true"]{outline-color:var(--gold)}
.themes{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.theme{text-align:left;padding:12px!important;display:flex!important;flex-direction:column;gap:8px;text-transform:none!important;letter-spacing:0!important}
.theme b{font-family:var(--f-display);font-size:24px;text-transform:uppercase}
.theme .note{font-family:var(--f-body)}
.theme .pv{height:96px;position:relative;overflow:hidden;border:2px solid #1a1714}
.theme .pv.cl{background:#ffffff radial-gradient(rgba(26,23,20,.12) 1px,transparent 1.2px) 0 0/5px 5px}
.theme .pv.cl::before{content:"Clássico";position:absolute;left:10px;top:6px;font:900 30px/1 'LC Display',sans-serif;color:#1a1714}
.theme .pv.cl::after{content:"";position:absolute;left:10px;right:10px;bottom:8px;height:30px;background:repeating-linear-gradient(90deg,#c6ff3a 0 12px,#c6ff3a 12px 24px);box-shadow:0 0 0 2px #1a1714}
.theme .pv.md{background:linear-gradient(115deg,transparent 0 40%,#8c7bf2 40% 46%,transparent 46%),linear-gradient(160deg,#2b2170,#0e0b1f);border-color:#c6ff3a}
.theme .pv.md::before{content:"Moderno";position:absolute;left:12px;top:22px;font:italic 400 38px/1 "Anton",Impact,sans-serif;text-transform:uppercase;color:#ffffff;text-shadow:0 2px 0 #8c7bf2,0 4px 0 #8c7bf2}
.theme .pv.md::after{content:"";position:absolute;right:-10px;bottom:-14px;width:60px;height:60px;border-radius:50%;background:#c6ff3a;filter:blur(10px);opacity:.8}
.theme[aria-pressed="true"]{outline:3px solid var(--accent);outline-offset:2px}
body.modern .theme[aria-pressed="true"]{outline-color:var(--gold)}
.playcards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.playcard{text-align:left;display:flex!important;flex-direction:column;gap:10px;padding:20px!important;min-height:190px;text-transform:none!important;letter-spacing:0!important}
.playcard .ti{width:52px;height:52px;display:grid;place-items:center;background:var(--fg);color:var(--bg)}
body.modern .playcard .ti{background:var(--gold);color:#0e0b1f;border-radius:12px;transform:skewX(-8deg)}
.playcard b{font-family:var(--f-display);font-size:30px;line-height:1;text-transform:uppercase}
body.modern .playcard b{font-style:italic}
.playcard span{font-family:var(--f-body);color:var(--muted);font-size:14px}
body.classic .playcard{box-shadow:6px 6px 0 var(--line)!important}
body.classic .playcard:hover:not(:disabled){box-shadow:8px 8px 0 var(--accent)!important}
body.modern .playcard{background:linear-gradient(160deg,rgba(255,255,255,.14),rgba(255,255,255,.04))!important;border-radius:18px!important;transform:perspective(800px) rotateY(-6deg);transition:transform .3s}
body.modern .playcard:hover:not(:disabled){transform:perspective(800px) rotateY(0) translateY(-6px)!important;box-shadow:0 20px 40px rgba(14,11,31,.5),0 0 0 2px var(--gold)}
.profile{display:flex;align-items:center;gap:14px}
.profile b{font-family:var(--f-display);font-size:28px;line-height:1}
body.modern .profile b{font-style:italic;text-transform:uppercase}
/* arena */
.arena{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);grid-template-areas:"squad lot" "squad mesa" "squad log";gap:16px;align-items:start}
.a-lot{grid-area:lot;display:flex;flex-direction:column;gap:12px;min-width:0}
.a-squad{grid-area:squad;position:sticky;top:calc(env(safe-area-inset-top,0px) + 10px)}
.a-mesa{grid-area:mesa}.a-log{grid-area:log}
.mybar{display:flex;align-items:center;gap:10px;justify-content:space-between;flex-wrap:wrap}
.mybar b{font-family:var(--f-display);font-size:20px}
.mybar .coin{font-size:24px}
.mesa{display:flex;flex-direction:column;gap:8px}
.seat{display:grid;grid-template-columns:auto 1fr auto;gap:0 10px;align-items:center;padding:8px 10px;background:var(--soft);border:2px solid transparent;min-width:0;transition:border-color .25s,background .25s,transform .3s cubic-bezier(.2,.9,.3,1.3)}
body.modern .seat{border-radius:12px}
.seat .cl{font-family:var(--f-display);font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.seat .sub{grid-column:2/4;display:flex;gap:6px;align-items:center;flex-wrap:wrap;font-size:12px;color:var(--muted)}
.seat .crest{grid-row:span 2}
.seat .coin{font-size:18px}
.seat.now{border-color:var(--fg);background:var(--panel);transform:translateX(6px)}
body.classic .seat.now{box-shadow:4px 4px 0 var(--accent)}
body.modern .seat.now{border-color:var(--gold);box-shadow:0 0 22px rgba(198,255,58,.35)}
.seat.lead{border-color:var(--gold);background:var(--gold-soft)}
.seat.out{opacity:.5}
.seat.me .cl::after{content:" · você";font-family:var(--f-body);font-size:13px;color:var(--muted)}
.seat details{grid-column:1/-1}
.seat summary{cursor:pointer;font-size:12px;color:var(--muted);margin-top:4px;font-family:var(--f-label)}
/* cartão do jogador */
.pstage{perspective:1100px}
.pcard{padding:16px;display:grid;grid-template-columns:auto 1fr;gap:6px 16px;align-items:center;position:relative;overflow:hidden;animation:cardIn .6s cubic-bezier(.2,.8,.3,1.2)}
@keyframes cardIn{from{transform:translateY(20px) rotateX(20deg) scale(.95);opacity:0}}
body.classic .pcard{background:var(--paper);border:3px solid var(--line);box-shadow:8px 8px 0 var(--line)}
body.classic .pcard::before{content:"";position:absolute;inset:6px;border:1px solid var(--hair);pointer-events:none}
body.modern .pcard{border-radius:20px;background:linear-gradient(120deg,rgba(255,255,255,.18),rgba(255,255,255,.04) 40%),linear-gradient(160deg,#8c7bf2,#2b2170 50%,#0e0b1f);border:1px solid rgba(255,255,255,.3);box-shadow:0 30px 60px rgba(14,11,31,.6),inset 0 1px 0 rgba(255,255,255,.35);animation:cardSpin .9s cubic-bezier(.2,.8,.3,1.1),float 6s ease-in-out .9s infinite;transform-style:preserve-3d}
body.modern .pcard::after{content:"";position:absolute;top:-50%;left:-60%;width:40%;height:200%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);transform:rotate(20deg);animation:shine 3.5s ease-in-out 1s infinite;pointer-events:none}
body.modern .pcard::before{content:"";position:absolute;right:-40px;bottom:-40px;width:160px;height:160px;border-radius:50%;background:#c6ff3a;filter:blur(40px);opacity:.45;pointer-events:none}
@keyframes cardSpin{from{transform:perspective(900px) rotateY(-120deg) scale(.7);opacity:0}}
@keyframes float{50%{transform:perspective(900px) rotateY(-5deg) rotateX(3deg) translateY(-5px)}}
@keyframes shine{0%,60%{left:-60%}100%{left:130%}}
.pcard .jw{grid-row:span 2;display:flex;flex-direction:column;align-items:center;gap:6px;position:relative;z-index:1}
body.classic .pcard .jw .av{background:#ffffff;border:2px solid var(--line);padding:4px}
body.modern .pcard .jw .av{filter:drop-shadow(0 10px 18px rgba(14,11,31,.45))}
.pcard .ovr{font-family:var(--f-num);font-size:40px;line-height:.85}
body.classic .pcard .ovr{color:var(--accent)}
body.modern .pcard .ovr{color:var(--gold);text-shadow:0 3px 0 #0e0b1f,0 0 20px rgba(198,255,58,.5);font-style:italic}
.pcard .nm{font-family:var(--f-display);font-size:clamp(28px,4.4vw,40px);line-height:.92;text-wrap:balance;position:relative;z-index:1}
body.modern .pcard .nm{text-transform:uppercase;font-style:italic}
.pcard .meta{display:flex;gap:6px;flex-wrap:wrap;align-items:center;position:relative;z-index:1}
.pcard .stats{grid-column:1/-1;margin-top:6px;position:relative;z-index:1}
.hiddenstats{grid-column:1/-1;font-size:14px;color:var(--muted);padding:10px;border:2px dashed var(--hair);text-align:center}
.badge{font-family:var(--f-label);font-size:12px;padding:3px 8px;background:var(--fg);color:var(--bg);letter-spacing:.06em}
body.modern .badge{background:var(--gold);color:#0e0b1f;transform:skewX(-10deg);display:inline-block;font-weight:700}
.stats{display:grid;grid-template-columns:1fr 1fr;gap:6px 16px}
.stat{display:grid;grid-template-columns:86px 1fr 26px;gap:8px;align-items:center;font-size:13px}
.stat span:first-child{font-family:var(--f-label);font-size:11px;text-transform:uppercase;letter-spacing:.04em}
.stat .bar{height:8px;background:var(--hair);overflow:hidden}
body.modern .stat .bar{border-radius:4px;background:rgba(255,255,255,.15)}
.stat .bar i{display:block;height:100%;background:var(--muted);animation:grow .7s cubic-bezier(.2,.8,.3,1)}
body.classic .stat .bar i{background:repeating-linear-gradient(90deg,var(--fg) 0 6px,transparent 6px 8px)}
@keyframes grow{from{width:0!important}}
.stat.key .bar i{background:var(--accent)!important}
body.modern .stat.key .bar i{background:linear-gradient(90deg,#c6ff3a,#c6ff3a)!important;box-shadow:0 0 10px rgba(198,255,58,.6)}
.stat .v{font-family:var(--f-num);text-align:right}
.bid{display:flex;flex-direction:column;gap:12px}
.timer{height:10px;background:var(--hair);overflow:hidden}
body.modern .timer{border-radius:6px;transform:skewX(-12deg)}
.timer i{display:block;height:100%;background:var(--ok);transition:width .2s linear}
body.classic .timer i{background:repeating-linear-gradient(90deg,var(--ok) 0 8px,#2b2170 8px 10px)}
.timer.hot i{background:var(--red)!important;animation:blink .5s steps(2) infinite}
@keyframes blink{50%{opacity:.5}}
.high{font-family:var(--f-num);font-size:60px;line-height:.85}
body.modern .high{font-style:italic;color:var(--gold);text-shadow:0 4px 0 #0e0b1f}
.high.bump{animation:bump .45s cubic-bezier(.2,.9,.3,1.5)}
@keyframes bump{40%{transform:scale(1.25) rotate(-3deg)}}
.ghostq{font-family:var(--f-num);font-size:60px;line-height:.85;color:var(--ghost);animation:bump .45s}
.turnmsg{font-family:var(--f-label);font-size:14px;text-transform:uppercase;letter-spacing:.04em;padding:10px 12px;background:var(--soft)}
body.modern .turnmsg{border-radius:10px;font-weight:700;font-size:15px}
.turnmsg.mine{background:var(--accent);color:#ffffff;animation:pulse2 1.2s ease-in-out infinite}
body.modern .turnmsg.mine{background:var(--gold);color:#0e0b1f;transform:skewX(-6deg)}
@keyframes pulse2{50%{box-shadow:0 0 0 6px rgba(200,32,47,.18)}}
.amt{display:grid;grid-template-columns:auto auto 1fr auto auto;gap:6px;align-items:center}
.amt .val{font-family:var(--f-num);font-size:38px;text-align:center}
.bidrow{display:grid;grid-template-columns:2fr 1fr;gap:10px}
.go{font-family:var(--f-display)!important;font-size:20px!important;text-transform:uppercase}
body.classic .go{background:var(--ok)!important;color:#ffffff!important}
body.modern .go{background:linear-gradient(180deg,#c6ff3a,#c6ff3a)!important;color:#0e0b1f!important;border:none!important;transform:skewX(-8deg);box-shadow:0 5px 0 #0e0b1f!important;font-style:italic}
.quick{display:flex;gap:6px;flex-wrap:wrap}
.quick button{padding:6px 10px!important;font-size:12px!important}
.flashbids{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.flashbids button{font-family:var(--f-num)!important;font-size:26px!important;padding:14px 4px!important}
body.classic .flashbids button{background:var(--ok)!important;color:#ffffff!important}
body.modern .flashbids button{background:linear-gradient(180deg,#c6ff3a,#c6ff3a)!important;color:#0e0b1f!important;border:none!important;box-shadow:0 5px 0 #0e0b1f!important;font-style:italic}
.flashbids .all{background:var(--red)!important;color:#ffffff!important}
body.modern .flashbids .all{background:linear-gradient(180deg,#8c7bf2,#8c7bf2)!important;box-shadow:0 5px 0 #2b2170!important;color:#ffffff!important}
.fair{display:flex;justify-content:space-between;gap:8px;font-size:14px;padding:8px 12px;background:var(--soft)}
.ghostline{color:var(--ghost);font-size:14px;font-weight:700;padding:8px 12px;background:var(--ghost-soft)}
.ghostbtn{display:flex!important;align-items:center;gap:10px;text-align:left;background:var(--ghost-soft)!important;border:2px dashed var(--ghost)!important;color:var(--ghost)!important}
.sale{padding:22px;display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:center;position:relative;overflow:hidden}
body.classic .sale{background:var(--paper);border:3px solid var(--line);box-shadow:8px 8px 0 var(--line)}
body.modern .sale{border-radius:20px;background:linear-gradient(160deg,rgba(255,255,255,.14),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.25)}
.sale .stamp{font-family:var(--f-display);font-size:clamp(42px,8vw,72px);text-transform:uppercase;line-height:.9;animation:stamp .55s cubic-bezier(.2,.9,.3,1.4)}
body.classic .sale .stamp{color:var(--accent);border:5px solid currentColor;padding:2px 12px;transform:rotate(-6deg);display:inline-block;width:max-content}
body.modern .sale .stamp{font-style:italic}
@keyframes stamp{from{transform:scale(2.4) rotate(-14deg);opacity:0}}
.sale.mine .stamp{color:var(--ok)!important}
body.modern .sale.mine{background:linear-gradient(160deg,rgba(198,255,58,.28),rgba(255,255,255,.04))}
.sale.none .stamp{color:var(--muted)!important}
.sale .jw{animation:flyin .7s cubic-bezier(.2,.8,.3,1.3)}
@keyframes flyin{from{transform:translateY(-40px) rotate(-16deg) scale(.6);opacity:0}}
.reveal{display:flex;flex-wrap:wrap;gap:6px;font-size:14px}
.reveal span{padding:3px 8px;background:var(--soft)}
.peek{display:flex;gap:6px;flex-wrap:wrap;align-items:center;font-size:13px;padding:8px;background:var(--ghost-soft);color:var(--ghost);font-weight:700}
/* banco de cartas */
.bench{padding:10px;display:flex;flex-direction:column;gap:8px}
body.classic .bench{background:#c6ff3a repeating-linear-gradient(90deg,transparent 0 30px,rgba(14,11,31,.12) 30px 32px);border:2px solid var(--line)}
body.modern .bench{border-radius:14px;background:linear-gradient(120deg,rgba(140,123,242,.25),rgba(140,123,242,.15));border:1px solid rgba(140,123,242,.4)}
.bench .eyebrow{color:#ffffff}
body.modern .bench .eyebrow{color:#ffffff}
.bench .seats{display:flex;gap:10px;overflow-x:auto;padding:4px 2px 8px}
.mc{flex:0 0 96px;height:128px;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:8px!important;text-align:center;font-family:var(--f-label)!important;font-size:11px!important;line-height:1.1;text-transform:uppercase}
body.classic .mc{background:var(--paper)!important;border:2px solid var(--line)!important;color:var(--ghost)!important;box-shadow:3px 3px 0 var(--line)!important}
body.modern .mc{background:linear-gradient(160deg,#8c7bf2,#2b2170)!important;border:1px solid rgba(255,255,255,.35)!important;color:#ffffff!important;border-radius:12px!important;box-shadow:0 8px 18px rgba(14,11,31,.5)!important}
.mc .ic{width:44px;height:44px;display:grid;place-items:center}
body.classic .mc .ic{border:2px solid var(--ghost);color:var(--ghost)}
body.modern .mc .ic{border-radius:50%;background:rgba(255,255,255,.15);color:#c6ff3a}
.mc:hover:not(:disabled){transform:translateY(-6px) rotate(-3deg)!important}
/* carta grande (apresentação, efeito) */
.tcards{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:22px 18px;justify-items:center}
.gcard{width:100%;max-width:190px;aspect-ratio:5/7;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:14px;text-align:center;position:relative;overflow:hidden}
body.classic .gcard{background:var(--paper);border:3px solid var(--line);box-shadow:6px 6px 0 var(--line);color:var(--fg)}
body.classic .gcard::before{content:"";position:absolute;inset:6px;border:2px solid var(--ghost);pointer-events:none}
body.modern .gcard{border-radius:18px;background:linear-gradient(160deg,#8c7bf2,#2b2170 55%,#0e0b1f);border:1px solid rgba(255,255,255,.35);box-shadow:0 18px 36px rgba(14,11,31,.55),inset 0 1px 0 rgba(255,255,255,.4);color:#ffffff;transition:transform .3s}
body.modern .gcard:hover{transform:perspective(700px) rotateY(10deg) rotateX(4deg) translateY(-4px)}
body.modern .gcard::after{content:"";position:absolute;top:-50%;left:-60%;width:40%;height:200%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transform:rotate(20deg);animation:shine 4s ease-in-out infinite;pointer-events:none}
.gc-when{position:absolute;top:12px;left:0;right:0;font-family:var(--f-label);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
body.modern .gc-when{color:#ffffff}
.gc-sym{width:84px;height:84px;display:grid;place-items:center;margin-top:10px}
body.classic .gc-sym{color:var(--ghost);border:3px solid var(--ghost);background:var(--ghost-soft)}
body.modern .gc-sym{color:#c6ff3a;border-radius:50%;background:radial-gradient(circle,rgba(198,255,58,.25),rgba(255,255,255,.06));box-shadow:0 0 30px rgba(198,255,58,.35)}
.gc-name{font-family:var(--f-display);font-size:20px;line-height:1;text-transform:uppercase}
body.modern .gc-name{font-style:italic;font-size:22px}
.gc-desc{font-size:13.5px;line-height:1.3}
body.classic .gc-desc{font-family:var(--f-body);font-style:italic}
.deckarea{min-height:280px;display:flex;flex-direction:column;justify-content:center;gap:14px}
.deck{position:relative;height:210px;width:150px;margin:0 auto}
.back{position:absolute;inset:0;display:grid;place-items:center}
body.classic .back{background:var(--paper) repeating-linear-gradient(45deg,var(--ghost) 0 6px,transparent 6px 12px);border:3px solid var(--line);box-shadow:4px 4px 0 var(--line)}
body.modern .back{border-radius:18px;background:repeating-linear-gradient(45deg,#8c7bf2 0 10px,#8c7bf2 10px 20px);border:3px solid #ffffff;box-shadow:0 10px 20px rgba(14,11,31,.4)}
.back span{width:60px;height:60px;display:grid;place-items:center;font-family:var(--f-display);font-size:34px;background:var(--paper);color:var(--ghost);border:3px solid var(--line)}
body.modern .back span{border-radius:50%;background:#ffffff;border:none}
.shuffling .back{animation:shuf .55s ease-in-out infinite alternate}
.shuffling .b0,.shuffling .b2,.shuffling .b4,.shuffling .b6{animation-name:shufL}
.shuffling .b1{animation-delay:.07s}.shuffling .b2{animation-delay:.14s}.shuffling .b3{animation-delay:.21s}.shuffling .b4{animation-delay:.28s}.shuffling .b5{animation-delay:.35s}.shuffling .b6{animation-delay:.42s}.shuffling .b7{animation-delay:.49s}
@keyframes shuf{to{transform:translateX(80px) rotate(10deg)}}
@keyframes shufL{to{transform:translateX(-80px) rotate(-10deg)}}
.hand .flip{animation:flip .8s cubic-bezier(.2,.7,.3,1) both}
.hand .d1{animation-delay:.4s}.hand .d2{animation-delay:.8s}
@keyframes flip{from{transform:perspective(800px) rotateY(100deg) translateY(40px) scale(.8);opacity:0}}
.fx{position:fixed;inset:0;z-index:40;display:grid;place-items:center;background:rgba(14,11,31,.5);padding:16px;animation:fade .25s}
.fx .inner{display:flex;flex-direction:column;align-items:center;gap:16px;max-width:360px;text-align:center}
.fx .gcard{width:220px;max-width:none;animation:fxin .7s cubic-bezier(.2,.9,.3,1.3)}
.fx .who{background:var(--panel);color:var(--fg);padding:10px 16px;font-weight:700;display:flex;gap:8px;align-items:center;animation:fxin .6s .15s both;border:2px solid var(--line)}
body.modern .fx .who{border-radius:12px;background:#0e0b1f;color:#ffffff}
@keyframes fxin{from{transform:perspective(900px) rotateY(-140deg) scale(.5);opacity:0}}
@keyframes fade{from{opacity:0}}
/* lobby */
.code{font-family:var(--f-display);font-size:68px;letter-spacing:.08em;line-height:1}
body.classic .code{font-family:var(--f-num);color:var(--accent)}
body.modern .code{font-style:italic;color:var(--gold);text-shadow:0 4px 0 #0e0b1f}
.plist{display:flex;flex-direction:column;gap:8px}
.pl{display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--soft);flex-wrap:wrap;animation:screenIn .4s both}
body.modern .pl{border-radius:12px}
.pl .nm{font-family:var(--f-display);font-size:17px;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pl .nm small{display:block;font-family:var(--f-body);font-size:13px;color:var(--muted)}
.setting{display:grid;grid-template-columns:minmax(160px,1fr) 2fr;gap:8px 14px;align-items:center;padding:12px 0;border-top:1px solid var(--hair)}
.setting .lbl{display:flex;gap:10px;align-items:flex-start}
.setting .lbl b{display:block;font-family:var(--f-display);font-size:15px}
.setting .lbl span{font-size:13px;color:var(--muted)}
.steps{display:flex;gap:6px}.steps i{flex:1;height:6px;background:var(--hair)}.steps i.on{background:var(--accent)}
body.modern .steps i{border-radius:4px;transform:skewX(-20deg)}body.modern .steps i.on{background:var(--gold)}
.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}
.tile{display:flex;flex-direction:column;gap:10px;padding:16px;background:var(--soft);animation:screenIn .5s both}
body.modern .tile{border-radius:14px;background:linear-gradient(160deg,rgba(255,255,255,.12),rgba(255,255,255,.03))}
.tile:nth-child(2){animation-delay:.07s}.tile:nth-child(3){animation-delay:.14s}.tile:nth-child(4){animation-delay:.21s}.tile:nth-child(5){animation-delay:.28s}.tile:nth-child(6){animation-delay:.35s}
.tile .ti{width:46px;height:46px;display:grid;place-items:center;background:var(--fg);color:var(--bg)}
body.modern .tile .ti{background:var(--gold);color:#0e0b1f;border-radius:12px;transform:skewX(-8deg)}
.tile b{font-family:var(--f-display);font-size:18px;line-height:1.05}
.tile p{font-size:14px;color:var(--muted)}
.ex{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.ex .tacico{width:56px;height:38px}
.chip2{display:inline-flex;align-items:center;gap:5px;padding:4px 9px;background:var(--panel);border:1px solid var(--hair);font-family:var(--f-label);font-size:12px;white-space:nowrap}
body.modern .chip2{border-radius:6px;font-weight:700;transform:skewX(-6deg)}
.chip2.ok{background:var(--ok-soft);color:var(--ok);border-color:transparent}
.chip2.warn{background:rgba(198,255,58,.14);color:var(--warn);border-color:transparent}
.arr{color:var(--muted);font-weight:700}
.so-demo{font-family:var(--f-num);font-size:11px;background:var(--pitch);color:#ffffff;padding:0 5px}
.topt{align-items:flex-start}
.topt .tacico{width:100%;max-width:120px;height:auto;margin-bottom:4px}
.wl{display:flex;flex-wrap:wrap;gap:4px;margin-top:2px}
.wl i{font-style:normal;font-family:var(--f-label);font-size:10.5px;padding:2px 6px}
.wl .w{background:var(--ok-soft);color:var(--ok)}.wl .l{background:var(--red-soft);color:var(--red)}
.tacgrp{display:flex;flex-direction:column;gap:8px}
.str{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;text-align:center}
.str div{background:var(--soft);padding:8px 2px}
body.classic .str div{border-top:3px solid var(--line)}
body.modern .str div{border-radius:10px}
.str b{display:block;font-family:var(--f-num);font-size:26px;line-height:1}
body.modern .str b{font-style:italic;color:var(--gold)}
.str small{font-family:var(--f-label);font-size:10.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}
.bigtimer{font-family:var(--f-num);font-size:42px;line-height:1}
/* campinho */
.pitch{position:relative;padding:16px 6px;display:flex;flex-direction:column;gap:12px;overflow:hidden;user-select:none;-webkit-user-select:none}
body.classic .pitch{background:repeating-linear-gradient(0deg,#c6ff3a 0 40px,#c6ff3a 40px 80px);border:3px solid var(--line);image-rendering:pixelated}
body.modern .pitch{border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.18),transparent 40%),repeating-linear-gradient(0deg,#2b2170 0 40px,#2b2170 40px 80px);border:1px solid rgba(198,255,58,.4);box-shadow:inset 0 0 40px rgba(14,11,31,.35)}
.pitch::before{content:"";position:absolute;inset:10px;border:2px solid var(--pitch-line);pointer-events:none}
body.modern .pitch::before{border-radius:8px;box-shadow:0 0 12px rgba(198,255,58,.4)}
.pitch::after{content:"";position:absolute;left:50%;bottom:10px;width:120px;height:44px;transform:translateX(-50%);border:2px solid var(--pitch-line);border-bottom:0;pointer-events:none}
.prow{display:flex;justify-content:space-evenly;gap:2px;position:relative;z-index:1}
.slot{display:flex;flex-direction:column;align-items:center;gap:2px;width:78px;min-width:0;color:#ffffff;text-align:center;padding:3px 2px;transition:background .15s,transform .2s}
body.modern .slot{border-radius:10px}
.slot .sn{font-family:var(--f-label);font-size:11px;line-height:1.1;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:1px 1px 0 rgba(14,11,31,.6)}
body.modern .slot .sn{font-weight:700;font-size:12px}
.slot .so{font-family:var(--f-num);font-size:11px;background:rgba(14,11,31,.45);padding:0 5px}
.slot .so.off{background:var(--warn)}
.slot.empty .ring{width:40px;height:40px;border:2px dashed rgba(255,255,255,.8);display:grid;place-items:center;font-family:var(--f-label);font-size:10px}
body.modern .slot.empty .ring{border-radius:50%}
.slot.next .ring{border:3px solid #c6ff3a;background:rgba(198,255,58,.3);animation:pulse 1s ease-in-out infinite}
.slot.new .av{animation:newp 1s cubic-bezier(.2,.9,.3,1.5)}
@keyframes newp{from{transform:translateY(-60px) scale(1.8) rotate(-20deg)}}
@keyframes pulse{50%{transform:scale(1.12)}}
.pitch.edit .slot{cursor:grab;touch-action:none}
.pitch.edit .slot:hover{background:rgba(255,255,255,.14)}
.slot.sel{background:rgba(198,255,58,.5);transform:scale(1.08)}
.slot.over{background:rgba(255,255,255,.3)}
.slot.drag{opacity:.6}
.slot .rl{font-family:var(--f-label);font-size:9.5px;opacity:.95}
/* partida */
.score{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center}
.score .t{display:flex;align-items:center;gap:10px;min-width:0}
.score .t.r{justify-content:flex-end;text-align:right}
.score .t b{font-family:var(--f-display);font-size:clamp(18px,3.8vw,28px);line-height:1;overflow-wrap:anywhere}
body.modern .score .t b{font-style:italic;text-transform:uppercase}
.score .n{font-family:var(--f-num);font-size:clamp(48px,11vw,80px);line-height:.85;font-variant-numeric:tabular-nums;padding:6px 14px}
body.classic .score .n{background:var(--fg);color:#c6ff3a;border:3px solid var(--line);box-shadow:4px 4px 0 var(--accent)}
body.classic .score .n .muted{color:#c6ff3a;opacity:.6}
body.modern .score .n{font-style:italic;color:#ffffff;text-shadow:0 4px 0 #8c7bf2,0 0 30px rgba(140,123,242,.5)}
.score .n.pop{animation:bump .6s cubic-bezier(.2,.9,.3,1.5)}
.prob{display:flex;height:28px;overflow:hidden;font-family:var(--f-num);font-size:13px;color:#ffffff}
body.classic .prob{border:2px solid var(--line)}
body.modern .prob{border-radius:8px;transform:skewX(-10deg)}
.prob div{display:flex;align-items:center;padding:0 10px;transition:flex-grow 1.4s cubic-bezier(.3,.8,.3,1);flex-basis:0;white-space:nowrap;overflow:hidden;text-shadow:1px 1px 0 rgba(14,11,31,.5)}
.prob .pb{justify-content:flex-end}
.pitchwrap{position:relative}
.pitchcv{width:100%;aspect-ratio:105/66;display:block}
body.classic .pitchcv{image-rendering:pixelated;border:3px solid var(--line);box-shadow:6px 6px 0 var(--line)}
body.modern .pitchwrap{perspective:900px;padding:6px 0 18px}
body.modern .pitchcv{border-radius:14px;transform:rotateX(28deg);transform-origin:50% 80%;box-shadow:0 30px 50px rgba(14,11,31,.6),0 0 0 1px rgba(198,255,58,.4)}
.feed{display:flex;flex-direction:column;gap:8px;font-size:15px;max-height:220px;overflow:auto}
.feed div{display:flex;gap:8px;align-items:center;animation:feedIn .45s cubic-bezier(.2,.9,.3,1.2)}
@keyframes feedIn{from{opacity:0;transform:translateX(-16px)}}
.feed .mono{color:var(--muted);width:34px;flex:none}
.feed .g{font-weight:700}
body.classic .feed .g{font-family:var(--f-display);font-size:16px}
.feed .k{width:12px;height:16px;flex:none}
.why{display:flex;flex-direction:column;gap:6px;font-size:14px}
.why div{display:flex;gap:8px;align-items:flex-start}
.why .arrow{font-family:var(--f-num);flex:none;width:22px}
.duel{display:grid;grid-template-columns:1fr auto 1fr;gap:6px 12px;font-size:14px}
.duel .l{text-align:right;font-family:var(--f-num)}
.duel .m{text-align:center;color:var(--muted);font-family:var(--f-label);font-size:11px;text-transform:uppercase;align-self:center}
.duel .r{font-family:var(--f-num)}
.duel .w{color:var(--ok)}
.tacs{display:grid;grid-template-columns:1fr 1fr;gap:10px;font-size:13px}
.tacs>div{display:flex;gap:8px;align-items:center}
.tacs .tacico{width:56px;height:38px;flex:none}
.tacs .r{flex-direction:row-reverse;text-align:right}
.celebrate{position:fixed;inset:0;z-index:45;display:grid;place-items:center;pointer-events:none}
.celebrate .cb{display:flex;flex-direction:column;align-items:center;gap:6px;padding:22px 40px;animation:celeb 1.9s cubic-bezier(.2,.9,.3,1.2) forwards}
body.classic .celebrate .cb{background:var(--paper);border:4px solid var(--line);box-shadow:10px 10px 0 var(--accent)}
body.modern .celebrate .cb{border-radius:24px;background:linear-gradient(160deg,#8c7bf2,#8c7bf2);box-shadow:0 30px 60px rgba(14,11,31,.45)}
.celebrate .cb b{font-family:var(--f-display);font-size:clamp(70px,16vw,140px);line-height:.85}
body.modern .celebrate .cb b{font-style:italic;color:#ffffff!important;text-shadow:0 6px 0 #8c7bf2}
@keyframes celeb{0%{transform:scale(.3) rotate(-12deg);opacity:0}15%{transform:scale(1.1) rotate(2deg);opacity:1}80%{transform:scale(1);opacity:1}100%{transform:scale(.9) translateY(-40px);opacity:0}}
.draw{display:flex;flex-direction:column;gap:12px}
.mu{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;padding:14px;background:var(--soft);animation:drawIn .7s cubic-bezier(.2,.9,.3,1.3) both}
body.modern .mu{border-radius:14px;transform:skewX(-6deg)}
.mu .side{display:flex;align-items:center;gap:8px;font-family:var(--f-display);min-width:0}
.mu .side.r{justify-content:flex-end}
.mu .vs{font-family:var(--f-display);font-size:24px;color:var(--accent)}
@keyframes drawIn{from{transform:translateX(-40px) rotate(-4deg);opacity:0}}
.bracket{display:flex;gap:12px;overflow-x:auto;padding-bottom:4px}
.bcol{display:flex;flex-direction:column;gap:8px;min-width:210px}
.bcol>b{font-family:var(--f-display)}
.bm{border:2px solid var(--hair);padding:8px 10px;display:flex;flex-direction:column;gap:4px;font-size:14px}
body.modern .bm{border-radius:10px}
.bm div{display:flex;justify-content:space-between;gap:8px;align-items:center}
.bm .w{font-weight:700}.bm .l{color:var(--muted);text-decoration:line-through}
.champ{text-align:center;padding:30px 16px;align-items:center;position:relative;overflow:hidden}
body.classic .champ{background:var(--paper)!important;border:4px double var(--line)!important}
body.modern .champ{background:linear-gradient(160deg,rgba(198,255,58,.3),rgba(140,123,242,.2))!important}
.champ .crest{animation:stamp .7s cubic-bezier(.2,.9,.3,1.4)}
.confetti{position:absolute;inset:0;pointer-events:none}
.confetti i{position:absolute;top:-12px;width:8px;height:12px;animation:fall linear forwards}
@keyframes fall{to{transform:translateY(460px) rotate(560deg);opacity:.2}}
/* pênaltis */
.pscore{display:grid;grid-template-columns:1fr auto auto auto 1fr;gap:10px;align-items:center;font-size:14px}
.pscore b{font-family:var(--f-display)}
.pscore .pk{font-family:var(--f-num);font-size:24px}
.pdots{display:flex;gap:4px}.pdots i{width:12px;height:12px;border:2px solid var(--hair)}
body.modern .pdots i{border-radius:50%}
.pdots i.g{background:var(--ok);border-color:var(--ok)}.pdots i.x{background:var(--red);border-color:var(--red)}
.penarea{position:relative;padding:18px 6% 70px;overflow:hidden;user-select:none;-webkit-user-select:none}
body.classic .penarea{background:linear-gradient(#8c7bf2 0 30%,#c6ff3a 30.1% 100%);border:3px solid var(--line);image-rendering:pixelated}
body.modern .penarea{border-radius:18px;background:radial-gradient(ellipse at 50% 120%,rgba(198,255,58,.35),transparent 60%),linear-gradient(#2b2170 0 35%,#2b2170 35.1%)}
.goalbox{position:relative;width:100%;aspect-ratio:3/1;touch-action:none;cursor:crosshair}
body.classic .goalbox{border:8px solid #ffffff;border-bottom:none;outline:2px solid var(--line);background:repeating-linear-gradient(0deg,transparent 0 9px,rgba(26,23,20,.22) 9px 10px),repeating-linear-gradient(90deg,transparent 0 9px,rgba(26,23,20,.22) 9px 10px),rgba(255,255,255,.55)}
body.modern .goalbox{border:6px solid #ffffff;border-bottom:none;border-radius:6px 6px 0 0;box-shadow:0 0 24px rgba(255,255,255,.4);background:repeating-linear-gradient(45deg,transparent 0 9px,rgba(255,255,255,.18) 9px 10px),repeating-linear-gradient(-45deg,transparent 0 9px,rgba(255,255,255,.18) 9px 10px),rgba(14,11,31,.35)}
.goalbox.idle{cursor:default}
.gkp{position:absolute;bottom:0;left:50%;width:13%;height:70%;transform:translateX(-50%);transition:left .55s cubic-bezier(.2,.8,.3,1),bottom .55s cubic-bezier(.2,.8,.3,1),transform .55s cubic-bezier(.2,.8,.3,1)}
.gkp svg{width:100%;height:100%;overflow:visible}
.pball{position:absolute;width:6%;aspect-ratio:1;left:50%;bottom:-62%;transform:translate(-50%,50%);transition:left .6s cubic-bezier(.2,.8,.3,1),bottom .6s cubic-bezier(.25,1.2,.35,1),width .6s}
.pball svg{width:100%;height:100%}
.ret{position:absolute;border:3px solid #c6ff3a;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;box-shadow:0 0 0 2px rgba(14,11,31,.4);display:none}
.ret::after{content:"";position:absolute;left:50%;top:50%;width:6px;height:6px;margin:-3px;border-radius:50%;background:#c6ff3a}
.savemark{position:absolute;width:26%;height:110%;border-radius:50%;transform:translate(-50%,50%);background:rgba(140,123,242,.25);border:2px dashed #8c7bf2;pointer-events:none}
.pres{position:absolute;left:50%;top:6px;transform:translateX(-50%);font-family:var(--f-display);font-size:clamp(30px,6vw,52px);animation:stamp .5s .45s both;white-space:nowrap}
body.classic .pres{text-shadow:3px 3px 0 #ffffff}
body.modern .pres{font-style:italic;text-shadow:0 4px 0 rgba(14,11,31,.35)}
.pres.gol{color:var(--ok)}.pres.defesa{color:var(--blue)}.pres.fora,.pres.trave{color:var(--red)}
.modal{position:fixed;inset:0;background:rgba(14,11,31,.5);display:flex;align-items:flex-end;justify-content:center;z-index:20;padding:16px;padding-bottom:max(16px,env(safe-area-inset-bottom,0px));animation:fade .2s}
.modal .box{width:100%;max-width:520px;max-height:80vh;overflow:auto;animation:screenIn .3s}
body.modern .modal .box{background:#2b2170}
.pick{display:flex;flex-direction:column;gap:8px}
.pick button{text-align:left;display:flex!important;justify-content:space-between;align-items:center;gap:10px;text-transform:none!important;font-family:var(--f-body)!important;font-size:15px!important}
.toast{position:fixed;left:50%;bottom:max(20px,env(safe-area-inset-bottom,0px));transform:translateX(-50%);background:var(--fg);color:var(--bg);padding:12px 18px;font-weight:700;z-index:50;max-width:calc(100% - 32px);animation:screenIn .3s}
body.modern .toast{background:var(--gold);color:#0e0b1f;border-radius:10px}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.log{font-size:14px;color:var(--muted);display:flex;flex-direction:column;gap:4px;max-height:140px;overflow:auto}
.log div:first-child{color:var(--fg);font-weight:700}
details.how summary{cursor:pointer;font-family:var(--f-label);text-transform:uppercase;font-size:13px}
.hud{display:contents}
@media (max-width:820px){.arena{grid-template-columns:1fr;grid-template-areas:"lot" "squad" "mesa" "log"}.a-squad{position:static}.login{grid-template-columns:1fr}.playcards{grid-template-columns:1fr}body.modern .playcard{transform:none}}
@media (max-width:640px){.grid2,.setting{grid-template-columns:1fr}.stats{grid-template-columns:1fr}.code{font-size:52px}.slot{width:62px}.slot .av{width:36px;height:40px}.sale{grid-template-columns:1fr;justify-items:center;text-align:center}.flashbids{grid-template-columns:repeat(2,1fr)}.tcards{grid-template-columns:repeat(2,1fr)}}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

/* ===== marca ===== */
.brandlogo{display:flex;justify-content:center;margin:4px auto 6px;max-width:440px;filter:drop-shadow(0 18px 30px rgba(14,11,31,.45));animation:logoIn .8s cubic-bezier(.2,.9,.3,1.3) both}
.brandlogo img{width:100%;height:auto;display:block;animation:bob 5s ease-in-out .8s infinite}
@keyframes logoIn{from{opacity:0;transform:scale(.6) rotate(-6deg)}to{opacity:1;transform:none}}
.brandmini{display:inline-flex;align-items:center}
h2.center{text-align:center}
body.modern{background:
  linear-gradient(118deg,transparent 0 8%,rgba(140,123,242,.55) 8% 13%,transparent 13.5% 80%,rgba(198,255,58,.10) 80% 81.2%,transparent 82.5%),
  linear-gradient(118deg,transparent 0 86%,rgba(140,123,242,.5) 86% 93%,transparent 93.5%),
  radial-gradient(ellipse at 85% -10%,rgba(140,123,242,.45) 0,transparent 50%),
  radial-gradient(ellipse at 0% 110%,rgba(140,123,242,.45) 0,transparent 45%),
  linear-gradient(160deg,#2b2170,#0e0b1f 50%,#0e0b1f);background-attachment:fixed}
@media (max-width:600px){.brandlogo{max-width:300px}}

/* =====================================================================
   PELE DE JOGO — painéis sólidos, botões com base, tudo centralizado
   ===================================================================== */
body.modern{--panel-top:#2b2170;--panel-bot:#2b2170;--edge:#0e0b1f;--rim:#8c7bf2;--lime:#c6ff3a;--lime-d:#0e0b1f;--vio:#8c7bf2;--lav:#ffffff}
body.modern::before{animation:none;opacity:.6}
/* títulos: branco sólido com base escura, sem cromado */
body.modern h1,body.modern h2{background:none;-webkit-background-clip:initial;background-clip:initial;color:#ffffff;filter:none;text-shadow:0 3px 0 var(--edge),0 0 0 #0e0b1f;letter-spacing:.02em;text-align:center}
body.modern h1{font-size:clamp(30px,5vw,46px)}
body.modern h3{text-align:center;font-family:var(--f-display);font-style:italic;letter-spacing:.03em}
body.modern .row.between>h3{text-align:left}
/* painéis */
body.modern .box{background:linear-gradient(180deg,var(--panel-top),var(--panel-bot));border:2px solid var(--rim);border-radius:16px;backdrop-filter:none;-webkit-backdrop-filter:none;
  box-shadow:inset 0 2px 0 rgba(255,255,255,.10),inset 0 -3px 0 rgba(14,11,31,.25),0 5px 0 var(--edge),0 12px 18px rgba(14,11,31,.25)}
body.modern .box.soft{background:linear-gradient(180deg,#2b2170,#0e0b1f)!important;border-style:solid}
/* faixa de título dos painéis */
body.modern .box>.eyebrow:first-child,body.modern .box>.row.between:first-child>.eyebrow:first-child{align-self:center;text-align:center;background:linear-gradient(180deg,#8c7bf2,#2b2170);border:2px solid var(--rim);color:var(--lime);padding:5px 18px;border-radius:999px;margin-top:-30px;box-shadow:0 3px 0 var(--edge);font-family:var(--f-display);font-style:italic;font-size:14px;letter-spacing:.08em}
body.modern .box>.row.between:first-child:has(>.eyebrow:first-child){justify-content:center}
body.modern .box:has(>.eyebrow:first-child){margin-top:14px;padding-top:22px}
body.modern .eyebrow{text-align:center}
body.modern .topbar .eyebrow{text-align:left}
/* botões: sólidos, com base — nada de flutuar */
body.modern button:not(:is(.gx *,.gd *,.xbox *,.packov *,.lc-opt,.hbt,.lgbig,.su-opt,.lb-w,.su-skip,.ox)){background:linear-gradient(180deg,#8c7bf2,#2b2170);border:2px solid var(--edge);border-radius:12px;color:#ffffff;
  box-shadow:inset 0 2px 0 rgba(255,255,255,.22),inset 0 -3px 0 rgba(14,11,31,.22),0 4px 0 var(--edge);transition:transform .06s,box-shadow .06s,filter .12s}
body.modern button:not(:is(.gx *,.gd *,.xbox *,.packov *,.lc-opt,.hbt,.lgbig,.su-opt,.lb-w,.su-skip,.ox)):hover:not(:disabled){transform:none;filter:brightness(1.12);background:linear-gradient(180deg,#8c7bf2,#2b2170)}
body.modern button:not(:is(.gx *,.gd *,.xbox *,.packov *,.lc-opt,.hbt,.lgbig,.su-opt,.lb-w,.su-skip,.ox)):active:not(:disabled){transform:translateY(3px);box-shadow:inset 0 2px 0 rgba(255,255,255,.15),0 1px 0 var(--edge)}
body.modern .primary{background:linear-gradient(180deg,#c6ff3a 0%,#c6ff3a 45%,#c6ff3a 100%)!important;color:#0e0b1f!important;border:2px solid var(--edge)!important;transform:none!important;border-radius:14px!important;
  box-shadow:inset 0 3px 0 rgba(255,255,255,.6),inset 0 -4px 0 rgba(14,11,31,.35),0 6px 0 var(--edge)!important;text-shadow:0 1px 0 rgba(255,255,255,.5)}
body.modern .primary:hover:not(:disabled){transform:none!important;filter:brightness(1.06)}
body.modern .primary:active:not(:disabled){transform:translateY(4px)!important;box-shadow:inset 0 3px 0 rgba(255,255,255,.5),0 2px 0 var(--edge)!important}
body.modern .go,body.modern .flashbids button{transform:none!important;border:2px solid var(--edge)!important;box-shadow:inset 0 3px 0 rgba(255,255,255,.55),inset 0 -4px 0 rgba(14,11,31,.3),0 5px 0 var(--edge)!important}
body.modern .flashbids .all{box-shadow:inset 0 3px 0 rgba(255,255,255,.3),0 5px 0 var(--edge)!important}
body.modern .chip,body.modern .chip2,body.modern .tag,body.modern .timer,body.modern .badge,body.modern .turnmsg.mine{transform:none!important}
body.modern .chip[aria-pressed="true"]{background:linear-gradient(180deg,#c6ff3a,#c6ff3a);color:#0e0b1f;border-color:var(--edge);box-shadow:inset 0 2px 0 rgba(255,255,255,.6),0 3px 0 var(--edge)}
body.modern .opt{background:linear-gradient(180deg,#2b2170,#2b2170)}
body.modern .opt[aria-pressed="true"]{background:linear-gradient(180deg,#0e0b1f,#0e0b1f);border-color:var(--lime);box-shadow:inset 0 0 0 2px var(--lime),0 4px 0 var(--edge)}
body.modern input{background:#0e0b1f;border:2px solid var(--rim);border-radius:12px;box-shadow:inset 0 3px 0 rgba(14,11,31,.35);color:#ffffff}
body.modern input:focus{border-color:var(--lime);outline:none}
/* nada balançando */
body.modern .brandlogo img,body.modern .hero-crest .crest{animation:none}
body.modern .pcard{animation:cardIn .5s cubic-bezier(.2,.9,.3,1.2)!important;transform:none!important;border:2px solid var(--rim)!important;box-shadow:inset 0 2px 0 rgba(255,255,255,.2),0 6px 0 var(--edge),0 16px 26px rgba(14,11,31,.3)!important}
@keyframes cardIn{from{opacity:0;transform:scale(.92)}}
body.modern .pcard::before{opacity:.25}
body.modern .playcard,body.modern .gcard,body.modern .gcard:hover{transform:none!important}
body.modern .gcard{border:2px solid var(--rim);box-shadow:inset 0 2px 0 rgba(255,255,255,.25),0 6px 0 var(--edge)}
body.modern .mc{border:2px solid var(--edge)!important;box-shadow:inset 0 2px 0 rgba(255,255,255,.25),0 4px 0 var(--edge)!important}
body.modern .hero-crest{background:radial-gradient(circle,rgba(140,123,242,.35),transparent 65%)}
body.modern .hero-crest .crest{filter:drop-shadow(0 10px 14px rgba(14,11,31,.45))}
.crest.c3d{filter:drop-shadow(0 2px 2px rgba(14,11,31,.35))}
/* ===== menu principal ===== */
.menu{max-width:460px;margin:0 auto;display:flex;flex-direction:column;align-items:stretch;gap:14px;text-align:center}
.menu .brandlogo{max-width:380px;margin-bottom:0}
.clubplate{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:20px 16px 16px;margin-top:6px;border-radius:18px;
  background:radial-gradient(ellipse at 50% 0%,rgba(140,123,242,.45),transparent 70%),linear-gradient(180deg,#2b2170,#2b2170);border:2px solid var(--rim);box-shadow:inset 0 2px 0 rgba(255,255,255,.1),0 5px 0 var(--edge)}
.clubplate .cp-crest{margin-top:-58px;filter:drop-shadow(0 8px 10px rgba(14,11,31,.5))}
.clubplate .cp-txt{display:flex;flex-direction:column;align-items:center;gap:2px}
.clubplate b{font-family:var(--f-display);font-style:italic;font-size:28px;text-transform:uppercase;letter-spacing:.02em;color:#ffffff;text-shadow:0 3px 0 var(--edge);line-height:1.05}
.clubplate span{font-size:14px;color:var(--muted)}
.clubplate #bEdit{position:absolute;top:10px;right:10px;padding:6px!important;width:38px;height:38px;display:grid;place-items:center}
.clubplate #bEdit .ico{width:20px;height:20px}
.menu{padding-top:6px}
.menu .clubplate{margin-top:52px}
.mbtn,.mbtn2{display:flex!important;align-items:center;justify-content:center;gap:12px}
.mbtn{font-size:30px!important;padding:16px 20px!important;font-style:italic}
.mbtn .ico,.mbtn2 .ico{width:28px;height:28px}
.mbtn2{font-family:var(--f-display)!important;font-style:italic;font-size:22px!important;padding:13px 18px!important;text-transform:uppercase}
.joinbar{display:flex;gap:10px}
.joinbar input{flex:1;min-width:0;text-align:center;font-family:var(--f-display)!important;font-size:24px!important;letter-spacing:.3em;text-transform:uppercase}
.joinbar input::placeholder{letter-spacing:.12em;font-size:18px;color:#8c7bf2}
.center{text-align:center}
/* login centralizado */
body.modern .login .box{align-items:stretch}
body.modern .topbar{min-height:40px}

/* carta do jogador: retrato com moldura e medalha de overall */
body.modern .pcard .jw .av{width:118px;height:auto;padding:12px 16px 4px;border-radius:50%;background:radial-gradient(circle at 50% 30%,#8c7bf2 0,#8c7bf2 45%,#2b2170 75%);border:3px solid #ffffff;
  box-shadow:inset 0 -8px 0 rgba(14,11,31,.28),inset 0 6px 0 rgba(255,255,255,.18),0 0 0 3px #0e0b1f,0 6px 0 3px #0e0b1f;filter:none;aspect-ratio:1}
body.modern .pcard .ovr{margin-top:-20px;position:relative;z-index:2;background:linear-gradient(180deg,#c6ff3a,#c6ff3a);color:#0e0b1f;text-shadow:0 1px 0 rgba(255,255,255,.6);font-size:30px;padding:4px 12px 2px;border-radius:10px;border:2px solid #0e0b1f;box-shadow:inset 0 2px 0 rgba(255,255,255,.6),0 4px 0 #0e0b1f}
body.modern .pcard .nm{text-shadow:0 3px 0 #0e0b1f}
body.modern .pcard .badge{border:2px solid #0e0b1f;border-radius:6px;box-shadow:0 2px 0 #0e0b1f}

/* =====================================================================
   QUADRA DE RUA — cenário, pincel, 3D
   ===================================================================== */
body.modern{--f-brush:"Knewave","Anton",Impact,sans-serif;background:#0e0b1f!important}
html:has(body.modern){background:#0e0b1f}
body.modern::before{display:none}
#bgfx{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}
body.classic #bgfx{display:none}
#bgfx .sky{position:absolute;inset:0;background:
  radial-gradient(ellipse 70% 45% at 50% 62%,rgba(140,123,242,.55),transparent 70%),
  linear-gradient(180deg,#2b2170 0%,#2b2170 30%,#8c7bf2 58%,#8c7bf2 70%,#2b2170 82%,#0e0b1f 100%)}
#bgfx .clouds i{position:absolute;border-radius:50%;background:radial-gradient(ellipse at 40% 40%,rgba(255,255,255,.55),rgba(140,123,242,.18) 55%,transparent 72%);filter:blur(6px);animation:cloud 90s linear infinite}
#bgfx .clouds i:nth-child(1){width:520px;height:150px;top:12%;left:-10%}
#bgfx .clouds i:nth-child(2){width:380px;height:110px;top:28%;left:55%;animation-duration:120s;animation-delay:-40s}
#bgfx .clouds i:nth-child(3){width:640px;height:170px;top:40%;left:20%;opacity:.7;animation-duration:150s;animation-delay:-80s}
#bgfx .clouds i:nth-child(4){width:300px;height:90px;top:6%;left:75%;animation-duration:110s;animation-delay:-20s}
@keyframes cloud{from{transform:translateX(-25vw)}to{transform:translateX(35vw)}}
#bgfx .city{position:absolute;left:0;right:0;bottom:0;width:100%;height:46vh;min-height:260px}
#bgfx .flood{animation:flood 4s ease-in-out infinite alternate}
#bgfx .flood.f1{animation-delay:-1.5s}#bgfx .flood.f2{animation-delay:-2.7s}
@keyframes flood{from{opacity:.75}to{opacity:1}}
#bgfx .fence{position:absolute;inset:0;background:
  repeating-linear-gradient(45deg,transparent 0 17px,rgba(14,11,31,.55) 17px 19px),repeating-linear-gradient(-45deg,transparent 0 17px,rgba(14,11,31,.55) 17px 19px);
  -webkit-mask-image:linear-gradient(100deg,transparent 58%,#0e0b1f 92%);mask-image:linear-gradient(100deg,transparent 58%,#0e0b1f 92%);opacity:.8}
#bgfx .bs{position:absolute;height:auto;opacity:.9}
#bgfx .b1{width:62vw;top:-3vh;left:-18vw;transform:rotate(-24deg)}
#bgfx .b2{width:34vw;top:4vh;right:-8vw;transform:rotate(-30deg)}
#bgfx .b3{width:70vw;bottom:-6vh;right:-22vw;transform:rotate(-22deg);opacity:.85}
#bgfx .b4{width:30vw;bottom:10vh;left:-6vw;transform:rotate(-20deg)}
#bgfx .bsp{position:absolute;width:220px;opacity:.85}
#bgfx .s1{top:-60px;right:8vw}#bgfx .s2{bottom:-50px;left:6vw;width:260px;opacity:.95}
#bgfx .grain{position:absolute;inset:0;opacity:.12;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/></filter><rect width='160' height='160' filter='url(%23n)'/></svg>")}
@media (max-width:640px){#bgfx .b1{width:110vw}#bgfx .b3{width:120vw}#bgfx .city{height:34vh}}

/* letreiro de pincel */
body.modern h1,body.modern .clubplate b,body.modern .champ h1{font-family:var(--f-brush);font-style:normal;letter-spacing:.01em;text-transform:uppercase;transform:rotate(-2deg)}
.bname{position:relative;display:inline-block;padding-bottom:.18em}
.bname .bn-t{position:relative;z-index:1;font-family:var(--f-brush);font-style:normal;text-transform:uppercase;color:#ffffff;text-shadow:0 3px 0 #0e0b1f,0 0 1px #0e0b1f;display:inline-block;transform:rotate(-2deg)}
.bname .uline{position:absolute;left:-4%;bottom:-.05em;width:108%;height:.42em;z-index:0;transform:rotate(-2deg);transform-origin:left;animation:drawIn .55s .25s cubic-bezier(.3,.8,.3,1) both}
@keyframes drawIn{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
body.modern .pcard .nm{font-size:clamp(30px,4.6vw,46px);line-height:1;text-shadow:none}

/* carta do jogador em 3D: entra girando, inclina com o mouse, reflexo */
body.modern .pstage{perspective:1100px;animation:flip3d .8s cubic-bezier(.2,.8,.25,1.15) both}
@keyframes flip3d{0%{transform:rotateY(-110deg) translateZ(-160px) scale(.85);opacity:0}60%{opacity:1}100%{transform:none}}
body.modern .pcard{transform:perspective(1000px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg))!important;transition:transform .18s ease-out;transform-style:preserve-3d;will-change:transform}
body.modern .pcard .glare{position:absolute;inset:0;z-index:3;pointer-events:none;border-radius:inherit;background:radial-gradient(circle at var(--gx,30%) var(--gy,0%),rgba(255,255,255,.22),transparent 45%);mix-blend-mode:overlay}
body.modern .pcard .jw{transform:translateZ(40px)}
body.modern .pcard .nm,body.modern .pcard .meta{transform:translateZ(26px)}
body.modern .pcard .jw .av{animation:avIn .7s .3s cubic-bezier(.2,.9,.3,1.4) both}
@keyframes avIn{from{transform:scale(.4) rotate(-20deg);opacity:0}}

/* venda: respingo + carimbo batendo */
body.modern .sale{background:linear-gradient(180deg,#2b2170,#2b2170)!important;border:2px solid var(--rim)!important;box-shadow:inset 0 2px 0 rgba(255,255,255,.1),0 6px 0 var(--edge)!important;overflow:visible;perspective:900px}
body.modern .sale.mine{background:linear-gradient(180deg,#0e0b1f,#2b2170)!important;border-color:var(--lime)!important}
.salesplat{position:absolute;width:240px;left:-30px;top:50%;margin-top:-140px;z-index:0;opacity:.9;animation:splatIn .45s cubic-bezier(.2,1.4,.4,1) both}
@keyframes splatIn{from{transform:scale(0) rotate(-40deg)}to{transform:none}}
body.modern .sale .jw{position:relative;z-index:1}
body.modern .sale .stamp{font-family:var(--f-brush);font-style:normal;font-size:clamp(40px,6.5vw,64px);color:#ffffff;text-shadow:0 4px 0 #0e0b1f;transform:rotate(-4deg);transform-origin:left center;animation:slam .5s cubic-bezier(.2,.9,.3,1.25) both}
body.modern .sale.mine .stamp{color:var(--lime)!important}
@keyframes slam{0%{transform:rotate(-4deg) rotateX(70deg) scale(2.4);opacity:0}55%{opacity:1;transform:rotate(-4deg) scale(.92)}100%{transform:rotate(-4deg)}}
.shake{animation:shake .45s cubic-bezier(.36,.07,.19,.97)}
@keyframes shake{10%,90%{transform:translate(-2px,1px)}20%,80%{transform:translate(4px,-2px)}30%,50%,70%{transform:translate(-6px,2px)}40%,60%{transform:translate(6px,-1px)}}
/* re-renderização não repete as animações */
.still .pstage,.still .sale,.still .sale *,.still .bname *,.still .pcard .jw .av{animation:none!important}

/* carta usada: gira em 3D sobre um respingo */
.fx{perspective:1000px;background:radial-gradient(circle,rgba(14,11,31,.55),rgba(14,11,31,.85))!important}
.fx .inner{position:relative}
.fxsplat{position:absolute;width:420px;left:50%;top:40%;margin:-210px 0 0 -210px;z-index:0;opacity:.85;animation:splatIn .5s cubic-bezier(.2,1.4,.4,1) both}
.fx .gcard{position:relative;z-index:1;animation:spin3d .9s cubic-bezier(.2,.8,.25,1.1) both!important;box-shadow:0 0 0 4px #c6ff3a,0 10px 0 #0e0b1f,0 30px 60px rgba(14,11,31,.5)!important}
@keyframes spin3d{0%{transform:rotateY(-540deg) translateZ(-400px) scale(.3);opacity:0}50%{opacity:1}100%{transform:none}}
.fx .who{position:relative;z-index:1;border:2px solid var(--rim)!important;box-shadow:0 4px 0 #0e0b1f}

/* GOL */
.celebrate{perspective:900px;background:radial-gradient(circle,rgba(14,11,31,.35),transparent 70%)}
body.modern .celebrate .cb{position:relative;background:none!important;box-shadow:none!important;animation:golIn 1.9s cubic-bezier(.2,.9,.3,1.2) forwards}
@keyframes golIn{0%{transform:scale(3) rotateX(60deg);opacity:0}12%{transform:scale(.9);opacity:1}20%{transform:none}85%{opacity:1;transform:none}100%{opacity:0;transform:scale(1.1) translateY(-20px)}}
.celesplat{position:absolute;width:520px;left:50%;top:50%;margin:-260px 0 0 -260px;z-index:-1;animation:splatIn .4s cubic-bezier(.2,1.4,.4,1) both}
body.modern .celebrate .gol{font-family:var(--f-brush);font-style:normal;color:#ffffff!important;font-size:clamp(90px,20vw,170px);text-shadow:0 6px 0 #0e0b1f;transform:rotate(-5deg)}
body.modern .celebrate .cb>span{color:#0e0b1f;font-weight:800;font-size:18px;background:#ffffff;padding:2px 12px;border-radius:6px;box-shadow:0 3px 0 #0e0b1f}
body.modern .celebrate .cb .note{background:none;box-shadow:none;color:#0e0b1f}

/* logo com respingo atrás */
.brandlogo{position:relative}
.logosplat{position:absolute;width:62%;left:19%;top:-6%;z-index:-1;opacity:.55;animation:splatIn .6s .2s cubic-bezier(.2,1.4,.4,1) both}
.brandlogo img{position:relative}
body.modern .brandlogo{animation:logo3d .9s cubic-bezier(.2,.9,.3,1.2) both}
@keyframes logo3d{from{opacity:0;transform:perspective(800px) rotateX(70deg) scale(.6)}}

/* transição: pincelada atravessando a tela */
#wipe{position:fixed;inset:0;z-index:60;pointer-events:none;overflow:hidden}
#wipe .brush{position:absolute;width:190vw;height:60vh;left:-200vw;top:20vh;transform:rotate(-12deg)}
#wipe .w2{top:35vh;height:45vh}
#wipe.go .w1{animation:sweep .75s cubic-bezier(.6,0,.3,1) forwards}
#wipe.go .w2{animation:sweep .75s .07s cubic-bezier(.6,0,.3,1) forwards}
@keyframes sweep{0%{left:-200vw}100%{left:110vw}}

/* entrada de tela mais seca */
@keyframes screenInM{from{opacity:0;transform:translateY(18px)}}
/* menu: profundidade */
body.modern .clubplate{transform-style:preserve-3d}
body.modern .clubplate .cp-crest{animation:crestDrop .7s .25s cubic-bezier(.2,.9,.3,1.35) both}
@keyframes crestDrop{from{opacity:0;transform:translateY(-60px) rotateY(180deg) scale(.6)}}
@media (prefers-reduced-motion:reduce){#bgfx .clouds i,#bgfx .flood{animation:none}}

/* ===== limpo: sem rua, só luz ===== */
#bgfx .sky{position:absolute;inset:0;background:radial-gradient(ellipse 60% 50% at 50% 35%,#2b2170 0,#2b2170 45%,#0e0b1f 80%,#0e0b1f 100%)}
#bgfx .orb{position:absolute;border-radius:50%;filter:blur(90px);opacity:.5;will-change:transform}
#bgfx .o1{width:46vw;height:46vw;left:-12vw;top:-14vw;background:#8c7bf2;animation:orb1 26s ease-in-out infinite alternate}
#bgfx .o2{width:36vw;height:36vw;right:-10vw;top:20vh;background:#8c7bf2;opacity:.35;animation:orb2 32s ease-in-out infinite alternate}
#bgfx .o3{width:30vw;height:30vw;left:30vw;bottom:-18vw;background:#c6ff3a;opacity:.10;animation:orb1 40s ease-in-out infinite alternate-reverse}
@keyframes orb1{to{transform:translate(8vw,6vh) scale(1.1)}}@keyframes orb2{to{transform:translate(-10vw,-4vh) scale(.9)}}
#bgfx .vig{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 40%,transparent 50%,rgba(14,11,31,.6) 100%)}
#bgfx .grain{opacity:.07}
#wipe{display:none}
/* transição suave */
body.modern .screen-in>*{animation:softIn .5s cubic-bezier(.2,.7,.2,1) both}
body.modern .screen-in>*:nth-child(2){animation-delay:.05s}body.modern .screen-in>*:nth-child(3){animation-delay:.1s}body.modern .screen-in>*:nth-child(4){animation-delay:.15s}
@keyframes softIn{from{opacity:0;transform:translateY(10px) scale(.99);filter:blur(4px)}to{opacity:1;transform:none;filter:none}}
/* sublinhado de luz */
.bname .uline{position:absolute;left:-2%;bottom:.02em;width:96%;height:.16em;border-radius:99px;background:linear-gradient(90deg,rgba(198,255,58,0),#c6ff3a 12%,#c6ff3a 55%,rgba(198,255,58,0));box-shadow:0 0 14px rgba(198,255,58,.55);transform:skewX(-20deg) rotate(-2deg);transform-origin:left;animation:lineIn .6s .25s cubic-bezier(.2,.8,.2,1) both}
@keyframes lineIn{from{transform:skewX(-20deg) rotate(-2deg) scaleX(0)}}
/* brilho (substitui respingo) */
.burst{position:absolute;border-radius:50%;background:radial-gradient(circle,var(--c) 0,color-mix(in srgb,var(--c) 40%,transparent) 30%,transparent 68%);filter:blur(6px);pointer-events:none;animation:burstIn .7s cubic-bezier(.2,.8,.2,1) both}
@keyframes burstIn{from{transform:scale(.2);opacity:0}40%{opacity:1}to{transform:none;opacity:.55}}
.salesplat{width:260px;height:260px;left:-40px;top:50%;margin-top:-130px;opacity:.55}
.fxsplat{width:520px;height:520px;margin:-260px 0 0 -260px;opacity:.6}
.celesplat{width:600px;height:600px;margin:-300px 0 0 -300px}
body.modern .sale .stamp{animation:stampIn .45s cubic-bezier(.2,.9,.3,1.2) both}
@keyframes stampIn{from{opacity:0;transform:rotate(-4deg) scale(1.6);filter:blur(6px)}to{opacity:1;transform:rotate(-4deg)}}
body.modern .pstage{animation:cardFlip .7s cubic-bezier(.2,.8,.2,1) both}
@keyframes cardFlip{from{opacity:0;transform:perspective(1100px) rotateY(-35deg) translateX(-30px) scale(.94);filter:blur(4px)}to{opacity:1;transform:none;filter:none}}
.fx .gcard{animation:cardSpinSoft .8s cubic-bezier(.2,.8,.2,1) both!important}
@keyframes cardSpinSoft{from{opacity:0;transform:perspective(1000px) rotateY(-180deg) scale(.6)}to{opacity:1;transform:none}}

/* =====================================================================
   ASSETS RENDERIZADOS
   ===================================================================== */
#bgfx .sky{background:linear-gradient(180deg,rgba(14,11,31,.55) 0%,rgba(14,11,31,.35) 40%,rgba(14,11,31,.82) 100%),var(--img-bg,none) center 30%/cover no-repeat,#0e0b1f;animation:kb 60s ease-in-out infinite alternate;transform-origin:50% 40%}
@keyframes kb{from{transform:scale(1.04)}to{transform:scale(1.14) translateY(-1.5%)}}
#bgfx .rays{position:absolute;inset:-20%;background:conic-gradient(from 200deg at 20% 0%,transparent 0deg,rgba(140,123,242,.18) 8deg,transparent 16deg,transparent 30deg,rgba(198,255,58,.08) 34deg,transparent 40deg),conic-gradient(from 120deg at 80% 0%,transparent 0deg,rgba(140,123,242,.16) 8deg,transparent 18deg);mix-blend-mode:screen;animation:rays 9s ease-in-out infinite alternate;filter:blur(8px)}
@keyframes rays{from{opacity:.5;transform:rotate(-1.5deg)}to{opacity:1;transform:rotate(1.5deg)}}
#bgfx .o1{opacity:.28}#bgfx .o2{opacity:.18}
/* ícones 3D */
.i3d{display:inline-block;object-fit:contain;flex:none;filter:drop-shadow(0 6px 8px rgba(14,11,31,.45));pointer-events:none}
.csym{object-fit:contain;filter:drop-shadow(0 6px 10px rgba(14,11,31,.4))}
body.modern .gc-sym{background:radial-gradient(circle,rgba(198,255,58,.22),transparent 68%)!important;box-shadow:none!important;width:auto!important;height:auto!important;padding:6px}
body.modern .gc-sym .csym{width:92px;height:92px}
.fx .gcard .csym{width:120px;height:120px}
body.modern .mc .ic{background:none!important;width:46px;height:46px;display:grid;place-items:center}
body.modern .mc .ic .csym{width:46px;height:46px}
.ghostbtn .ic .csym{width:26px;height:26px}
/* moeda */
.coin::before{background:var(--img-coin) center/contain no-repeat!important;box-shadow:none!important;border-radius:0!important;clip-path:none!important;width:1.15em!important;height:1.15em!important;filter:drop-shadow(0 2px 2px rgba(14,11,31,.4))}
/* avatar: silhueta com cor do uniforme */
.av2{position:relative;display:inline-block;border-radius:50%;overflow:hidden;flex:none;background:radial-gradient(circle at 50% 38%,color-mix(in srgb,var(--k1) 85%,#ffffff) 0,var(--k1) 38%,color-mix(in srgb,var(--k1) 45%,#0e0b1f) 78%);box-shadow:inset 0 0 0 2px var(--k2),inset 0 -6px 10px rgba(14,11,31,.35),0 3px 8px rgba(14,11,31,.35)}
.av2 img{position:absolute;left:6%;bottom:-4%;width:88%;height:auto;filter:drop-shadow(0 0 4px rgba(14,11,31,.4))}
body.modern .pcard .jw .av2{width:132px!important;height:132px!important;padding:0;background:radial-gradient(circle at 50% 38%,color-mix(in srgb,var(--k1) 85%,#ffffff) 0,var(--k1) 38%,color-mix(in srgb,var(--k1) 40%,#0e0b1f) 80%);border:3px solid #ffffff;box-shadow:inset 0 -10px 18px rgba(14,11,31,.35),0 0 0 3px #0e0b1f,0 8px 0 2px #0e0b1f,0 0 30px color-mix(in srgb,var(--k1) 60%,transparent)}
body.modern .pcard .jw .av2 img{width:92%;left:4%;bottom:-6%}
/* relógio */
.tclock{display:inline-flex;align-items:center;gap:6px}
/* verso de carta */
body.modern .back{background:var(--img-cardback) center/cover no-repeat!important;border:none!important;border-radius:14px!important;box-shadow:0 12px 24px rgba(14,11,31,.45)!important}
body.modern .back span{display:none}
/* pênaltis: gol renderizado */
body.modern .penarea{padding:0!important;aspect-ratio:1280/854;background:var(--img-goal) center/cover no-repeat!important;border-radius:16px;border:2px solid var(--rim);box-shadow:0 6px 0 #0e0b1f,0 20px 40px rgba(14,11,31,.4)}
body.modern .penarea .goalbox{position:absolute;left:8.4%;width:83.6%;top:24.4%;height:47.4%;aspect-ratio:auto;border:none!important;box-shadow:none!important;background:none!important;border-radius:0}
body.modern .penarea .goalbox:not(.idle):hover{background:rgba(198,255,58,.06)!important}
/* campeão */
.champtrophy{width:min(190px,46vw);height:auto;margin:-10px auto 0;animation:trophyIn 1s cubic-bezier(.2,.9,.3,1.3) both,trophyGlow 3s ease-in-out 1s infinite alternate;filter:drop-shadow(0 18px 24px rgba(14,11,31,.5)) drop-shadow(0 0 30px rgba(198,255,58,.35))}
@keyframes trophyIn{from{opacity:0;transform:perspective(600px) rotateY(180deg) scale(.4)}}
@keyframes trophyGlow{to{filter:drop-shadow(0 18px 24px rgba(14,11,31,.5)) drop-shadow(0 0 50px rgba(198,255,58,.6))}}

/* =====================================================================
   BOTÕES DO JOGO — brilho, chanfro, sem flutuar
   ===================================================================== */
body.modern button:not(:is(.gx *,.gd *,.xbox *,.packov *,.lc-opt,.hbt,.lgbig,.su-opt,.lb-w,.su-skip,.ox)){position:relative;overflow:hidden;background:linear-gradient(180deg,#8c7bf2 0%,#8c7bf2 50%,#2b2170 51%,#2b2170 100%);border:2px solid #0e0b1f;border-radius:10px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.45),inset 0 0 0 1px rgba(255,255,255,.35),0 4px 0 #0e0b1f,0 6px 14px rgba(14,11,31,.25);text-shadow:0 2px 0 rgba(14,11,31,.35)}
body.modern button:not(:is(.gx *,.gd *,.xbox *,.packov *,.lc-opt,.hbt,.lgbig,.su-opt,.lb-w,.su-skip,.ox))::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.25) 50%,transparent 65%);transform:translateX(-120%);transition:transform .5s ease;pointer-events:none}
body.modern button:not(:is(.gx *,.gd *,.xbox *,.packov *,.lc-opt,.hbt,.lgbig,.su-opt,.lb-w,.su-skip,.ox)):hover:not(:disabled)::after{transform:translateX(120%)}
body.modern button:not(:is(.gx *,.gd *,.xbox *,.packov *,.lc-opt,.hbt,.lgbig,.su-opt,.lb-w,.su-skip,.ox)):hover:not(:disabled){filter:brightness(1.1);background:linear-gradient(180deg,#8c7bf2 0%,#8c7bf2 50%,#2b2170 51%,#2b2170 100%)}
body.modern .primary{background:linear-gradient(180deg,#c6ff3a 0%,#c6ff3a 48%,#c6ff3a 52%,#c6ff3a 100%)!important;border:2px solid #0e0b1f!important;border-radius:12px!important;color:#0e0b1f!important;text-shadow:0 1px 0 rgba(255,255,255,.55)!important;
  box-shadow:inset 0 2px 0 rgba(255,255,255,.8),inset 0 -3px 0 rgba(14,11,31,.35),0 5px 0 #0e0b1f,0 0 24px rgba(198,255,58,.35)!important}
body.modern .primary:disabled{filter:grayscale(.7) brightness(.7)}
body.modern .chip[aria-pressed="true"]{background:linear-gradient(180deg,#c6ff3a 0%,#c6ff3a 48%,#c6ff3a 52%,#c6ff3a 100%);color:#0e0b1f;text-shadow:none}
.mbtn{min-height:78px}
.mbtn .i3d{margin:-14px 0 -14px -6px;filter:drop-shadow(0 4px 6px rgba(14,11,31,.35))}
.mbtn2 .i3d{margin:-8px 0}
body.modern .menu .mbtn2.wide{min-height:62px}
body.modern .pitch{background:linear-gradient(180deg,rgba(14,11,31,.15),rgba(14,11,31,.35)),var(--img-grass) center/cover!important;border:2px solid rgba(255,255,255,.25)!important}
body.modern .pitch::before{border-color:rgba(255,255,255,.7)!important;box-shadow:none!important}

/* =====================================================================
   PROFISSIONAL — ID Leilão de Craques: condensada esportiva, cortes
   diagonais, linhas finas, verde-limão e lilás. Sem gel, sem desenho.
   ===================================================================== */
body.modern{--f-display:'LC Cond',"Arial Narrow",sans-serif;--f-num:'LC Cond',"Arial Narrow",sans-serif;--f-brush:'LC Cond',"Arial Narrow",sans-serif;--cut:10px;
  --panel-bg:rgba(14,11,31,.84);--line-v:rgba(140,123,242,.55)}
body.modern h1,body.modern h2,body.modern h3,body.modern .clubplate b,body.modern .champ h1{font-family:var(--f-display);font-weight:900;font-style:italic;text-transform:uppercase;letter-spacing:-.005em;transform:none;text-shadow:0 2px 12px rgba(14,11,31,.45)}
body.modern h1{font-size:clamp(34px,5vw,52px)}
body.modern h2{font-size:clamp(26px,3.6vw,36px)}
body.modern h3{font-size:22px}
/* painéis: escuro, fio lilás, brilho contido */
body.modern .box,body.modern .clubplate,body.modern .sale,body.modern .pcard{background:linear-gradient(180deg,rgba(14,11,31,.9),rgba(14,11,31,.92))!important;border:1px solid var(--line-v)!important;border-radius:6px!important;
  box-shadow:0 0 0 1px rgba(14,11,31,.35),0 18px 40px rgba(14,11,31,.35),inset 0 1px 0 rgba(255,255,255,.08)!important;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
body.modern .box.soft{background:rgba(14,11,31,.7)!important}
/* título do painel: caixa-alta pequena entre fios */
body.modern .box>.eyebrow:first-child,body.modern .box>.row.between:first-child>.eyebrow:first-child{background:none!important;border:none!important;box-shadow:none!important;margin-top:0!important;padding:0!important;border-radius:0!important;
  display:flex;align-items:center;gap:12px;width:100%;color:var(--lime);font-family:var(--f-display);font-style:normal;font-weight:700;font-size:13px;letter-spacing:.22em}
body.modern .box>.eyebrow:first-child::before,body.modern .box>.eyebrow:first-child::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--line-v))}
body.modern .box>.eyebrow:first-child::after{background:linear-gradient(90deg,var(--line-v),transparent)}
body.modern .box:has(>.eyebrow:first-child){margin-top:0;padding-top:16px}
body.modern .eyebrow{font-family:var(--f-display);font-weight:700;letter-spacing:.2em}
/* botões: retos, corte diagonal, sem relevo */
body.modern button:not(:is(.gx *,.gd *,.xbox *,.packov *,.lc-opt,.hbt,.lgbig,.su-opt,.lb-w,.su-skip,.ox)){font-family:var(--f-display)!important;font-weight:700;font-style:normal;letter-spacing:.08em;text-transform:uppercase;text-shadow:none;border:none!important;border-radius:0!important;
  clip-path:polygon(var(--cut) 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%,0 var(--cut));
  background:rgba(140,123,242,.16)!important;color:var(--lav)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.45)!important;transition:background .15s,color .15s,transform .08s}
body.modern button:not(:is(.gx *,.gd *,.xbox *,.packov *,.lc-opt,.hbt,.lgbig,.su-opt,.lb-w,.su-skip,.ox)):hover:not(:disabled){filter:none;background:rgba(140,123,242,.32)!important;color:#ffffff!important}
body.modern button:not(:is(.gx *,.gd *,.xbox *,.packov *,.lc-opt,.hbt,.lgbig,.su-opt,.lb-w,.su-skip,.ox)):active:not(:disabled){transform:translateY(1px)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.45)!important}
body.modern button:not(:is(.gx *,.gd *,.xbox *,.packov *,.lc-opt,.hbt,.lgbig,.su-opt,.lb-w,.su-skip,.ox))::after{background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.18) 50%,transparent 60%)}
body.modern .primary,body.modern .go,body.modern .flashbids button{background:var(--lime)!important;color:#0e0b1f!important;box-shadow:none!important;font-weight:800!important;font-style:italic!important;letter-spacing:.04em;text-shadow:none!important;transform:none!important}
body.modern .primary:hover:not(:disabled),body.modern .go:hover:not(:disabled){background:#c6ff3a!important;color:#0e0b1f!important}
body.modern .primary:active:not(:disabled){transform:translateY(1px)!important;box-shadow:none!important}
body.modern .primary:disabled{background:rgba(198,255,58,.25)!important;color:rgba(14,11,31,.7)!important;filter:none}
body.modern .flashbids .all{background:var(--vio)!important;color:#ffffff!important}
body.modern .chip[aria-pressed="true"],body.modern .opt[aria-pressed="true"]{background:var(--lime)!important;color:#0e0b1f!important;box-shadow:none!important}
body.modern .opt[aria-pressed="true"] span{color:#2b2170!important}
body.modern .opt{background:rgba(140,123,242,.12)!important;text-align:left}
body.modern .iconbtn{--cut:6px}
body.modern .mc{--cut:8px;background:linear-gradient(180deg,rgba(140,123,242,.3),rgba(140,123,242,.12))!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.5)!important}
body.modern .mc .ic{color:var(--lime)}
.mbtn{min-height:68px;font-size:30px!important}
/* inputs */
body.modern input{border-radius:0;border:1px solid var(--line-v);background:rgba(14,11,31,.7);box-shadow:none;clip-path:polygon(var(--cut) 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%,0 var(--cut))}
/* tags e selos */
body.modern .tag,body.modern .badge,body.modern .chip2{border-radius:0!important;border:none!important;box-shadow:none!important;font-family:var(--f-display);letter-spacing:.1em;clip-path:polygon(5px 0,100% 0,100% calc(100% - 5px),calc(100% - 5px) 100%,0 100%,0 5px)}
body.modern .badge{background:var(--lime)!important;color:#0e0b1f!important;padding:3px 10px;font-weight:800}
body.modern .turnmsg{border-radius:0!important;font-family:var(--f-display);letter-spacing:.06em;font-size:17px;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)}
body.modern .timer{border-radius:0!important;height:4px!important}
/* moeda em verde-limão */
.coin::before{background:radial-gradient(circle at 35% 30%,#c6ff3a 0,#c6ff3a 42%,#0e0b1f 100%)!important;border-radius:50%!important;width:.85em!important;height:.85em!important;box-shadow:0 0 0 1.5px #0e0b1f,0 0 8px rgba(198,255,58,.45)!important;filter:none}
body.modern .coin{font-family:var(--f-display);font-weight:800;font-style:italic;color:var(--lime)}
/* carta do jogador: como as cartas da ID */
body.modern .pcard{background:radial-gradient(ellipse 60% 90% at 18% 40%,rgba(140,123,242,.45),transparent 70%),linear-gradient(180deg,#2b2170,#0e0b1f)!important;border:1.5px solid rgba(140,123,242,.9)!important;box-shadow:0 0 0 1px rgba(14,11,31,.4),0 0 30px rgba(140,123,242,.35),0 20px 40px rgba(14,11,31,.4)!important;border-radius:8px!important}
body.modern .pcard::before{display:none}
body.modern .pcard .ovr{background:none!important;border:none!important;box-shadow:none!important;color:#ffffff!important;font-family:var(--f-display);font-weight:900;font-style:italic;font-size:46px!important;line-height:.9;margin-top:-6px!important;text-shadow:0 2px 14px rgba(14,11,31,.6)!important;padding:0!important;display:flex;flex-direction:column;align-items:center}
body.modern .pcard .ovr::after{content:"OVR";font-size:12px;font-style:normal;font-weight:700;letter-spacing:.25em;color:var(--lav);margin-top:2px}
body.modern .pcard .jw .av2{border:1.5px solid rgba(255,255,255,.8)!important;box-shadow:0 0 0 4px rgba(14,11,31,.8),0 0 24px color-mix(in srgb,var(--k1) 55%,transparent)!important}
.bname .bn-t{font-family:var(--f-display)!important;font-weight:900!important;font-style:italic!important;transform:none!important;letter-spacing:-.01em;text-shadow:0 2px 14px rgba(14,11,31,.5)!important}
body.modern .pcard .nm{font-size:clamp(34px,5vw,54px)}
.bname .uline{height:.11em;bottom:-.02em;transform:skewX(-30deg)}
body.modern .stat .bar{height:4px!important;border-radius:0!important;background:rgba(255,255,255,.12)!important}
body.modern .stat .bar i{border-radius:0!important;background:var(--lav)!important;box-shadow:none!important}
body.modern .stat.key .bar i{background:var(--lime)!important;box-shadow:0 0 8px rgba(198,255,58,.5)!important}
body.modern .stat span:first-child{font-family:var(--f-display);letter-spacing:.14em;font-weight:600}
body.modern .stat .v{font-family:var(--f-display);font-weight:800;font-style:italic;font-size:18px;color:#ffffff}
body.modern .high{font-family:var(--f-display);font-weight:900;font-style:italic;text-shadow:none!important}
/* carimbo e gol */
body.modern .sale .stamp{font-family:var(--f-display)!important;font-weight:900;font-style:italic!important;letter-spacing:-.01em;transform:none!important;text-shadow:0 2px 16px rgba(14,11,31,.5)!important}
@keyframes stampIn{from{opacity:0;transform:scale(1.4);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}
body.modern .celebrate .gol{font-family:var(--f-display)!important;font-weight:900;font-style:italic!important;transform:none!important;text-shadow:0 6px 30px rgba(14,11,31,.6)!important}
body.modern .celebrate .cb>span{border-radius:0;clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px);font-family:var(--f-display);letter-spacing:.06em}
/* cartas especiais: escuras, moldura neon, ícone de linha */
body.modern .gcard{background:radial-gradient(ellipse at 50% 30%,rgba(140,123,242,.35),transparent 65%),linear-gradient(180deg,#2b2170,#0e0b1f)!important;border:1.5px solid rgba(140,123,242,.9)!important;border-radius:8px!important;box-shadow:0 0 22px rgba(140,123,242,.3),0 14px 30px rgba(14,11,31,.4)!important}
body.modern .gc-sym{color:var(--lime)!important;background:none!important;box-shadow:none!important}
body.modern .gc-sym svg{filter:drop-shadow(0 0 10px rgba(198,255,58,.55))}
body.modern .gc-name{font-family:var(--f-display);font-weight:900;font-style:italic;font-size:24px;letter-spacing:.02em}
/* menu */
.clubplate .cp-crest{margin-top:-62px}
body.modern .clubplate b{font-size:34px}
body.modern .clubplate #bEdit{--cut:6px}
.joinbar input{font-family:var(--f-display)!important;font-weight:800;font-style:italic}
/* pinceladas reais da ID nas bordas da tela */
#bgfx .bru{position:absolute;pointer-events:none;opacity:.95}
#bgfx .bru-tl{top:0;left:0;width:min(30vw,420px)}
#bgfx .bru-tr_lime{top:0;right:0;width:min(16vw,220px)}
#bgfx .bru-l{left:0;top:52vh;width:min(14vw,180px);opacity:.8}
#bgfx .bru-r{right:0;bottom:0;height:min(48vh,420px);width:auto}
#bgfx .bru-b{right:0;bottom:0;width:min(46vw,620px);opacity:.9}
#bgfx .orb,#bgfx .rays{display:none}
/* verso das cartas: marca LC */
body.modern .back{background:var(--img-lc) center/62% no-repeat,radial-gradient(ellipse at 50% 40%,#2b2170,#0e0b1f)!important;border:1.5px solid rgba(140,123,242,.9)!important;box-shadow:0 0 18px rgba(140,123,242,.35)!important}
/* moeda limpa da marca */
.coin::before{background:radial-gradient(circle at 35% 30%,#c6ff3a,#c6ff3a 45%,#0e0b1f 100%)!important;border-radius:50%!important;width:.85em!important;height:.85em!important;box-shadow:0 0 0 1.5px #0e0b1f,0 0 8px rgba(198,255,58,.5)!important;clip-path:none!important}
#bgfx .bru-r{display:none}

/* =====================================================================
   LINHA FIFA 21 — blocos retos, condensada reta, foco branco, abas
   ===================================================================== */
body.modern{--cut:0px;--tile:rgba(14,11,31,.84);--tile2:rgba(14,11,31,.88);--focus:#ffffff}
body.modern :is(h1,h2,h3,button,.primary,.coin,.ovr,.bn-t,.stamp,.gol,.v,.high,.gc-name,.mbtn,.mbtn2,.clubplate b,.nm,.code,.opt b,.joinbar input){font-style:normal!important}
body.modern h1,body.modern h2,body.modern h3{font-weight:800;letter-spacing:.01em}
body.modern h3{text-align:left}
/* blocos */
body.modern .box,body.modern .clubplate,body.modern .sale,body.modern .pcard,body.modern .gcard,body.modern .tile,body.modern .seat,body.modern .pl,body.modern .str div{border-radius:0!important;clip-path:none!important}
body.modern .box,body.modern .clubplate,body.modern .sale{background:var(--tile)!important;border:none!important;box-shadow:inset 0 3px 0 rgba(198,255,58,.0),0 20px 40px rgba(14,11,31,.3)!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
body.modern .box.soft{background:rgba(14,11,31,.6)!important}
/* título do bloco: canto superior esquerdo, sem enfeite */
body.modern .box>.eyebrow:first-child,body.modern .box>.row.between:first-child>.eyebrow:first-child{justify-content:flex-start;color:#ffffff!important;font-size:15px!important;letter-spacing:.08em!important;font-weight:700;text-align:left}
body.modern .box>.eyebrow:first-child::before{content:"";flex:none;width:4px;height:16px;background:var(--lime)}
body.modern .box>.eyebrow:first-child::after{display:none}
body.modern .eyebrow{text-align:left}
/* abas no topo, como o menu do FIFA */
body.modern .topbar{border-bottom:1px solid rgba(255,255,255,.12);padding-bottom:10px;margin-bottom:6px}
body.modern .topbar>.eyebrow{color:#ffffff;font-size:14px;letter-spacing:.14em;font-weight:700;position:relative;padding-bottom:4px}
body.modern .topbar>.eyebrow::after{content:"";position:absolute;left:0;right:0;bottom:-11px;height:3px;background:var(--lime)}
/* botões: placas retas; foco = branco */
body.modern button:not(:is(.gx *,.gd *,.xbox *,.packov *,.lc-opt,.hbt,.lgbig,.su-opt,.lb-w,.su-skip,.ox)){clip-path:none!important;border-radius:0!important;background:rgba(255,255,255,.07)!important;color:#ffffff!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)!important;letter-spacing:.06em;font-weight:700}
body.modern button:not(:is(.gx *,.gd *,.xbox *,.packov *,.lc-opt,.hbt,.lgbig,.su-opt,.lb-w,.su-skip,.ox)):hover:not(:disabled),body.modern button:not(:is(.gx *,.gd *,.xbox *,.packov *,.lc-opt,.hbt,.lgbig,.su-opt,.lb-w,.su-skip,.ox)):focus-visible{background:var(--focus)!important;color:#0e0b1f!important;box-shadow:none!important;outline:none}
body.modern button:not(:is(.gx *,.gd *,.xbox *,.packov *,.lc-opt,.hbt,.lgbig,.su-opt,.lb-w,.su-skip,.ox))::after{display:none}
body.modern .primary,body.modern .go,body.modern .flashbids button{background:var(--lime)!important;color:#0e0b1f!important;font-weight:800!important;letter-spacing:.04em!important}
body.modern .primary:hover:not(:disabled),body.modern .go:hover:not(:disabled),body.modern .flashbids button:hover:not(:disabled){background:#ffffff!important;color:#0e0b1f!important}
body.modern .primary:disabled{background:rgba(198,255,58,.22)!important}
body.modern .chip[aria-pressed="true"],body.modern .opt[aria-pressed="true"]{background:#ffffff!important;color:#0e0b1f!important;box-shadow:inset 0 -4px 0 var(--lime)!important}
body.modern .opt{background:rgba(255,255,255,.06)!important}
body.modern .opt[aria-pressed="true"] span{color:#2b2170!important}
body.modern .mc{background:rgba(255,255,255,.07)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)!important}
body.modern .mc:hover:not(:disabled){background:#ffffff!important}
body.modern .mc:hover .ic{color:#0e0b1f}
body.modern input{clip-path:none;border:none;background:rgba(255,255,255,.08);box-shadow:inset 0 -2px 0 rgba(255,255,255,.3)}
body.modern input:focus{box-shadow:inset 0 -3px 0 var(--lime)}
body.modern .tag,body.modern .badge,body.modern .chip2,body.modern .turnmsg{clip-path:none!important}
body.modern .turnmsg.mine{background:var(--lime)!important;color:#0e0b1f!important}
/* menu principal: blocos grandes */
body.modern .mbtn{justify-content:flex-start!important;padding:18px 22px!important;font-size:30px!important;font-weight:800!important;min-height:76px}
body.modern .mbtn2{justify-content:flex-start!important;font-size:20px!important}
body.modern .menu .mbtn2.wide{min-height:64px;padding:16px 22px!important}
body.modern .clubplate{align-items:flex-start;flex-direction:row;gap:16px;padding:16px 18px!important;margin-top:18px!important;background:linear-gradient(90deg,rgba(140,123,242,.35),rgba(14,11,31,.84) 55%)!important}
body.modern .clubplate .cp-crest{margin-top:0!important}
body.modern .clubplate .cp-txt{align-items:flex-start;justify-content:center;align-self:center}
body.modern .clubplate b{font-size:32px!important;text-align:left}
body.modern .clubplate #bEdit{top:50%;transform:translateY(-50%)}
.menu{text-align:left}
.menu .note.center{text-align:center}
/* carta do jogador: bloco com retrato e números grandes */
body.modern .pcard{background:linear-gradient(100deg,color-mix(in srgb,var(--pk,#8c7bf2) 40%,transparent) 0,rgba(14,11,31,.92) 46%)!important;border:none!important;box-shadow:inset 0 3px 0 var(--lime),0 20px 40px rgba(14,11,31,.35)!important}
body.modern .pcard .jw .av2{border-radius:0!important;width:150px!important;height:150px!important;border:none!important;box-shadow:none!important;background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--k1) 70%,#ffffff) 0,var(--k1) 40%,color-mix(in srgb,var(--k1) 35%,#0e0b1f) 85%)!important}
body.modern .pcard .ovr{font-size:56px!important;font-weight:800}
body.modern .pcard .nm{font-size:clamp(36px,5vw,58px);font-weight:800}
.bname .bn-t{font-weight:800!important;text-shadow:none!important}
.bname .uline{display:none}
body.modern .stat .v{font-size:22px;font-weight:800}
/* elenco: gramado verde-limão chapado, como o editor de time do FIFA */
body.modern .pitch{background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(14,11,31,.06)),repeating-linear-gradient(180deg,#c6ff3a 0 12.5%,#c6ff3a 12.5% 25%)!important;border:none!important;border-radius:0!important;box-shadow:inset 0 0 0 2px rgba(255,255,255,.75)!important}
body.modern .pitch::before{border-color:rgba(255,255,255,.85)!important}
body.modern .slot .sn{background:#0e0b1f;color:#ffffff;padding:1px 6px;font-family:var(--f-display);font-weight:700;letter-spacing:.04em;text-shadow:none}
body.modern .slot.empty .ring{background:rgba(14,11,31,.35);border:2px dashed rgba(14,11,31,.6)!important;color:#0e0b1f}
body.modern .slot.empty .sn{background:rgba(14,11,31,.55)}
body.modern .slot.next .ring{background:#0e0b1f;color:var(--lime);border:2px solid #ffffff!important}
/* cartas especiais */
body.modern .gcard{background:linear-gradient(180deg,rgba(140,123,242,.28),rgba(14,11,31,.95))!important;border:none!important;box-shadow:inset 0 3px 0 var(--lime),0 16px 30px rgba(14,11,31,.35)!important}
/* pinceladas mais discretas */
#bgfx .bru{opacity:.55}
#bgfx .sky{background:linear-gradient(115deg,rgba(14,11,31,.9) 0%,rgba(43,33,112,.55) 45%,rgba(14,11,31,.88) 100%),var(--img-bg,none) center 30%/cover no-repeat,#0e0b1f}
body.modern .primary,body.modern .go,body.modern .flashbids button,body.modern .mbtn{border:none!important;border-radius:0!important;box-shadow:none!important;transform:none!important}
body.modern .turnmsg.mine{box-shadow:none!important;outline:none!important;border:none!important}
body.modern .turnmsg{border:none!important;box-shadow:none!important}
body.modern .tile .ti,body.modern .playcard .ti{border-radius:0!important;transform:none!important;background:var(--lime)!important;color:#0e0b1f!important}
body.modern .tile{background:rgba(255,255,255,.05)!important;box-shadow:inset 0 -2px 0 rgba(255,255,255,.08)!important}
body.modern .box>h2,body.modern .box>h1{text-align:left}
body.modern .chip2{background:rgba(255,255,255,.08)!important}

/* =====================================================================
   ILUSTRAÇÃO — passos e cartas com arte
   ===================================================================== */
body.modern .tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}
body.modern .tile{padding:0!important;overflow:hidden;gap:0!important;background:#0e0b1f!important;display:flex;flex-direction:column}
.tart{display:block;aspect-ratio:3/2;background-size:cover;background-position:center;transition:transform .6s cubic-bezier(.2,.8,.2,1);position:relative}
.tart::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,#0e0b1f 100%)}
body.modern .tile>b{padding:0 14px;margin-top:-26px;position:relative;z-index:1;font-family:var(--f-display);font-weight:800;text-transform:uppercase;font-size:22px;letter-spacing:.02em}
body.modern .tile>.ex{padding:8px 14px 14px}
body.modern .tile:hover .tart{transform:scale(1.05)}

/* carta especial com arte cheia */
body.modern .gcard.art{position:relative;padding:0!important;overflow:hidden;aspect-ratio:5/7;display:flex;flex-direction:column;justify-content:space-between;background:#0e0b1f!important;
  box-shadow:inset 0 0 0 1.5px rgba(140,123,242,.95),0 0 22px rgba(140,123,242,.35),0 16px 30px rgba(14,11,31,.45)!important;clip-path:polygon(14px 0,calc(100% - 14px) 0,100% 14px,100% calc(100% - 14px),calc(100% - 14px) 100%,14px 100%,0 calc(100% - 14px),0 14px)!important;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s}
.gc-art{position:absolute;inset:0;background-size:cover;background-position:center 35%;transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.gc-art::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,11,31,.35) 0,transparent 22%,transparent 46%,rgba(14,11,31,.92) 72%,#0e0b1f 100%)}
body.modern .gcard.art .gc-when{position:relative;z-index:1;align-self:flex-start;margin:12px;background:rgba(14,11,31,.75);color:var(--lime);padding:3px 8px;font-family:var(--f-display);font-weight:700;letter-spacing:.12em;font-size:11px;text-transform:uppercase}
.gc-foot{position:relative;z-index:1;padding:0 14px 14px;display:flex;flex-direction:column;gap:4px;text-align:left}
body.modern .gcard.art .gc-name{font-size:26px;line-height:.95;text-transform:uppercase;color:#ffffff}
body.modern .gcard.art .gc-desc{font-size:13px;line-height:1.25;color:#ffffff}
body.modern .gcard.art:hover{transform:translateY(-4px)!important;box-shadow:inset 0 0 0 1.5px var(--lime),0 0 28px rgba(198,255,58,.35),0 22px 36px rgba(14,11,31,.5)!important}
body.modern .gcard.art:hover .gc-art{transform:scale(1.07)}
/* brilho que atravessa a carta */
body.modern .gcard.art::after{content:"";position:absolute;inset:-40%;z-index:2;background:linear-gradient(115deg,transparent 42%,rgba(255,255,255,.22) 50%,transparent 58%);transform:translateX(-60%);animation:sheen 5s ease-in-out infinite;pointer-events:none}
@keyframes sheen{0%,60%{transform:translateX(-60%)}100%{transform:translateX(60%)}}
body.modern .tcards{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))!important;gap:16px!important}
/* distribuição das 3 cartas: saem do baralho, giram e revelam */
.hand .gcard.flip{animation:deal .9s cubic-bezier(.2,.8,.2,1) both!important}
.hand .gcard.d1{animation-delay:.18s!important}.hand .gcard.d2{animation-delay:.36s!important}
@keyframes deal{0%{opacity:0;transform:perspective(900px) translateY(-140px) rotateY(180deg) rotateZ(-8deg) scale(.7)}40%{opacity:1}100%{opacity:1;transform:none}}
.hand .gcard.flip::before{content:"";position:absolute;inset:0;z-index:5;background:var(--img-lc) center/52% no-repeat,radial-gradient(ellipse at 50% 40%,#2b2170,#0e0b1f);animation:backOff .9s steps(1,end) both}
.hand .gcard.d1::before{animation-delay:.18s}.hand .gcard.d2::before{animation-delay:.36s}
@keyframes backOff{0%{opacity:1}50%,100%{opacity:0}}
/* baralho embaralhando: verso da marca */
body.modern .deck .back{clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px)}
/* carta usada: entra grande, com arte */
.fx .gcard.art{width:260px!important;animation:fxCard .75s cubic-bezier(.2,.8,.2,1) both!important}
@keyframes fxCard{0%{opacity:0;transform:perspective(1000px) rotateY(-90deg) scale(.7);filter:blur(8px) brightness(2)}60%{filter:blur(0) brightness(1.4)}100%{opacity:1;transform:none;filter:none}}
/* banco: miniatura da arte */
body.modern .mc .ic{width:52px!important;height:52px!important;overflow:hidden}
.csym.art{width:52px!important;height:52px!important;object-fit:cover;filter:none;clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px)}
.ghostbtn .ic .csym.art{width:26px!important;height:26px!important}
@media (max-width:640px){body.modern .tiles{grid-template-columns:1fr 1fr}body.modern .tile>b{font-size:17px}body.modern .tcards{grid-template-columns:1fr 1fr!important}}

/* ===== CAMPEÃO ===== */
#champfx{position:fixed;inset:0;z-index:80;overflow:hidden;display:grid;place-items:center;background:#0e0b1f;animation:cfIn .5s ease both;perspective:900px}
#champfx.out{animation:cfOut .6s ease forwards}
@keyframes cfIn{from{opacity:0}}@keyframes cfOut{to{opacity:0;transform:scale(1.04)}}
.cf-art{position:absolute;inset:-4%;background-size:cover;background-position:center 12%;animation:cfArt 11s cubic-bezier(.2,.7,.2,1) both}
@keyframes cfArt{0%{transform:scale(1.35);filter:blur(14px) brightness(.3)}18%{filter:blur(0) brightness(.9)}100%{transform:scale(1.05);filter:blur(0) brightness(.75)}}
.cf-dark{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 55%,rgba(14,11,31,.35),rgba(14,11,31,.9) 75%)}
.cf-beams i{position:absolute;bottom:-10%;width:18vw;height:140vh;transform-origin:50% 100%;background:linear-gradient(0deg,rgba(140,123,242,.55),transparent 75%);filter:blur(10px);mix-blend-mode:screen;animation:beam 3.2s ease-in-out infinite alternate}
.cf-beams i:nth-child(1){left:8%;--a:-22deg;animation-delay:-.4s}.cf-beams i:nth-child(2){left:30%;--a:-8deg;background:linear-gradient(0deg,rgba(198,255,58,.35),transparent 70%);animation-delay:-1.2s}
.cf-beams i:nth-child(3){right:30%;--a:8deg;animation-delay:-2s}.cf-beams i:nth-child(4){right:8%;--a:22deg;background:linear-gradient(0deg,rgba(198,255,58,.35),transparent 70%)}
@keyframes beam{from{transform:rotate(calc(var(--a) - 10deg))}to{transform:rotate(calc(var(--a) + 10deg))}}
.cf-conf{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.cf-flash{position:absolute;inset:0;background:#ffffff;opacity:0;animation:flash .7s .9s ease-out both;pointer-events:none}
@keyframes flash{0%{opacity:.85}100%{opacity:0}}
.cf-center{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;z-index:2}
.cf-crest{animation:crestSlam .55s .55s cubic-bezier(.3,1.4,.4,1) both;filter:drop-shadow(0 20px 30px rgba(14,11,31,.6)) drop-shadow(0 0 40px rgba(140,123,242,.6))}
@keyframes crestSlam{from{opacity:0;transform:translateZ(500px) scale(2.6) rotateY(-30deg);filter:blur(10px)}to{opacity:1;transform:none}}
.cf-ring{position:absolute;top:75px;left:50%;width:160px;height:160px;margin:-80px 0 0 -80px;border-radius:50%;border:3px solid #c6ff3a;opacity:0;animation:ring 1.2s .9s cubic-bezier(.1,.7,.2,1) both}
.cf-ring.r2{border-color:#8c7bf2;animation-delay:1.05s}
@keyframes ring{0%{opacity:1;transform:scale(.4)}100%{opacity:0;transform:scale(6)}}
.cf-title{display:flex;gap:.02em;margin-top:14px;font-family:'LC Cond',"Arial Narrow",sans-serif;font-weight:900;font-size:clamp(70px,15vw,190px);line-height:.85;letter-spacing:.01em;color:#ffffff;text-shadow:0 0 40px rgba(198,255,58,.55),0 8px 0 #0e0b1f}
.cf-title span{display:inline-block;animation:letter .7s cubic-bezier(.2,1.3,.4,1) both}
.cf-title span:nth-child(odd){color:#c6ff3a}
@keyframes letter{from{opacity:0;transform:translateY(-120px) rotateX(90deg) scale(1.6);filter:blur(8px)}to{opacity:1;transform:none;filter:none}}
.cf-club{font-family:'LC Cond',"Arial Narrow",sans-serif;font-weight:800;text-transform:uppercase;font-size:clamp(28px,4vw,48px);color:#ffffff;letter-spacing:.06em;background:#8c7bf2;padding:2px 22px;margin-top:10px;animation:slideUp .6s 2.05s cubic-bezier(.2,.8,.2,1) both;clip-path:polygon(12px 0,100% 0,calc(100% - 12px) 100%,0 100%)}
.cf-coach{font-family:'LC Cond',"Arial Narrow",sans-serif;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#ffffff;margin-top:6px;animation:slideUp .6s 2.3s cubic-bezier(.2,.8,.2,1) both}
@keyframes slideUp{from{opacity:0;transform:translateY(24px)}}
.cf-skip{position:absolute;right:24px;bottom:24px;z-index:3;animation:slideUp .5s 3s both}
.cfshake{animation:shake .5s cubic-bezier(.36,.07,.19,.97)}
/* caixa de campeão que fica depois */
body.modern .box.champ{position:relative;overflow:hidden;min-height:360px;justify-content:center;align-items:center;text-align:center}
.champart{position:absolute;inset:0;background-size:cover;background-position:center 30%;opacity:.55;z-index:0}
.champart::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,11,31,.2),rgba(14,11,31,.92))}
body.modern .box.champ>*:not(.champart){position:relative;z-index:1}
body.modern .box.champ h1{font-size:clamp(40px,7vw,80px);text-align:center}

/* =====================================================================
   CARTA HOLOGRÁFICA — moldura tech neon, arte, brilho, inclinação 3D
   ===================================================================== */
body.modern .gcard.holo{all:unset;box-sizing:border-box;display:block;position:relative;aspect-ratio:584/848;width:100%;max-width:260px;justify-self:center;cursor:pointer;container-type:inline-size;filter:drop-shadow(0 0 14px rgba(140,123,242,.5)) drop-shadow(0 18px 24px rgba(14,11,31,.55));animation:holoGlow 3.5s ease-in-out infinite alternate}
@keyframes holoGlow{to{filter:drop-shadow(0 0 26px rgba(140,123,242,.75)) drop-shadow(0 18px 24px rgba(14,11,31,.55))}}
.gcard.holo .gc-in{position:absolute;inset:0;display:block;transform:perspective(800px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .2s ease-out;transform-style:preserve-3d}
.gcard.holo .gc-art,.gcard.holo .gc-holo,.gcard.holo .gc-shade{position:absolute;left:11%;right:11%;top:7.2%;bottom:14.6%;clip-path:polygon(7% 0,93% 0,100% 5%,100% 95%,93% 100%,7% 100%,0 95%,0 5%)}
.gcard.holo .gc-art{background-size:cover;background-position:center 35%;transition:transform .6s cubic-bezier(.2,.8,.2,1);inset:auto;left:11%;right:11%;top:7.2%;bottom:14.6%}
.gcard.holo:hover .gc-art{transform:scale(1.08)}
.gcard.holo .gc-shade{background:linear-gradient(180deg,rgba(14,11,31,.55) 0,transparent 20%,transparent 52%,rgba(14,11,31,.95) 100%)}
.gcard.holo .gc-holo{background:linear-gradient(115deg,transparent 25%,rgba(140,123,242,.55) 40%,rgba(198,255,58,.45) 48%,rgba(255,255,255,.5) 54%,transparent 68%);background-size:260% 260%;background-position:var(--gx,0%) var(--gy,0%);mix-blend-mode:color-dodge;opacity:.55;animation:holoMove 6s ease-in-out infinite alternate;z-index:1}
.gcard.holo:hover .gc-holo{animation:none;opacity:.85}
@keyframes holoMove{from{background-position:0% 0%}to{background-position:100% 100%}}
.gcard.holo .gc-frame{position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none}
.gcard.holo .gc-when{position:absolute;z-index:2;top:10%;left:50%;transform:translateX(-50%);white-space:nowrap;font-family:'LC Cond',"Arial Narrow",sans-serif;font-weight:700;font-size:6.2cqw;letter-spacing:.14em;text-transform:uppercase;color:#ffffff;background:rgba(14,11,31,.7);padding:.2em .7em;border:1px solid rgba(140,123,242,.6)}
.gcard.holo .gc-when.turn{color:#c6ff3a;border-color:rgba(198,255,58,.6)}
.gcard.holo .gc-desc{position:absolute;z-index:2;left:15%;right:15%;bottom:17%;text-align:center;font-family:"Barlow",system-ui,sans-serif;font-size:6.6cqw;line-height:1.2;color:#ffffff;text-shadow:0 1px 6px rgba(14,11,31,.8)}
.gcard.holo .gc-name{position:absolute;z-index:4;left:24%;right:24%;top:85.8%;height:9.6%;display:grid;place-items:center;text-align:center;font-family:'LC Cond',"Arial Narrow",sans-serif;font-weight:800;text-transform:uppercase;font-size:8.6cqw;line-height:.9;letter-spacing:.03em;color:#ffffff;text-shadow:0 0 10px rgba(198,255,58,.55)}
.gcard.holo::after,.gcard.holo::before{display:none}
body.modern .tcards{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))!important;gap:22px 16px!important;justify-items:center}
/* distribuição com o verso novo */
.hand .gcard.holo.flip{animation:deal .95s cubic-bezier(.2,.8,.2,1) both,holoGlow 3.5s 1s ease-in-out infinite alternate!important}
.hand .gcard.holo.d1{animation-delay:.18s,1.2s!important}.hand .gcard.holo.d2{animation-delay:.36s,1.4s!important}
.hand .gcard.holo.flip::before{display:block;content:"";position:absolute;inset:0;z-index:9;background:var(--img-cback) center/100% 100% no-repeat;animation:backOff .95s steps(1,end) both}
.hand .gcard.holo.d1::before{animation-delay:.18s}.hand .gcard.holo.d2::before{animation-delay:.36s}
body.modern .deck .back{background:var(--img-cback) center/100% 100% no-repeat!important;border:none!important;box-shadow:0 0 18px rgba(140,123,242,.5)!important;clip-path:none!important;aspect-ratio:426/638;height:auto!important}
/* carta usada em tela cheia */
.fx .gcard.holo{width:300px!important;max-width:80vw;animation:fxCard .8s cubic-bezier(.2,.8,.2,1) both,holoGlow 2s .8s ease-in-out infinite alternate!important}
body.modern .gcard.holo{background:none!important;box-shadow:none!important;border:none!important;padding:0!important;clip-path:none!important;border-radius:0!important;gap:0!important}
.gcard.holo .gc-when{font-size:5.2cqw;letter-spacing:.1em}
.gcard.holo .gc-name{font-size:8cqw}
@media (max-width:640px){body.modern .tcards{grid-template-columns:repeat(2,1fr)!important}body.modern .tcards.hand{grid-template-columns:repeat(3,1fr)!important;gap:8px!important}.gcard.holo .gc-desc{font-size:7.4cqw}.hand .gcard.holo .gc-desc{display:none}}

/* =====================================================================
   VESTIÁRIO — seletores estilo FIFA, campo escuro, menos caixa
   ===================================================================== */
.tacrow{display:flex;flex-direction:column;gap:8px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.1)}
.tacrow:first-child{padding-top:2px}
.tr-head{display:flex;justify-content:space-between;align-items:center}
.tr-label{font-family:var(--f-display);font-weight:700;font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:#8c7bf2}
.tr-dots{display:flex;gap:6px}
body.modern .tr-dot{width:22px;height:4px;padding:0!important;min-height:0;background:rgba(255,255,255,.2)!important;box-shadow:none!important}
body.modern .tr-dot[aria-pressed="true"]{background:var(--lime)!important}
body.modern .tr-dot:hover:not(:disabled){background:#ffffff!important}
.tr-body{display:grid;grid-template-columns:40px 1fr 40px;align-items:stretch;gap:8px}
body.modern .tr-arrow{font-size:30px!important;line-height:1;padding:0!important;background:transparent!important;box-shadow:none!important;color:#8c7bf2!important}
body.modern .tr-arrow:hover:not(:disabled){background:rgba(255,255,255,.08)!important;color:var(--lime)!important}
.tr-main{display:grid;grid-template-columns:150px 1fr;gap:16px;align-items:center;min-width:0}
.tacico{width:150px;height:100px;display:block;box-shadow:0 0 0 1px rgba(140,123,242,.35),0 10px 24px rgba(14,11,31,.35)}
.tr-txt{display:flex;flex-direction:column;gap:3px;min-width:0}
.tr-txt b{font-family:var(--f-display);font-weight:800;font-size:28px;line-height:1;text-transform:uppercase;color:#ffffff;letter-spacing:.01em;animation:trIn .3s ease both}
.tr-desc{font-size:14px;color:#ffffff}
.tr-wl{display:flex;flex-direction:column;gap:1px;margin-top:4px;font-size:12px;letter-spacing:.02em}
.tr-wl .w{color:var(--lime)}.tr-wl .l{color:#ff8fa3}
.tr-wl span::before{content:"";display:inline-block;width:6px;height:6px;margin-right:6px;background:currentColor;vertical-align:1px}
@keyframes trIn{from{opacity:0;transform:translateX(8px)}}
.prephint{font-size:13px;color:#8c7bf2;display:flex;align-items:center;gap:6px;margin:0}
.prephint .warn{color:#c6ff3a}
/* campo escuro tático com marcação neon */
body.modern .pitch{background:radial-gradient(ellipse at 50% 50%,rgba(140,123,242,.12),transparent 70%),repeating-linear-gradient(180deg,#0e0b1f 0 12.5%,#0e0b1f 12.5% 25%)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.35),0 0 0 1px rgba(140,123,242,.25)!important}
body.modern .pitch::before{border-color:rgba(255,255,255,.35)!important}
body.modern .slot .sn{background:rgba(14,11,31,.85);border-left:2px solid var(--lime)}
body.modern .slot.empty .ring{background:rgba(255,255,255,.04);border:1.5px dashed rgba(255,255,255,.35)!important;color:#8c7bf2}
body.modern .slot.empty .sn{background:transparent;border:none;color:#8c7bf2}
body.modern .slot.next .ring{background:rgba(198,255,58,.12);color:var(--lime);border:1.5px solid var(--lime)!important}
body.modern .slot .so{background:transparent!important;color:var(--lime)!important;font-family:var(--f-display);font-weight:800}
body.modern .slot .rl{color:#8c7bf2}
/* força: faixa única com divisores, sem caixinhas */
body.modern .str{display:grid;grid-template-columns:repeat(5,1fr);gap:0!important;border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12)}
body.modern .str div{background:transparent!important;box-shadow:none!important;padding:10px 4px!important;border-right:1px solid rgba(255,255,255,.1)}
body.modern .str div:last-child{border-right:none}
body.modern .str b{font-style:normal!important;font-size:32px!important;color:#ffffff!important}
body.modern .str small{letter-spacing:.18em}
@media (max-width:640px){.tr-main{grid-template-columns:110px 1fr}.tacico{width:110px;height:74px}.tr-txt b{font-size:22px}}

/* =====================================================================
   PÊNALTIS 3D — goleiro renderizado, mergulho, bola girando, rede
   ===================================================================== */
.gkp.v3{position:absolute;left:50%;bottom:0;width:22%;aspect-ratio:327/420;height:auto;transform:translateX(-50%);transition:none;z-index:2;filter:drop-shadow(0 10px 10px rgba(14,11,31,.45))}
.gkp.v3 img{position:absolute;pointer-events:none;user-select:none}
.gkp.v3 .gk-r{left:0;bottom:0;width:100%}
.gkp.v3 .gk-a{opacity:0}
.gkp.v3.p-dive .gk-a{width:175%;left:50%;bottom:22%;transform:translateX(-50%)}
.gkp.v3.p-dive.flip .gk-a{transform:translateX(-50%) scaleX(-1)}
.gkp.v3.p-jump .gk-a{height:118%;left:50%;bottom:0;transform:translateX(-50%)}
.gkp.v3:not(.kick){animation:gkIdle 1.6s ease-in-out infinite alternate}
@keyframes gkIdle{from{transform:translateX(-52%)}to{transform:translateX(-48%)}}
.gkp.v3.kick{animation:gkMove .5s .1s cubic-bezier(.2,.75,.3,1) both}
@keyframes gkMove{from{left:50%;bottom:0;transform:translateX(-50%) rotate(0)}}
.gkp.v3.kick:not(.p-ready) .gk-r{animation:poseOut .08s .16s both}
.gkp.v3.kick:not(.p-ready) .gk-a{animation:poseIn .08s .16s both}
@keyframes poseOut{to{opacity:0}}@keyframes poseIn{to{opacity:1}}
.pball.v3{position:absolute;width:3.4%;aspect-ratio:1;left:50%;bottom:-27%;transform:translate(-50%,50%);transition:none;z-index:3;filter:drop-shadow(0 6px 6px rgba(14,11,31,.5))}
.pball.v3 img{width:100%;height:100%;display:block}
.pball.v3:not(.kick){width:6.5%}
.pball.v3.kick{animation:ballGo .48s cubic-bezier(.25,.6,.35,1) both}
.pball.v3.kick img{animation:spin .48s linear both}
@keyframes ballGo{from{left:50%;bottom:-27%;width:6.5%}}
@keyframes spin{to{transform:rotate(720deg)}}
.pball.v3.kick.defesa,.pball.v3.kick.trave{animation:ballGo .48s cubic-bezier(.25,.6,.35,1) both,deflect .55s .48s cubic-bezier(.2,.8,.3,1) both}
@keyframes deflect{to{left:calc(var(--bx) + var(--dx));bottom:calc(var(--by) - 30%);width:5%;opacity:.0}}
.pball.v3.kick.fora{animation:ballGo .48s cubic-bezier(.25,.6,.35,1) both,away .4s .48s ease-in both}
@keyframes away{to{bottom:calc(var(--by) + 25%);width:2%;opacity:0}}
.netfx{position:absolute;width:30%;aspect-ratio:1;transform:translate(-50%,50%);z-index:1;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.55),rgba(198,255,58,.25) 35%,transparent 65%);animation:netHit .7s .46s ease-out both;pointer-events:none}
@keyframes netHit{from{opacity:0;transform:translate(-50%,50%) scale(.2)}30%{opacity:1}to{opacity:0;transform:translate(-50%,50%) scale(1.6)}}
.penarea:has(.netfx){animation:netShake .45s .48s both}
@keyframes netShake{30%{transform:translateY(3px)}60%{transform:translateY(-2px)}}
body.modern .pres{font-family:var(--f-display);font-weight:900;font-style:normal!important;letter-spacing:.02em;text-shadow:0 4px 24px rgba(14,11,31,.6)!important;font-size:clamp(40px,8vw,84px);animation:presIn .5s .5s cubic-bezier(.2,1.2,.4,1) both;z-index:5}
@keyframes presIn{from{opacity:0;transform:translateX(-50%) scale(1.8);filter:blur(6px)}to{opacity:1;transform:translateX(-50%);filter:none}}
.pres.gol{color:var(--lime)!important}.pres.defesa{color:#ffffff!important}
body.modern .savemark{background:rgba(198,255,58,.12);border:1.5px dashed var(--lime);z-index:1}

/* ===== transmissão ===== */
body.modern .pitchwrap{perspective:none;padding:0}
body.modern .pitchcv{transform:none!important;aspect-ratio:100/52;border-radius:0!important;box-shadow:0 0 0 1px rgba(140,123,242,.35),0 24px 50px rgba(14,11,31,.45)!important}
/* replay do gol */
.celebrate.gr{background:rgba(14,11,31,.55);animation:fade .25s both;display:grid;place-items:center}
.gr-scene{position:relative;width:min(760px,92vw);aspect-ratio:1280/854;overflow:hidden;box-shadow:0 0 0 1.5px rgba(140,123,242,.8),0 0 40px rgba(140,123,242,.4),0 30px 60px rgba(14,11,31,.6);animation:grIn .45s cubic-bezier(.2,.8,.2,1) both,grOut .4s 2.6s ease-in forwards}
@keyframes grIn{from{opacity:0;transform:scale(1.15);filter:blur(8px)}}@keyframes grOut{to{opacity:0;transform:scale(.96)}}
.gr-bg{position:absolute;inset:0;background:var(--img-goal) center/cover;animation:grZoom 3s cubic-bezier(.2,.7,.2,1) both}
@keyframes grZoom{from{transform:scale(1.25) translateY(6%)}to{transform:scale(1.04)}}
.gr-scene>img,.gr-net{position:absolute}
.gr-ball{width:4%;left:var(--gx);bottom:calc(28.2% + var(--gy) * .474);transform:translate(-50%,50%);animation:grBall .55s .35s cubic-bezier(.25,.6,.35,1) both;filter:drop-shadow(0 6px 6px rgba(14,11,31,.5));margin-left:calc((var(--gx) - 50%) * -0.164)}
@keyframes grBall{from{left:50%;bottom:6%;width:10%;transform:translate(-50%,50%) rotate(0)}to{transform:translate(-50%,50%) rotate(900deg)}}
.gr-gk{width:30%;bottom:34%;animation:grGk .55s .38s cubic-bezier(.2,.75,.3,1) both}
.gr-gk.l{left:8%;transform:scaleX(-1)}.gr-gk.r{right:8%}
@keyframes grGk{from{opacity:0;transform:translateX(0) scale(.6)}30%{opacity:1}}
.gr-gk.l{animation-name:grGkL}@keyframes grGkL{from{opacity:0;transform:scaleX(-1) scale(.6)}30%{opacity:1}to{transform:scaleX(-1)}}
.gr-net{width:34%;aspect-ratio:1;transform:translate(-50%,50%);bottom:auto;margin-bottom:0;top:auto;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.7),rgba(198,255,58,.3) 35%,transparent 65%);animation:netHit .8s .85s ease-out both}
.gr-info{position:absolute;left:50%;bottom:8vh;transform:translateX(-50%);display:flex;align-items:center;gap:22px;animation:slideUp .5s 1s cubic-bezier(.2,.8,.2,1) both,grOut .4s 2.6s ease-in forwards}
.gr-gol{font-family:var(--f-display);font-weight:900;font-size:clamp(70px,13vw,150px);line-height:.8;color:#c6ff3a;text-shadow:0 0 40px rgba(198,255,58,.5),0 6px 0 #0e0b1f;animation:letter .6s .95s cubic-bezier(.2,1.3,.4,1) both}
.gr-who{display:flex;align-items:center;gap:12px;background:rgba(14,11,31,.92);padding:10px 18px 10px 10px;box-shadow:inset 3px 0 0 #c6ff3a}
.gr-who b{display:block;font-family:var(--f-display);font-weight:800;font-size:26px;text-transform:uppercase;color:#ffffff;line-height:1}
.gr-who small{display:flex;align-items:center;gap:6px;color:#8c7bf2;font-size:13px;margin-top:4px}
body.modern .score [style*="color"]{color:#ffffff!important}
body.modern .score .n{font-style:normal!important}
body.modern .prob>div{box-shadow:inset 0 0 0 1px rgba(255,255,255,.25);color:#ffffff!important;text-shadow:0 1px 3px rgba(14,11,31,.8);font-style:normal!important;font-family:var(--f-display);font-weight:800}
body.modern .menu .ghostlink{min-height:48px!important;font-size:16px!important;background:transparent!important;box-shadow:inset 0 0 0 1px rgba(198,255,58,.45)!important;color:var(--lime)!important}
body.modern .menu .ghostlink:hover{background:var(--lime)!important;color:#0e0b1f!important}
.gkp.v3 img,.gr-scene img{max-width:none!important}
.gkp.v3.p-dive .gk-a{width:200%;bottom:18%}
.gkp.v3.p-dive .gk-a{width:185%}
.av2 .av-ini{position:absolute;left:0;right:0;bottom:6%;text-align:center;font-family:'LC Cond',"Arial Narrow",sans-serif;font-weight:800;letter-spacing:.04em;color:#ffffff;line-height:1;text-shadow:0 1px 3px rgba(14,11,31,.9),0 0 8px rgba(14,11,31,.6);pointer-events:none}
/* troca de visual no menu */
.themeswitch{display:flex;align-items:center;gap:8px;justify-content:center}
.themeswitch span{font-size:13px;letter-spacing:.14em;text-transform:uppercase;opacity:.7;margin-right:4px}
.themeswitch button{padding:8px 16px!important;font-size:14px!important;min-height:0}
body.modern .themeswitch button[aria-pressed="true"]{background:var(--lime)!important;color:#0e0b1f!important}
body.classic .themeswitch button[aria-pressed="true"]{background:var(--fg)!important;color:var(--paper)!important}
body.classic .brandlogo{background:#0e0b1f;padding:14px 18px;border:3px solid var(--line);box-shadow:6px 6px 0 var(--line)}
body.classic .bname .bn-t{color:var(--fg)!important;text-shadow:none!important;font-family:var(--f-display)!important}
body.classic .bname .uline{display:none}
body.classic .clubplate{background:var(--paper)!important;border:3px solid var(--line)!important;box-shadow:6px 6px 0 var(--line)!important;border-radius:0!important}
body.classic .clubplate b{color:var(--fg)!important;text-shadow:none!important}
body.classic .clubplate span{color:var(--muted)}

/* =====================================================================
   CARTA DO JOGADOR — estilo FUT, nos tons da marca
   ===================================================================== */
.pstage.fut{display:grid;grid-template-columns:auto 1fr;gap:22px;align-items:center}
.futcard{--g1:#2b2170;--g2:#0e0b1f;--tx:#ffffff;--ac:#c6ff3a;position:relative;width:250px;aspect-ratio:5/7;display:flex;flex-direction:column;align-items:center;color:var(--tx);
  background:radial-gradient(ellipse 90% 55% at 50% 38%,color-mix(in srgb,var(--k1) 55%,transparent),transparent 70%),linear-gradient(160deg,var(--g1),var(--g2));
  clip-path:polygon(50% 0,100% 7%,100% 88%,50% 100%,0 88%,0 7%);padding:14% 10% 0;
  transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .2s ease-out;filter:drop-shadow(0 18px 26px rgba(14,11,31,.5));animation:futIn .7s cubic-bezier(.2,.8,.2,1) both}
@keyframes futIn{from{opacity:0;transform:perspective(900px) rotateY(-70deg) scale(.85);filter:blur(6px) brightness(1.8)}}
.futcard::before{content:"";position:absolute;inset:5px;clip-path:inherit;border:0;background:none;box-shadow:inset 0 0 0 2px var(--ac);pointer-events:none;opacity:.85;clip-path:polygon(50% 0,100% 7%,100% 88%,50% 100%,0 88%,0 7%)}
.futcard::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(115deg,transparent 0 14px,rgba(255,255,255,.035) 14px 15px);pointer-events:none}
.fc-shine{position:absolute;inset:-40%;background:linear-gradient(115deg,transparent 42%,rgba(255,255,255,.28) 50%,transparent 58%);animation:sheen 4.5s ease-in-out infinite;pointer-events:none;z-index:3}
.futcard.t-elite{--g1:#8c7bf2;--g2:#0e0b1f;--ac:#c6ff3a}
.futcard.t-ouro{--g1:#c6ff3a;--g2:#2b2170;--tx:#0e0b1f;--ac:#ffffff}
.futcard.t-prata{--g1:#d9dde6;--g2:#7d8597;--tx:#151a24;--ac:#ffffff}
.futcard.t-bronze{--g1:#c6ff3a;--g2:#2b2170;--tx:#ffffff;--ac:#c6ff3a}
.futcard.t-oculto{--g1:#2b2170;--g2:#0e0b1f;--ac:#8c7bf2}
.fc-top{position:absolute;left:11%;top:14%;display:flex;flex-direction:column;align-items:center;gap:2px;z-index:2;line-height:1}
.fc-ovr{font-family:'LC Cond',"Arial Narrow",sans-serif;font-weight:800;font-size:54px;letter-spacing:-.02em}
.fc-pos{font-family:'LC Cond',"Arial Narrow",sans-serif;font-weight:700;font-size:18px;letter-spacing:.06em;opacity:.9}
.fc-club{display:flex;flex-direction:column;align-items:center;margin-top:6px;gap:0}
.fc-club i{width:26px;height:6px;display:block}
.fc-club em{font-style:normal;font-family:'LC Cond',sans-serif;font-weight:800;font-size:12px;margin-top:3px;opacity:.85}
.fc-img{margin-top:2%;margin-left:16%;position:relative;z-index:1;filter:drop-shadow(0 8px 12px rgba(14,11,31,.4))}
.fc-img .av2{border-radius:50%!important;background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--k1) 80%,#ffffff),var(--k1) 45%,color-mix(in srgb,var(--k1) 30%,#0e0b1f) 90%)!important;box-shadow:0 0 0 3px var(--ac),0 0 22px color-mix(in srgb,var(--k1) 60%,transparent)!important;border:none!important;width:150px!important;height:150px!important}
.fc-img .av2 .av-ini{display:none}
.fc-name{position:relative;z-index:2;margin-top:6px;width:100%;text-align:center;font-family:'LC Cond',"Arial Narrow",sans-serif;font-weight:800;font-size:26px;text-transform:uppercase;letter-spacing:.02em;border-top:1.5px solid color-mix(in srgb,var(--tx) 35%,transparent);border-bottom:1.5px solid color-mix(in srgb,var(--tx) 35%,transparent);padding:3px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fc-stats{position:relative;z-index:2;display:grid;grid-template-columns:repeat(5,1fr);width:100%;margin-top:8px;text-align:center}
.fc-stats span{display:flex;flex-direction:column;line-height:1}
.fc-stats b{font-family:'LC Cond',sans-serif;font-weight:800;font-size:22px}
.fc-stats small{font-family:'LC Cond',sans-serif;font-weight:700;font-size:11px;letter-spacing:.08em;opacity:.8}
.fc-hid{grid-column:1/-1;font-size:13px;opacity:.8}
.fc-side{display:flex;flex-direction:column;gap:12px;min-width:0}
.fc-side .meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.fc-clubname{font-weight:600;color:var(--muted)}
.fc-side .nm{font-size:clamp(34px,4.6vw,54px);line-height:.95;font-family:var(--f-display);font-weight:800;text-transform:uppercase}
.futcard.mini{padding:13% 8% 0;animation:none}
.futcard.mini .fc-top{left:9%;top:12%}.futcard.mini .fc-ovr{font-size:26px}.futcard.mini .fc-pos{font-size:11px}
.futcard.mini .fc-img{margin-left:14%}.futcard.mini .fc-img .av2{width:76px!important;height:76px!important;box-shadow:0 0 0 2px var(--ac)!important}
.futcard.mini .fc-name{font-size:14px;margin-top:4px}
@media (max-width:760px){.pstage.fut{grid-template-columns:1fr;justify-items:center}.futcard{width:220px}.fc-side{width:100%}}
/* draft */
.draftarena{grid-template-areas:"squad lot" "squad mesa"!important}
.dorder{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:13px}
.dorder span{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;background:rgba(255,255,255,.06)}
.dorder span.now{background:var(--lime,#c6ff3a);color:#0e0b1f;font-weight:700}
.dorder i{opacity:.5;font-style:normal}
.dlast{display:flex;align-items:center;gap:10px;font-size:14px;padding:6px 10px;background:rgba(198,255,58,.08);animation:softIn .4s both}
.dfilters{gap:6px}.dfilters input{flex:1;min-width:160px}
.dlist{display:flex;flex-direction:column;gap:4px;max-height:52vh;overflow:auto;padding-right:4px}
.drow{display:grid;grid-template-columns:auto 1fr auto auto auto;gap:12px;align-items:center;padding:6px 8px;background:rgba(255,255,255,.04)}
.drow:hover{background:rgba(255,255,255,.09)}
.dn{display:flex;flex-direction:column;min-width:0}.dn b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dn small{opacity:.7}
.dovr{font-family:var(--f-display);font-size:24px;min-width:34px;text-align:right}
.dpick{font-size:15px!important;padding:8px 14px!important}
/* mercado */
.mkarena{grid-template-areas:"lot squad" "lot mesa"!important}
.mkgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}
.mkoffer{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:8px;background:rgba(255,255,255,.04)}
.mkoffer.sold{opacity:.4}
.mkinfo{display:flex;flex-direction:column;gap:2px;min-width:0}.mkinfo small{opacity:.75}.mkinfo .up{color:var(--lime,#c6ff3a);opacity:1}.mkinfo .down{color:#ff8fa3;opacity:1}
.mkbtn{font-size:16px!important;padding:8px 12px!important}
.lcards{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}
.lcard{display:flex!important;flex-direction:column;align-items:flex-start;gap:4px;text-align:left;padding:14px!important;position:relative;text-transform:none!important;letter-spacing:0!important}
.lcard .lc-ic{font-size:26px;font-family:var(--f-display)}
.lcard b{font-family:var(--f-display);font-size:20px;text-transform:uppercase}
.lcard>span:not(.coin):not(.lc-ic){font-size:13px;opacity:.85;font-family:var(--f-body)}
.lcard em{position:absolute;top:10px;right:10px;font-style:normal;font-size:11px;background:var(--lime,#c6ff3a);color:#0e0b1f;padding:2px 6px}
.coin.big{font-size:28px}
.prize{font-size:18px;font-weight:700}
.lgtable{width:100%;border-collapse:collapse;font-size:14px}
.lgtable th{text-align:left;font-size:11px;letter-spacing:.12em;opacity:.7;padding:6px 6px;font-weight:600}
.lgtable td{padding:7px 6px;border-top:1px solid rgba(255,255,255,.08)}
.lgtable tr.me td{background:rgba(198,255,58,.08)}
.lgtable tr:first-child td:first-child{color:var(--lime,#c6ff3a);font-weight:800}
.lgres{justify-content:center}.lgsc{font-size:22px;min-width:70px;text-align:center}
.drow.lim{opacity:.45}
body.modern .dpick,body.modern .mkbtn{font-size:15px!important;padding:7px 14px!important;min-height:0}
.futcard.mini{width:96px!important;padding:16% 8% 0}
.futcard.mini .fc-top{left:7%;top:10%}.futcard.mini .fc-ovr{font-size:20px}.futcard.mini .fc-pos{font-size:9px}
.futcard.mini .fc-img{margin-left:22%;margin-top:0}.futcard.mini .fc-img .av2{width:58px!important;height:58px!important}
.futcard.mini .fc-name{font-size:11px;margin-top:3px}
.mkoffer{padding:6px 10px}
.fc-img{margin-left:22%}
.fc-top{text-shadow:0 2px 8px rgba(14,11,31,.35)}
.futcard{width:240px}
.av2.ph img{left:0!important;bottom:0!important;width:100%!important;height:100%!important;object-fit:cover;object-position:50% 15%;filter:none!important}
.fc-img .av2.ph img{object-position:50% 10%}
/* foto recortada estilo FUT (sem círculo) */
.fc-img .av2.ph{background:none!important;box-shadow:none!important;border-radius:0!important;width:158px!important;height:158px!important;overflow:visible!important;
  -webkit-mask-image:linear-gradient(#0e0b1f 78%,transparent);mask-image:linear-gradient(#0e0b1f 78%,transparent)}
.fc-img:has(.ph){margin-left:30%;margin-top:4%;filter:drop-shadow(0 10px 14px rgba(14,11,31,.35))}
.futcard.mini .fc-img .av2.ph{width:84px!important;height:84px!important}
.futcard.mini .fc-img:has(.ph){margin-left:26%}
/* ===== carta v2: moldura padrão por liga + painel com cores do clube ===== */
.pc2{--fr:linear-gradient(160deg,#ffffff,#9aa4b3 40%,#ffffff 60%,#7d8796);position:relative;aspect-ratio:5/7.2;border-radius:.9em;padding:.42em;background:var(--fr);box-shadow:0 1.4em 2.6em rgba(14,11,31,.5),inset 0 0 0 1px rgba(255,255,255,.5);flex:none;color:#ffffff;font-family:'LC Cond','Barlow',sans-serif;user-select:none}
.pc2.t-ouro{--fr:linear-gradient(160deg,#c6ff3a,#c6ff3a 38%,#c6ff3a 58%,#c6ff3a)}
.pc2.t-bronze{--fr:linear-gradient(160deg,#c6ff3a,#c6ff3a 40%,#c6ff3a 60%,#2b2170)}
.pc2.t-elite{--fr:conic-gradient(from 210deg,#c6ff3a,#8c7bf2,#8c7bf2,#8c7bf2,#c6ff3a,#c6ff3a)}
.pc2.t-oculto{--fr:linear-gradient(160deg,#8c7bf2,#0e0b1f)}
.pc2-in{position:relative;height:100%;border-radius:.62em;overflow:hidden;isolation:isolate;
  background:radial-gradient(70% 55% at 50% 40%,color-mix(in srgb,var(--k2) 70%,transparent),transparent 70%),radial-gradient(120% 90% at 50% 10%,color-mix(in srgb,var(--k1) 92%,#ffffff 8%),color-mix(in srgb,var(--k1) 55%,#0e0b1f) 80%);
  box-shadow:inset 0 0 0 .14em rgba(255,255,255,.85),inset 0 0 0 .34em color-mix(in srgb,var(--k1) 40%,#0e0b1f)}
.pc2-glow{position:absolute;inset:0;background:radial-gradient(40% 30% at 22% 30%,color-mix(in srgb,var(--k2) 55%,transparent),transparent),radial-gradient(45% 35% at 82% 62%,color-mix(in srgb,var(--k2) 45%,transparent),transparent);mix-blend-mode:screen;opacity:.7;z-index:-1}
.pc2-lines{position:absolute;inset:0;background:repeating-linear-gradient(115deg,rgba(255,255,255,.05) 0 1px,transparent 1px 9px);z-index:-1}
.pc2-lg{position:absolute;top:.75em;left:0;right:0;text-align:center;font-size:.62em;letter-spacing:.42em;font-weight:700;color:var(--la);text-shadow:0 1px 2px rgba(14,11,31,.5);padding-left:.42em}
.pc2-l{position:absolute;left:1.05em;top:2.1em;display:flex;flex-direction:column;align-items:center;gap:.45em;z-index:3}
.pc2-cb svg{width:2.6em;height:3em;display:block;filter:drop-shadow(0 .2em .3em rgba(14,11,31,.4))}
.pc2-pp{width:2.1em;height:3.3em;fill:none;stroke:#ffffff;stroke-width:3;opacity:.92}.pc2-pp .dot{fill:var(--la);stroke:#ffffff;stroke-width:2.5}
.pc2-pos{font-size:1.45em;font-weight:800;letter-spacing:.04em;line-height:1;text-shadow:0 .1em .3em rgba(14,11,31,.45)}
.pc2-r{position:absolute;right:1em;top:1.85em;display:flex;flex-direction:column;align-items:flex-end;z-index:3;line-height:.85}
.pc2-ovr{font-family:'Anton','LC Cond',sans-serif;font-size:3.6em;font-weight:400;text-shadow:0 .08em .25em rgba(14,11,31,.45)}
.pc2-tier{margin-top:.35em;font-size:.68em;letter-spacing:.2em;font-weight:800;padding:.25em .5em;border-radius:.3em;background:rgba(14,11,31,.35);color:var(--la)}
.pc2-ph{position:absolute;left:8%;right:8%;bottom:6.2em;top:2.4em;display:flex;align-items:flex-end;justify-content:center;z-index:2}
.pc2-ph img{width:100%;height:100%;object-fit:contain;object-position:50% 100%;filter:drop-shadow(0 .4em .8em rgba(14,11,31,.45));-webkit-mask-image:linear-gradient(#0e0b1f 88%,transparent);mask-image:linear-gradient(#0e0b1f 88%,transparent)}
.pc2-nf{display:flex;justify-content:center;width:100%}
.pc2-nm{position:absolute;left:-.4em;right:-.4em;bottom:4.25em;z-index:4;display:flex;justify-content:center}
.pc2-nm span{display:block;width:100%;text-align:center;background:linear-gradient(90deg,var(--la),color-mix(in srgb,var(--la) 70%,var(--lb)));color:#0e0b1f;font-weight:800;font-style:italic;text-transform:uppercase;font-size:1.75em;line-height:1;padding:.22em .4em .2em;transform:skewX(-10deg);box-shadow:0 .25em .6em rgba(14,11,31,.4);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pc2-club{position:absolute;left:50%;transform:translateX(-50%);bottom:3.05em;z-index:4;background:#ffffff;color:#0e0b1f;font-size:.78em;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:.18em .7em;border-radius:.15em;white-space:nowrap;max-width:80%;overflow:hidden;text-overflow:ellipsis}
.pc2-st{position:absolute;left:.5em;right:.5em;bottom:.45em;display:flex;justify-content:space-around;z-index:4;background:rgba(14,11,31,.55);border-radius:.35em;padding:.25em 0;backdrop-filter:blur(4px)}
.pc2-st span{display:flex;flex-direction:column;align-items:center;line-height:1}.pc2-st b{font-size:1.15em;font-weight:800}.pc2-st small{font-size:.58em;letter-spacing:.12em;opacity:.75;font-weight:700}
.pc2-hid{font-size:.8em;opacity:.8;padding:.3em}
.pc2.mini .pc2-lg{font-size:.5em;letter-spacing:.25em;top:.6em}
.pc2.mini .pc2-l{top:1.8em;left:.8em}.pc2.mini .pc2-r{top:1.6em;right:.8em}.pc2.mini .pc2-tier{display:none}
.pc2.mini .pc2-ph{bottom:2.2em;top:2em}.pc2.mini .pc2-nm{bottom:.6em}.pc2.mini .pc2-nm span{font-size:1.9em}
.pc2.t-elite .pc2-in::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.28) 45%,transparent 60%);background-size:250% 100%;animation:pc2sh 3.2s linear infinite;mix-blend-mode:overlay;pointer-events:none;z-index:5}
@keyframes pc2sh{from{background-position:120% 0}to{background-position:-120% 0}}
@media (max-width:760px){.pstage.fut .pc2{width:230px!important;font-size:8.85px!important}}
.pc2-lg{font-size:.72em;top:.8em;letter-spacing:.38em}
.pc2-ph{bottom:6.9em}
.pc2-nm{bottom:4.75em}
.pc2-club{bottom:3.35em}
.pc2-st{padding:.3em 0}
.pc2.mini .pc2-nm{bottom:.6em}.pc2.mini .pc2-ph{bottom:2.3em}
/* ===== carta v3 — base PSD (cartas_padrao_5) ===== */
.pc3{position:relative;aspect-ratio:2160/2880;flex:none;user-select:none;color:#ffffff;font-family:'Tusker Grotesk','LC Display','Anton',Impact,sans-serif;filter:drop-shadow(0 1.6em 2.4em rgba(14,11,31,.55))}
.pc3-bg{position:absolute;inset:0;width:100%!important;height:100%!important;max-width:none!important;display:block}
.pc3-fr{position:absolute;left:6.67%;top:5.14%;width:86.67%;height:60.56%;border-radius:4.6em;overflow:hidden;box-shadow:inset 0 0 0 .32em var(--cc)}
.pc3-fr::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 .32em var(--cc);pointer-events:none;z-index:2}
.pc3-ph{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:center}
.pc3-ph img{height:92%;width:auto;max-width:none!important;display:block;filter:drop-shadow(0 .6em 1.2em rgba(14,11,31,.45))}
.pc3-nf{display:flex;align-items:center;justify-content:center;width:100%;height:100%}
.pc3-legph{position:absolute;left:2.6%;right:2.6%;top:2.4%;bottom:2.6%;border-radius:4.6em;overflow:hidden;display:flex;align-items:flex-start;justify-content:center;
  -webkit-mask-image:linear-gradient(#0e0b1f 55%,transparent 82%);mask-image:linear-gradient(#0e0b1f 55%,transparent 82%)}
.pc3-legph img{width:96%;height:auto;max-width:none!important;margin-top:9%;filter:grayscale(1) sepia(1) saturate(1.35) hue-rotate(-8deg) brightness(.92) contrast(1.15);mix-blend-mode:luminosity;opacity:.95}
.pc3-legph img{mix-blend-mode:normal}
.pc3-tab{position:absolute;left:32.04%;top:2.6%;width:35.88%;height:5.52%;background:var(--cc);border-radius:.9em .9em 4em 4em;display:flex;align-items:center;justify-content:center;z-index:3;box-shadow:0 .4em 1em rgba(14,11,31,.25)}
.pc3-tab span{color:var(--tc);font-size:4.9em;line-height:1;text-transform:uppercase;white-space:nowrap;max-width:92%;overflow:hidden;text-overflow:ellipsis;letter-spacing:.01em;padding-top:.06em}
.pc3.lg-leg .pc3-tab{background:#c6ff3a}.pc3.lg-leg .pc3-tab span{color:#0e0b1f}
.pc3-ovr{position:absolute;left:13.1%;top:9.75%;display:flex;flex-direction:column;align-items:center;color:var(--acc);z-index:3;line-height:.86;text-shadow:0 .2em .8em rgba(14,11,31,.45)}
.pc3-ovr b{font-size:10em;font-weight:400}.pc3-ovr small{font-size:7.1em;font-weight:400}
.pc3-ovr em{font-style:normal;font-size:3.4em;margin-top:.5em;padding:.18em .45em .1em;border:.08em solid currentColor;border-radius:.3em;line-height:1;opacity:.9}
.pc3-nm{position:absolute;left:3%;right:3%;top:72.4%;height:9.8%;display:flex;align-items:center;justify-content:center;z-index:3}
.pc3-nm span{font-size:14.6em;line-height:1;text-transform:uppercase;white-space:nowrap;letter-spacing:.005em}
.pc3-nm.mid span{font-size:12em}.pc3-nm.long span{font-size:9.6em}
.pc3-st{position:absolute;left:14%;right:14%;top:85.6%;display:flex;justify-content:space-between;z-index:3;color:#ffffff}
.pc3-st span{display:flex;flex-direction:column;align-items:center;width:20%;line-height:.95}
.pc3-st b{font-size:4.6em;font-weight:400}.pc3-st small{font-size:3.4em;text-transform:uppercase;font-weight:400}
.pc3.lg-leg{color:#c6ff3a}.pc3.lg-leg .pc3-st{color:#c6ff3a}
/* mini: sem atributos, nome maior */
.pc3.mini .pc3-nm{top:73%}.pc3.mini .pc3-nm span{font-size:17em}.pc3.mini .pc3-nm.mid span{font-size:14em}.pc3.mini .pc3-nm.long span{font-size:11.5em}
.pc3.mini .pc3-ovr em{display:none}.pc3.mini .pc3-tab span{font-size:6em}
/* ===== CRAQUE: holográfico ===== */
.pc3.holo{filter:drop-shadow(0 1.6em 2.4em rgba(14,11,31,.55)) drop-shadow(0 0 2.4em rgba(140,123,242,.35))}
.pc3-foil{position:absolute;inset:2.4% 2.6%;border-radius:4.4em;pointer-events:none;z-index:1;
  background:repeating-linear-gradient(115deg,rgba(140,123,242,.22) 0 4%,rgba(140,123,242,.22) 4% 8%,rgba(198,255,58,.2) 8% 12%,rgba(198,255,58,.2) 12% 16%,rgba(140,123,242,.22) 16% 20%),
  repeating-linear-gradient(45deg,rgba(255,255,255,.07) 0 .6em,transparent .6em 1.4em),repeating-linear-gradient(-45deg,rgba(255,255,255,.05) 0 .6em,transparent .6em 1.4em);
  background-size:300% 300%,auto,auto;mix-blend-mode:color-dodge;opacity:.55;animation:pc3foil 6s linear infinite}
@keyframes pc3foil{from{background-position:0% 0%,0 0,0 0}to{background-position:300% 300%,0 0,0 0}}
.pc3-sheen{position:absolute;inset:0;border-radius:5em;pointer-events:none;z-index:4;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.38) 47%,rgba(255,255,255,.08) 53%,transparent 62%);background-size:260% 100%;mix-blend-mode:overlay;animation:pc3sheen 3.4s ease-in-out infinite}
@keyframes pc3sheen{0%{background-position:140% 0}60%,100%{background-position:-60% 0}}
.pc3-hb{position:absolute;inset:2.36% 2.5% 2.3%;border-radius:4.9em;pointer-events:none;z-index:4;padding:.5em;
  background:conic-gradient(from var(--hb,0deg),#8c7bf2,#8c7bf2,#c6ff3a,#c6ff3a,#8c7bf2,#8c7bf2);
  -webkit-mask:linear-gradient(#0e0b1f 0 0) content-box,linear-gradient(#0e0b1f 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#0e0b1f 0 0) content-box exclude,linear-gradient(#0e0b1f 0 0);animation:pc3hb 5s linear infinite}
@property --hb{syntax:'<angle>';inherits:false;initial-value:0deg}
@keyframes pc3hb{to{--hb:360deg}}
.pc3.holo .pc3-nm span{background:linear-gradient(100deg,#8c7bf2 0%,#8c7bf2 18%,#c6ff3a 34%,#c6ff3a 50%,#ffffff 66%,#8c7bf2 82%,#8c7bf2 100%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:pc3nm 4s linear infinite;filter:drop-shadow(0 0 .25em rgba(140,123,242,.55)) drop-shadow(0 .1em 0 rgba(14,11,31,.35))}
@keyframes pc3nm{to{background-position:-220% 0}}
.pc3.holo .pc3-ovr b{background:linear-gradient(160deg,#ffffff,var(--acc) 45%,#8c7bf2 70%,#8c7bf2);-webkit-background-clip:text;background-clip:text;color:transparent}
.pc3.holo .pc3-fr{box-shadow:0 0 2em rgba(140,123,242,.25)}
@media (prefers-reduced-motion:reduce){.pc3-foil,.pc3-sheen,.pc3-hb,.pc3.holo .pc3-nm span{animation:none}}
@media (max-width:760px){.pstage.fut .pc3{width:230px!important;font-size:2.3px!important}}
.pc3-tab.l span{font-size:4em}.pc3-tab.xl span{font-size:3.3em}
.pc3-ph img.pc3-sil{height:82%;opacity:.55;filter:brightness(.2) drop-shadow(0 0 1.4em color-mix(in srgb,var(--cc) 60%,transparent))!important}
.pc3-legph img.pc3-sil{opacity:.5}
.pc3-foil{opacity:.28;background-size:400% 400%,auto,auto}
.pc3-foil{background:repeating-linear-gradient(115deg,rgba(140,123,242,.5) 0 2%,rgba(140,123,242,.5) 2% 4%,rgba(198,255,58,.45) 4% 6%,rgba(198,255,58,.45) 6% 8%,rgba(140,123,242,.5) 8% 10%),repeating-linear-gradient(45deg,rgba(255,255,255,.1) 0 .5em,transparent .5em 1.2em),repeating-linear-gradient(-45deg,rgba(255,255,255,.08) 0 .5em,transparent .5em 1.2em);background-size:500% 500%,auto,auto;mix-blend-mode:soft-light}
/* rosto maior, como no PSD: foto ocupa a moldura, ombros cortados embaixo */
.pc3-ph{align-items:flex-start}
.pc3-ph img{height:auto!important;width:88%!important;margin-top:4%}
.pc3.mini .pc3-ph img{width:92%!important;margin-top:3%}
.pc3-ph img{width:132%!important;flex-shrink:0;margin-top:3%}
.pc3.mini .pc3-ph img{width:132%!important;margin-top:3%}
.pc3-ph img,.pc3.mini .pc3-ph img{width:116%!important;margin-top:-21%!important}
.pc3-ph img,.pc3.mini .pc3-ph img{width:126%!important;margin-top:-22%!important}
/* ===== CRAQUE v2 — base PSD cartas_craques_padrao ===== */
.pc3.holo .pc3-foil,.pc3.holo .pc3-hb{display:none}
.pc3.holo .pc3-fr{box-shadow:none}
.pc3.holo .pc3-nm span,.pc3.holo .pc3-ovr b,.pc3.holo .pc3-ovr small,.pc3.holo .pc3-st b,.pc3.holo .pc3-st small{
  background:var(--foil) center/180% auto;-webkit-background-clip:text;background-clip:text;color:transparent;filter:none;
  animation:pc3holo 7s ease-in-out infinite alternate}
.pc3.holo .pc3-nm span{background-size:130% auto}
.pc3.holo .pc3-ovr b,.pc3.holo .pc3-ovr small{background-size:420% auto}
.pc3.holo .pc3-st b,.pc3.holo .pc3-st small{background-size:900% auto}
@keyframes pc3holo{from{background-position:0% 20%}to{background-position:100% 80%}}
.pc3.holo .pc3-ovr{text-shadow:none;filter:drop-shadow(0 .3em .8em rgba(14,11,31,.35))}
.pc3.holo .pc3-ovr em{color:#ffffff;border-color:rgba(255,255,255,.7)}
.pc3.holo .pc3-nm{filter:drop-shadow(0 .4em 1em rgba(14,11,31,.35))}
.pc3.holo .pc3-sheen{border-radius:5em;opacity:.7}
/* lenda craque: foto prateada + foil por cima, aba holográfica */
.pc3.lg-leg.holo .pc3-legph img{filter:grayscale(1) brightness(1.08) contrast(1.05)}
.pc3-phfoil{position:absolute;inset:0;width:96%;left:2%;margin-top:9%;background:var(--foil) center/cover;-webkit-mask-size:100% auto;mask-size:100% auto;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;mix-blend-mode:multiply;opacity:.85;animation:pc3holo 7s ease-in-out infinite alternate}
.pc3.lg-leg.holo .pc3-tab{background:var(--foil) center/cover}.pc3.lg-leg.holo .pc3-tab span{color:#0e0b1f}
@media (prefers-reduced-motion:reduce){.pc3.holo *{animation:none!important}}
.slot .so.half{color:#c6ff3a!important}
/* vestiário/arena no celular: uma coluna só */
@media (max-width:820px){.arena.preparena,.draftarena,.mkarena{grid-template-columns:1fr!important;grid-template-areas:"squad" "lot" "mesa" "log"!important}
  .tr-main{grid-template-columns:1fr!important;justify-items:start;gap:10px}
  .tr-body{grid-template-columns:34px 1fr 34px}
  .tr-txt b{font-size:24px}}
.preparena{grid-template-areas:"squad lot" "squad mesa"}
/* carta simplificada no campinho (só foto e nome) */
.pc3.slim .pc3-tab,.pc3.slim .pc3-ovr,.pc3.slim .pc3-st,.pc3.slim .pc3-sheen{display:none}
.pc3.slim{filter:drop-shadow(0 .6em 1em rgba(14,11,31,.5))}
.pc3.slim .pc3-fr{top:4%;height:66%}
.pc3.slim .pc3-nm{top:73%;height:18%;left:4%;right:4%}
.pc3.slim .pc3-nm span{font-size:15.5em!important;letter-spacing:0}
.pc3.slim .pc3-nm.mid span{font-size:13em!important}.pc3.slim .pc3-nm.long span{font-size:10.5em!important}
.slot.cardslot .sn{display:none}
.slot.cardslot{width:72px;gap:3px}
.slot.cardslot .pc3{transition:transform .2s}
.slot.cardslot.sel .pc3{transform:translateY(-4px) scale(1.06)}
@media (max-width:640px){.slot.cardslot{width:60px}.slot.cardslot .pc3{width:54px!important;font-size:.54px!important}}
/* ===== craque em leilão ===== */
.cqseal{display:flex;align-items:center;gap:8px;margin:-2px 0 10px;padding:6px 12px;border-radius:999px;width:max-content;
  background:linear-gradient(100deg,#8c7bf2,#8c7bf2,#c6ff3a,#c6ff3a,#ffffff,#8c7bf2);background-size:300% 100%;animation:cqsh 3s linear infinite;color:#0e0b1f;box-shadow:0 0 18px rgba(140,123,242,.55)}
.cqseal i{font-style:normal;font-size:16px}.cqseal b{font-family:var(--f-display);letter-spacing:.2em;font-size:13px}.cqseal span{font-size:11px;font-weight:700;opacity:.75}
@keyframes cqsh{to{background-position:-300% 0}}
.cqbid{position:relative;box-shadow:0 0 0 1.5px rgba(255,255,255,.7),0 0 34px rgba(140,123,242,.25)!important}
.high.cqhigh{background:linear-gradient(100deg,#ffffff,#c6ff3a 25%,#8c7bf2 50%,#8c7bf2 75%,#ffffff);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent!important;animation:cqsh 2.2s linear infinite;filter:drop-shadow(0 0 10px rgba(198,255,58,.6))}
.cqstage .pc3{animation:cqfloat 3s ease-in-out infinite}
.cqstage{position:relative}
.cqstage::before{content:"";position:absolute;left:50%;top:50%;width:420px;height:420px;max-width:120%;transform:translate(-50%,-50%);border-radius:50%;
  background:conic-gradient(from 0deg,rgba(140,123,242,.0),rgba(140,123,242,.35),rgba(198,255,58,.0),rgba(198,255,58,.35),rgba(255,255,255,0));filter:blur(18px);animation:cqspin 6s linear infinite;pointer-events:none;z-index:0}
.cqstage>*{position:relative;z-index:1}
@keyframes cqspin{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes cqfloat{50%{transform:translateY(-6px) rotate(-.6deg)}}
.cqintro{position:fixed;inset:0;z-index:80;display:grid;place-items:center;pointer-events:none;background:radial-gradient(circle,rgba(14,11,31,.55),rgba(14,11,31,.92));animation:cqfade 2.3s ease forwards}
.cqi-rays{position:absolute;width:160vmax;height:160vmax;background:repeating-conic-gradient(rgba(255,255,255,.07) 0 6deg,transparent 6deg 18deg);animation:cqspin 8s linear infinite;left:50%;top:50%}
.cqi-in{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;animation:cqpop .7s cubic-bezier(.2,1.4,.3,1) both;text-align:center}
.cqi-in i{font-style:normal;font-size:46px;color:#c6ff3a;filter:drop-shadow(0 0 14px #c6ff3a)}
.cqi-in small{letter-spacing:.35em;font-weight:700;color:#ffffff;font-size:12px}
.cqi-in b{font-family:'LC Display','Anton',sans-serif;font-weight:400;font-size:clamp(64px,16vw,140px);line-height:.9;background:linear-gradient(100deg,#8c7bf2,#8c7bf2,#c6ff3a,#c6ff3a,#ffffff);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:cqsh 1.6s linear infinite}
.cqi-in span{font-family:'LC Display','Anton',sans-serif;font-size:clamp(22px,5vw,38px);color:#ffffff;text-transform:uppercase;letter-spacing:.04em}
@keyframes cqpop{from{transform:scale(.4);opacity:0}}
@keyframes cqfade{0%{opacity:0}10%{opacity:1}80%{opacity:1}100%{opacity:0}}
@media (prefers-reduced-motion:reduce){.cqintro,.cqi-rays,.cqstage::before,.cqstage .pc3,.cqseal,.high.cqhigh{animation:none}}
/* sem buraco embaixo do elenco: coluna da esquerda empilha elenco + mesa + log; direita ocupa a altura toda */
@media (min-width:821px){
  .arena:not(.draftarena):not(.mkarena):not(.preparena){grid-template-areas:"squad lot" "mesa lot" "log lot";grid-template-rows:auto auto 1fr}
  .arena.preparena{grid-template-areas:"squad lot" "mesa lot";grid-template-rows:auto 1fr}
  .a-squad{position:static}
}
/* =====================================================================
   CELULAR: cada tela cabe inteira, sem rolar (leilão e vestiário)
   ===================================================================== */
@media (max-width:820px){
  body[data-phase=auction],body[data-phase=prep],body[data-phase=draft],body[data-phase=market]{padding-block:8px 8px;padding-left:10px;padding-right:10px}
  body[data-phase=auction] .wrap,body[data-phase=prep] .wrap,body[data-phase=draft] .wrap,body[data-phase=market] .wrap{gap:6px;height:calc(100dvh - 16px)}
  body[data-phase=auction] .topbar,body[data-phase=prep] .topbar,body[data-phase=draft] .topbar,body[data-phase=market] .topbar{min-height:0;flex-wrap:nowrap;padding-bottom:0}
  body[data-phase=auction] .topbar .eyebrow,body[data-phase=prep] .topbar .eyebrow,body[data-phase=draft] .topbar .eyebrow,body[data-phase=market] .topbar .eyebrow{font-size:10px;letter-spacing:.12em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;padding-bottom:4px}
  body[data-phase] .topbar button{padding:4px 10px!important;min-height:28px!important;font-size:11px!important}
  body[data-phase] .topbar .row{gap:6px;flex-wrap:nowrap}
  body[data-phase=auction] .arena,body[data-phase=prep] .arena{gap:6px;flex:1;min-height:0;grid-template-rows:auto 1fr!important}
  body[data-phase=auction] .a-mesa,body[data-phase=auction] .a-log,body[data-phase=prep] .a-mesa{display:none!important}
  body[data-phase] .box{padding:8px 10px;gap:6px;border-radius:12px}
  /* --- leilão: carta pequena + lances ao lado --- */
  body[data-phase=auction] .a-lot{display:grid;grid-template-columns:118px 1fr;gap:8px;align-items:start}
  body[data-phase=auction] .pstage.fut{display:block!important}
  body[data-phase=auction] .pstage.fut .pc3{width:118px!important;font-size:1.18px!important}
  body[data-phase=auction] .pstage.fut .fc-side,body[data-phase=auction] .cqstage::before{display:none}
  body[data-phase=auction] .box.bid{padding:8px;gap:5px}
  body[data-phase=auction] .cqseal{margin:0;padding:3px 8px;gap:5px}.cqseal span{display:none}
  body[data-phase=auction] .cqseal b{font-size:10px}
  body[data-phase=auction] .turnmsg{font-size:11px!important;padding:5px 7px;line-height:1.2}
  body[data-phase=auction] .tclock{font-size:13px}
  body[data-phase=auction] .bid .eyebrow{font-size:9px;margin:0}
  body[data-phase=auction] .high{font-size:30px!important;line-height:1}
  body[data-phase=auction] .bid .row{gap:6px}
  body[data-phase=auction] .amt{gap:4px}
  body[data-phase=auction] .amt button{min-width:0!important;padding:4px 0!important;min-height:30px!important;font-size:12px!important;flex:1}
  body[data-phase=auction] .amt .val{font-size:22px!important;min-width:44px;text-align:center}
  body[data-phase=auction] .quick,body[data-phase=auction] .bid .note,body[data-phase=auction] .bid>p{display:none!important}
  body[data-phase=auction] .bidrow{gap:5px}
  body[data-phase=auction] .bidrow button{min-height:38px!important;padding:6px 6px!important;font-size:13px!important}
  body[data-phase=auction] .flashbids button{min-height:34px!important;padding:4px!important}
  body[data-phase=auction] .ghostbtn{min-height:30px!important;padding:4px 8px!important;font-size:11px!important}
  /* --- elenco compacto --- */
  body[data-phase=auction] .a-squad,body[data-phase=prep] .a-squad{min-height:0;display:flex;flex-direction:column}
  body[data-phase] .a-squad .str,body[data-phase] .a-squad .prephint{display:none}
  body[data-phase] .mybar{gap:6px;flex-wrap:nowrap}
  body[data-phase] .mybar b{font-size:14px}body[data-phase] .mybar .note{font-size:11px}
  body[data-phase] .mybar svg{width:24px;height:24px}
  body[data-phase] .pitch{padding:6px 2px;gap:2px;flex:1}
  body[data-phase] .slot{padding:1px 0;gap:0}
  body[data-phase] .slot.cardslot{width:52px}
  body[data-phase] .slot.cardslot .pc3{width:46px!important;font-size:.46px!important}
  body[data-phase] .slot .so{font-size:12px!important;line-height:1}
  body[data-phase] .slot .rl{font-size:9px;line-height:1.1}
  body[data-phase] .slot.empty .ring{width:30px;height:30px;font-size:9px}
  body[data-phase] .slot.empty .sn{font-size:10px}
  /* --- vestiário: táticas em uma linha cada --- */
  body[data-phase=prep] .a-lot{gap:4px!important}
  body[data-phase=prep] .tacrow{padding:4px 0;gap:0;display:grid;grid-template-columns:92px 1fr;align-items:center}
  body[data-phase=prep] .tr-head{display:block}
  body[data-phase=prep] .tr-label{font-size:9px;letter-spacing:.1em}
  body[data-phase=prep] .tr-dots{display:none}
  body[data-phase=prep] .tr-body{grid-template-columns:28px 1fr 28px;gap:2px}
  body[data-phase=prep] .tr-main{display:block!important}
  body[data-phase=prep] .tr-main .tacico,body[data-phase=prep] .tr-desc,body[data-phase=prep] .tr-wl{display:none}
  body[data-phase=prep] .tr-txt b{font-size:16px!important;text-align:center}
  body[data-phase=prep] .tr-arrow{font-size:22px!important;min-height:30px!important}
  body[data-phase=prep] #bReady{min-height:42px!important;padding:8px!important;font-size:15px!important}
}
@media (max-width:820px){
  body[data-phase] .topbar button{white-space:nowrap}
  body[data-phase] .topbar .bigtimer{font-size:26px!important;line-height:1}
  body[data-phase] .topbar .note{font-size:11px}
  body[data-phase] .mybar .coin{font-size:18px!important}
  body[data-phase] .a-squad .mybar{padding:0}
  body[data-phase] .slot.cardslot{width:48px}
  body[data-phase] .slot.cardslot .pc3{width:42px!important;font-size:.42px!important}
  body[data-phase] .slot .rl{display:none}
  body[data-phase] .pitch{padding:4px 2px;gap:0}
  body[data-phase] .pitch .slot.empty .ring{width:26px;height:26px}
  body[data-phase=prep] .tacrow{padding:2px 0}
  body[data-phase=prep] .tr-txt b{font-size:14px!important}
  body[data-phase=prep] #bReady{min-height:40px!important}
}
@media (max-width:820px){body[data-phase=prep] .tr-body{align-items:center}body[data-phase=prep] .tr-txt{align-items:center}body[data-phase=prep] .tr-txt b{animation:none}}
@media (max-width:820px){
  body[data-phase=lobby],body[data-phase=intro],body[data-phase=results]{padding-block:8px 8px;padding-left:10px;padding-right:10px}
  body[data-phase=lobby] .narrow,body[data-phase=intro] .wrap,body[data-phase=intro] .narrow{gap:6px}
  /* sala: tudo compacto */
  body[data-phase=lobby] .grid2{gap:6px;grid-template-columns:1fr 1fr!important}
  body[data-phase=lobby] h3{font-size:13px!important;margin:0}
  body[data-phase=lobby] .plist{gap:3px}
  body[data-phase=lobby] .pl{padding:3px 6px!important;gap:5px;min-height:0}
  body[data-phase=lobby] .pl small,body[data-phase=lobby] .pl .tag,body[data-phase=lobby] .pl button{display:none}
  body[data-phase=lobby] .pl .nm{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  body[data-phase=lobby] .pl svg{width:20px;height:20px}
  body[data-phase=lobby] #bBot{padding:2px 8px!important;min-height:24px!important;font-size:11px!important}
  body[data-phase=lobby] .grid2 .box .chips{gap:4px}
  body[data-phase=lobby] .setting{display:grid!important;grid-template-columns:78px 1fr!important;gap:6px;align-items:center;padding:3px 0!important;border:none!important}
  body[data-phase=lobby] .setting .lbl svg,body[data-phase=lobby] .setting .lbl span,body[data-phase=lobby] .setting>.note,body[data-phase=lobby] .setting~.note{display:none}
  body[data-phase=lobby] .setting .lbl b{font-size:10px;letter-spacing:.06em;text-transform:uppercase;line-height:1.1;display:block}
  body[data-phase=lobby] .setting .lbl{gap:0}
  body[data-phase=lobby] .chips{gap:4px;flex-wrap:wrap}
  body[data-phase=lobby] .chip{padding:3px 7px!important;min-height:24px!important;font-size:10.5px!important;letter-spacing:.02em!important}
  body[data-phase=lobby] .box>.row.between{min-height:0}
  body[data-phase=lobby] .box>.note,body[data-phase=lobby] .box p.note{display:none}
  body[data-phase=lobby] #bStart{min-height:42px!important;padding:8px!important}
  body[data-phase=lobby] .code{font-size:34px!important}
  /* como se joga: faixas curtas */
  body[data-phase=intro] .box{gap:6px}
  body[data-phase=intro] h2{font-size:24px!important;margin:0;line-height:1}
  body[data-phase=intro] .tiles{grid-template-columns:1fr 1fr!important;gap:6px}
  body[data-phase=intro] .tart{aspect-ratio:3/1}
  body[data-phase=intro] .tile b{font-size:13px!important;padding:4px 8px 0!important}
  body[data-phase=intro] .tile .ex{padding:2px 8px 6px!important;gap:3px;flex-wrap:wrap;font-size:10px}
  body[data-phase=intro] .tile .ex .chip2{font-size:9.5px!important;padding:1px 5px!important}
  body[data-phase=intro] .pitch,body[data-phase=intro] .pitch~*:not(button),body[data-phase=intro] .plist,body[data-phase=intro] .soft{display:none!important}
  body[data-phase=intro] .eyebrow{font-size:10px}
  body[data-phase=intro] button.primary{min-height:42px!important;padding:8px!important}
}
@media (max-width:820px){
  body[data-phase=intro] .tile>b{margin-top:-14px!important;font-size:13px!important}
  body[data-phase=intro] .tile .ex{margin-top:2px}
  body[data-phase=intro] button.primary{font-size:16px!important;line-height:1.1}
  body[data-phase=lobby] .grid2 .pitch,body[data-phase=lobby] .grid2 .pitch~*{display:none!important}
  body[data-phase=lobby] .box>.row.between>h3:only-child{display:none}
  body[data-phase=lobby] .box{gap:3px}
  body[data-phase=lobby] .setting{padding:1px 0!important}
}
@media (max-width:820px){body[data-phase=lobby] #bStart{font-size:18px!important;min-height:40px!important;padding:6px!important}body[data-phase=lobby] .chip{min-height:22px!important;padding:2px 6px!important}body[data-phase=lobby] .chips{gap:3px}}
@media (max-width:820px){
  body[data-phase=results] .teamsbox,body[data-phase=results] .stage-match .bracketbox,body[data-phase=results] .stage-match .why,body[data-phase=results] .stage-pens .bracketbox{display:none!important}
  body[data-phase=results] .resw{gap:6px}
  /* draft: lista rola dentro, página não */
  body[data-phase=draft] .arena{display:flex!important;flex-direction:column;gap:6px;flex:1;min-height:0}
  body[data-phase=draft] .a-mesa,body[data-phase=draft] .a-log{display:none!important}
  body[data-phase=draft] .a-squad{flex:none}
  body[data-phase=draft] .draftbox{flex:1;min-height:0;display:flex;flex-direction:column}
  body[data-phase=draft] #dlist{flex:1;min-height:0;overflow:auto;-webkit-overflow-scrolling:touch}
  body[data-phase=draft] .dorder,body[data-phase=draft] .dlast{display:none!important}
  body[data-phase=draft] .dfilters{gap:4px;flex-wrap:nowrap}
  body[data-phase=draft] .dfilters input{min-width:0;flex:1;padding:6px 8px;font-size:13px}
  body[data-phase=draft] .dfilters .chip{padding:3px 7px!important;min-height:28px!important;font-size:11px!important}
  body[data-phase=draft] .turnmsg{font-size:11px!important;padding:5px 7px}
  body[data-phase=draft] .drow{padding:4px 6px!important;gap:6px}
  body[data-phase=draft] .dpick{padding:4px 8px!important;min-height:30px!important;font-size:11px!important}
  body[data-phase=market] .arena{display:flex!important;flex-direction:column;gap:6px;flex:1;min-height:0}
  body[data-phase=market] .a-mesa,body[data-phase=market] .a-log{display:none!important}
}
@media (max-width:820px){
  body[data-phase=draft] .draftbox,body[data-phase=draft] .arena>*{min-width:0;max-width:100%}
  body[data-phase=draft] .drow{grid-template-columns:30px minmax(0,1fr) auto auto auto!important}
  body[data-phase=draft] .drow .av,body[data-phase=draft] .drow .av2{width:30px!important;height:30px!important}
  body[data-phase=draft] .dn b{font-size:13px}body[data-phase=draft] .dn small{font-size:10px}
  body[data-phase=draft] .dovr{font-size:18px;min-width:22px}
  body[data-phase=draft] .drow .badge{font-size:9px!important;padding:2px 4px!important}
  body[data-phase=draft] .dfilters{overflow-x:auto;scrollbar-width:none}
  body[data-phase=draft] .dfilters input{flex:1 0 110px}
}
@media (max-width:820px){body[data-phase=draft] .a-squad{align-self:stretch;width:100%}body[data-phase=results] .stage-done .bracketbox{display:none!important}}
@media (max-width:820px){
  body[data-phase=results] .mu .side{font-size:13px!important;line-height:1.05;gap:4px}
  body[data-phase=results] .mu .side svg{width:26px;height:26px;flex:none}
  body[data-phase=results] .mu .side span,body[data-phase=results] .mu .side b{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
}
/* botões de liga com imagem */
.lgchip{display:inline-flex!important;flex-direction:column;align-items:stretch;gap:0;padding:0!important;width:118px;overflow:hidden;border-radius:10px;transform:none!important;vertical-align:top}
.lgchip .lgimg{display:grid;place-items:center;height:46px;background:#0e0b1f center/cover no-repeat;font-style:normal;font-weight:900;letter-spacing:.06em;font-size:18px;color:#ffffff}
.lgchip span{padding:5px 6px;font-size:12px;line-height:1.1;text-align:center}
.lgchip.lg-legends .lgimg{background:linear-gradient(135deg,#2b2170,#c6ff3a 35%,#c6ff3a 55%,#c6ff3a 75%,#2b2170);color:#0e0b1f;font-size:22px;text-shadow:0 1px 0 #fff6}
.lgchip.lg-legends{box-shadow:0 0 0 1px #c6ff3a inset}
.lgchip.lg-todos .lgimg{background:linear-gradient(135deg,#2b2170,#0e0b1f);color:#ffffff}
.lgchip[aria-pressed="true"]{outline:3px solid var(--gold,#c6ff3a);outline-offset:-3px}
body.modern .chip.lgchip[aria-pressed="true"]{transform:none!important}
@media (max-width:820px){.lgchip{width:calc(25% - 6px);min-width:72px}.lgchip .lgimg{height:30px;font-size:13px}.lgchip span{font-size:10px;padding:3px}}
/* liga: preleção */
.prels{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:6px}
.prel{display:flex!important;flex-direction:column;align-items:flex-start;gap:3px;text-align:left;padding:10px!important;text-transform:none!important;letter-spacing:0!important;position:relative;font-size:12px}
.prel b{font-size:14px}.prel span:not(.lc-ic){opacity:.75;line-height:1.25}
.prel em{position:absolute;top:8px;right:10px;font-style:normal;font-weight:800;color:#c6ff3a}.prel em.neg{color:#ff6b6b}
.prel.on{outline:3px solid var(--gold,#c6ff3a);outline-offset:-3px;background:rgba(198,255,58,.12)!important}
.mkclosed{padding:10px 12px;border:1px dashed currentColor;border-radius:10px;opacity:.85}
@media (max-width:820px){
 body[data-phase=market] .prels{gap:5px}
 body[data-phase=market] .prel{padding:6px!important}
 body[data-phase=market] .prel span:not(.lc-ic){display:none}
 body[data-phase=market] .prel em{position:static}
 body[data-phase=market] .lcards{grid-template-columns:repeat(3,1fr);gap:5px}
 body[data-phase=market] .lcard{padding:6px!important;font-size:11px}
 body[data-phase=market] .lcard>span:not(.lc-ic):not(.coin){display:none}
}
/* mercado compacto */
.mkgrid{grid-template-columns:repeat(3,1fr)!important;gap:8px!important}
.mkoffer{grid-template-columns:1fr!important;justify-items:center;text-align:center;gap:6px!important;padding:8px 6px!important}
.mkoffer .mkinfo{align-items:center}.mkoffer .mkinfo small{font-size:11px}
.lcards{grid-template-columns:repeat(5,1fr)!important;gap:6px!important}
.lcard{padding:8px!important}.lcard .lc-ic{font-size:20px}.lcard b{font-size:14px}.lcard>span:not(.coin):not(.lc-ic){font-size:11px!important;line-height:1.25}
.lcard em{top:6px;right:6px;font-size:9px}
@media (max-width:820px){
 body[data-phase=market] .mkarena{display:flex!important;flex-direction:column;gap:6px}
 body[data-phase=market] .mkarena .a-mesa,body[data-phase=market] .mkarena .a-squad .pitch,body[data-phase=market] .mkarena .a-squad .mybar,body[data-phase=market] .mkarena .a-lot>.note:not(.mkclosed),body[data-phase=market] .mkarena .a-lot>p.note:last-of-type{display:none!important}
 body[data-phase=market] .mkarena .a-squad{order:2;padding:4px!important}
 body[data-phase=market] .mkarena .a-lot{order:1;padding:8px!important}
 body[data-phase=market] .mkarena h3{font-size:13px;margin:4px 0}
 body[data-phase=market] .mkgrid{display:flex!important;overflow-x:auto;gap:6px!important;scroll-snap-type:x mandatory}
 body[data-phase=market] .mkoffer{flex:0 0 31%;scroll-snap-align:start;padding:4px!important;gap:3px!important}
 body[data-phase=market] .mkoffer .mkinfo b{font-size:11px}
 body[data-phase=market] .mkoffer .mkinfo small:first-of-type{display:none}
 body[data-phase=market] .lcards{grid-template-columns:repeat(5,1fr)!important}
 body[data-phase=market] .lcard b{font-size:10px}.lcard .lc-ic{font-size:16px}
 body[data-phase=market] .lcard em{display:none}
 body[data-phase=market] .prel b{font-size:12px}
 body[data-phase=market] #bMkReady{padding:10px!important;font-size:15px!important}
 body[data-phase=market] .coin.big{font-size:20px}
}
.prel.on{background:#0e0b1f!important;color:#ffffff!important}
@media (max-width:820px){
 body[data-phase=market] .mkarena,body[data-phase=market] .mkarena>*{min-width:0!important;max-width:100%!important;width:100%;box-sizing:border-box}
 body[data-phase=market] .mkgrid{width:100%}
 body[data-phase=market] .mkoffer{flex:0 0 calc(33.3% - 4px)!important;min-width:0}
 body[data-phase=market] .mkoffer .mkbtn{padding:4px 8px!important;font-size:13px!important}
 body[data-phase=market] .prels{grid-template-columns:repeat(3,minmax(0,1fr))!important}
 body[data-phase=market] .lcards{grid-template-columns:repeat(5,minmax(0,1fr))!important}
 body[data-phase=market] .lcard,body[data-phase=market] .prel{min-width:0;overflow:hidden}
 body[data-phase=market] .lcard b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
}
.prel:hover,.prel:focus,.prel:active{background:rgba(255,255,255,.06)!important;color:inherit!important}
.prel.on,.prel.on:hover,.prel.on:focus{background:#0e0b1f!important;color:#ffffff!important}
/* liga v3: evento, banco, abas */
.lgev{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:6px 0 10px;padding:8px 12px;border-radius:10px;background:linear-gradient(90deg,rgba(198,255,58,.16),rgba(255,255,255,.03));font-size:13px}
.lgev b{font-size:14px}.lgev span{opacity:.85}.lgev .nx{margin-left:auto;opacity:1}.lgev .lc-ic{font-size:18px;opacity:1}
.mtabs,.mkready2{display:none!important}
.bench{margin-top:10px}.bench h3{margin:4px 0}
.bgrid{display:flex;flex-wrap:wrap;gap:8px}
.bitem{display:flex;flex-direction:column;gap:4px;align-items:center}
.bpick{display:flex!important;flex-direction:column;align-items:center;gap:4px;padding:6px!important;text-transform:none!important;letter-spacing:0!important;font-size:11px}
.bitem.sel .bpick{outline:3px solid var(--gold,#c6ff3a);outline-offset:-3px}
.bsell{font-size:10px!important;padding:3px 6px!important}
.lcard.new{box-shadow:0 0 0 2px var(--gold,#c6ff3a) inset}
@media (max-width:820px){
 body[data-phase=market] .mtabs{display:flex!important;gap:4px;margin-bottom:6px}
 body[data-phase=market] .mtabs button{flex:1;padding:7px 4px!important;font-size:12px!important}
 body[data-phase=market] .mtabs button[aria-pressed=true]{background:var(--gold,#c6ff3a);color:#0e0b1f}
 body[data-phase=market] .lgev{margin:2px 0 6px;padding:5px 8px;font-size:11px;gap:6px}
 body[data-phase=market] .lgev>span:not(.lc-ic):not(.nx){display:none}
 body[data-phase=market] .mkwrap .mkarena>*{display:none!important}
 body[data-phase=market] .mkwrap[data-mtab=mk] .mkarena>.a-lot{display:block!important}
 body[data-phase=market] .mkwrap[data-mtab=time] .mkarena>.a-squad{display:block!important}
 body[data-phase=market] .mkwrap[data-mtab=tab] .mkarena>.a-mesa{display:block!important}
 body[data-phase=market] .mkwrap .a-squad .pitch,body[data-phase=market] .mkwrap .a-squad .mybar{display:block!important}
 body[data-phase=market] .mkwrap .a-squad .mybar{display:none!important}
 body[data-phase=market] .mkwrap .a-squad .str{display:none}
 body[data-phase=market] .mkwrap[data-mtab=time] .pitch{max-height:52vh}
 body[data-phase=market] .bgrid{flex-wrap:nowrap;overflow-x:auto}
 body[data-phase=market] .bench .note{display:none}
 body[data-phase=market] .mkwrap .a-lot #bMkReady{display:none}
 body[data-phase=market] .mkready2{display:block!important;width:100%;margin-top:6px;padding:10px!important}
}
.mkbtn .coin,.mkbtn{color:#0e0b1f!important}
@media (max-width:820px){
 body[data-phase=market] .bpick>*:not(span){display:none!important}
 body[data-phase=market] .bpick{flex-direction:row!important;padding:6px 8px!important;white-space:nowrap}
 body[data-phase=market] .bitem{flex-direction:row}
 body[data-phase=market] .bench{margin-top:4px}
}
@media (max-width:820px){
 .setting:has(.lgchip){display:block!important}
 .setting:has(.lgchip)>.lbl{margin-bottom:4px}
 .setting:has(.lgchip) .chips{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px!important;width:100%}
 .lgchip{width:auto!important;min-width:0!important;border-radius:7px}
 .lgchip .lgimg{height:24px!important;font-size:11px!important}
 .lgchip span{font-size:9px!important;padding:2px 2px 3px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}
/* liga: partida ao vivo e resultados simples */
.lgothers{display:flex;flex-direction:column;gap:4px;margin:8px 0}
.lgo{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;padding:5px 8px;border-radius:8px;background:rgba(255,255,255,.04);font-size:13px}
.lgo .t{display:flex;align-items:center;gap:6px;min-width:0}.lgo .t b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}
.lgo .t.r{justify-content:flex-end}.lgo .s{font-size:16px;min-width:54px;text-align:center}
.lgo .s.pop{animation:lgpop .6s ease}@keyframes lgpop{0%{transform:scale(1.6);color:var(--gold,#c6ff3a)}100%{transform:scale(1)}}
.lgmatch .feed{max-height:120px;overflow:auto}
.lgbetween{text-align:center}
.lgmy{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px;border-radius:14px;margin:8px 0 10px;background:rgba(255,255,255,.05)}
.lgmy.win{background:linear-gradient(180deg,rgba(198,255,58,.18),rgba(255,255,255,.03))}.lgmy.loss{background:linear-gradient(180deg,rgba(255,107,107,.16),rgba(255,255,255,.03))}
.lgres-t{font-family:var(--f-display,inherit);font-size:28px;text-transform:uppercase;letter-spacing:.02em}
.lgmy.win .lgres-t{color:#c6ff3a}.lgmy.loss .lgres-t{color:#ff6b6b}
.lgmy-s{display:flex;align-items:center;gap:14px}.lgmy-s b{font-size:34px}
.lgmy-i{display:flex;gap:14px;align-items:center;font-weight:700}
.lgres-list{display:flex;flex-direction:column;gap:4px;text-align:left}
.lgtable .tn span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}
@media (max-width:820px){
 .lgtable .x{display:none}
 .lgtable{font-size:12px}.lgtable td,.lgtable th{padding:5px 4px}
 .lgtable .tn span{max-width:110px}
 body[data-phase=results] .lgmatch .whybox{display:none}
 body[data-phase=results] .lgmatch .feed{max-height:64px}
 body[data-phase=results] .lgo{padding:3px 6px;font-size:11px}.lgo .s{font-size:13px;min-width:44px}
 body[data-phase=results] .lgmy{padding:8px;margin:4px 0 6px}.lgres-t{font-size:22px}.lgmy-s b{font-size:26px}
 .toast,#toast{top:calc(env(safe-area-inset-top) + 8px)!important;bottom:auto!important}
}
@media (max-width:820px){.toast{font-size:13px!important;padding:8px 12px!important;pointer-events:none}}
@media (max-width:820px){
 body[data-phase=results] .resw.stage-draw .lgtbox,body[data-phase=results] .resw.stage-match .lgtbox{display:none!important}
 body[data-phase=results] .lgbetween .lgres-list{display:none}
 body[data-phase=results] .topbar .eyebrow{display:none}
 body[data-phase=results] .topbar{padding-bottom:4px!important;margin-bottom:4px!important}
 body[data-phase=results] .topbar button{font-size:10px!important;padding:5px 8px!important}
 body[data-phase=results] .score .t b{font-size:13px!important;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:92px;display:block}
 body[data-phase=results] .score .t{min-width:0}
 body[data-phase=results] .lgtable td,body[data-phase=results] .lgtable th{padding:4px!important}
 body[data-phase=results] .lgbetween{padding:10px!important}
 body[data-phase=results] .draw .mu{padding:8px 10px!important}
}
@media (max-width:820px){
 body[data-phase=results] .score .t b{font-size:12px!important;white-space:normal!important;display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:84px!important;letter-spacing:0!important}
}
/* posições didáticas */
.ftag{display:inline-flex;align-items:center;gap:4px;flex-wrap:wrap;font-weight:700;font-size:13px;padding:3px 8px;border-radius:999px;background:rgba(198,255,58,.14);color:var(--gold,#c6ff3a)}
.ftag small{display:block;width:100%;font-weight:500;font-size:11px;opacity:.85;color:var(--fg,#ffffff)}
.fc-func{margin-bottom:6px}.fc-func .ftag{font-size:15px;padding:6px 12px;border-radius:12px}
.fitleg{display:flex;flex-wrap:wrap;gap:6px 14px;justify-content:center;margin:6px 0 2px;font-size:11px;opacity:.9}
.fitleg span{display:inline-flex;align-items:center;gap:5px}
.fitleg i,.slot .so::before{content:'';display:inline-block;width:9px;height:9px;border-radius:50%}
.fitleg i.good{background:#c6ff3a}.fitleg i.half{background:#c6ff3a}.fitleg i.bad{background:#ff6b6b}
.slot.fit-good .so{color:#c6ff3a!important}.slot.fit-half .so{color:#c6ff3a!important}.slot.fit-bad .so{color:#ff6b6b!important}
.slot.fit-half .pc3,.slot.fit-half .jersey{box-shadow:0 0 0 2px #c6ff3a;border-radius:8px}
.slot.fit-bad .pc3,.slot.fit-bad .jersey{box-shadow:0 0 0 2px #ff6b6b;border-radius:8px}
.slot.hint-good{outline:2px dashed #c6ff3a;outline-offset:2px;border-radius:10px;background:rgba(198,255,58,.12)}
.slot.hint-half{outline:2px dashed #c6ff3a;outline-offset:2px;border-radius:10px;background:rgba(198,255,58,.08)}
.slot.hint-bad{opacity:.55}
.selinfo{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;justify-content:center;font-size:12px;margin:4px 0;text-align:center}
.selinfo.muted{opacity:.7}
@media (max-width:820px){.fitleg{font-size:10px;gap:4px 10px;margin:3px 0 0}.selinfo{font-size:11px;margin:2px 0}.selinfo .ftag small{display:none}.fc-func .ftag{font-size:12px;padding:4px 8px}.fc-func .ftag small{font-size:10px}}
@media (max-width:820px){
 body[data-phase=prep] .a-squad{overflow:hidden}
 body[data-phase=prep] .a-squad .pitch{flex:1 1 auto;min-height:0}
 body[data-phase=prep] .fitleg,body[data-phase=prep] .selinfo{flex:0 0 auto}
 .selinfo .note,.selinfo.muted{display:none!important}

}
@media (max-width:820px){
 .fitleg:has(+ .selinfo:not(.muted)){display:none!important}
 .selinfo:not(.muted){padding:2px 0;font-size:12px}
}
@media (max-width:820px){body[data-phase=prep] .a-squad .mybar{display:none!important}body[data-phase=prep] .a-squad{overflow:visible}}
body.modern .slot.fit-good .so{color:#c6ff3a!important}body.modern .slot.fit-half .so{color:#c6ff3a!important}body.modern .slot.fit-bad .so{color:#ff6b6b!important}
@media (max-width:820px){body[data-phase=auction] .fc-side .fc-func{display:block!important;margin-bottom:4px}body[data-phase=auction] .fc-func .ftag small{display:none}}
.fc-func-m{display:none}
@media (max-width:820px){body[data-phase=auction] .fc-func-m{display:block;text-align:center;margin-top:6px}body[data-phase=auction] .fc-func-m .ftag{font-size:11px;padding:3px 8px}}
.pc3-nm.xlong span{font-size:8em}.pc3.mini .pc3-nm.xlong span{font-size:9.5em}.pc3.slim .pc3-nm.xlong span{font-size:8.6em!important}
/* partida em botões: animações que pausam */
.pitchwrap{position:relative}
.pitchwrap .pitchcv{transition:filter .25s,transform .25s}
.pitchwrap.paused .pitchcv{filter:brightness(.55) saturate(.8);transform:scale(1.015)}
.mfx{position:absolute;inset:0;display:none;align-items:center;justify-content:center;pointer-events:none;z-index:3}
.mfx.show{display:flex}
.mfx-in{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 22px;border-radius:16px;background:rgba(14,11,31,.82);box-shadow:0 10px 40px rgba(14,11,31,.5);animation:mfxIn var(--ms,1500ms) ease both;text-align:center}
.mfx-in b{font-family:var(--f-display,inherit);font-size:30px;letter-spacing:.03em;text-transform:uppercase;line-height:1}
.mfx-ic{font-size:40px;line-height:1}
.mfx-who{display:flex;align-items:center;gap:6px;font-weight:700;font-size:14px;opacity:.95}
.mfx.k-defesa b{color:#8c7bf2}.mfx.k-trave b{color:#ffffff}.mfx.k-pen b{color:#c6ff3a}.mfx.k-fk b{color:#c6ff3a}
.mfx.k-yellow b{color:#c6ff3a}.mfx.k-red b{color:#ff4d4d}.mfx.k-inj b{color:#ff8fa3}
.mfx.k-yellow .mfx-ic,.mfx.k-red .mfx-ic{animation:cardFlip .6s ease both}
.mfx.k-trave .mfx-in{animation:mfxIn var(--ms) ease both,mfxShake .4s ease 2}
.mfx.k-pen .mfx-ic,.mfx.k-fk .mfx-ic{animation:mfxPulse .5s ease 3}
@keyframes mfxIn{0%{opacity:0;transform:scale(.6)}12%{opacity:1;transform:scale(1.08)}20%{transform:scale(1)}85%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(.95)}}
@keyframes mfxShake{0%,100%{translate:0}25%{translate:-6px}75%{translate:6px}}
@keyframes mfxPulse{50%{transform:scale(1.25)}}
@keyframes cardFlip{0%{transform:rotateY(90deg) translateY(-20px)}100%{transform:rotateY(0) translateY(0)}}
@media (max-width:820px){.mfx-in b{font-size:22px}.mfx-ic{font-size:30px}.mfx-in{padding:8px 14px}}
@media (max-width:820px){body[data-phase=results] #mbox .feed{max-height:64px;overflow:auto}}
/* liga: situação e carta-mestra */
.sitbox{padding:10px 12px;border-radius:12px;background:linear-gradient(135deg,rgba(140,123,242,.14),rgba(255,255,255,.03));margin-bottom:8px}
.sitbox>b{display:block;font-size:16px;margin:2px 0}.sitbox .note{margin:0 0 6px}
.sitch{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.sitbtn{display:flex!important;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;padding:8px!important;text-transform:none!important;letter-spacing:0!important}
.sitbtn b{font-size:13px}.sitbtn span{font-size:11px;opacity:.8;line-height:1.25}
.sitbtn.on{outline:3px solid var(--gold,#c6ff3a);outline-offset:-3px}
.sitbox.done .sitbtn:not(.on){opacity:.4}
.masterbox{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;margin-bottom:8px;background:linear-gradient(135deg,#0e0b1f,#2b2170 40%,#0e0b1f);box-shadow:0 0 0 1px #c6ff3a inset}
.masterbox .mc-ic{font-size:30px}.masterbox .mc-t{flex:1;display:flex;flex-direction:column;gap:1px;min-width:0}
.masterbox .mc-t b{font-size:16px;color:#c6ff3a}.masterbox .mc-t span:last-child{font-size:12px;opacity:.9}
.masterbox.used{filter:grayscale(.8);opacity:.6}
@media (max-width:820px){
 .sitbox{padding:6px 8px;margin-bottom:5px}.sitbox .note{display:none}.sitbox>b{font-size:13px}.sitbtn span{font-size:10px}.sitbtn{padding:5px!important}
 .masterbox{padding:6px 8px;gap:6px;margin-bottom:5px}.masterbox .mc-ic{font-size:22px}.masterbox .mc-t span:last-child{font-size:10px}.masterbox .mc-t b{font-size:13px}.masterbox .eyebrow{display:none}
 .masterbox button{padding:6px 8px!important;font-size:11px!important}
 body[data-phase=market] .mkwrap[data-mtab=mk] .a-lot{overflow:auto;max-height:calc(100dvh - 200px)}
}
@media (max-width:820px){
 body[data-phase=market] .mkwrap[data-mtab=club] .mkarena>.a-lot{display:block!important}
 body[data-phase=market] .mkwrap[data-mtab=club] .mk-win{display:none}
 body[data-phase=market] .mkwrap[data-mtab=mk] .mk-club{display:none}
 body[data-phase=market] .mkwrap[data-mtab=mk] .a-lot,body[data-phase=market] .mkwrap[data-mtab=club] .a-lot{max-height:none;overflow:visible}
}
@media (max-width:820px){
 body[data-phase=intro] .tcards{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:4px!important}
 body[data-phase=intro] .tcards>*{width:auto!important;max-width:none!important;min-width:0!important;transform:none!important;font-size:6px!important}
 body[data-phase=intro] .tcards .gc-desc,body[data-phase=intro] .tcards .gc-when{display:none!important}
 body[data-phase=intro] .tcards .gc-name{font-size:8px!important;line-height:1.05}
 body[data-phase=intro] .ex .chip2{font-size:10px!important;padding:3px 6px!important}
 body[data-phase=lobby] .setting .chips .chip:not(.lgchip){padding:5px 7px!important;font-size:10px!important}
}
@media (max-width:820px){body[data-phase=lobby] .setting{padding:1px 0!important}body[data-phase=lobby] .lgchip .lgimg{height:20px!important}body[data-phase=lobby] .chip{min-height:22px!important}}
@media (max-width:820px){body[data-phase=lobby] .chips{gap:3px!important}body[data-phase=lobby] .setting .chips .chip:not(.lgchip){padding:2px 6px!important;font-size:10px!important}body[data-phase=lobby] .lgchip span{padding:1px 2px 2px!important}body[data-phase=lobby] .narrow{gap:4px!important}body[data-phase=lobby] .box{padding:8px!important}}
/* botões de base: texto (Todos, Legends) e só logo (ligas) */
.lgchip .lgimg{height:52px}
.lgchip.lg-txt .lgimg{font-family:var(--f-display,inherit);font-size:20px;letter-spacing:.06em;text-transform:uppercase;font-style:normal}
.lgchip.lg-todos .lgimg{background:linear-gradient(135deg,#2b2170,#0e0b1f);color:#ffffff}
.lgchip.lg-legends .lgimg{background:linear-gradient(135deg,#2b2170,#c6ff3a 35%,#c6ff3a 55%,#c6ff3a 75%,#2b2170);color:#0e0b1f;text-shadow:0 1px 0 rgba(255,255,255,.4)}
.lgchip.lg-logo .lgimg{background-size:cover;background-position:center}
@media (max-width:820px){.lgchip .lgimg{height:34px!important}.lgchip.lg-txt .lgimg{font-size:12px!important}body[data-phase=lobby] .lgchip .lgimg{height:30px!important}}
.lgchip .lgimg{padding:0 4px;overflow:hidden;white-space:nowrap}
@media (max-width:820px){.lgchip.lg-txt .lgimg{font-size:10.5px!important;letter-spacing:.02em}}
/* ===== cartas da liga: baralho ===== */
.lcards{display:flex!important;flex-wrap:wrap;gap:10px!important;grid-template-columns:none!important}
.bcard{--ink:#0e0b1f;--suit:#0e0b1f;--face:#ffffff;position:relative;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:118px;aspect-ratio:5/7;padding:22px 10px 22px!important;border-radius:9px!important;background:var(--face)!important;color:var(--ink)!important;border:none!important;box-shadow:0 0 0 1px rgba(14,11,31,.12),0 6px 16px rgba(14,11,31,.35)!important;text-transform:none!important;letter-spacing:0!important;transform:none!important;font-family:var(--f-body,inherit)}
.bcard::before{content:'';position:absolute;inset:5px;border:1px solid rgba(14,11,31,.18);border-radius:6px;pointer-events:none}
.bcard.red{--suit:#b8323a}
.bcard .bc-idx{position:absolute;display:flex;flex-direction:column;align-items:center;gap:1px;color:var(--suit);line-height:1}
.bcard .bc-idx b{font-family:var(--f-display,inherit);font-size:13px;letter-spacing:0}
.bcard .bc-idx svg{width:11px;height:11px}
.bcard .bc-idx.tl{top:7px;left:7px}.bcard .bc-idx.br{bottom:7px;right:7px;transform:rotate(180deg)}
.bcard .bc-art{color:var(--suit);display:block;width:42%}.bcard .bc-art svg{width:100%;height:auto;display:block}
.bcard .bc-nm{font-family:var(--f-display,inherit);font-size:13px;text-transform:uppercase;text-align:center;line-height:1.05;color:var(--ink)}
.bcard .bc-desc{font-size:10px;line-height:1.25;text-align:center;opacity:.75;color:var(--ink)}
.bcard .bc-new{position:absolute;top:-7px;right:-6px;font-style:normal;font-size:9px;font-weight:800;text-transform:uppercase;background:var(--lime,#c6ff3a);color:#0e0b1f;padding:2px 6px;border-radius:999px}
button.bcard:not(:disabled){cursor:pointer;transition:transform .15s,box-shadow .15s}
button.bcard:not(:disabled):hover{transform:translateY(-4px)!important;box-shadow:0 0 0 1px rgba(14,11,31,.12),0 12px 22px rgba(14,11,31,.45)!important}
button.bcard:disabled{opacity:.45;filter:grayscale(.6)}
/* carta-mestra: face escura, tinta creme e dourado discreto */
.bcard.master{--face:#0e0b1f;--ink:#c6ff3a;--suit:#c6ff3a;box-shadow:0 0 0 1px #d9b45a55,0 6px 16px rgba(14,11,31,.4)!important}
.bcard.master::before{border-color:rgba(198,255,58,.45)}
.masterbox{display:flex!important;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;margin-bottom:8px;background:rgba(255,255,255,.04)!important;box-shadow:inset 0 0 0 1px rgba(198,255,58,.25)!important;filter:none}
.masterbox .bcard{width:92px;flex:0 0 auto}
.masterbox .mc-t{flex:1;display:flex;flex-direction:column;gap:3px;min-width:0;align-items:flex-start}
.masterbox .mc-t b{font-size:16px;color:#c6ff3a}.masterbox .mc-t>span:not(.eyebrow){font-size:12px;opacity:.85}
.masterbox .mc-t button{margin-top:4px;padding:6px 12px!important}
.masterbox.used .bcard{opacity:.45;filter:grayscale(.7)}
@media (max-width:820px){
 body[data-phase=market] .lcards{gap:6px!important;flex-wrap:nowrap}
 .bcard{width:62px;padding:12px 4px!important;gap:2px;border-radius:6px!important}
 .bcard::before{inset:3px}
 .bcard .bc-desc{display:none}.bcard .bc-nm{font-size:8.5px}.bcard .bc-idx b{font-size:8px}.bcard .bc-idx svg{width:7px;height:7px}
 .bcard .bc-idx.tl{top:4px;left:4px}.bcard .bc-idx.br{bottom:4px;right:4px}
 .masterbox .bcard{width:56px}.masterbox{gap:8px;padding:6px 8px}.masterbox .mc-t b{font-size:13px}.masterbox .mc-t>span:not(.eyebrow){font-size:10px}
}
body.modern .bcard,body.modern button:not(:is(.gx *,.gd *,.xbox *,.packov *,.lc-opt,.hbt,.lgbig,.su-opt,.lb-w,.su-skip,.ox)).bcard{background:var(--face)!important;color:var(--ink)!important;border-radius:9px!important;box-shadow:0 0 0 1px rgba(14,11,31,.12),0 6px 16px rgba(14,11,31,.35)!important;font-family:var(--f-body,inherit)!important;clip-path:none!important;letter-spacing:0!important;text-transform:none!important}
body.modern button:not(:is(.gx *,.gd *,.xbox *,.packov *,.lc-opt,.hbt,.lgbig,.su-opt,.lb-w,.su-skip,.ox)).bcard:hover:not(:disabled),body.modern button:not(:is(.gx *,.gd *,.xbox *,.packov *,.lc-opt,.hbt,.lgbig,.su-opt,.lb-w,.su-skip,.ox)).bcard:focus-visible{background:var(--face)!important;color:var(--ink)!important;transform:translateY(-4px)!important}
body.modern .bcard.master{box-shadow:0 0 0 1px #d9b45a55,0 6px 16px rgba(14,11,31,.4)!important}
@media (max-width:820px){body.modern .bcard{border-radius:6px!important}}
body.modern .masterbox .mc-t button.primary{font-size:13px!important;padding:6px 14px!important;min-height:0!important}
@media (max-width:820px){body.modern .masterbox .mc-t button.primary{font-size:11px!important;padding:4px 10px!important}}
body.modern .prel.on,body.modern .prel.on:hover,body.modern .prel.on:focus-visible{background:#0e0b1f!important;color:#ffffff!important}
/* ===== baralho v2 (SVG) ===== */
body.modern .bcard.dk,body.modern button:not(:is(.gx *,.gd *,.xbox *,.packov *,.lc-opt,.hbt,.lgbig,.su-opt,.lb-w,.su-skip,.ox)).bcard.dk,.bcard.dk{display:flex!important;flex-direction:column;align-items:center;gap:6px;width:132px;aspect-ratio:auto;padding:0!important;background:transparent!important;box-shadow:none!important;border:none!important;border-radius:0!important;color:inherit!important}
.bcard.dk::before{display:none}
.bcard.dk .dk-svg{width:100%;height:auto;display:block;border-radius:12px;filter:drop-shadow(0 8px 14px rgba(14,11,31,.45))}
.bcard.dk.master .dk-svg{filter:drop-shadow(0 0 1px rgba(198,255,58,.6)) drop-shadow(0 8px 16px rgba(14,11,31,.55))}
.bcard.dk .dk-desc{font-size:11px;line-height:1.3;text-align:center;opacity:.8;color:var(--fg,#ffffff);font-family:var(--f-body,inherit);text-transform:none;letter-spacing:0;font-weight:500}
body.modern button:not(:is(.gx *,.gd *,.xbox *,.packov *,.lc-opt,.hbt,.lgbig,.su-opt,.lb-w,.su-skip,.ox)).bcard.dk:hover:not(:disabled),body.modern button:not(:is(.gx *,.gd *,.xbox *,.packov *,.lc-opt,.hbt,.lgbig,.su-opt,.lb-w,.su-skip,.ox)).bcard.dk:focus-visible{background:transparent!important;transform:translateY(-5px) rotate(-1deg)!important;color:inherit!important}
body.modern button:not(:is(.gx *,.gd *,.xbox *,.packov *,.lc-opt,.hbt,.lgbig,.su-opt,.lb-w,.su-skip,.ox)).bcard.dk:disabled{opacity:.45;filter:grayscale(.7)}
.masterbox .bcard.dk{width:96px}
@media (max-width:820px){
 body.modern .bcard.dk,.bcard.dk{width:66px}
 .bcard.dk .dk-desc{display:none}
 .masterbox .bcard.dk{width:58px}
 .bcard.dk .dk-svg{border-radius:6px;filter:drop-shadow(0 4px 8px rgba(14,11,31,.45))}
}
.lcards{align-items:flex-start!important}
@media (max-width:820px){body.modern .bcard.dk,.bcard.dk{width:60px}}
@media (hover:none){body.modern button:not(:is(.gx *,.gd *,.xbox *,.packov *,.lc-opt,.hbt,.lgbig,.su-opt,.lb-w,.su-skip,.ox)).bcard.dk:hover:not(:disabled),body.modern button:not(:is(.gx *,.gd *,.xbox *,.packov *,.lc-opt,.hbt,.lgbig,.su-opt,.lb-w,.su-skip,.ox)).bcard.dk:focus-visible{transform:none!important}}
@media (max-width:820px){body[data-phase=market] .lcards .bcard.dk{width:74px!important;flex:0 0 74px!important}}
body.modern .prel:focus:not(.on),body.modern .prel:hover:not(.on){background:rgba(255,255,255,.06)!important;color:#ffffff!important}
/* ===== animações das cartas ===== */
.bcard.dk .dk-face{position:relative;display:block;width:100%;border-radius:12px;overflow:hidden;transform-style:preserve-3d}
.bcard.dk .dk-shine{position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.55) 45%,rgba(255,255,255,.1) 52%,transparent 62%);transform:translateX(-120%);mix-blend-mode:overlay}
button.bcard.dk:not(:disabled):hover .dk-shine{animation:dkShine .8s ease}
.bcard.dk.master .dk-shine{background:linear-gradient(115deg,transparent 30%,rgba(198,255,58,.7) 45%,rgba(255,255,255,.2) 52%,transparent 62%);animation:dkShine 1.2s ease 1.2s,dkShineLoop 5s ease 3s infinite}
.masterbox:not(.used) .bcard.dk.master .dk-face{animation:dkGlow 2.6s ease-in-out infinite}
@keyframes dkShine{to{transform:translateX(120%)}}
@keyframes dkShineLoop{0%,70%{transform:translateX(-120%)}90%,100%{transform:translateX(120%)}}
@keyframes dkGlow{0%,100%{box-shadow:0 0 0 0 rgba(198,255,58,0)}50%{box-shadow:0 0 18px 2px rgba(198,255,58,.55)}}
/* distribuir: cartas entram viradas e desviram */
.lcards.deal .bcard.dk{animation:dkDeal .7s cubic-bezier(.2,.9,.25,1.15) both}
.lcards.deal .bcard.dk:nth-child(2){animation-delay:.12s}.lcards.deal .bcard.dk:nth-child(3){animation-delay:.24s}
@keyframes dkDeal{0%{opacity:0;transform:translateY(-40px) rotateY(180deg) rotate(-8deg) scale(.8)}60%{opacity:1}100%{opacity:1;transform:none}}
.bcard.dk.new .dk-face{animation:dkNew 1.6s ease-in-out 3}
@keyframes dkNew{0%,100%{box-shadow:0 0 0 0 rgba(198,255,58,0)}50%{box-shadow:0 0 16px 3px rgba(198,255,58,.6)}}
.bcard.dk .bc-new{animation:dkPop .5s cubic-bezier(.3,1.6,.5,1) .5s both}
@keyframes dkPop{0%{transform:scale(0)}100%{transform:scale(1)}}
/* hover: levanta e inclina com perspectiva */
@media (hover:hover){body.modern button:not(:is(.gx *,.gd *,.xbox *,.packov *,.lc-opt,.hbt,.lgbig,.su-opt,.lb-w,.su-skip,.ox)).bcard.dk:not(:disabled):hover{transform:translateY(-8px) rotate(-2deg) scale(1.04)!important}}
button.bcard.dk{transition:transform .25s cubic-bezier(.2,.9,.3,1.3)!important}
/* jogar a carta */
body.modern button:not(:is(.gx *,.gd *,.xbox *,.packov *,.lc-opt,.hbt,.lgbig,.su-opt,.lb-w,.su-skip,.ox)).bcard.dk.play{animation:dkPlay .55s ease-in forwards!important;pointer-events:none}
@keyframes dkPlay{0%{transform:none}30%{transform:translateY(-14px) scale(1.08)}100%{transform:translateY(-120px) scale(.6) rotate(10deg);opacity:0}}
.dkfx{position:fixed;inset:0;z-index:80;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;pointer-events:none;background:radial-gradient(circle,rgba(14,11,31,.55),rgba(14,11,31,.85));animation:dkFxBg 1.7s ease both}
.dkfx-card{width:min(220px,46vw);border-radius:14px;overflow:hidden;position:relative;animation:dkFxCard 1.7s cubic-bezier(.2,.9,.3,1.2) both;box-shadow:0 0 0 2px rgba(198,255,58,.6),0 0 60px rgba(198,255,58,.45)}
.dkfx.master .dkfx-card{box-shadow:0 0 0 2px rgba(198,255,58,.8),0 0 70px rgba(198,255,58,.6)}
.dkfx-card svg{display:block;width:100%;height:auto}.dkfx-card .dk-shine{animation:dkShine .9s ease .35s}
.dkfx-t{font-family:var(--f-display,inherit);font-size:clamp(22px,6vw,34px);text-transform:uppercase;color:#c6ff3a;letter-spacing:.04em;animation:dkFxT 1.7s ease both;text-shadow:0 2px 0 rgba(14,11,31,.4)}
.dkfx.master .dkfx-t{color:#c6ff3a}
@keyframes dkFxBg{0%{opacity:0}12%{opacity:1}80%{opacity:1}100%{opacity:0}}
@keyframes dkFxCard{0%{transform:translateY(80px) rotateY(90deg) scale(.6)}25%{transform:translateY(0) rotateY(0) scale(1.06)}35%{transform:scale(1)}80%{transform:scale(1);opacity:1}100%{transform:scale(1.15);opacity:0}}
@keyframes dkFxT{0%,15%{opacity:0;transform:translateY(12px)}30%,80%{opacity:1;transform:none}100%{opacity:0}}
@media (prefers-reduced-motion:reduce){.lcards.deal .bcard.dk,.dkfx,.dkfx-card,.dkfx-t,.bcard.dk .dk-shine,.bcard.dk.new .dk-face,.masterbox .bcard.dk .dk-face{animation:none!important}}
@media (max-width:820px){.bcard.dk .dk-face{border-radius:6px}}
/* cartas especiais: borda simples (sem moldura) */
.gcard.holo .gc-frame{display:none!important}
body.modern .gcard.holo{border-radius:14px!important;filter:drop-shadow(0 8px 18px rgba(14,11,31,.45))}
.gcard.holo .gc-in{border-radius:14px;overflow:hidden;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.5);background:#0e0b1f}
.gcard.holo .gc-art,.gcard.holo .gc-holo,.gcard.holo .gc-shade{left:0!important;right:0!important;top:0!important;bottom:0!important;inset:0!important;clip-path:none!important;border-radius:14px}
.gcard.holo .gc-shade{background:linear-gradient(180deg,rgba(14,11,31,.5) 0,transparent 18%,transparent 48%,rgba(14,11,31,.92) 78%,rgba(14,11,31,.98) 100%)!important}
.gcard.holo .gc-in::after{content:"";position:absolute;inset:0;border-radius:14px;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.55);pointer-events:none;z-index:5}
.gcard.holo .gc-when{top:5%!important;background:rgba(14,11,31,.7);border:1px solid rgba(255,255,255,.35);border-radius:999px;padding:.4em .9em}
.gcard.holo .gc-name{left:6%!important;right:6%!important;top:auto!important;bottom:5%!important;height:auto!important;background:none!important;color:#ffffff;font-size:10cqw!important;letter-spacing:.03em;line-height:1}
.gcard.holo .gc-desc{left:9%!important;right:9%!important;bottom:17%!important}
.gcard.holo:has(.gc-when.turn) .gc-in::after{box-shadow:inset 0 0 0 1.5px rgba(198,255,58,.6)}
.gcard.holo .gc-name{white-space:nowrap;font-family:'LC Display',Anton,Impact,sans-serif!important;font-weight:400!important;font-size:9cqw!important}
.gcard.holo .gc-desc{bottom:16%!important}
/* ===== animações de lance v2: faixa de transmissão ===== */
.mfx.mfx2{align-items:center;justify-content:center;overflow:hidden}
.mfx2-flash{position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--tc) 45%,transparent),transparent 65%);opacity:0;animation:m2flash var(--ms) ease both}
.mfx2-band{position:relative;display:flex;align-items:center;gap:14px;width:min(560px,92%);padding:10px 18px 10px 10px;background:linear-gradient(100deg,#0e0b1f 0%,#0e0b1f 70%,color-mix(in srgb,var(--tc) 35%,#0e0b1f) 100%);clip-path:polygon(4% 0,100% 0,96% 100%,0 100%);box-shadow:0 18px 40px rgba(14,11,31,.55);animation:m2band var(--ms) cubic-bezier(.2,.9,.25,1) both}
.mfx2-stripe{position:absolute;left:0;top:0;bottom:0;width:10px;background:var(--tc);transform:skewX(-14deg) translateX(14px)}
.mfx2-stripe::after{content:"";position:absolute;inset:0;left:14px;width:4px;background:#c6ff3a}
.mfx2-ph{position:relative;flex:0 0 auto;width:78px;height:78px;margin-left:22px;border-radius:50%;overflow:hidden;background:var(--tc);box-shadow:0 0 0 3px rgba(255,255,255,.85),0 0 0 6px var(--tc);display:grid;place-items:center;animation:m2pop var(--ms) cubic-bezier(.3,1.5,.5,1) both}
.mfx2-ph img{width:118%;height:118%;object-fit:cover;object-position:50% 12%;margin-top:14%}
.mfx2-txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;animation:m2txt var(--ms) ease both}
.mfx2-kick{font-family:var(--f-label,inherit);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#c6ff3a;font-weight:700}
.mfx2-txt b{font-family:'LC Display',Anton,Impact,sans-serif;font-weight:400;font-size:44px;line-height:.95;text-transform:uppercase;color:#ffffff;letter-spacing:.01em;text-shadow:0 3px 0 rgba(14,11,31,.35)}
.mfx2-who{display:flex;align-items:center;gap:6px;font-weight:700;font-size:14px;color:#ffffff}
.mfx2-ic{flex:0 0 auto;width:62px;height:62px;color:#ffffff;display:grid;place-items:center;animation:m2ic var(--ms) cubic-bezier(.3,1.6,.5,1) both}
.mfx2-ic svg{width:100%;height:100%}
.mfx2-card{display:block;width:40px;height:56px;border-radius:5px;box-shadow:0 6px 16px rgba(14,11,31,.5),inset 0 0 0 2px rgba(255,255,255,.35);transform-origin:50% 100%;animation:m2card var(--ms) cubic-bezier(.3,1.5,.5,1) both}
.mfx2-card.yellow{background:linear-gradient(160deg,#c6ff3a,#c6ff3a)}.mfx2-card.red{background:linear-gradient(160deg,#ff5a5a,#c4121a)}
.mfx2.k-defesa .mfx2-ic{color:#8c7bf2}.mfx2.k-trave .mfx2-ic{color:#ffffff}.mfx2.k-pen .mfx2-ic,.mfx2.k-fk .mfx2-ic{color:#c6ff3a}.mfx2.k-inj .mfx2-ic{color:#ff6b7d}.mfx2.k-var .mfx2-ic{color:#8c7bf2}
.mfx2.k-red .mfx2-txt b{color:#ff5a5a}.mfx2.k-yellow .mfx2-txt b{color:#c6ff3a}.mfx2.k-var .mfx2-txt b{color:#8c7bf2}
.mfx2.k-pen .mfx2-txt b,.mfx2.k-fk .mfx2-txt b{color:#c6ff3a}
.mfx2.k-var .mfx2-band::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(255,255,255,.06) 0 2px,transparent 2px 4px);pointer-events:none}
.mfx2.k-pen .mfx2-ic svg,.mfx2.k-fk .mfx2-ic svg{animation:m2pulse .45s ease-in-out 3 .3s}
.mfx2.k-inj .mfx2-ic svg{animation:m2pulse .6s ease-in-out 2 .3s}
.pitchwrap.shake .pitchcv{animation:m2shake .5s ease 1}
@keyframes m2band{0%{transform:translateX(-120%) skewX(-6deg);opacity:0}14%{transform:translateX(0) skewX(-6deg);opacity:1}20%{transform:none}84%{transform:none;opacity:1}100%{transform:translateX(110%) skewX(-6deg);opacity:0}}
@keyframes m2pop{0%,10%{transform:scale(0)}26%{transform:scale(1.12)}32%,100%{transform:scale(1)}}
@keyframes m2txt{0%,12%{opacity:0;transform:translateX(-24px)}28%,100%{opacity:1;transform:none}}
@keyframes m2ic{0%,18%{transform:scale(0) rotate(-30deg)}34%{transform:scale(1.2) rotate(6deg)}42%,100%{transform:none}}
@keyframes m2card{0%,16%{transform:translateY(60px) rotate(-25deg) scale(.6);opacity:0}34%{transform:translateY(-6px) rotate(8deg) scale(1.1);opacity:1}44%,100%{transform:rotate(6deg)}}
@keyframes m2flash{0%{opacity:0}12%{opacity:1}40%{opacity:.35}100%{opacity:0}}
@keyframes m2pulse{50%{transform:scale(1.18)}}
@keyframes m2shake{0%,100%{transform:scale(1.015)}20%{transform:scale(1.015) translate(-6px,2px)}40%{transform:scale(1.015) translate(6px,-2px)}60%{transform:scale(1.015) translate(-4px,1px)}80%{transform:scale(1.015) translate(3px,0)}}
@media (max-width:820px){.mfx2-band{gap:8px;padding:6px 10px 6px 6px}.mfx2-ph{width:46px;height:46px;margin-left:14px;box-shadow:0 0 0 2px rgba(255,255,255,.85),0 0 0 4px var(--tc)}.mfx2-txt b{font-size:24px}.mfx2-kick{font-size:8px}.mfx2-who{font-size:11px}.mfx2-ic{width:36px;height:36px}.mfx2-card{width:24px;height:34px}}
@media (prefers-reduced-motion:reduce){.mfx2 *{animation:none!important}}
/* legends com foto de verdade: com fundo, centralizada, sem filtro */
.pc3-legph.full{align-items:stretch}
.pc3-legph.full img,.pc3.lg-leg.holo .pc3-legph.full img{width:100%!important;height:100%!important;object-fit:cover;object-position:50% 22%;margin:0!important;filter:none!important;mix-blend-mode:normal!important;opacity:1!important}
.pc3-legfade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,11,31,.35) 0,transparent 22%,transparent 50%,rgba(14,11,31,.85) 78%,rgba(14,11,31,.95) 100%);pointer-events:none}
/* craques Legends: sem nome, foco na arte */
.pc3.lg-leg.holo .pc3-nm{display:none!important}
.pc3.lg-leg.holo .pc3-legfade{background:linear-gradient(180deg,rgba(14,11,31,.25) 0,transparent 18%,transparent 70%,rgba(14,11,31,.85) 92%,rgba(14,11,31,.95) 100%)}
/* craques Legends: arte 100% visível */
.pc3.lg-leg.holo .pc3-legph.full{z-index:2}
.pc3.lg-leg.holo .pc3-legfade{background:linear-gradient(180deg,transparent 0,transparent 82%,rgba(14,11,31,.55) 100%)!important}
.pc3.lg-leg.holo .pc3-st,.pc3.lg-leg.holo .pc3-ovr,.pc3.lg-leg.holo .pc3-tab{z-index:4}
.pc3.lg-leg.holo .pc3-st{filter:drop-shadow(0 .15em .35em rgba(14,11,31,.95)) drop-shadow(0 0 .6em rgba(14,11,31,.7))}
.pc3.lg-leg.holo .pc3-ovr{filter:drop-shadow(0 .15em .4em rgba(14,11,31,.95))}
.pc3.lg-leg.holo .pc3-sheen{opacity:.35}
.pc3.lg-leg.holo .pc3-legph.full{-webkit-mask-image:none!important;mask-image:none!important}
/* ===== liga v4: passos, jornal, negociação, animações ===== */
.lgsteps{display:flex;align-items:stretch;gap:6px;margin:6px 0 10px;flex-wrap:wrap}
.lgstep{display:flex!important;align-items:center;gap:6px;padding:8px 12px!important;border-radius:999px!important;font-size:13px!important;text-transform:none!important;letter-spacing:0!important;background:rgba(255,255,255,.06)!important;color:#ffffff!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)!important}
.lgstep .si{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:rgba(255,255,255,.1);font-size:12px}
.lgstep.ok{opacity:.7}.lgstep.ok .si{background:#c6ff3a;color:#0e0b1f;font-weight:900}
.lgstep.now{background:rgba(198,255,58,.18)!important;box-shadow:inset 0 0 0 2px #c6ff3a!important;animation:stepPulse 1.4s ease-in-out infinite}
.lgstep.opt:not(.ok){opacity:.85}
@keyframes stepPulse{50%{box-shadow:inset 0 0 0 2px #c6ff3a,0 0 16px rgba(198,255,58,.5)}}
.lgready{margin-left:auto;padding:10px 22px!important;font-size:16px!important;border-radius:999px!important}
.lgready:not(.go):not(.done){background:rgba(255,255,255,.08)!important;color:#ffffff!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.2)!important}
.lgready.go{animation:readyGlow 1.2s ease-in-out infinite}
.lgready.done{background:#2b2170!important;color:#ffffff!important}
@keyframes readyGlow{50%{box-shadow:0 0 0 4px rgba(198,255,58,.35),0 0 26px rgba(198,255,58,.6)}}
.flashme{animation:flashMe 1.2s ease 1}@keyframes flashMe{0%,100%{box-shadow:none}30%{box-shadow:0 0 0 3px #c6ff3a,0 0 24px rgba(198,255,58,.6)}}
/* ticker */
.lgticker{display:flex;align-items:center;gap:10px;margin:4px 0 6px;padding:6px 10px;border-radius:10px;background:#ffffff;color:#0e0b1f;cursor:pointer;overflow:hidden}
.lt-tag{flex:0 0 auto;font-family:'LC Display',Anton,sans-serif;font-size:14px;text-transform:uppercase;letter-spacing:.04em;background:#0e0b1f;color:#ffffff;padding:2px 8px;border-radius:6px}
.lt-track{flex:1;overflow:hidden;white-space:nowrap;mask-image:linear-gradient(90deg,transparent,#0e0b1f 4%,#0e0b1f 96%,transparent)}
.lt-run{display:inline-flex;gap:14px;animation:ltRun 38s linear infinite;font-size:13px}
.lt-run i{opacity:.4;font-style:normal}.lt-open{flex:0 0 auto;font-size:11px;font-weight:800;text-transform:uppercase;text-decoration:underline}
@keyframes ltRun{to{transform:translateX(-50%)}}
/* jornal */
.newsov{position:fixed;inset:0;z-index:90;background:rgba(14,11,31,.72);display:grid;place-items:center;padding:16px;animation:nvIn .3s ease both}
.newsov.out{animation:nvOut .3s ease both}
@keyframes nvIn{from{opacity:0}}@keyframes nvOut{to{opacity:0}}
.paper{width:min(640px,100%);max-height:calc(100dvh - 32px);overflow:auto;background:#ffffff;color:#0e0b1f;border-radius:6px;padding:18px 20px;box-shadow:0 30px 80px rgba(14,11,31,.6);font-family:Georgia,'Times New Roman',serif;animation:paperIn .7s cubic-bezier(.2,.9,.3,1.2) both;transform-origin:50% 60%}
@keyframes paperIn{0%{transform:rotate(-540deg) scale(.1);opacity:0}70%{transform:rotate(4deg) scale(1.03);opacity:1}100%{transform:rotate(0) scale(1)}}
.pp-head{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:8px;border-bottom:3px double #0e0b1f;padding-bottom:6px;margin-bottom:10px;font-size:11px;text-transform:uppercase;letter-spacing:.08em}
.pp-head span:last-child{text-align:right}.pp-head b{font-family:'LC Display',Anton,Impact,sans-serif;font-weight:400;font-size:clamp(24px,6vw,40px);letter-spacing:.02em;line-height:1}
.pp-tag{display:inline-block;font-family:Arial,sans-serif;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;background:#b8323a;color:#ffffff;padding:2px 6px;margin-bottom:4px}
.pp-main{border-bottom:1px solid #1b153055;padding-bottom:10px;margin-bottom:10px}
.pp-main h2{font-family:'LC Display',Anton,Impact,sans-serif;font-weight:400;font-size:clamp(26px,7vw,44px);line-height:1;margin:2px 0 6px;color:#0e0b1f;text-transform:none}
.pp-main p,.pp-it p{margin:0;font-size:14px;line-height:1.35;font-style:italic}
.pp-cols{display:grid;grid-template-columns:1fr 1fr;gap:10px 18px}
.pp-it{border-top:1px solid #1b153033;padding-top:6px;animation:ppIt .4s ease both}
.pp-it b{display:block;font-size:16px;line-height:1.15;margin-bottom:3px}
@keyframes ppIt{from{opacity:0;transform:translateY(8px)}}
.pp-go{margin-top:14px;width:100%}
/* negociação */
.tradebox{margin-top:14px;padding:12px;border-radius:12px;background:rgba(140,123,242,.07);box-shadow:inset 0 0 0 1px rgba(140,123,242,.25)}
.trform{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;align-items:end}
.trform label{display:flex;flex-direction:column;gap:3px;font-size:11px;text-transform:uppercase;letter-spacing:.06em;opacity:.9}
.trform select{background:#0e0b1f;color:#ffffff;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:7px;font-size:13px;min-width:0}
.trform input[type=range]{width:100%;accent-color:#c6ff3a}
.trform .trrow,.trform #bTrade{grid-column:1/-1}
.trrow{display:flex;align-items:center;justify-content:center;gap:12px;margin:6px 0}
.tpc{display:flex;align-items:center;gap:6px}.tpc>span:last-child{display:flex;flex-direction:column;line-height:1.1}.tpc small{opacity:.75;font-size:11px}
.tarr{font-size:22px;font-weight:900;color:#c6ff3a;display:flex;align-items:center;gap:2px}
.tradein{padding:10px;border-radius:10px;background:rgba(198,255,58,.12);box-shadow:inset 0 0 0 2px #c6ff3a;margin-bottom:10px;animation:tradeIn .6s cubic-bezier(.3,1.5,.5,1) both}
@keyframes tradeIn{from{transform:scale(.85);opacity:0}}
.trlist{display:flex;flex-direction:column;gap:4px;margin-top:8px}.trli{display:flex;justify-content:space-between;gap:8px;font-size:12px;padding:5px 8px;border-radius:8px;background:rgba(255,255,255,.05)}
.trli.ok b{color:#c6ff3a}.trli.no b{color:#ff6b6b}
/* animação de evento */
.lgfx{position:fixed;left:50%;top:18%;z-index:85;transform:translateX(-50%);pointer-events:none;animation:lgfx 2.3s cubic-bezier(.2,.9,.3,1.2) both}
.lgfx-in{display:flex;align-items:center;gap:14px;padding:12px 20px 12px 12px;border-radius:16px;background:linear-gradient(110deg,#0e0b1f,#2b2170);box-shadow:0 0 0 2px var(--c),0 18px 50px rgba(14,11,31,.6),0 0 40px color-mix(in srgb,var(--c) 45%,transparent);color:#ffffff;min-width:260px;max-width:92vw}
.lgfx-in b{display:block;font-family:'LC Display',Anton,Impact,sans-serif;font-weight:400;font-size:26px;text-transform:uppercase;color:var(--c);line-height:1}
.lgfx-in span{font-size:13px;opacity:.9}
.lgfx-ic{font-size:38px}.lgfx-img{display:flex;align-items:center;gap:6px}.lgfx-img i{font-style:normal;font-size:24px;color:var(--c);font-weight:900}
.lgfx-img .bcard.dk{width:70px!important}
@keyframes lgfx{0%{opacity:0;transform:translate(-50%,-30px) scale(.7)}12%{opacity:1;transform:translate(-50%,0) scale(1.06)}20%{transform:translate(-50%,0) scale(1)}82%{opacity:1;transform:translate(-50%,0)}100%{opacity:0;transform:translate(-50%,-20px)}}
@media (max-width:820px){
 body[data-phase=market] .lgsteps{gap:4px;margin:2px 0 6px;flex-wrap:nowrap;overflow-x:auto}
 body[data-phase=market] .lgstep{padding:5px 8px!important;font-size:11px!important;flex:0 0 auto}
 body[data-phase=market] .lgstep .si{width:18px;height:18px}
 body[data-phase=market] .lgready{position:fixed;left:10px;right:10px;bottom:10px;z-index:30;margin:0;padding:12px!important}
 body[data-phase=market] .mkwrap{padding-bottom:56px}
 body[data-phase=market] .lgticker{padding:4px 8px;margin:2px 0 4px}.lt-run{font-size:11px}.lt-tag{font-size:11px}
 .trform{grid-template-columns:1fr 1fr}
 .pp-cols{grid-template-columns:1fr}
 .lgfx-in b{font-size:20px}.lgfx-in{min-width:0;padding:10px 14px 10px 10px}
}
.paper .pp-main h2{color:#0e0b1f!important;font-style:normal!important;text-shadow:none!important;letter-spacing:0!important;text-transform:none!important}
.paper .pp-head{color:#0e0b1f}
body.modern .lgstep,body.modern button:not(:is(.gx *,.gd *,.xbox *,.packov *,.lc-opt,.hbt,.lgbig,.su-opt,.lb-w,.su-skip,.ox)).lgstep{min-height:0!important;height:auto!important;font-family:var(--f-body,inherit)!important;font-weight:700!important;clip-path:none!important}
body.modern .lgstep:hover:not(:disabled){background:rgba(255,255,255,.14)!important;color:#ffffff!important}
body.modern .lgready{min-height:0!important;font-size:15px!important;padding:9px 18px!important;flex:0 1 auto;white-space:nowrap}
.lgsteps{align-items:center}
.lgfx-in{max-width:min(520px,92vw)}.lgfx-in>div{min-width:0}
@media (max-width:820px){
 .pp-head{grid-template-columns:1fr;text-align:center}.pp-head span:last-child{text-align:center}
 .paper{padding:12px 14px}.pp-main h2{font-size:26px!important}
 body[data-phase=market] .mkwrap .mkarena>.a-lot{max-height:calc(100dvh - 250px);overflow:auto!important}
 .trform{grid-template-columns:minmax(0,1fr)!important}
 .trform select{width:100%}
 body.modern .lgready{position:fixed;left:10px;right:10px;bottom:10px;z-index:30;white-space:normal;font-size:14px!important}
 .lgfx{top:12%;width:92vw}.lgfx-in{min-width:0;width:100%}
}
@media (min-width:821px){.lgsteps{flex-wrap:nowrap}.lgstep{flex-direction:row!important;white-space:nowrap}}
/* salas grandes (até 16) */
@media (max-width:820px){
 body[data-phase=lobby] .plist{display:grid!important;grid-template-columns:1fr 1fr;gap:3px 4px!important}
 body[data-phase=lobby] .pl{padding:2px 5px!important}
 body[data-phase=lobby] .pl .nm{font-size:11px}
 body[data-phase=lobby] .pl svg{width:16px;height:16px}
 body[data-phase=results] .lgothers{max-height:132px;overflow:auto}
}
@media (min-width:821px){.lgothers{max-height:260px;overflow:auto}}
@media (max-width:820px){body[data-phase=lobby] .plist{gap:2px 4px!important}body[data-phase=lobby] .pl{padding:1px 5px!important;min-height:20px!important}body[data-phase=lobby] .pl .nm{font-size:10.5px;line-height:1.2}}
.spdsel{display:inline-flex;gap:2px;background:rgba(255,255,255,.06);border-radius:999px;padding:2px}
.spdsel button{padding:3px 9px!important;font-size:12px!important;border-radius:999px!important;min-height:0!important;background:transparent!important;box-shadow:none!important;color:#ffffff!important}
.spdsel button[aria-pressed=true]{background:#c6ff3a!important;color:#0e0b1f!important}
.spdtag{font-size:11px;font-weight:800;padding:2px 7px;border-radius:999px;background:rgba(255,255,255,.08)}
/* ===== vestiário: abas sempre (computador também), clube primeiro ===== */
body[data-phase=market] .mtabs{display:flex!important;gap:6px;margin:4px 0 10px}
body[data-phase=market] .mtabs button{flex:1;padding:10px!important;font-size:14px!important;border-radius:10px!important}
body[data-phase=market] .mtabs button[aria-pressed=true]{background:var(--gold,#c6ff3a)!important;color:#0e0b1f!important}
body[data-phase=market] .mkwrap{max-width:1100px;margin:0 auto}
body[data-phase=market] .mkwrap .mkarena{display:block!important}
body[data-phase=market] .mkwrap .mkarena>*{display:none!important}
body[data-phase=market] .mkwrap[data-mtab=club] .mkarena>.a-lot,body[data-phase=market] .mkwrap[data-mtab=mk] .mkarena>.a-lot{display:block!important}
body[data-phase=market] .mkwrap[data-mtab=time] .mkarena>.a-squad{display:block!important}
body[data-phase=market] .mkwrap[data-mtab=tab] .mkarena>.a-mesa{display:block!important}
body[data-phase=market] .mkwrap[data-mtab=club] .mk-win{display:none!important}
body[data-phase=market] .mkwrap[data-mtab=mk] .mk-club{display:none!important}
.clubhead{padding:4px 2px 10px}.clubhead h2{margin:2px 0;font-size:30px}.clubhead .note{margin:0}
.csec{position:relative;padding:12px 12px 12px 52px;margin-bottom:10px;border-radius:14px;background:rgba(255,255,255,.035);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.csec .cnum{position:absolute;left:12px;top:12px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-family:'LC Display',Anton,sans-serif;font-size:16px;background:#c6ff3a;color:#0e0b1f}
.csec h3{margin-top:2px}
.csec .sitbox{margin:0;background:none;padding:0}
.csec .masterbox{margin:0;padding:0;box-shadow:none!important;background:none!important}
/* cartas da liga no mesmo estilo das cartas especiais */
.lcards{display:flex!important;flex-wrap:wrap;gap:12px!important}
body.modern .gcard.holo.lgc{width:150px!important;max-width:none;flex:0 0 auto;position:relative}
body.modern .gcard.holo.lgc .gc-desc{font-size:max(9.5px,6.8cqw)!important;bottom:18%!important}
.gcard.holo.lgc.mstr .gc-in::after{box-shadow:inset 0 0 0 1.5px rgba(198,255,58,.85)!important}
.gcard.holo.lgc.mstr .gc-when{color:#c6ff3a!important;border-color:rgba(198,255,58,.6)!important}
.gcard.holo.lgc .bc-new{position:absolute;top:-6px;right:-6px;z-index:9;font-style:normal;font-size:10px;font-weight:800;text-transform:uppercase;background:var(--lime,#c6ff3a);color:#0e0b1f;padding:2px 7px;border-radius:999px}
button.gcard.holo.lgc:disabled{opacity:.45;filter:grayscale(.7)}
.masterbox .gcard.holo.lgc{width:120px!important}
.lcards.deal .gcard.lgc{animation:dkDeal .7s cubic-bezier(.2,.9,.25,1.15) both}
.lcards.deal .gcard.lgc:nth-child(2){animation-delay:.12s}.lcards.deal .gcard.lgc:nth-child(3){animation-delay:.24s}
body.modern button:not(:is(.gx *,.gd *,.xbox *,.packov *,.lc-opt,.hbt,.lgbig,.su-opt,.lb-w,.su-skip,.ox)).gcard.lgc.play{animation:dkPlay .55s ease-in forwards!important;pointer-events:none}
.dkfx-card .gcard.holo{width:100%!important;max-width:none}
.lgfx-img .gcard.holo{width:80px!important}
@media (max-width:820px){
 .clubhead h2{font-size:22px}.clubhead{padding:0 0 6px}
 .csec{padding:8px 8px 8px 40px;margin-bottom:6px}.csec .cnum{left:8px;top:8px;width:24px;height:24px;font-size:13px}
 body.modern .gcard.holo.lgc{width:104px!important}
 body.modern .gcard.holo.lgc .gc-desc{font-size:8.5px!important;line-height:1.15!important}
 .masterbox .gcard.holo.lgc{width:86px!important}
 body[data-phase=market] .lcards{flex-wrap:nowrap;overflow-x:auto}
 body[data-phase=market] .mkwrap .mkarena>.a-lot{max-height:calc(100dvh - 240px);overflow:auto!important}
}
.tbadge{display:inline-grid;place-items:center;min-width:18px;height:18px;margin-left:6px;border-radius:999px;background:#ff4d6d;color:#ffffff;font-style:normal;font-size:11px;font-weight:900;padding:0 5px;vertical-align:middle}
.tbadge.ok{background:#c6ff3a;color:#0e0b1f}
.lgsteps{justify-content:flex-end;margin:0 0 10px}
.csec.todo{box-shadow:inset 0 0 0 2px #c6ff3a,0 0 22px rgba(198,255,58,.18);background:rgba(198,255,58,.06)}
.csec.todo .cnum{animation:stepPulse 1.4s ease-in-out infinite}
.csec:not(.todo) .cnum{background:#c6ff3a}
.lgsteps .lgready{margin:0}
@media (max-width:820px){body[data-phase=market] .mtabs button{padding:8px 2px!important;font-size:12px!important}.tbadge{margin-left:3px;min-width:15px;height:15px;font-size:9px}}
/* ===================== GALERIA ===================== */
.galwrap{max-width:1180px;margin:0 auto}
.galhead h1{font-family:'LC Display',Anton,sans-serif;font-weight:400;font-size:clamp(32px,6vw,56px);margin:6px 0 4px;text-transform:uppercase}
.galprog{display:flex;align-items:baseline;gap:6px;position:relative;padding-bottom:10px;max-width:420px}
.galprog b{font-family:'LC Display',Anton,sans-serif;font-size:34px;color:#c6ff3a;font-weight:400}.galprog span{opacity:.8}
.galprog i{position:absolute;left:0;right:0;bottom:0;height:6px;border-radius:9px;background:rgba(255,255,255,.1);overflow:hidden}
.galprog i::after{content:"";position:absolute;inset:0;width:var(--p);background:linear-gradient(90deg,#8c7bf2,#c6ff3a);border-radius:9px}
.galbases{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px;margin:14px 0 8px}
.galbases .lgchip{width:auto!important}
.galfilt{display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:space-between;margin-bottom:12px}
.galfilt input{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.18);color:#ffffff;border-radius:10px;padding:8px 12px;min-width:220px}
.galgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(122px,1fr));gap:14px 10px;justify-items:center;margin-bottom:16px}
.gcell{all:unset;cursor:pointer;display:block;transition:transform .2s cubic-bezier(.2,.9,.3,1.3)}
.gcell:hover{transform:translateY(-6px) scale(1.04)}
.gcell.unk{width:118px;aspect-ratio:2160/2880;border-radius:12px;display:grid!important;place-items:center;align-content:center;gap:4px;background:repeating-linear-gradient(135deg,#0e0b1f 0 10px,#0e0b1f 10px 20px);box-shadow:inset 0 0 0 1.5px rgba(140,123,242,.35)}
.gcell.unk .gq{font-family:'LC Display',Anton,sans-serif;font-size:54px;color:rgba(255,255,255,.35);line-height:1}
.gcell.unk small{font-size:11px;letter-spacing:.12em;opacity:.5}
.gcell.nope{animation:nope .4s ease}@keyframes nope{25%{transform:translateX(-6px)}75%{transform:translateX(6px)}}
.galbtn{position:relative}.galbtn small{margin-left:auto;font-size:11px;opacity:.75;text-transform:none;letter-spacing:0}
/* detalhe */
.galov{position:fixed;inset:0;z-index:95;background:radial-gradient(circle at 30% 40%,rgba(43,33,112,.6),rgba(14,11,31,.94));display:grid;place-items:center;padding:16px;animation:nvIn .25s ease both;overflow:auto}
.galov.out{animation:nvOut .25s ease both}
.galov.th-holo{background:radial-gradient(circle at 30% 40%,rgba(140,123,242,.25),rgba(140,123,242,.12) 40%,rgba(14,11,31,.96) 75%)}
.galov.th-leg{background:radial-gradient(circle at 30% 40%,rgba(198,255,58,.35),rgba(14,11,31,.96) 70%)}
.galdet{position:relative;display:grid;grid-template-columns:auto minmax(0,420px);gap:34px;align-items:center;max-width:900px;width:100%}
.galx{position:absolute;top:-6px;right:-6px;z-index:5;width:40px;height:40px;border-radius:50%!important;padding:0!important}
.g3dwrap{perspective:1100px;display:flex;flex-direction:column;align-items:center;gap:10px;touch-action:none}
.g3d{position:relative;transform-style:preserve-3d;will-change:transform;border-radius:14px;animation:g3dIn .8s cubic-bezier(.2,.9,.3,1.2) both}
@keyframes g3dIn{from{transform:rotateY(-180deg) scale(.6);opacity:0}}
.g3d .pc3{filter:none!important;transform-style:preserve-3d;box-shadow:0 40px 70px rgba(14,11,31,.6);border-radius:4.6em}
.g3d .pc3>*{transform-style:preserve-3d}
.g3d .pc3-fr,.g3d .pc3-legph{transform:translateZ(18px)}
.g3d .pc3-tab{transform:translateZ(34px)}
.g3d .pc3-ovr{transform:translateZ(60px)}
.g3d .pc3-nm{transform:translateZ(72px)}
.g3d .pc3-st{transform:translateZ(46px)}
.g3d-glare{position:absolute;inset:0;border-radius:14px;pointer-events:none;transform:translateZ(80px);background:radial-gradient(circle at var(--mx,50%) var(--my,50%),rgba(255,255,255,.35),transparent 45%);mix-blend-mode:overlay}
.g3d-holo{position:absolute;inset:0;border-radius:14px;pointer-events:none;transform:translateZ(20px);mix-blend-mode:color-dodge;opacity:.55;background:linear-gradient(115deg,transparent 20%,rgba(140,123,242,.45) 32%,rgba(140,123,242,.45) 42%,rgba(198,255,58,.4) 52%,rgba(198,255,58,.35) 60%,transparent 72%);background-size:250% 250%;background-position:var(--mx,50%) var(--my,50%)}
.g3d-dust{position:absolute;inset:-10%;pointer-events:none;transform:translateZ(90px);background-image:radial-gradient(2px 2px at 20% 30%,#c6ff3a,transparent),radial-gradient(1.5px 1.5px at 70% 20%,#c6ff3a,transparent),radial-gradient(2px 2px at 40% 80%,#c6ff3a,transparent),radial-gradient(1.5px 1.5px at 85% 65%,#ffffff,transparent),radial-gradient(2px 2px at 10% 60%,#c6ff3a,transparent);animation:dust 6s linear infinite;opacity:.9}
@keyframes dust{to{background-position:0 -120px,0 -80px,0 -140px,0 -100px,0 -90px}}
.th-holo .g3d .pc3-nm span{animation:nmPop 2.4s ease-in-out infinite}
@keyframes nmPop{50%{transform:scale(1.06)}}
.g3d-hint{font-size:11px;letter-spacing:.14em;text-transform:uppercase;opacity:.5}
.galinfo h2{font-family:'LC Display',Anton,sans-serif;font-weight:400;font-size:clamp(30px,5vw,50px);line-height:1;margin:4px 0 8px;text-transform:uppercase}
.th-holo .galinfo h2{background:linear-gradient(100deg,#8c7bf2,#8c7bf2 35%,#c6ff3a 60%,#c6ff3a);-webkit-background-clip:text;background-clip:text;color:transparent}
.th-leg .galinfo h2{color:#c6ff3a}.th-leg .galinfo .eyebrow{color:#c6ff3a}
.galinfo h3{font-size:12px;letter-spacing:.14em;text-transform:uppercase;opacity:.7;margin:14px 0 6px}
.gtags{display:flex;gap:6px;flex-wrap:wrap}.gtags span{padding:4px 10px;border-radius:999px;background:rgba(255,255,255,.08);font-size:13px;font-weight:700}.gtags .ov{background:#c6ff3a;color:#0e0b1f}
.gbars{display:flex;flex-direction:column;gap:5px}
.gbar{display:grid;grid-template-columns:96px 1fr 28px;gap:8px;align-items:center;font-size:13px}
.gbar i{height:8px;border-radius:9px;background:rgba(255,255,255,.1);overflow:hidden}.gbar b{display:block;height:100%;width:var(--v);background:linear-gradient(90deg,#8c7bf2,#c6ff3a);border-radius:9px;animation:barIn .8s ease both}
.th-leg .gbar b{background:linear-gradient(90deg,#2b2170,#c6ff3a)}
@keyframes barIn{from{width:0}}
.gbar em{font-style:normal;font-weight:800;text-align:right}
.gpos{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}
.gpos div{display:flex;flex-direction:column;align-items:center;padding:6px 0;border-radius:8px;background:rgba(255,255,255,.05)}
.gpos b{font-family:'LC Display',Anton,sans-serif;font-weight:400;font-size:20px}.gpos small{font-size:10px;opacity:.7}
.gpos .best{background:rgba(198,255,58,.18);box-shadow:inset 0 0 0 1.5px #c6ff3a}.gpos .half b{color:#c6ff3a}.gpos .bad b{color:#ff6b6b}
.gtac{display:flex;flex-direction:column;gap:5px}
.gtac div{display:grid;grid-template-columns:110px 1fr auto;gap:8px;align-items:center;font-size:13px}
.gtac i{height:8px;border-radius:9px;background:rgba(255,255,255,.1);overflow:hidden}.gtac b{display:block;height:100%;width:var(--v);background:#8c7bf2;border-radius:9px;animation:barIn .8s ease both}
.gtac .best b{background:#c6ff3a}.gtac em{font-style:normal;font-size:10px;font-weight:800;text-transform:uppercase;color:#c6ff3a}
.gtips,.gficha{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:8px}.gficha{grid-template-columns:repeat(2,1fr)}
.gtips div,.gficha div{padding:8px;border-radius:10px;background:rgba(255,255,255,.05);display:flex;flex-direction:column;gap:2px}
.gtips small,.gficha small{font-size:10px;opacity:.65;text-transform:uppercase;letter-spacing:.08em}.gtips b,.gficha b{font-size:13px}
@media (max-width:820px){
 .galbases{grid-template-columns:repeat(4,minmax(0,1fr))}
 .galgrid{grid-template-columns:repeat(3,1fr);gap:10px 6px}
 .gcell .pc3{width:104px!important;font-size:1.04px!important}.gcell.unk{width:104px}
 .galdet{grid-template-columns:1fr;gap:14px;padding-top:30px}
 .g3d .pc3{width:230px!important;font-size:2.3px!important}
 .galov{place-items:start center}
 .galfilt input{min-width:0;width:100%}
}
@media (prefers-reduced-motion:reduce){.g3d,.g3d-dust,.gbar b,.gtac b{animation:none!important}}
.galov{background-color:#0e0b1f!important}
.galov.th-std{background-image:radial-gradient(circle at 30% 40%,rgba(140,123,242,.55),transparent 60%)!important}
.galov.th-holo{background-image:radial-gradient(circle at 25% 35%,rgba(140,123,242,.28),transparent 40%),radial-gradient(circle at 35% 60%,rgba(140,123,242,.22),transparent 45%)!important}
.galov.th-leg{background-color:#0e0b1f!important;background-image:radial-gradient(circle at 30% 40%,rgba(198,255,58,.4),transparent 60%)!important}
body.modern .gcell,body.modern button:not(:is(.gx *,.gd *,.xbox *,.packov *,.lc-opt,.hbt,.lgbig,.su-opt,.lb-w,.su-skip,.ox)).gcell{all:unset!important;cursor:pointer!important;display:block!important;transition:transform .2s cubic-bezier(.2,.9,.3,1.3)!important}
body.modern .gcell.unk{display:grid!important;width:118px!important;aspect-ratio:2160/2880!important;border-radius:12px!important;place-items:center!important;align-content:center!important;gap:4px!important;background:repeating-linear-gradient(135deg,#0e0b1f 0 10px,#0e0b1f 10px 20px)!important;box-shadow:inset 0 0 0 1.5px rgba(140,123,242,.35)!important}
body.modern .gcell:hover,body.modern .gcell:focus-visible{transform:translateY(-6px) scale(1.04)!important;background:none!important}
body.modern .gcell.unk:hover{background:repeating-linear-gradient(135deg,#2b2170 0 10px,#0e0b1f 10px 20px)!important}
@media (max-width:820px){body.modern .gcell.unk{width:104px!important}}
body.modern .galx{background:rgba(255,255,255,.12)!important}
.galov{display:block!important;padding:40px 20px!important}
.galdet{display:flex!important;flex-direction:row;align-items:flex-start;justify-content:center;gap:40px;margin:0 auto;max-width:980px}
.galdet .g3dwrap{flex:0 0 auto;position:sticky;top:20px}
.galdet .galinfo{flex:1 1 auto;max-width:460px;min-width:0}
.galx{position:fixed!important;top:14px!important;right:14px!important;left:auto!important}
@media (max-width:820px){.galov{padding:56px 14px 30px!important}.galdet{flex-direction:column;align-items:stretch;gap:16px}.galdet .g3dwrap{position:static}.galdet .galinfo{max-width:none}}

/* ================= ENTRE RODADAS · telas cheias ================= */
.lgwrap{max-width:1180px;margin:0 auto;min-height:calc(100dvh - 64px);display:flex;flex-direction:column}
.lgfull{flex:1;display:flex;flex-direction:column;gap:16px}
.enter .lgfull{animation:lgIn .45s cubic-bezier(.2,.8,.2,1) backwards}
.lgwrap:not(.enter) *{animation-delay:0s!important}
.lgwrap:not(.enter) .jn,.lgwrap:not(.enter) .jn-it,.lgwrap:not(.enter) .hbpanel{animation:none!important}
@keyframes lgIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.lgtop{display:flex;justify-content:space-between;align-items:flex-end;gap:12px}
.lgtop h1,.lc-txt h1{font-family:'LC Display',Anton,sans-serif!important;font-weight:400;font-size:clamp(30px,5vw,52px);line-height:.95;margin:4px 0 0;text-transform:uppercase;letter-spacing:.01em}
.coin.big{font-size:18px;font-weight:700;padding:6px 12px;border-radius:99px;background:rgba(255,255,255,.07)}
.lgtimer{display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px 10px;max-width:520px}
.lgtimer span{font-size:12px;letter-spacing:.14em;text-transform:uppercase;opacity:.7}
.lgtimer b{font-family:'LC Display',Anton,sans-serif;font-weight:400;font-size:26px;color:#c6ff3a}
.lgtimer i{grid-column:1/-1;height:4px;border-radius:9px;background:rgba(255,255,255,.1);overflow:hidden}
.lgtimer em{display:block;height:100%;width:100%;background:linear-gradient(90deg,#8c7bf2,#c6ff3a);transition:width .3s linear}
.lgbottom{position:sticky;bottom:0;margin-top:auto;display:flex;justify-content:flex-end;align-items:center;gap:14px;padding:14px 0 calc(6px + env(safe-area-inset-bottom));background:linear-gradient(transparent,var(--bg) 35%);z-index:5}
.lgbig{min-width:260px;font-size:18px!important;padding:16px 28px!important;border-radius:14px!important;font-family:'LC Display',Anton,sans-serif!important;font-weight:400!important;letter-spacing:.04em;text-transform:uppercase}
.lgbig.done{background:rgba(255,255,255,.1)!important;color:#ffffff!important}
.lgbig.go{animation:goPulse 1.6s ease-in-out infinite}
@keyframes goPulse{50%{box-shadow:0 0 0 8px rgba(198,255,58,.18)}}

/* 1 · decisão do clube */
.lg-club{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:clamp(20px,5vw,64px);padding:clamp(10px,3vw,40px) 0}
.lg-club.calm{grid-template-columns:1fr;text-align:center;justify-items:center;align-content:center}
.lg-club.calm .lgtimer{margin:18px auto 0;width:100%}
.lc-art{position:relative}
.lc-art::before{content:"";position:absolute;inset:-18% -24%;background:radial-gradient(circle,rgba(140,123,242,.45),transparent 62%);z-index:-1;filter:blur(10px)}
.lc-art .pc3,.lc-art .gcard{animation:lcFloat 5s ease-in-out infinite}
@keyframes lcFloat{50%{transform:translateY(-8px) rotate(-1deg)}}
.lc-txt h1{font-family:'LC Display',Anton,sans-serif;font-weight:400;font-size:clamp(32px,4.6vw,58px);line-height:.98;margin:8px 0 10px;text-transform:uppercase}
.lc-txt .lead{font-size:18px;opacity:.82;max-width:560px;margin:0 0 22px}
.lc-opts{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px}
.lc-opt{position:relative;text-align:left;display:flex;flex-direction:column;gap:6px;padding:20px 20px 18px 62px!important;border-radius:18px!important;background:rgba(255,255,255,.05)!important;border:1px solid rgba(255,255,255,.12)!important;color:#ffffff!important;min-height:120px;transition:transform .2s,background .2s,border-color .2s,opacity .2s;box-shadow:none!important}
.lc-opt:not(:disabled):hover{transform:translateY(-3px);background:rgba(140,123,242,.16)!important;border-color:rgba(140,123,242,.6)!important}
.lc-opt b{font-size:19px;line-height:1.15}.lc-opt span:not(.lc-k){font-size:14px;opacity:.75;line-height:1.35}
.lc-k{position:absolute;left:18px;top:18px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-family:'LC Display',Anton,sans-serif;font-size:16px;background:rgba(255,255,255,.1)}
.lc-opt.on{background:rgba(198,255,58,.12)!important;border-color:#c6ff3a!important}.lc-opt.on .lc-k{background:#c6ff3a;color:#0e0b1f}
.lc-opt.off{opacity:.35}
.lc-wait{color:#c6ff3a}

/* 2 · contratação */
.tf-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:20px;align-items:start}
.tf-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px}
.tfoff{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 8px 14px;border-radius:18px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);transition:transform .2s,border-color .2s}
.tfoff:hover{transform:translateY(-3px);border-color:rgba(140,123,242,.5)}
.tfoff.sold{opacity:.4}
.tf-i{display:flex;flex-direction:column;align-items:center;text-align:center;gap:2px;font-size:12px;min-height:32px}
.tf-i .up{color:#c6ff3a}.tf-i .down{opacity:.6}
.tfoff .mkbtn{width:100%;border-radius:12px!important}
.tf-closed,.tf-full{display:flex;flex-direction:column;gap:6px;padding:22px;border-radius:18px;background:rgba(255,255,255,.04);border:1px dashed rgba(255,255,255,.16)}
.tf-full{flex-direction:row;flex-wrap:wrap;align-items:center;padding:12px 14px;margin-bottom:12px;border-color:rgba(198,255,58,.5)}
.tf-full .bsell{font-size:13px;padding:6px 10px}
.tf-side{position:sticky;top:12px;display:flex;flex-direction:column;gap:12px;padding:18px;border-radius:18px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}
.tf-side h3{margin:0;font-size:15px}
.tf-side .trform{display:flex;flex-direction:column;gap:10px}
.tf-side label{display:flex;flex-direction:column;align-items:stretch;text-align:left;gap:4px;margin:0;font-size:12px;letter-spacing:.06em;text-transform:uppercase;opacity:.9}
.tf-side select{width:100%}

/* 3 · menu da rodada */
.hbgrid{display:grid;grid-template-columns:1.6fr 1fr 1fr;grid-template-rows:auto auto;gap:14px}
.hbt{position:relative;overflow:hidden;text-align:left;display:flex;flex-direction:column;gap:6px;padding:20px!important;border-radius:20px!important;background:rgba(255,255,255,.05)!important;border:1px solid rgba(255,255,255,.1)!important;color:#ffffff!important;box-shadow:none!important;transition:transform .25s,border-color .25s,background .25s;min-height:150px}
.hbt:not(:disabled):hover{transform:translateY(-4px);border-color:rgba(255,255,255,.3)!important}
.hbx-tag{font-size:11px;letter-spacing:.16em;text-transform:uppercase;opacity:.65}
.hb-play{grid-row:1/3;justify-content:space-between;background:radial-gradient(120% 90% at 50% 0%,rgba(140,123,242,.55),transparent 60%),linear-gradient(160deg,#2b2170,#0e0b1f)!important;border-color:rgba(140,123,242,.5)!important;min-height:340px}
.hb-play::after{content:"";position:absolute;inset:auto -20% -40% -20%;height:70%;background:repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 60px,transparent 60px 120px);transform:perspective(400px) rotateX(55deg);pointer-events:none}
.hbx-vs{display:flex;align-items:center;justify-content:center;gap:clamp(14px,4vw,40px);margin:auto 0}
.hbx-vs svg{filter:drop-shadow(0 10px 20px rgba(14,11,31,.45))}
.hbx-vs>b{font-family:'LC Display',Anton,sans-serif;font-weight:400;font-size:34px;opacity:.6}
.hbx-names{display:flex;justify-content:center;gap:10px;font-size:15px;text-align:center}.hbx-names span{opacity:.75}.hbx-names b::after{content:" ×";opacity:.5;font-weight:400}
.hbx-ev{align-self:center;font-size:13px;padding:5px 12px;border-radius:99px;background:rgba(255,255,255,.08)}
.hbx-cta{position:relative;z-index:1;align-self:stretch;text-align:center;padding:14px;border-radius:14px;background:#c6ff3a;color:#0e0b1f;font-family:'LC Display',Anton,sans-serif;font-size:22px;letter-spacing:.06em;text-transform:uppercase;transition:transform .2s}
.hb-play:hover .hbx-cta{transform:scale(1.02)}
.hb-news b{font-family:Newsreader,Georgia,serif;font-size:21px;line-height:1.15;font-weight:700}.hb-news>span:last-child{opacity:.7;font-size:14px}
.hb-news{background:linear-gradient(160deg,rgba(255,255,255,.1),rgba(255,255,255,.03))!important}
.hb-tab{grid-row:span 2}
.hbx-row{display:grid;grid-template-columns:18px 20px 1fr auto;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.07);font-size:14px}
.hbx-row i{font-style:normal;opacity:.6}.hbx-row em{font-style:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hbx-row.me{color:#c6ff3a}
.hb-team b{font-family:'LC Display',Anton,sans-serif;font-weight:400;font-size:28px}.hb-team .str{transform:scale(.86);transform-origin:left top}
.hbpanel{display:flex;flex-direction:column;gap:10px;animation:lgIn .35s backwards}
.hbback{align-self:flex-start}

/* 4 · jornal */
.lg-news{align-items:center;justify-content:center;padding:10px 0}
.jn{position:relative;width:min(860px,100%);background:#ffffff;color:#1a1714;border-radius:6px;padding:clamp(18px,4vw,40px);box-shadow:0 40px 90px rgba(14,11,31,.5);animation:paperIn .6s cubic-bezier(.2,.9,.3,1.15) both;font-family:Newsreader,Georgia,serif}
@keyframes paperIn{from{opacity:0;transform:rotate(-6deg) scale(.85)}to{opacity:1;transform:none}}
.jn .jn-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px;border-bottom:3px double #1a1714;padding-bottom:10px;margin-bottom:16px;font-size:12px;text-transform:uppercase;letter-spacing:.1em}
.jn .jn-head b{font-family:'LC Display',Anton,sans-serif;font-weight:400;font-size:clamp(24px,4vw,40px);letter-spacing:.02em}
.jn .jn-main h2{font-size:clamp(26px,4vw,42px);line-height:1.02;margin:6px 0 8px;font-weight:800}
.jn .jn-main p{font-size:18px;margin:0 0 16px}
.jn .jn-tag{font-family:system-ui,sans-serif;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#c8202f}
.jn .jn-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px 22px;border-top:1px solid rgba(14,11,31,.25);padding-top:14px}
.jn .jn-it{animation:lgIn .5s backwards}.jn .jn-it b{display:block;font-size:17px;line-height:1.15;margin:3px 0}.jn .jn-it p{margin:0;font-size:14px;opacity:.8}
.jn .jn-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:20px;padding-top:14px;border-top:3px double #1a1714;font-family:system-ui,sans-serif}
.jn-cd b{font-size:20px;color:#c8202f}
.jn .jn-foot .primary{background:#1a1714!important;color:#ffffff!important}

/* 5 · preleção */
.pr-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:18px;align-items:start}
.pr-team{padding:14px!important;border-radius:20px!important}
.ptacs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}
.ptac{display:grid;grid-template-columns:1fr auto auto auto;align-items:center;gap:6px;padding:8px 10px;border-radius:12px;background:rgba(255,255,255,.05)}
.ptac span{grid-column:1/-1;font-size:11px;letter-spacing:.12em;text-transform:uppercase;opacity:.6}
.ptac b{grid-column:2;min-width:90px;text-align:center;font-size:14px}
.ptac button{width:30px;height:30px;padding:0!important;border-radius:50%!important}
.ptac button:first-of-type{grid-column:1;justify-self:start}
.pr-side{display:flex;flex-direction:column;gap:14px}
.pr-block{padding:16px;border-radius:18px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}
.pr-block h3{margin:0 0 10px;font-size:15px}
.pr-block.todo{border-color:rgba(198,255,58,.55)}
.pr-block.flashme{animation:flashme .5s 2}
@keyframes flashme{50%{background:rgba(198,255,58,.18)}}
.pr-block .prels{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.bitem{display:flex;flex-direction:column;gap:4px;align-items:center}
.bitem .bsell{font-size:11px;padding:4px 8px}

@media (max-width:900px){
 .lg-club{grid-template-columns:1fr;justify-items:center;text-align:center;gap:14px;padding-top:0}
 .lc-art .pc3,.lc-art .gcard{font-size:.62em}
 .lc-txt h1{font-size:30px}.lc-txt .lead{font-size:15px;margin:0 auto 14px}
 .lc-opts{grid-template-columns:1fr}.lc-opt{min-height:0;padding:14px 14px 14px 56px!important}
 .lgtimer{margin:0 auto}
 .tf-grid,.pr-grid{grid-template-columns:1fr}
 .tf-side{position:static}
 .tf-cards{grid-template-columns:repeat(2,1fr);gap:10px}
 .hbgrid{grid-template-columns:1fr 1fr}
 .hb-play{grid-column:1/-1;grid-row:auto;min-height:260px}
 .hb-tab{grid-row:auto}
 .hbt{min-height:120px;padding:14px!important}
 .hb-news b{font-size:17px}
 .lgbottom{justify-content:stretch}.lgbig{flex:1;min-width:0}
 .pr-block .prels{grid-template-columns:1fr}
 .ptacs{grid-template-columns:1fr}
}

/* ================= GALERIA · limpa ================= */
.gx{max-width:1120px;margin:0 auto;padding-bottom:40px;animation:lgIn .4s backwards}
.gx-top{display:flex;align-items:center;gap:16px;padding:6px 0 4px}
.gx-back{width:44px;height:44px;border-radius:50%!important;padding:0!important;font-size:24px!important;line-height:1;background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.1)!important;color:#ffffff!important;box-shadow:none!important}
.gx-title{flex:1}.gx-title span{font-size:12px;letter-spacing:.18em;text-transform:uppercase;opacity:.55}
.gx-title h1{margin:0;font-family:'LC Display',Anton,sans-serif;font-weight:400;font-size:clamp(38px,6vw,64px);line-height:.92;text-transform:uppercase;letter-spacing:.01em}
.gx-ring{position:relative;width:72px;height:72px}
.gx-ring svg{width:100%;height:100%;transform:rotate(-90deg)}
.gx-ring circle{fill:none;stroke-width:5}.gx-ring .tr{stroke:rgba(255,255,255,.08)}
.gx-ring .fg{stroke:#c6ff3a;stroke-linecap:round;transition:stroke-dashoffset 1s cubic-bezier(.2,.8,.2,1)}
.gx-ring b{position:absolute;inset:0;display:grid;place-items:center;font-family:'LC Display',Anton,sans-serif;font-weight:400;font-size:22px}
.gx-ring b small{font-size:11px;opacity:.6;margin-left:1px}
.gx-ring b{display:flex;align-items:center;justify-content:center}
.gx-sub{margin:10px 0 22px;opacity:.65;font-size:15px;max-width:640px}.gx-sub b{color:#ffffff;opacity:1}
.gx-bases{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px;margin-bottom:14px}
.gx-bases::-webkit-scrollbar{display:none}
.gx-base{flex:0 0 auto;height:44px;min-width:74px;padding:0 16px!important;border-radius:12px!important;display:grid;place-items:center;background:rgba(255,255,255,.04)!important;border:1px solid rgba(255,255,255,.08)!important;color:rgba(255,255,255,.75)!important;box-shadow:none!important;font-size:13px!important;font-weight:600;letter-spacing:.04em;text-transform:uppercase;transition:background .2s,border-color .2s,color .2s}
.gx-base i{display:block;width:62px;height:26px;background:center/contain no-repeat;opacity:.55;filter:grayscale(1) brightness(1.6);transition:opacity .2s,filter .2s}
.gx-base:hover{background:rgba(255,255,255,.08)!important}
.gx-base[aria-pressed="true"]{background:#ffffff!important;color:#0e0b1f!important;border-color:#ffffff!important}
.gx-base[aria-pressed="true"] i{opacity:1;filter:none}
.gx-base.gold{color:#c6ff3a!important}.gx-base.gold[aria-pressed="true"]{background:linear-gradient(135deg,#c6ff3a,#c6ff3a)!important;color:#0e0b1f!important;border-color:transparent!important}
.gx-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:22px;padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.07)}
.gx-seg{display:inline-flex;padding:4px;border-radius:12px;background:rgba(255,255,255,.05)}
.gx-seg button{padding:7px 14px!important;border-radius:9px!important;background:transparent!important;border:0!important;color:rgba(255,255,255,.7)!important;box-shadow:none!important;font-size:13px!important;font-weight:600}
.gx-seg button[aria-pressed="true"]{background:rgba(255,255,255,.14)!important;color:#ffffff!important}
.gx-search{flex:1;min-width:180px;display:flex;align-items:center;gap:8px;height:40px;padding:0 12px;border-radius:12px;background:rgba(255,255,255,.05);border:1px solid transparent;transition:border-color .2s}
.gx-search:focus-within{border-color:rgba(140,123,242,.7)}
.gx-search svg{width:16px;height:16px;fill:none;stroke:rgba(255,255,255,.5);stroke-width:2;stroke-linecap:round;flex:none}
.gx-search input{flex:1;min-width:0;background:none!important;border:0!important;outline:0;color:#ffffff;font:inherit;font-size:14px;padding:0!important;box-shadow:none!important}
.gx-tog{display:flex;align-items:center;gap:8px;padding:8px 12px!important;border-radius:12px!important;background:transparent!important;border:0!important;color:rgba(255,255,255,.75)!important;box-shadow:none!important;font-size:13px!important}
.gx-tog i{width:32px;height:18px;border-radius:99px;background:rgba(255,255,255,.15);position:relative;transition:background .2s}
.gx-tog i::after{content:"";position:absolute;left:2px;top:2px;width:14px;height:14px;border-radius:50%;background:#ffffff;transition:transform .2s}
.gx-tog[aria-pressed="true"] i{background:#c6ff3a}.gx-tog[aria-pressed="true"] i::after{transform:translateX(14px);background:#0e0b1f}
.gx-h{font-size:13px;letter-spacing:.16em;text-transform:uppercase;opacity:.55;margin:0 0 14px;font-weight:600}
.gx-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:22px 14px;justify-items:center}
.gx-cell{position:relative;padding:0!important;background:none!important;border:0!important;box-shadow:none!important;border-radius:14px!important;animation:gxIn .5s cubic-bezier(.2,.8,.2,1) var(--d,0ms) both;transition:transform .25s cubic-bezier(.2,.8,.2,1),filter .25s}
@keyframes gxIn{from{opacity:0;transform:translateY(12px) scale(.97)}}
.gx-cell:not(.unk):hover{transform:translateY(-6px) scale(1.03);filter:drop-shadow(0 18px 26px rgba(14,11,31,.45))}
.gx-cell.unk{width:132px;aspect-ratio:.7;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:linear-gradient(160deg,rgba(255,255,255,.045),rgba(255,255,255,.015))!important;border:1px solid rgba(255,255,255,.07)!important;overflow:hidden}
.gx-sil{position:absolute;left:50%;top:22%;width:44%;aspect-ratio:1;transform:translateX(-50%);border-radius:50%;background:rgba(255,255,255,.04)}
.gx-sil::after{content:"";position:absolute;left:-40%;right:-40%;top:118%;height:120%;border-radius:50% 50% 0 0;background:rgba(255,255,255,.04)}
.gx-q{position:relative;font-family:'LC Display',Anton,sans-serif;font-size:30px;color:rgba(255,255,255,.22);margin-top:10%}
.gx-pos{position:absolute;bottom:10px;font-size:11px;letter-spacing:.14em;color:rgba(255,255,255,.3);font-weight:600}
.gx-cell.unk:hover{border-color:rgba(255,255,255,.18)!important}
.gx-cell.nope{animation:nope .35s}
@keyframes nope{25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}
.gx-empty{display:flex;flex-direction:column;align-items:center;gap:6px;padding:60px 20px;text-align:center;opacity:.7}.gx-empty b{font-size:18px}
.gx-more{display:block;margin:30px auto 0;padding:12px 26px!important;border-radius:99px!important;background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.12)!important;color:#ffffff!important;box-shadow:none!important}
.gx-more small{opacity:.55;margin-left:6px}

/* detalhe · perfil do jogador */
body.gd-open{overflow:hidden}
.gd{position:fixed;inset:0;z-index:95;overflow:auto;overflow-x:hidden;display:flex;flex-direction:column;animation:gdIn .3s ease both;--ac:#8c7bf2;color:#ffffff;font-family:'LC Body',system-ui,sans-serif}
.gd.th-holo{--ac:#8c7bf2}.gd.th-leg{--ac:#c6ff3a}
.gd.out{animation:gdOut .26s ease both}.gd.navr,.gd.navl{animation:none}
@keyframes gdIn{from{opacity:0}}@keyframes gdOut{to{opacity:0}}
.gd-bg{position:fixed;inset:0;background:#0e0b1f;overflow:hidden}
.gd-bg i{position:absolute;inset:-10%;background:center 20%/cover no-repeat;filter:blur(40px) saturate(.7);opacity:.28;transform:scale(1.1)}
.gd-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0e0b1f 0,rgba(14,11,31,.85) 40%,rgba(14,11,31,.35) 100%),linear-gradient(0deg,#0e0b1f 0,transparent 35%)}
.gd.th-leg .gd-bg{background:#0e0b1f}.gd.th-leg .gd-bg::after{background:linear-gradient(90deg,#0e0b1f 0,rgba(14,11,31,.85) 40%,rgba(14,11,31,.35)),linear-gradient(0deg,#0e0b1f,transparent 35%)}
.gd-nav{position:relative;z-index:3;display:flex;align-items:center;gap:12px;max-width:1180px;width:100%;margin:0 auto;padding:18px 24px 0}
.gd-btn{display:inline-flex;align-items:center;gap:10px;padding:8px 14px 8px 8px!important;background:none!important;border:0!important;box-shadow:none!important;color:#ffffff!important;font-size:15px!important;font-weight:500;letter-spacing:.01em}
.gd-btn span{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.1);font-size:18px;transition:background .2s}
.gd-btn:hover span{background:rgba(255,255,255,.2)}
.gd-btn.round{width:40px;height:40px;padding:0!important;justify-content:center;border-radius:50%!important;background:rgba(255,255,255,.08)!important;font-size:18px!important}
#gdNext{padding:8px 8px 8px 14px!important}
.gd-btn:disabled{opacity:.3}
.gd-count{margin-left:auto;font-size:13px;opacity:.45;letter-spacing:.08em}
.gd-pn{display:flex;align-items:center;gap:6px}
.gd-in{position:relative;z-index:1;flex:1;max-width:1180px;width:100%;margin:0 auto;padding:10px 24px 0;display:grid;grid-template-columns:minmax(0,440px) minmax(0,1fr);gap:24px;align-items:stretch}
.gd-info{align-self:center;padding:20px 0 30px;animation:gdInfo .55s cubic-bezier(.2,.8,.2,1) both}
.navl .gd-info{animation-name:gdInfoL}
@keyframes gdInfo{from{opacity:0;transform:translateX(-22px)}}@keyframes gdInfoL{from{opacity:0;transform:translateX(22px)}}
.gd-kind{display:inline-flex;align-items:center;gap:8px;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--ac);font-weight:600}
.gd-kind i{width:4px;height:4px;border-radius:50%;background:currentColor;opacity:.6}
.gd-info h2{margin:10px 0 16px;font-family:'LC Display',Anton,sans-serif;font-weight:400;font-size:clamp(48px,7vw,92px);line-height:.88;text-transform:uppercase;letter-spacing:.005em}
.gd-info h2 small{display:block;font-family:'LC Body',system-ui,sans-serif;font-weight:300;font-size:.3em;letter-spacing:.02em;text-transform:none;opacity:.85;margin-bottom:6px}
.gd.th-holo .gd-info h2{background:linear-gradient(100deg,#ffffff,#8c7bf2 45%,#c6ff3a 80%);-webkit-background-clip:text;background-clip:text;color:transparent}
.gd.th-leg .gd-info h2{color:#c6ff3a}
.gd-chips{display:flex;align-items:center;gap:12px;font-size:15px;padding-bottom:18px;margin-bottom:18px;border-bottom:1px solid rgba(255,255,255,.1)}
.gd-chips svg{flex:none}
.gd-pos{font-family:'LC Display',Anton,sans-serif;font-size:18px;padding:3px 10px;border-radius:8px;background:rgba(255,255,255,.1)}
.gd-sep{width:1px;height:18px;background:rgba(255,255,255,.2)}
.gd-facts{display:grid;grid-template-columns:1fr 1fr;gap:14px 20px;margin-bottom:24px}
.gd-facts small{display:block;font-size:11px;letter-spacing:.12em;text-transform:uppercase;opacity:.5;margin-bottom:3px}
.gd-facts b{font-size:16px;font-weight:600}
.gd-tabs{position:relative;display:flex;gap:24px;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:18px}
.gd-tabs button{padding:0 0 12px!important;background:none!important;border:0!important;box-shadow:none!important;color:rgba(255,255,255,.45)!important;font-size:14px!important;font-weight:600;border-radius:0!important;transition:color .2s}
.gd-tabs button[aria-selected="true"]{color:#ffffff!important}
.gd-ink{position:absolute;left:0;bottom:-1px;height:2px;width:0;background:var(--ac);transition:transform .3s cubic-bezier(.2,.8,.2,1),width .3s}
.gd-panes{min-height:260px}.gd-panes section{animation:lgIn .35s backwards}
.gd-radar{display:block;width:100%;max-width:300px;margin:0 auto;overflow:visible}
.gd-radar .rg{fill:none;stroke:rgba(255,255,255,.1);stroke-width:1}
.gd-radar .rv{fill:color-mix(in srgb,var(--ac) 26%,transparent);stroke:var(--ac);stroke-width:2;stroke-linejoin:round;transform-origin:100px 100px;animation:rad .7s cubic-bezier(.2,.9,.3,1.2) both}
@keyframes rad{from{transform:scale(.2);opacity:0}}
.gd-radar .rd{fill:var(--ac)}
.gd-radar text{fill:rgba(255,255,255,.5);font-size:10px;letter-spacing:.12em;text-anchor:middle;font-family:'LC Body',system-ui,sans-serif;font-weight:600}
.gd-radar text.n{fill:#ffffff;font-size:14px;font-family:'LC Display',Anton,sans-serif;letter-spacing:0;font-weight:400}
.gd-pitch{position:relative;width:100%;max-width:240px;aspect-ratio:.8;margin:0 auto;border-radius:14px;border:1px solid rgba(255,255,255,.12)}
.gd-pitch .pl{position:absolute;left:0;right:0;top:50%;border-top:1px solid rgba(255,255,255,.1)}
.gd-pitch .pc{position:absolute;left:50%;top:50%;width:26%;aspect-ratio:1;border:1px solid rgba(255,255,255,.1);border-radius:50%;transform:translate(-50%,-50%)}
.gd-pitch .pb{position:absolute;left:28%;right:28%;bottom:0;height:14%;border:1px solid rgba(255,255,255,.1);border-bottom:0}
.gd-dot{position:absolute;transform:translate(-50%,-50%);width:40px;height:40px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(14,11,31,.9);border:1px solid rgba(255,255,255,.16)}
.gd-dot b{font-family:'LC Display',Anton,sans-serif;font-weight:400;font-size:15px;line-height:1}
.gd-dot small{font-size:7px;letter-spacing:.1em;opacity:.6}
.gd-dot.best{background:var(--ac);border-color:var(--ac);color:#0e0b1f;box-shadow:0 0 0 5px color-mix(in srgb,var(--ac) 22%,transparent)}
.gd-dot.ok{border-color:color-mix(in srgb,var(--ac) 60%,transparent)}.gd-dot.bad{opacity:.4}
.gd-cap{text-align:center;font-size:13px;opacity:.6;margin:12px 0 0}.gd-cap b{color:#ffffff}
.gd-tac{display:flex;flex-direction:column;gap:14px;padding-top:6px}
.gd-tac>div{display:grid;grid-template-columns:110px 1fr 64px;align-items:center;gap:12px;font-size:14px}
.gd-tac i{height:6px;border-radius:9px;background:rgba(255,255,255,.08);overflow:hidden}
.gd-tac i b{display:block;height:100%;width:var(--v);border-radius:9px;background:rgba(255,255,255,.4);animation:barIn .8s cubic-bezier(.2,.8,.2,1) both}
@keyframes barIn{from{width:0}}
.gd-tac em{font-style:normal;text-align:right;font-size:12px;opacity:.55}
.gd-tac .best i b{background:var(--ac)}.gd-tac .best em{opacity:1;color:var(--ac);font-weight:600}
/* herói */
.gd-hero{position:relative;min-height:520px;display:flex;align-items:flex-end;justify-content:center}
.gd-disc{position:absolute;left:50%;bottom:6%;width:min(78%,520px);aspect-ratio:1;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--cc) 55%,transparent),color-mix(in srgb,var(--ac) 18%,transparent) 55%,transparent 72%);filter:blur(6px);animation:discIn .8s cubic-bezier(.2,.8,.2,1) both}
@keyframes discIn{from{opacity:0;transform:translateX(-50%) scale(.7)}}
.gd-ph{position:relative;z-index:1;max-height:min(74vh,640px);max-width:100%;object-fit:contain;object-position:bottom;filter:drop-shadow(0 30px 40px rgba(14,11,31,.5));animation:phIn .7s .05s cubic-bezier(.2,.8,.2,1) both;-webkit-mask-image:linear-gradient(#0e0b1f 82%,transparent);mask-image:linear-gradient(#0e0b1f 82%,transparent)}
.navl .gd-ph{animation-name:phInL}
@keyframes phIn{from{opacity:0;transform:translateX(40px) scale(.97)}}@keyframes phInL{from{opacity:0;transform:translateX(-40px) scale(.97)}}
.gd-hero.legph{align-items:center}
.gd-hero.legph .gd-ph{width:min(440px,90%);max-height:none;aspect-ratio:.78;object-fit:cover;object-position:center 30%;border-radius:28px;-webkit-mask-image:radial-gradient(120% 100% at 50% 35%,#0e0b1f 55%,transparent 78%);mask-image:radial-gradient(120% 100% at 50% 35%,#0e0b1f 55%,transparent 78%)}
.gd-stage{position:absolute;z-index:2;right:2%;bottom:10%;perspective:900px;touch-action:none;animation:stIn .7s .2s cubic-bezier(.2,.9,.3,1.2) both}
@keyframes stIn{from{opacity:0;transform:translateY(30px) rotate(8deg)}}
.gd-hero.noph{align-items:center}.gd-hero.noph .gd-stage{position:relative;right:auto;bottom:auto}
/* stats rodapé */
.gd-stats{position:relative;z-index:2;max-width:1180px;width:100%;margin:0 auto;display:grid;grid-template-columns:1.1fr repeat(5,1fr);border-top:1px solid rgba(255,255,255,.1);background:rgba(14,11,31,.55);backdrop-filter:blur(12px)}
.gd-stats>div{padding:16px 24px 18px;display:flex;flex-direction:column;gap:4px}
.gd-stats>div+div{border-left:1px solid rgba(255,255,255,.07)}
.gd-stats small{font-size:11px;letter-spacing:.14em;text-transform:uppercase;opacity:.5}
.gd-stats b{font-family:'LC Display',Anton,sans-serif;font-weight:400;font-size:30px;line-height:1}
.gd-stats .main b{font-size:44px;color:var(--ac)}
.gd-stats i{height:3px;border-radius:9px;background:rgba(255,255,255,.08);overflow:hidden;margin-top:6px}
.gd-stats i em{display:block;height:100%;width:var(--v);background:rgba(255,255,255,.55);border-radius:9px;animation:barIn .9s .2s cubic-bezier(.2,.8,.2,1) both}
@media (max-width:820px){
 .gx-ring{width:58px;height:58px}.gx-ring b{font-size:18px}
 .gx-bar{gap:8px}.gx-seg{width:100%;justify-content:space-between}.gx-seg button{flex:1;padding:7px 4px!important}
 .gx-grid{grid-template-columns:repeat(3,1fr);gap:14px 8px}
 .gx-cell .pc3{font-size:.78em}.gx-cell.unk{width:100%}
 .gd-nav{padding:12px 14px 0}.gd-count{display:none}.gd-pn{margin-left:auto}
 #gdNext{font-size:0!important;padding:0!important}#gdNext span{font-size:18px}
 .gd-in{grid-template-columns:1fr;padding:0 18px;gap:0}
 .gd-hero{order:-1;min-height:0;height:46vh;margin:0 -18px}
 .gd-ph{max-height:100%}
 .gd-hero.legph .gd-ph{width:auto;height:100%;border-radius:0}
 .gd-stage{right:14px;bottom:4%}.gd-stage .pc3{font-size:.62em}
 .gd-info{padding:0 0 20px;margin-top:-34px;position:relative;z-index:3}
 .gd-info h2{font-size:52px}
 .gd-facts b{font-size:15px}
 .gd-stats{grid-template-columns:repeat(3,1fr)}
 .gd-stats>div{padding:12px 14px}.gd-stats>div:nth-child(4){border-left:0}
 .gd-stats>div:nth-child(n+4){border-top:1px solid rgba(255,255,255,.07)}
 .gd-stats b{font-size:24px}.gd-stats .main b{font-size:32px}
 .gd-tac>div{grid-template-columns:90px 1fr 56px}
}

.hb-play{min-height:420px}.hbgrid .hbt{min-height:200px}
.hb-tab{background:rgba(255,255,255,.05)!important;color:#ffffff!important}
.jn{text-align:left}.jn h2{text-align:left;font-family:Newsreader,Georgia,serif}
.jn-tag:empty{display:none}
.lg-prel .pr-grid{padding-bottom:20px}
.lc-txt .lgtimer{max-width:none}
.lgwrap{overflow-x:clip}
.tf-side label{align-items:stretch!important;justify-content:flex-start!important}
.tf-side label>select,.tf-side label>input{width:100%!important;margin:0!important;align-self:stretch}
.lgbig:not(.done){background:#c6ff3a!important;color:#0e0b1f!important;border:0!important}
.jn h2,.jn b,.jn p{color:#1a1714!important;-webkit-text-fill-color:#1a1714;text-shadow:none!important}
.jn .jn-tag{color:#c8202f!important;-webkit-text-fill-color:#c8202f}
@media (max-width:700px){
 .lgtop{flex-wrap:wrap;align-items:flex-start}
 .lgtop h1{font-size:30px}
 .lgtop .iconbtn{display:none}
 .lgtop>div:first-child{flex:1 1 100%}
 .lgtop>.row{order:-1;width:100%;justify-content:flex-end}
 .lc-art::before{inset:-10%}
 .hb-play{min-height:250px}.hbgrid .hbt{min-height:0}
 .hbx-vs svg{width:64px;height:64px}
 .hb-news b{font-size:16px}
 .hb-team .str{transform:none}.hb-team .str{display:grid;grid-template-columns:repeat(5,1fr);gap:0}.hb-team .str b{font-size:18px}.hb-team .str small{font-size:8px}
 .jn-head{flex-direction:column;align-items:center!important;text-align:center;gap:2px}
 .jn-foot{flex-direction:column;align-items:stretch!important}
 .jn h2{font-size:26px!important}
}
.tf-side .trform label{display:grid!important;grid-template-columns:1fr;justify-items:stretch;text-align:left!important;width:100%}
.tf-side .trform label b{justify-self:start}
@media (max-width:700px){.hb-team{grid-column:1/-1}.hb-tab{grid-row:span 2}}

/* reset de títulos nas telas novas */
html body :is(.gx-title h1,.gd-info h2,.lgtop h1,.lc-txt h1,.jn h2,.jn-head b){font-style:normal;filter:none;text-shadow:none;transform:none;letter-spacing:.01em;padding-right:0}
html body :is(.gx-title h1,.lgtop h1,.lc-txt h1){background:none;-webkit-background-clip:initial;background-clip:initial;color:#ffffff;text-align:left}
html body .gd-info h2{text-align:left;font-family:'LC Display',Anton,sans-serif;font-weight:400}
html body .gd.th-std .gd-info h2{background:none;color:#ffffff;-webkit-text-fill-color:#ffffff}
html body .gd.th-leg .gd-info h2{background:none;color:#c6ff3a;-webkit-text-fill-color:#c6ff3a}
html body .gd.th-holo .gd-info h2{background:linear-gradient(100deg,#ffffff,#8c7bf2 45%,#c6ff3a 80%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
html body .lg-club.calm .lc-txt h1{text-align:center}
html body .jn h2{font-family:Newsreader,Georgia,serif!important;text-align:left;text-transform:none}
@media (max-width:900px){html body .lc-txt h1{text-align:center}}
:where(.gx,.gd) button,:where(.lc-opt,.hbt){cursor:pointer;font-family:'LC Body',system-ui,sans-serif;text-transform:none;letter-spacing:normal}
.gx button::after,.gd button::after{display:none}

/* herói = a carta */
.gd-hero{align-items:center!important}
.gd-hero .gd-stage{position:relative;right:auto;bottom:auto;padding:30px}
.gd-disc{bottom:auto;top:50%;transform:translate(-50%,-50%);width:min(90%,560px)}
@keyframes discIn{from{opacity:0;transform:translate(-50%,-50%) scale(.7)}}
.gd-hero::after{content:"";position:absolute;left:50%;bottom:8%;width:240px;height:28px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(rgba(14,11,31,.7),transparent 70%);filter:blur(6px)}
@media (max-width:820px){.gd-hero{height:auto;min-height:0;padding:10px 0 40px}.gd-hero .gd-stage{padding:10px}.gd-info{margin-top:0}.gd-hero::after{bottom:16px}}
html body label.gx-search{display:flex!important;flex-direction:row!important;align-items:center!important;margin:0}
html body .gx-search input{height:38px;text-align:left}
html body .gx-base{padding:0 16px!important;overflow:hidden}
html body .gx-base:has(i){padding:0!important;width:96px}
html body .gx-base i{width:100%;height:100%;background-size:cover;filter:saturate(.4) brightness(.8);opacity:.75}
html body .gx-base[aria-pressed="true"]:has(i){box-shadow:0 0 0 2px #ffffff!important}
html body .gx-base[aria-pressed="true"] i{filter:none;opacity:1}
.gd-btn em{font-style:normal}
@media (max-width:820px){html body .gd-nav{padding:12px 14px 0}html body #gdNext{padding:0!important;width:40px;height:40px;justify-content:center}html body #gdNext em{display:none}html body .gd-pn{margin-left:auto;gap:8px}
 html body .gx-grid{grid-template-columns:repeat(3,1fr);gap:12px 6px}html body .gx-cell.unk{width:104px}}
/* fundos do perfil */
html body .gd-bg{background:#0e0b1f}
html body .gd-bg::after{display:none}
html body .gd-bg>i{position:absolute;inset:0;filter:none;opacity:1;transform:none}
.gd-lcbg{background:linear-gradient(115deg,rgba(14,11,31,.92) 0%,rgba(43,33,112,.55) 50%,rgba(14,11,31,.85) 100%),var(--img-bg,none) center 30%/cover no-repeat,#0e0b1f}
.gd-bru{position:absolute;pointer-events:none;opacity:.55}
.gd-bru-tl{top:0;left:0;width:min(30vw,380px)}
.gd-bru-tr_lime{top:0;right:0;width:min(16vw,220px)}
.gd-bru-b{right:0;bottom:0;width:min(46vw,620px);opacity:.7}
.gd-vig{background:linear-gradient(0deg,rgba(14,11,31,.9) 0,transparent 30%),linear-gradient(90deg,rgba(14,11,31,.75) 0,transparent 55%)}
/* craque: o mesmo fundo em preto e roxo */
html body .gd.th-holo .gd-bg{background:#0e0b1f}
.gd.th-holo .gd-lcbg{filter:grayscale(1) contrast(1.15) brightness(.55)}
.gd.th-holo .gd-bru{filter:grayscale(1) brightness(.6);opacity:.5}
.gd.th-holo .gd-vig{background:linear-gradient(0deg,#0e0b1f 0,transparent 35%),linear-gradient(90deg,rgba(14,11,31,.85) 0,transparent 60%),radial-gradient(80% 70% at 70% 40%,rgba(140,123,242,.35),transparent 70%),rgba(43,33,112,.18)}
/* lenda: a foto no fundo, estilo pôster */
html body .gd.th-leg .gd-bg{background:#0e0b1f}
html body .gd-bg .gd-legbg{left:auto!important;width:min(70vw,1100px);background:center 20%/cover no-repeat;filter:saturate(.75) brightness(.8)!important;-webkit-mask-image:linear-gradient(90deg,transparent 0,#0e0b1f 40%);mask-image:linear-gradient(90deg,transparent 0,#0e0b1f 40%)}
.gd.th-leg .gd-vig{background:linear-gradient(0deg,#0e0b1f 0,transparent 40%),linear-gradient(90deg,#0e0b1f 0,rgba(14,11,31,.75) 35%,transparent 70%),linear-gradient(180deg,rgba(14,11,31,.6),transparent 20%)}
.gd.th-leg .gd-hero{justify-content:flex-end}
.gd.th-leg .gd-hero::after{display:none}
.gd-disc{display:none}
/* holográfico mais sutil no perfil */
.gd .g3d-holo{opacity:.16;mix-blend-mode:soft-light}
.gd .g3d-glare{background:radial-gradient(circle at var(--mx,50%) var(--my,50%),rgba(255,255,255,.18),transparent 50%)}
.gd .pc3.holo{filter:drop-shadow(0 1.6em 2.4em rgba(14,11,31,.55))}
.gd .pc3.holo .pc3-sheen{opacity:.3}
.gd .pc3.holo .pc3-phfoil{opacity:.25}
.gd .pc3.holo .pc3-fr{box-shadow:none}
.gd .pc3.holo .pc3-hb,.gd .pc3.holo .pc3-foil{opacity:.35}
.gd .g3d-dust{opacity:.5}
@media (max-width:820px){.gd-legbg{width:100%;-webkit-mask-image:linear-gradient(180deg,#0e0b1f 30%,transparent 75%);mask-image:linear-gradient(180deg,#0e0b1f 30%,transparent 75%)}.gd.th-leg .gd-vig{background:linear-gradient(0deg,#0e0b1f 25%,transparent 70%)}.gd.th-leg .gd-hero{justify-content:center}}
html body .gd-bg .gd-lcbg{background:linear-gradient(115deg,rgba(14,11,31,.78) 0%,rgba(43,33,112,.3) 55%,rgba(14,11,31,.6) 100%),var(--img-bg,none) center 30%/cover no-repeat,#0e0b1f}
.gd.th-std .gd-vig{background:linear-gradient(0deg,rgba(14,11,31,.85) 0,transparent 25%),linear-gradient(90deg,rgba(14,11,31,.6) 0,transparent 45%)}
html body .gd.th-holo .gd-bg .gd-lcbg{filter:grayscale(1) contrast(1.1) brightness(.85)!important}
.gd.th-holo .gd-vig{background:linear-gradient(0deg,#0e0b1f 0,transparent 30%),linear-gradient(90deg,rgba(14,11,31,.75) 0,transparent 55%),linear-gradient(160deg,rgba(140,123,242,.35),rgba(14,11,31,.25) 60%,rgba(14,11,31,.4))}
html body .gd-bg .gd-lclogo{left:auto;right:6%;top:50%;bottom:auto;width:min(46vw,620px);height:min(46vw,620px);transform:translateY(-55%)!important;background:center/contain no-repeat;opacity:.22!important;filter:drop-shadow(0 0 40px rgba(140,123,242,.5))!important;z-index:0}
@media (max-width:820px){html body .gd-bg .gd-lclogo{right:50%;top:22%;width:86vw;height:86vw;transform:translate(50%,-40%)!important}}

/* ================= SKINS DAS LENDAS ================= */
.pc3-sk{position:absolute;z-index:5;right:6.5%;top:9.6%;pointer-events:none}
.pc3-sk span{display:block;font-family:'LC Display',Anton,sans-serif;font-size:4.4em;line-height:1;letter-spacing:.06em;text-transform:uppercase;padding:.25em .5em .2em;border-radius:.3em;background:rgba(14,11,31,.72);color:#c6ff3a;box-shadow:0 0 0 .08em rgba(198,255,58,.6)}
.pc3-legph::after{content:none}
/* L'art: moldura de quadro */
.pc3.sk-lart .pc3-legph{border-radius:1.2em;left:3%;right:3%;top:3%;bottom:3%}
.pc3.sk-lart .pc3-legph::after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;border:5.2em solid transparent;
  border-image:linear-gradient(135deg,#c6ff3a 0%,#c6ff3a 14%,#2b2170 26%,#c6ff3a 40%,#2b2170 52%,#c6ff3a 66%,#2b2170 80%,#c6ff3a 92%,#2b2170 100%) 1;
  box-shadow:inset 0 0 0 .55em #0e0b1f,inset 0 0 0 1em #c6ff3a,inset 0 0 0 1.35em #0e0b1f,inset 0 0 3em 1.8em rgba(14,11,31,.65)}
.pc3.sk-lart .pc3-legph::before{content:"";position:absolute;inset:0;z-index:4;pointer-events:none;border-radius:inherit;
  background:repeating-linear-gradient(90deg,rgba(255,255,255,.07) 0 .25em,transparent .25em .9em),repeating-linear-gradient(0deg,rgba(14,11,31,.08) 0 .2em,transparent .2em 1.1em);
  -webkit-mask:linear-gradient(#0e0b1f 0 0) top/100% 5.2em no-repeat,linear-gradient(#0e0b1f 0 0) bottom/100% 5.2em no-repeat,linear-gradient(#0e0b1f 0 0) left/5.2em 100% no-repeat,linear-gradient(#0e0b1f 0 0) right/5.2em 100% no-repeat;
  mask:linear-gradient(#0e0b1f 0 0) top/100% 5.2em no-repeat,linear-gradient(#0e0b1f 0 0) bottom/100% 5.2em no-repeat,linear-gradient(#0e0b1f 0 0) left/5.2em 100% no-repeat,linear-gradient(#0e0b1f 0 0) right/5.2em 100% no-repeat}
.pc3.sk-lart .pc3-tab{top:.6%}
.pc3.sk-lart .pc3-sk{right:auto;left:50%;top:auto;bottom:.9%;transform:translateX(-50%)}
.pc3.sk-lart .pc3-sk span{background:linear-gradient(180deg,#c6ff3a,#c6ff3a 55%,#2b2170);color:#0e0b1f;box-shadow:0 .2em .5em rgba(14,11,31,.6),inset 0 .08em 0 rgba(255,255,255,.6);font-size:3.6em;letter-spacing:.14em}
.pc3.sk-lart .pc3-st{top:83%}
/* Atemporal: cromado azul/roxo, fino */
.pc3.sk-atemporal .pc3-legph::after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;border-radius:inherit;padding:1.6em;
  background:linear-gradient(160deg,#ffffff,#8c7bf2 22%,#2b2170 45%,#ffffff 62%,#8c7bf2 80%,#ffffff);
  -webkit-mask:linear-gradient(#0e0b1f 0 0) content-box exclude,linear-gradient(#0e0b1f 0 0);mask:linear-gradient(#0e0b1f 0 0) content-box exclude,linear-gradient(#0e0b1f 0 0);
  -webkit-mask-composite:xor;box-shadow:inset 0 0 2em rgba(140,123,242,.5)}
.pc3.sk-atemporal .pc3-sk span{background:linear-gradient(120deg,#0e0b1f,#2b2170);color:#8c7bf2;box-shadow:0 0 0 .08em #8c7bf2,0 0 1em rgba(140,123,242,.5)}
/* GOAT: ouro maciço com faixa preta e brilho */
.pc3.sk-goat{filter:drop-shadow(0 1.6em 2.4em rgba(14,11,31,.55)) drop-shadow(0 0 2.2em rgba(198,255,58,.45))}
.pc3.sk-goat .pc3-legph::after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;border-radius:inherit;padding:2.6em;
  background:conic-gradient(from 210deg,#ffffff,#c6ff3a,#2b2170,#c6ff3a,#c6ff3a,#c6ff3a,#2b2170,#c6ff3a,#ffffff);
  -webkit-mask:linear-gradient(#0e0b1f 0 0) content-box exclude,linear-gradient(#0e0b1f 0 0);mask:linear-gradient(#0e0b1f 0 0) content-box exclude,linear-gradient(#0e0b1f 0 0);-webkit-mask-composite:xor}
.pc3.sk-goat .pc3-legph{box-shadow:inset 0 0 0 3.4em #0e0b1f}
.pc3.sk-goat .pc3-sk span{background:linear-gradient(180deg,#c6ff3a,#c6ff3a 60%,#c6ff3a);color:#0e0b1f;font-size:5em;letter-spacing:.1em;box-shadow:0 .2em .6em rgba(14,11,31,.6)}
.pc3.sk-goat .pc3-sk span::before{content:"♛ "}
/* Ballon d'Or: ouro com brilho da bola */
.pc3.sk-ballon .pc3-legph::after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;border-radius:inherit;padding:2em;
  background:radial-gradient(circle at 30% 20%,#ffffff,transparent 30%),linear-gradient(145deg,#c6ff3a,#c6ff3a 30%,#c6ff3a 50%,#c6ff3a 70%,#c6ff3a);
  -webkit-mask:linear-gradient(#0e0b1f 0 0) content-box exclude,linear-gradient(#0e0b1f 0 0);mask:linear-gradient(#0e0b1f 0 0) content-box exclude,linear-gradient(#0e0b1f 0 0);-webkit-mask-composite:xor}
.pc3.sk-ballon .pc3-sk span{background:linear-gradient(180deg,#ffffff,#c6ff3a 60%,#c6ff3a);color:#0e0b1f}
/* Memories: polaroid sépia */
.pc3.sk-memories .pc3-legph{border-radius:.8em;box-shadow:inset 0 0 0 2.4em #ffffff}
.pc3.sk-memories .pc3-legph img{filter:sepia(.35) contrast(1.05)!important}
.pc3.sk-memories .pc3-sk span{background:#ffffff;color:#0e0b1f}
/* seletor de skins no perfil */
.gd-skins{margin:0 0 22px}
.gd-skins>small{display:block;font-size:11px;letter-spacing:.14em;text-transform:uppercase;opacity:.5;margin-bottom:8px}
.gd-skrow{display:flex;gap:8px;flex-wrap:wrap}
html body .gd-sk{display:flex;align-items:center;gap:10px;padding:6px 12px 6px 6px!important;border-radius:14px!important;background:rgba(255,255,255,.05)!important;border:1px solid rgba(255,255,255,.1)!important;box-shadow:none!important;color:#ffffff!important;transition:border-color .2s,background .2s,transform .2s}
html body .gd-sk:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--sc) 60%,transparent)!important}
html body .gd-sk.on{border-color:var(--sc)!important;background:color-mix(in srgb,var(--sc) 14%,transparent)!important;box-shadow:0 0 0 1px var(--sc) inset!important}
.gd-sk i{width:38px;height:38px;border-radius:10px;background:#0e0b1f center/cover;display:grid;place-items:center;box-shadow:0 0 0 1.5px var(--sc)}
.gd-sk i svg{width:16px;height:16px;fill:none;stroke:rgba(255,255,255,.6);stroke-width:1.8}
.gd-sk span{display:flex;flex-direction:column;align-items:flex-start;line-height:1.1}
.gd-sk b{font-size:14px;font-weight:700}.gd-sk em{font-style:normal;font-size:11px;color:var(--sc);opacity:.9}
html body .gd-sk.lock{opacity:.55}.gd-sk.lock i{background:repeating-linear-gradient(45deg,rgba(255,255,255,.05) 0 4px,transparent 4px 8px)}
/* skins especiais: arte inteira como os craques, sem nome */
.pc3.lg-leg:is(.sk-lart,.sk-atemporal,.sk-goat,.sk-ballon,.sk-memories) .pc3-nm{display:none!important}
.pc3.lg-leg:is(.sk-lart,.sk-atemporal,.sk-goat,.sk-ballon,.sk-memories) .pc3-legph{-webkit-mask-image:none!important;mask-image:none!important;z-index:2}
.pc3.lg-leg:is(.sk-lart,.sk-atemporal,.sk-goat,.sk-ballon,.sk-memories) .pc3-legfade{background:linear-gradient(180deg,transparent 0,transparent 78%,rgba(14,11,31,.6) 100%)!important}
.pc3.lg-leg:is(.sk-lart,.sk-atemporal,.sk-goat,.sk-ballon,.sk-memories) :is(.pc3-st,.pc3-ovr,.pc3-tab){z-index:4}
.pc3.lg-leg:is(.sk-lart,.sk-atemporal,.sk-goat,.sk-ballon,.sk-memories) .pc3-st{filter:drop-shadow(0 .15em .35em rgba(14,11,31,.95)) drop-shadow(0 0 .6em rgba(14,11,31,.7))}
.pc3.lg-leg:is(.sk-lart,.sk-atemporal,.sk-goat,.sk-ballon,.sk-memories) .pc3-ovr{filter:drop-shadow(0 .15em .4em rgba(14,11,31,.95))}
.g3d .pc3-sk{transform:translateZ(56px)}
.g3d .pc3.sk-lart .pc3-sk{transform:translateX(-50%) translateZ(56px)}
.g3d .pc3-legph::after,.g3d .pc3-legph::before{transform:translateZ(1px)}
/* nome nas lendas com arte (menos L'art): assinatura em serifa itálica, discreta sobre a arte */
.pc3.lg-leg:is(.holo,.sk-atemporal,.sk-goat,.sk-ballon,.sk-memories):not(.sk-lart) .pc3-nm{display:flex!important;z-index:4;top:74.5%;height:8%}
.pc3.lg-leg:is(.holo,.sk-atemporal,.sk-goat,.sk-ballon,.sk-memories):not(.sk-lart) .pc3-nm span{font-family:'Newsreader',Georgia,'Times New Roman',serif!important;font-style:italic;font-weight:400;text-transform:none;letter-spacing:.01em;font-size:11.5em;
  background:linear-gradient(180deg,#ffffff,#c6ff3a 55%,#c6ff3a)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;animation:none!important;
  filter:drop-shadow(0 .12em .25em rgba(14,11,31,.95)) drop-shadow(0 0 .8em rgba(14,11,31,.6))!important}
.pc3.lg-leg:is(.holo,.sk-atemporal,.sk-goat,.sk-ballon,.sk-memories):not(.sk-lart) .pc3-nm.mid span{font-size:10.5em}
.pc3.lg-leg:is(.holo,.sk-atemporal,.sk-goat,.sk-ballon,.sk-memories):not(.sk-lart) .pc3-nm.long span{font-size:8.6em}
.pc3.lg-leg.sk-atemporal .pc3-nm span{background:linear-gradient(180deg,#ffffff,#8c7bf2 55%,#8c7bf2)!important;-webkit-background-clip:text!important;background-clip:text!important}
.pc3.lg-leg:is(.holo,.sk-atemporal,.sk-goat,.sk-ballon,.sk-memories):not(.sk-lart) .pc3-legfade{background:linear-gradient(180deg,transparent 0,transparent 62%,rgba(14,11,31,.55) 82%,rgba(14,11,31,.75) 100%)!important}
.g3d .pc3-nm{transform:translateZ(72px)}
/* nome condizente com a skin */
/* Seasons (inclusive craques): a fonte padrão da carta de lenda */
.pc3.lg-leg.sk-season.holo .pc3-nm{top:72.4%;height:9.8%}
.pc3.lg-leg.sk-season.holo .pc3-nm span{font-family:'Tusker Grotesk','LC Display','Anton',Impact,sans-serif!important;font-style:normal;text-transform:uppercase;letter-spacing:.005em;font-size:14.6em;
  background:none!important;-webkit-background-clip:initial!important;background-clip:initial!important;color:#c6ff3a!important;-webkit-text-fill-color:#c6ff3a;filter:drop-shadow(0 .15em .35em rgba(14,11,31,.9))!important}
.pc3.lg-leg.sk-season.holo .pc3-nm.mid span{font-size:12.4em}.pc3.lg-leg.sk-season.holo .pc3-nm.long span{font-size:10em}
/* GOAT: capitulares de realeza, ouro, bem espaçadas */
.pc3.lg-leg.sk-goat:not(.sk-lart) .pc3-nm span{font-family:'Newsreader',Georgia,serif!important;font-style:normal;font-weight:600;text-transform:uppercase;letter-spacing:.18em;font-size:9.2em}
.pc3.lg-leg.sk-goat:not(.sk-lart) .pc3-nm.mid span{font-size:8em}.pc3.lg-leg.sk-goat:not(.sk-lart) .pc3-nm.long span{font-size:6.6em}
/* Atemporal: futurista, condensada e cromada */
.pc3.lg-leg.sk-atemporal:not(.sk-lart) .pc3-nm span{font-family:'LC Cond','Arial Narrow',sans-serif!important;font-style:normal;font-weight:500;text-transform:uppercase;letter-spacing:.32em;font-size:9em;padding-left:.32em}
.pc3.lg-leg.sk-atemporal:not(.sk-lart) .pc3-nm.mid span{font-size:8em;letter-spacing:.24em}.pc3.lg-leg.sk-atemporal:not(.sk-lart) .pc3-nm.long span{font-size:6.8em;letter-spacing:.16em}
/* Ballon d'Or: gala, serifa itálica dourada (a assinatura) */
.pc3.lg-leg.sk-ballon:not(.sk-lart) .pc3-nm span{font-family:'Newsreader',Georgia,serif!important;font-style:italic;font-weight:400;text-transform:none}
/* Memories: legenda de foto antiga, serifa itálica escura sobre o papel */
.pc3.lg-leg.sk-memories:not(.sk-lart) .pc3-nm{top:78%}
.pc3.lg-leg.sk-memories:not(.sk-lart) .pc3-nm span{font-family:'Newsreader',Georgia,serif!important;font-style:italic;text-transform:none;background:none!important;color:#0e0b1f!important;-webkit-text-fill-color:#0e0b1f;filter:none!important}
/* craque: o nome é sempre holográfico, na fonte da skin */
.pc3.lg-leg.holo:not(.sk-lart):not(.sk-x) .pc3-nm span{background:linear-gradient(100deg,#8c7bf2 0%,#8c7bf2 18%,#c6ff3a 34%,#c6ff3a 50%,#ffffff 66%,#8c7bf2 82%,#8c7bf2 100%)!important;background-size:220% 100%!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent!important;animation:pc3nm 4s linear infinite!important}
/* selo da skin no lugar da temporada */
.pc3-sk{display:none!important}
.pc3.lg-leg .pc3-tab.pc3-tabsk{left:28%;width:44%;border-radius:.9em .9em 4em 4em}
.pc3.lg-leg .pc3-tab.pc3-tabsk span{font-family:'LC Display',Anton,sans-serif;letter-spacing:.1em;text-transform:uppercase}
.pc3.lg-leg.sk-goat .pc3-tab.pc3-tabsk{background:linear-gradient(180deg,#c6ff3a,#c6ff3a 60%,#c6ff3a)!important;box-shadow:0 .4em 1.2em rgba(14,11,31,.5),0 0 1.4em rgba(198,255,58,.45)}
.pc3.lg-leg.sk-goat .pc3-tab.pc3-tabsk span{color:#0e0b1f!important}
.pc3.lg-leg.sk-ballon .pc3-tab.pc3-tabsk{background:linear-gradient(180deg,#ffffff,#c6ff3a 60%,#c6ff3a)!important}
.pc3.lg-leg.sk-ballon .pc3-tab.pc3-tabsk span{color:#0e0b1f!important}
.pc3.lg-leg.sk-atemporal .pc3-tab.pc3-tabsk{background:linear-gradient(120deg,#0e0b1f,#2b2170)!important;box-shadow:0 0 0 .3em #8c7bf2 inset,0 0 1.2em rgba(140,123,242,.5)}
.pc3.lg-leg.sk-atemporal .pc3-tab.pc3-tabsk span{color:#8c7bf2!important}
.pc3.lg-leg.sk-lart .pc3-tab.pc3-tabsk{background:linear-gradient(180deg,#c6ff3a,#c6ff3a 55%,#2b2170)!important}
.pc3.lg-leg.sk-lart .pc3-tab.pc3-tabsk span{color:#0e0b1f!important;letter-spacing:.16em}
.pc3.lg-leg.sk-memories .pc3-tab.pc3-tabsk{background:#ffffff!important}.pc3.lg-leg.sk-memories .pc3-tab.pc3-tabsk span{color:#0e0b1f!important}
/* L'art com moldura de quadro de verdade */
.pc3.sk-lart .pc3-bg{opacity:0}
.pc3.sk-lart .pc3-legph{left:8.6%!important;right:9%!important;top:8.4%!important;bottom:6.2%!important;border-radius:0!important;box-shadow:inset 0 0 2.6em 1em rgba(14,11,31,.7)}
.pc3.sk-lart .pc3-legph::after,.pc3.sk-lart .pc3-legph::before{content:none!important}
.pc3-frame{position:absolute;inset:0;width:100%!important;height:100%!important;max-width:none!important;z-index:3;pointer-events:none;filter:drop-shadow(0 .4em .8em rgba(14,11,31,.55))}
.pc3.sk-lart .pc3-tab{top:9.6%!important;z-index:5}
.pc3.sk-lart .pc3-ovr{left:15%;top:15%;z-index:5}
.pc3.sk-lart .pc3-st{top:82.5%!important;left:17%;right:17%;z-index:5}
.pc3.sk-lart .pc3-legfade{background:linear-gradient(180deg,transparent 0,transparent 70%,rgba(14,11,31,.7) 100%)!important}
.g3d .pc3-frame{transform:translateZ(24px)}
/* GOAT com moldura própria (bode coroado) */
.pc3.sk-goat .pc3-bg{opacity:0}
.pc3.sk-goat .pc3-legph{left:4%!important;right:4%!important;top:4.8%!important;bottom:3%!important;border-radius:.6em!important;box-shadow:none!important}
.pc3.sk-goat .pc3-legph::after,.pc3.sk-goat .pc3-legph::before{content:none!important}
.pc3.sk-goat .pc3-tab{top:8.2%!important;z-index:5}
.pc3.sk-goat .pc3-ovr{top:12%;z-index:5}
.pc3.sk-goat .pc3-st{top:84.5%!important;z-index:5}
/* GOAT: nome em ouro cromado (PNG) */
.pc3-nmimg{position:absolute;left:8%;right:8%;top:70.5%;height:13%;z-index:5;display:flex;align-items:center;justify-content:center;pointer-events:none}
.pc3-nmimg img{max-width:100%!important;max-height:100%!important;width:auto!important;height:auto!important;filter:drop-shadow(0 .3em .6em rgba(14,11,31,.8))}
.g3d .pc3-nmimg{transform:translateZ(74px)}
.pc3-nmimg{left:10%;right:10%;top:70%;height:12.5%}
.pc3-nmimg img{width:100%!important;height:100%!important;object-fit:contain}
/* GOAT: fade preto suave de baixo pra cima */
.pc3.lg-leg.sk-goat:not(.sk-lart):not(.sk-x) .pc3-legfade{background:linear-gradient(0deg,rgba(14,11,31,.82) 0%,rgba(14,11,31,.55) 18%,rgba(14,11,31,.22) 34%,transparent 48%)!important}
.pc3.lg-leg.sk-goat:not(.sk-lart):not(.sk-x) .pc3-legfade{background:linear-gradient(0deg,rgba(14,11,31,.88) 0%,rgba(14,11,31,.6) 20%,rgba(14,11,31,.25) 38%,transparent 55%)!important}
.pc3-nmimg.nm-atemporal{top:68.5%;height:15%}
.pc3.lg-leg.sk-atemporal:not(.sk-lart):not(.sk-x) .pc3-legfade{background:linear-gradient(0deg,rgba(14,11,31,.85) 0%,rgba(14,11,31,.5) 20%,transparent 45%)!important}
.pc3-nmimg.nm-atemporal{left:3%;right:3%;top:64%;height:22%}
/* L'art: moldura nova (dourada fina, cantos entalhados) */
.pc3.sk-lart .pc3-legph{left:7.4%!important;right:7.6%!important;top:5%!important;bottom:5.2%!important}
.pc3.sk-lart .pc3-ovr{left:14%;top:10.5%}
.pc3.sk-lart .pc3-st{top:83.5%!important;left:15%;right:15%}
/* Atemporal: moldura cromada iridescente própria */
.pc3.sk-atemporal .pc3-bg{opacity:0}
.pc3.sk-atemporal .pc3-legph{left:5%!important;right:5.2%!important;top:5%!important;bottom:6.6%!important;border-radius:7em!important}
.pc3.sk-atemporal .pc3-legph::after,.pc3.sk-atemporal .pc3-legph::before{content:none!important}
.pc3.sk-atemporal .pc3-ovr{top:10.5%}
.pc3.sk-atemporal .pc3-st{top:83%!important}
.pc3.sk-atemporal .pc3-frame{filter:drop-shadow(0 0 1.4em rgba(140,123,242,.35))}
.pc3-nmimg.nm-atemporal{top:61%}
/* Ballon d'Or: moldura própria (bola e taça) */
.pc3.sk-ballon .pc3-bg{opacity:0}
.pc3.sk-ballon .pc3-legph{left:9%!important;right:9.2%!important;top:8.4%!important;bottom:8.2%!important;border-radius:1.2em!important}
.pc3.sk-ballon .pc3-legph::after,.pc3.sk-ballon .pc3-legph::before{content:none!important}
.pc3.sk-ballon .pc3-ovr{left:15%;top:13%}
.pc3.sk-ballon .pc3-st{top:81%!important;left:16%;right:16%}
.pc3.lg-leg.sk-ballon:not(.sk-lart) .pc3-nm{top:71%!important}
.pc3.lg-leg.sk-ballon:not(.sk-lart):not(.sk-x) .pc3-legfade{background:linear-gradient(0deg,rgba(14,11,31,.85) 0%,rgba(14,11,31,.5) 22%,transparent 45%)!important}
.pc3-nmimg.nm-ballon{left:14%;right:14%;top:68.5%;height:12%}
.pc3-nmimg.nm-ballon{top:66%}
/* ===== conta ===== */
.authw{max-width:440px}
.authbox{display:flex;flex-direction:column;gap:12px;padding:24px;border-radius:20px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);margin-top:10px}
.authbox h2{margin:0;text-align:left!important}
.authbox label{display:flex;flex-direction:column;gap:4px;font-size:13px}
.authbox input{width:100%}
html body .gbtn{display:flex!important;align-items:center;justify-content:center;gap:10px;background:#ffffff!important;color:#0e0b1f!important;border-radius:12px!important;padding:12px!important;font-family:'LC Body',system-ui,sans-serif!important;font-weight:600;text-transform:none!important;letter-spacing:0!important;box-shadow:none!important}
.aor{display:flex;align-items:center;gap:10px;opacity:.6;font-size:12px}.aor i{flex:1;height:1px;background:rgba(255,255,255,.2)}
.arow{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}
html body .linkbtn{background:none!important;border:0!important;box-shadow:none!important;padding:4px 0!important;color:#ffffff!important;text-decoration:underline;text-transform:none!important;font-family:'LC Body',system-ui,sans-serif!important;font-size:14px!important;letter-spacing:0!important}
html body .linkbtn.guest{display:block;margin:16px auto 0;opacity:.8}.linkbtn small{opacity:.7}
.accrow{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap;font-size:13px;opacity:.85;margin-top:6px}
.supbtn .supheart{color:#8c7bf2;font-size:22px}
.supbadge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:99px;background:linear-gradient(135deg,#c6ff3a,#c6ff3a);color:#0e0b1f;font-weight:700;font-size:12px;letter-spacing:.04em}
.supbadge.sm{padding:1px 6px;font-size:10px;margin-left:4px;vertical-align:middle}
.supov{position:fixed;inset:0;z-index:120;background:rgba(14,11,31,.8);backdrop-filter:blur(8px);display:grid;place-items:center;padding:16px}
.supbox{position:relative;width:min(420px,100%);padding:26px;border-radius:22px;background:#0e0b1f;border:1px solid rgba(255,255,255,.12);text-align:center;display:flex;flex-direction:column;gap:12px;align-items:center}
.supbox h2{margin:0}
.supx{position:absolute;top:10px;right:10px;width:36px;height:36px;border-radius:50%!important;padding:0!important}
.supqr{background:#ffffff;padding:12px;border-radius:14px}.supqr img,.supqr canvas{display:block}
.supcode{display:flex;gap:8px;width:100%}.supcode input{flex:1;min-width:0;font-size:12px}
.supperk{display:flex;flex-direction:column;align-items:center;gap:6px;padding-top:10px;border-top:1px solid rgba(255,255,255,.1);font-size:13px;opacity:.9}.supperk p{margin:0}
.supov{grid-template-columns:minmax(0,1fr)}
.supbox{max-width:min(420px,calc(100vw - 32px));justify-self:center;min-width:0}
.supcode{flex-wrap:wrap}.supcode input{flex:1 1 160px}.supcode button{flex:1 1 auto}
html body .supx{position:absolute!important;top:12px!important;right:12px!important;left:auto!important;margin:0!important}
.iabox{display:flex;flex-direction:column;gap:6px;padding:14px 16px;border-radius:16px;background:rgba(198,255,58,.12);border:1px solid rgba(198,255,58,.5);margin-top:10px;font-size:14px}
.iabox button{align-self:flex-start}
/* ===== lobby: limpo, uma linha por opção ===== */
.setpair{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}
.setpair>.setting{grid-template-columns:1fr!important}
@media (max-width:760px){
  html body[data-phase=lobby] .setting{display:flex!important;flex-direction:column;align-items:stretch;gap:8px;padding:12px 0!important;border-top:1px solid rgba(255,255,255,.08)!important}
  html body[data-phase=lobby] .setting .lbl b{font-size:12px;letter-spacing:.1em;text-transform:uppercase;opacity:.8}
  html body[data-phase=lobby] .setting .chips{display:flex!important;flex-wrap:nowrap!important;gap:8px!important;width:100%}
  html body[data-phase=lobby] .setting .chips>.chip:not(.lgchip){flex:1 1 0;min-width:0;padding:10px 4px!important;font-size:13px!important;white-space:nowrap;text-align:center;justify-content:center}
  html body[data-phase=lobby] .setting.multi .chips{flex-wrap:wrap!important}
  html body[data-phase=lobby] .setting.multi .chips>.chip{flex:1 1 calc(25% - 8px)}
  html body[data-phase=lobby] .setting .chips:has(.lgchip){display:grid!important;grid-template-columns:repeat(4,1fr);gap:8px!important}
  html body[data-phase=lobby] .setpair{gap:0 12px}
  html body[data-phase=lobby] .grid2 .pitch,html body[data-phase=lobby] .grid2 .pitch~*{display:flex!important}
  html body[data-phase=lobby] .grid2 .pitch{max-width:300px;margin:10px auto 0;transform:none}
  html body[data-phase=lobby] .grid2{gap:12px}
  html body[data-phase=lobby] .box{padding:14px!important}
}
@media (max-width:760px){
  html body[data-phase=lobby] .grid2{display:flex!important;flex-direction:column!important}
  html body[data-phase=lobby] .grid2>.box{width:100%!important}
  html body[data-phase=lobby] .grid2 .chips{display:flex!important;flex-wrap:nowrap!important;gap:8px!important}
  html body[data-phase=lobby] .grid2 .chips>.chip{flex:1 1 0;padding:10px 4px!important;font-size:14px!important;justify-content:center;text-align:center}
  html body[data-phase=lobby] .grid2 .pitch{width:100%!important;max-width:340px!important;margin:12px auto 0!important;left:auto!important;right:auto!important}
  html body[data-phase=lobby] .grid2 .plist{display:grid!important;grid-template-columns:1fr 1fr;gap:8px}
  html body[data-phase=lobby] .setting.multi .chips>.chip{font-size:12px!important;letter-spacing:.02em}
  html body[data-phase=lobby] .setpair .chips>.chip{font-size:12px!important}
}
/* intro: cartas visíveis no celular */
@media (max-width:760px){
  html body[data-phase=intro] .tcards{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}
  html body[data-phase=intro] .tcards>*{width:100%!important;max-width:none!important;font-size:inherit!important}
  html body[data-phase=intro] .tcards.hand{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  html body[data-phase=intro] .tcards .gc-name{font-size:11px!important}
}
/* lista de lances no celular */
.mstrip{display:none}
@media (max-width:760px){
  .mstrip{display:flex;flex-direction:column;gap:6px;margin-top:10px}
  .ms-t{font-size:11px;letter-spacing:.14em;text-transform:uppercase;opacity:.6}
  .ms-row{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
  .ms-row::-webkit-scrollbar{display:none}
  .ms{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:2px;min-width:64px;padding:6px 6px 5px;border-radius:12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08)}
  .ms span{font-size:11px;max-width:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .ms em{font-style:normal;font-size:11px;font-weight:700;opacity:.75}
  .ms.now{border-color:#c6ff3a;background:rgba(198,255,58,.14)}.ms.now em{color:#c6ff3a;opacity:1}
  .ms.lead{border-color:#8c7bf2;background:rgba(140,123,242,.18)}.ms.lead em{color:#ffffff;opacity:1}
  .ms.out{opacity:.4}
  .ms.me span{font-weight:700}
}
@media (max-width:760px){
  .a-lot .mstrip{grid-column:1/-1;width:100%}
  .ms{min-width:78px;max-width:96px}.ms span{max-width:86px}
}
/* adversários no celular */
@media (max-width:760px){
  .mstrip{gap:6px!important}
  .ms{display:grid!important;grid-template-columns:30px 1fr auto;align-items:center;gap:8px!important;min-width:0!important;max-width:none!important;padding:6px 10px!important;border-radius:12px;flex-direction:row!important}
  .ms-cards{display:flex;gap:3px;overflow-x:auto;scrollbar-width:none;align-items:center;min-width:0}
  .ms-cards::-webkit-scrollbar{display:none}
  .ms-cards .pc3{flex:none;filter:none!important}
  .ms-e{flex:none;width:30px;aspect-ratio:2160/2880;border-radius:4px;border:1px dashed rgba(255,255,255,.2)}
  .ms .coin{font-weight:700;font-size:15px}
  .ms.now{border-color:#c6ff3a!important}.ms.lead{border-color:#8c7bf2!important}.ms.out{opacity:.55}
}
/* ===== votação das regras ===== */
.suwrap{max-width:1100px;margin:0 auto;display:flex;flex-direction:column;gap:16px;min-height:calc(100dvh - 64px)}
.enter.suwrap{animation:lgIn .4s cubic-bezier(.2,.8,.2,1) backwards}
.su-top{display:flex;align-items:center;gap:12px;justify-content:space-between}
.su-prog{display:flex;gap:5px;flex:1;max-width:520px}.su-prog i{flex:1;height:5px;border-radius:9px;background:rgba(255,255,255,.12)}.su-prog i.done{background:#8c7bf2}.su-prog i.on{background:#c6ff3a}
html body .su-head h1{font-family:'LC Display',Anton,sans-serif;font-weight:400;font-style:normal;font-size:clamp(34px,6vw,58px);line-height:.95;margin:4px 0 4px;text-transform:uppercase;background:none;-webkit-background-clip:initial;background-clip:initial;color:#ffffff;filter:none;text-shadow:none;text-align:left}
.su-head p{margin:0 0 12px;opacity:.7}
.su-head .lgtimer{max-width:none}
.su-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}
.su-grid.n2{grid-template-columns:repeat(2,minmax(0,1fr))}.su-grid.n3{grid-template-columns:repeat(3,minmax(0,1fr))}.su-grid.n4{grid-template-columns:repeat(4,minmax(0,1fr))}
html body .su-opt{position:relative;display:flex;flex-direction:column;align-items:stretch;text-align:left;gap:0;padding:0!important;border-radius:18px!important;overflow:hidden;background:rgba(255,255,255,.05)!important;border:1.5px solid rgba(255,255,255,.1)!important;box-shadow:none!important;color:#ffffff!important;transition:transform .2s,border-color .2s,background .2s;font-family:'LC Body',system-ui,sans-serif!important;text-transform:none!important;letter-spacing:0!important}
html body .su-opt:not(:disabled):hover{transform:translateY(-3px);border-color:rgba(140,123,242,.6)!important}
html body .su-opt.on{border-color:#c6ff3a!important;background:rgba(198,255,58,.08)!important;box-shadow:0 0 0 3px rgba(198,255,58,.18)!important}
.su-img{display:block;width:100%;aspect-ratio:16/9;background:#0e0b1f center/cover no-repeat}
.su-txt{display:grid;place-items:center;background:linear-gradient(135deg,#2b2170,#0e0b1f)}.su-txt b{font-family:'LC Display',Anton,sans-serif;font-size:34px;font-weight:400;letter-spacing:.06em}
.su-no{background:linear-gradient(135deg,#0e0b1f,#0e0b1f)}.su-no b{color:#ff6b8a}
.su-svg{display:grid;place-items:center;background:linear-gradient(180deg,#2b2170,#0e0b1f)}
.su-pitch{height:86%;width:auto}.su-pitch rect,.su-pitch line,.su-pitch circle:not(.dot){fill:none;stroke:rgba(255,255,255,.35);stroke-width:1}.su-pitch .dot{fill:#c6ff3a}.su-pitch .dot.gk{fill:#8c7bf2}
.su-card{display:grid;place-items:center;background:radial-gradient(circle at 50% 40%,#2b2170,#0e0b1f)}.su-card .pc3{filter:drop-shadow(0 .6em 1em rgba(14,11,31,.6))}
.su-tx{display:flex;flex-direction:column;gap:3px;padding:12px 14px 14px}
.su-tx b{font-size:18px;font-weight:700}.su-tx em{font-style:normal;font-size:13px;color:#c6ff3a}.su-tx small{font-size:13px;opacity:.7;line-height:1.35}
.su-vot{position:absolute;top:8px;right:8px;display:flex;align-items:center;gap:3px}.su-vot b{min-width:24px;height:24px;border-radius:99px;display:grid;place-items:center;background:#c6ff3a;color:#0e0b1f;font-size:13px;padding:0 6px}
.su-form{display:flex;flex-direction:column;gap:12px;align-items:center}
.su-form .pitch{width:100%;max-width:420px}
.su-fchips{display:flex!important;gap:8px!important;flex-wrap:wrap;justify-content:center}
.su-ready{min-width:240px}
.su-skip{align-self:center}
.lb-who{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:6px}
html body .lb-w{display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left;padding:14px!important;border-radius:14px!important;background:rgba(255,255,255,.05)!important;border:1.5px solid rgba(255,255,255,.1)!important;box-shadow:none!important;color:#ffffff!important;text-transform:none!important;letter-spacing:0!important;font-family:'LC Body',system-ui,sans-serif!important}
html body .lb-w.on{border-color:#c6ff3a!important;background:rgba(198,255,58,.08)!important}
.lb-w b{font-size:15px}.lb-w span{font-size:13px;opacity:.7}
@media (max-width:760px){
  .su-grid,.su-grid.n2,.su-grid.n3,.su-grid.n4{grid-template-columns:1fr 1fr;gap:10px}
  .su-grid.n3{grid-template-columns:1fr}
  .su-grid.n3 .su-opt{flex-direction:row}.su-grid.n3 .su-img{width:38%;aspect-ratio:auto;min-height:110px}
  .su-tx{padding:10px 12px 12px}.su-tx b{font-size:15px}.su-tx small{font-size:12px}
  .lb-who{grid-template-columns:1fr}
}
html body .su-opt:hover .su-tx,html body .lb-w:hover{color:#ffffff}
/* L'art de lenda comum: plaquinha de museu com o nome da obra */
.pc3-plaque{position:absolute;z-index:6;left:50%;bottom:6.4%;transform:translateX(-50%);max-width:74%;display:flex;flex-direction:column;align-items:center;gap:.4em;padding:1.1em 3em 1.2em;border-radius:.6em;
  background:linear-gradient(180deg,#c6ff3a 0%,#c6ff3a 45%,#c6ff3a 55%,#c6ff3a 100%);box-shadow:0 .5em 1.2em rgba(14,11,31,.6),inset 0 .15em 0 rgba(255,255,255,.55),inset 0 -.2em 0 rgba(43,33,112,.45);text-align:center}
.pc3-plaque::before,.pc3-plaque::after{content:"";position:absolute;top:50%;width:1.3em;height:1.3em;border-radius:50%;transform:translateY(-50%);background:radial-gradient(circle at 35% 35%,#ffffff,#c6ff3a 70%);box-shadow:inset 0 0 0 .15em rgba(14,11,31,.35)}
.pc3-plaque::before{left:.9em}.pc3-plaque::after{right:.9em}
.pc3-plaque b{font-family:'Newsreader',Georgia,'Times New Roman',serif;font-style:italic;font-weight:600;font-size:5.6em;line-height:1.05;color:#0e0b1f;text-shadow:0 .05em 0 rgba(255,255,255,.6);white-space:nowrap}
.pc3-plaque small{font-family:'LC Cond','Arial Narrow',sans-serif;font-size:3.6em;letter-spacing:.18em;text-transform:uppercase;color:#0e0b1f}
.pc3.plq .pc3-st{top:73.5%!important}
.pc3.plq .pc3-nm{display:none!important}
.pc3.plq .pc3-legfade{background:linear-gradient(180deg,transparent 0,transparent 55%,rgba(14,11,31,.75) 100%)!important}
.g3d .pc3-plaque{transform:translateX(-50%) translateZ(60px)}
/* plaquinhas em cima da moldura: título no topo, nome e ano embaixo */
.pc3-plaque{padding:.7em 3em .8em;max-width:78%}
.pc3-plaque.top{top:.9%;bottom:auto}
.pc3-plaque.bot{bottom:.9%}
.pc3-plaque.top b{font-size:5.2em}
.pc3-plaque.bot small{font-family:'Newsreader',Georgia,serif;font-size:4.6em;font-weight:600;letter-spacing:.14em;color:#0e0b1f}
.pc3.plq .pc3-st{top:82%!important}
.pc3.plq .pc3-ovr{top:15.5%!important}
.pc3-plaque.bot small{white-space:nowrap}
/* Eternos (season sem ser lenda): escrita branca; lendas seguem douradas */
.pc3.lg-leg.eterno,.pc3.lg-leg.eterno .pc3-st,.pc3.lg-leg.eterno .pc3-ovr{color:#ffffff!important}
.pc3.lg-leg.eterno .pc3-nm span{color:#ffffff!important;-webkit-text-fill-color:#ffffff;background:none!important}
.pc3.lg-leg.eterno .pc3-tab{background:#ffffff!important}.pc3.lg-leg.eterno .pc3-tab span{color:#2b2170!important}
.pc3-lglogo{position:absolute;z-index:5;right:9%;top:9.5%;width:14%!important;height:auto;max-width:none!important;filter:drop-shadow(0 .2em .5em rgba(14,11,31,.8))}
.g3d .pc3-lglogo{transform:translateZ(60px)}
.su-two{display:flex!important;align-items:center;justify-content:center;gap:6%;background:radial-gradient(circle at 50% 45%,#2b2170,#0e0b1f)!important;overflow:hidden}
.su-two .pc3{filter:drop-shadow(0 .5em .8em rgba(14,11,31,.6))}
.su-two .pc3:first-child{transform:rotate(-6deg) translateY(4%)}.su-two .pc3:last-child{transform:rotate(6deg) translateY(4%)}
.su-tip{position:absolute;z-index:3;top:8px;left:8px;padding:4px 10px;border-radius:99px;background:linear-gradient(135deg,#c6ff3a,#c6ff3a);color:#0e0b1f;font-size:12px;font-weight:800;letter-spacing:.02em;box-shadow:0 4px 12px rgba(14,11,31,.4)}
@media (max-width:760px){.su-grid.n3 .su-two .pc3{width:58px!important;font-size:.58px!important}}
@media (max-width:760px){.su-grid.n3 .su-tip{top:6px;left:6px;font-size:9.5px;padding:3px 7px;max-width:calc(38% - 12px);white-space:nowrap}}
/* ===== votação em blocos: imagem/cartas em cima, cortadas pelo bloco do título ===== */
html body .su-grid,html body .su-grid.n2,html body .su-grid.n3,html body .su-grid.n4{display:flex!important;flex-wrap:wrap;justify-content:center;gap:28px 14px;grid-template-columns:none!important}
html body .su-opt{flex:0 0 calc(25% - 12px);min-width:200px;max-width:270px;flex-direction:column!important;background:none!important;border:0!important;box-shadow:none!important;overflow:visible!important;border-radius:0!important}
html body .su-grid.n2 .su-opt,html body .su-grid.n3 .su-opt{flex-basis:calc(33% - 12px)}
html body .su-opt .su-img{position:relative;z-index:1;width:88%;margin:0 auto;aspect-ratio:16/10;border-radius:14px;background-color:transparent;box-shadow:0 10px 24px rgba(14,11,31,.45);transition:transform .25s}
html body .su-opt .su-two,html body .su-opt .su-card{background:none!important;box-shadow:none!important;aspect-ratio:auto;height:auto;padding-top:6px;overflow:visible!important;width:100%}
html body .su-opt .su-two .pc3:first-child{transform:rotate(-8deg) translate(12%,6%)}
html body .su-opt .su-two .pc3:last-child{transform:rotate(7deg) translate(-12%,0)}
html body .su-opt .su-txt,html body .su-opt .su-svg{box-shadow:0 10px 24px rgba(14,11,31,.45)}
html body .su-opt .su-tx{position:relative;z-index:2;margin-top:-34px;padding:16px 14px 14px!important;border-radius:16px;background:rgba(14,11,31,.94);border:1.5px solid rgba(255,255,255,.12);backdrop-filter:blur(6px);text-align:center;align-items:center;transition:border-color .2s,background .2s}
html body .su-opt .su-two+.su-tx,html body .su-opt .su-card+.su-tx{margin-top:-30%}
html body .su-opt:not(:disabled):hover{transform:none}
html body .su-opt:not(:disabled):hover .su-img{transform:translateY(-4px)}
html body .su-opt:not(:disabled):hover .su-tx{border-color:rgba(140,123,242,.6)}
html body .su-opt.on{background:none!important;box-shadow:none!important}
html body .su-opt.on .su-tx{border-color:#c6ff3a;background:rgba(14,11,31,.94);box-shadow:0 0 0 3px rgba(198,255,58,.18)}
.su-tx b{font-size:17px}.su-tx em{font-size:12.5px}.su-tx small{font-size:12px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
html body .su-tip{top:-10px;left:50%;transform:translateX(-50%);white-space:nowrap;z-index:4}
.su-vot{top:auto;bottom:-10px;right:10px;z-index:4}
@media (max-width:760px){
  html body .su-grid,html body .su-grid.n2,html body .su-grid.n3,html body .su-grid.n4{gap:24px 10px}
  html body .su-opt,html body .su-grid.n2 .su-opt,html body .su-grid.n3 .su-opt{flex:0 0 calc(50% - 5px);min-width:0;max-width:none}
  html body .su-grid.n3 .su-img{width:88%!important;min-height:0!important;aspect-ratio:16/10}
  html body .su-grid.n3 .su-two,html body .su-grid.n3 .su-card{aspect-ratio:auto}
  html body .su-opt .su-two .pc3{width:78px!important;font-size:.78px!important}
  html body .su-opt .su-card .pc3{width:84px!important;font-size:.84px!important}
  html body .su-opt .su-tx{margin-top:-22px;padding:14px 8px 10px!important}
  .su-tx b{font-size:14px}.su-tx em{font-size:11px}.su-tx small{font-size:11px}
  html body .su-grid.n3 .su-tip{max-width:none;font-size:10px;top:-9px;left:50%}
}
html body .su-opt .su-two+.su-tx,html body .su-opt .su-card+.su-tx{margin-top:-28px!important}
html body .su-opt .su-two{padding-top:14px}
.pc3-lglogo{width:9.5%!important;max-height:12%;object-fit:contain;right:10%;top:10.5%}

/* ===== EXTRAS (ranking, carreira, tutorial, story, convite, apoiadores, app) ===== */
.xov{position:fixed;inset:0;z-index:130;background:rgba(14,11,31,.82);backdrop-filter:blur(10px);display:grid;grid-template-columns:minmax(0,1fr);place-items:center;padding:16px;animation:xin .25s ease}
@keyframes xin{from{opacity:0}to{opacity:1}}
.xbox{position:relative;width:min(460px,100%);max-height:calc(100dvh - 32px);overflow:auto;padding:26px 22px 22px;border-radius:22px;background:linear-gradient(180deg,#2b2170,#0e0b1f);border:1px solid rgba(255,255,255,.12);box-shadow:0 30px 80px rgba(14,11,31,.5);display:flex;flex-direction:column;gap:12px;color:#ffffff;font-family:var(--f-body)}
.xbox h2{margin:0;font-family:var(--f-display);font-size:30px;line-height:1.05;text-transform:uppercase;letter-spacing:.01em}
.xbox p{margin:0;line-height:1.45}.xbox .note{color:var(--muted);font-size:14px}
html body .xbox .xx{position:absolute;top:12px;right:12px;width:36px;height:36px;border-radius:50%;padding:0;display:grid;place-items:center}
.xstats{display:grid;grid-template-columns:repeat(auto-fit,minmax(70px,1fr));gap:8px}
.xstats>div{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:10px 6px;text-align:center;display:flex;flex-direction:column}
.xstats b{font-family:var(--f-num);font-size:28px;color:var(--gold);line-height:1}.xstats small{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-top:4px}
.xtabs{display:flex;gap:6px}.xtabs button{flex:1}html body .xtabs button.on{background:var(--gold);color:#0e0b1f;border-color:transparent}
.xrank{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.xrank li{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.05)}
.xrank li.me{outline:2px solid var(--gold)}
.xr-i{font-family:var(--f-num);font-size:20px;width:28px;text-align:center;color:var(--muted)}
.xrank li:nth-child(1) .xr-i{color:#c6ff3a}.xrank li:nth-child(2) .xr-i{color:#d7dbe6}.xrank li:nth-child(3) .xr-i{color:#c6ff3a}
.xr-n{flex:1;min-width:0;display:flex;flex-direction:column}.xr-n b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.xr-n small{color:var(--muted);font-size:12px}
.xr-t{font-family:var(--f-num);font-size:22px;text-align:right;display:flex;flex-direction:column;line-height:1}.xr-t small{font-family:var(--f-body);font-size:11px;color:var(--muted);margin-top:3px}
.xgame{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.05);margin-bottom:6px}
.xgame.ch{background:linear-gradient(90deg,rgba(198,255,58,.16),rgba(255,255,255,.04))}
.xg-p{font-family:var(--f-num);font-size:20px;width:34px;text-align:center}
.xg-t{flex:1;min-width:0;display:flex;flex-direction:column}.xg-t small{color:var(--muted);font-size:12px}
.xg-s{font-family:var(--f-label);font-weight:700;text-align:right;display:flex;flex-direction:column}.xg-s small{color:var(--muted);font-weight:500}
.carpick{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px}
html body .carpick button{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 8px;text-transform:none}
.carpick button img{height:38px;width:auto;object-fit:contain}
html body .carpick button.on{background:rgba(198,255,58,.16);border-color:var(--gold);color:#ffffff}
.carpick.sz{grid-template-columns:repeat(3,1fr)}
.carhist{max-height:240px;overflow:auto}
.carbtn small{margin-left:auto;font-size:11px;opacity:.75;text-transform:none;letter-spacing:0}
.hx-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:100%}
html body .hxbtn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 6px;font-size:13px}
.hxq{width:22px;height:22px;border-radius:50%;border:2px solid currentColor;display:grid;place-items:center;font-weight:800;font-size:13px;line-height:1}
html body .backroom{background:linear-gradient(90deg,#c6ff3a,#ff6b3a);color:#0e0b1f;animation:bpulse 1.6s ease-in-out infinite}
@keyframes bpulse{50%{box-shadow:0 0 0 6px rgba(198,255,58,.25)}}
#specbar{position:fixed;left:50%;bottom:calc(12px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);z-index:110;display:flex;align-items:center;gap:10px;padding:10px 12px 10px 16px;border-radius:99px;background:rgba(14,11,31,.92);border:1px solid rgba(255,255,255,.18);color:#ffffff;font-family:var(--f-body);box-shadow:0 10px 30px rgba(14,11,31,.4);max-width:calc(100vw - 24px)}
#specbar small{color:var(--muted);font-size:12px}
#specbar .sp-dot{width:10px;height:10px;border-radius:50%;background:#ff4d6d;box-shadow:0 0 0 0 rgba(255,77,109,.6);animation:spd 1.4s infinite;flex:none}
@keyframes spd{70%{box-shadow:0 0 0 10px rgba(255,77,109,0)}}
@media (max-width:560px){#specbar small{display:none}}
#updbar{position:fixed;top:calc(10px + env(safe-area-inset-top,0px));left:50%;transform:translateX(-50%);z-index:140;display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 18px!important;border-radius:16px!important;background:var(--gold)!important;color:#0e0b1f!important;border:0!important;box-shadow:0 10px 30px rgba(14,11,31,.4);max-width:calc(100vw - 24px)}
#updbar b{font-family:var(--f-display);font-size:16px;text-transform:uppercase}#updbar span{font-family:var(--f-body);font-size:12px;text-transform:none;letter-spacing:0}
.champbtns{display:flex;flex-direction:column;gap:10px;align-items:center;width:100%;max-width:340px;position:relative;z-index:2}
.champbtns>*{width:100%}
html body .storybtn{display:flex;flex-direction:column;align-items:center;gap:2px;background:linear-gradient(135deg,#c6ff3a,#8c7bf2 50%,#8c7bf2);border:0;color:#ffffff}
.storybtn small{font-size:11px;text-transform:none;letter-spacing:0;opacity:.9}
.storyimg{width:100%;max-height:60dvh;object-fit:contain;border-radius:14px}
.btnlink{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border-radius:12px;text-decoration:none;font-family:var(--f-label);font-weight:700;text-transform:uppercase;letter-spacing:.03em;background:var(--gold);color:#0e0b1f}
.btnlink.wpp{background:#c6ff3a;color:#0e0b1f}
.aplist{display:flex;flex-wrap:wrap;gap:8px;max-height:260px;overflow:auto;padding:4px 0}
.apn{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:99px;background:rgba(255,255,255,.07);border:1px solid rgba(198,255,58,.35);font-weight:600}
.apn .supbadge.sm{margin:0}
.tut-art{height:150px;border-radius:16px;background-size:cover;background-position:center;margin:-6px -4px 4px}
.tut-dots{display:flex;gap:6px;justify-content:center}.tut-dots i{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.25)}.tut-dots i.on{background:var(--gold);width:22px;border-radius:99px}
.tutov .row{display:flex;gap:8px}.tutov .row button{flex:1}
.inst{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:8px;line-height:1.4}
/* abertura de pacote */
.packov{position:fixed;inset:0;z-index:150;background:radial-gradient(circle at 50% 42%,color-mix(in srgb,var(--c) 35%,transparent),rgba(14,11,31,.94) 60%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;padding:16px;animation:xin .3s ease;overflow:hidden}
.packov.out{opacity:0;transition:opacity .35s}
.pk-rays{position:absolute;left:50%;top:42%;width:1400px;height:1400px;margin:-700px 0 0 -700px;background:repeating-conic-gradient(from 0deg,color-mix(in srgb,var(--c) 40%,transparent) 0 6deg,transparent 6deg 18deg);opacity:0;transform:scale(.4);transition:opacity .6s,transform 1.2s;mask:radial-gradient(circle,#0e0b1f 10%,transparent 55%);-webkit-mask:radial-gradient(circle,#0e0b1f 10%,transparent 55%)}
.packov.open .pk-rays{opacity:.8;transform:scale(1) rotate(20deg);animation:prot 14s linear infinite}
@keyframes prot{to{transform:scale(1) rotate(380deg)}}
.pk-stage{perspective:1200px;position:relative;z-index:1}
.pk-card{width:min(220px,52vw);aspect-ratio:3/4;position:relative;transform-style:preserve-3d;animation:pshake 1.2s ease-in both;transition:transform .9s cubic-bezier(.2,.9,.3,1.2)}
.packov.open .pk-card{transform:rotateY(180deg) scale(1.08);animation:none}
@keyframes pshake{0%{transform:scale(.6) rotate(-8deg);opacity:0}25%{transform:scale(1) rotate(0);opacity:1}45%{transform:rotate(-3deg)}55%{transform:rotate(3deg)}65%{transform:rotate(-4deg) scale(1.03)}75%{transform:rotate(4deg) scale(1.05)}90%{transform:rotate(0) scale(1.06)}100%{transform:scale(1)}}
.pk-back,.pk-front{position:absolute;inset:0;border-radius:16px;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden}
.pk-back{background:linear-gradient(135deg,#2b2170,#0e0b1f);border:2px solid var(--c);display:grid;place-items:center;box-shadow:0 0 40px color-mix(in srgb,var(--c) 60%,transparent)}
.pk-back img{width:46%;filter:drop-shadow(0 0 18px var(--c))}
.pk-front{transform:rotateY(180deg);background:#0e0b1f;box-shadow:0 0 60px color-mix(in srgb,var(--c) 70%,transparent)}
.pk-ph{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.pk-fr{position:absolute;inset:0;width:100%;height:100%;object-fit:fill}
.pk-txt{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;color:#ffffff;opacity:0;transform:translateY(16px);transition:.5s .5s}
.packov.open .pk-txt{opacity:1;transform:none}
.pk-txt small{font-family:var(--f-label);text-transform:uppercase;letter-spacing:.12em;color:var(--c);font-weight:700}
.pk-txt b{font-family:var(--f-display);font-size:40px;text-transform:uppercase;line-height:1;color:var(--c);text-shadow:0 0 24px color-mix(in srgb,var(--c) 60%,transparent)}
.pk-txt span{font-family:var(--f-body);color:var(--muted)}
.pk-btns{display:flex;gap:8px;margin-top:10px}
/* landing estática (SEO) antes do JS */
.seo-land{max-width:640px;margin:40px auto;padding:0 16px;color:#ffffff;font-family:system-ui,sans-serif;line-height:1.5}
.seo-land h1{font-size:32px;margin:0 0 8px}
html body .tutov .row button{font-size:16px!important;padding:12px 10px!important;min-height:48px}
html body .carpick{grid-template-columns:repeat(3,1fr)}
html body .carpick button{font-size:12px!important;padding:8px 4px!important;gap:4px;line-height:1.1}
html body .carpick button img{height:30px;max-width:100%}
html body .carpick button.on{background:rgba(198,255,58,.18)!important;border-color:#c6ff3a!important;box-shadow:inset 0 0 0 1px #c6ff3a}
.xbox button,.packov button{font:700 14px/1.1 var(--f-label);text-transform:uppercase;letter-spacing:.04em;color:#ffffff;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:12px 14px;cursor:pointer;transition:transform .12s,background .15s}
.xbox button:hover,.packov button:hover{background:rgba(255,255,255,.15)}
.xbox button:active,.packov button:active{transform:scale(.97)}
html body .xbox button.primary,html body .packov button.primary{background:linear-gradient(180deg,#c6ff3a,#c6ff3a 50%,#c6ff3a)!important;color:#0e0b1f!important;border:0!important;border-radius:12px!important;font:italic 400 20px/1.1 var(--f-display)!important;padding:14px 16px!important;transform:none!important;box-shadow:0 5px 0 #0e0b1f!important;text-shadow:none!important}
.xbox .linkbtn{background:none;border:0;text-decoration:underline;color:var(--muted);text-transform:none;font-family:var(--f-body);font-weight:500}
html body .xbox .xx{background:rgba(255,255,255,.08)}
.xbox .carpick button{font-size:12px;padding:8px 4px;display:flex;flex-direction:column;align-items:center;gap:4px;text-transform:none}
.xbox .carpick button.on{background:rgba(198,255,58,.18);border-color:#c6ff3a;box-shadow:inset 0 0 0 1px #c6ff3a}
.xbox .xtabs button.on{background:#c6ff3a;color:#0e0b1f;border-color:transparent}
.xbox .tutov .row button,.tutov .row button{font-size:15px}
.lgtable tr.zlib td:first-child{box-shadow:inset 4px 0 0 #c6ff3a}
.lgtable tr.zdown td:first-child{box-shadow:inset 4px 0 0 #ff4d6d}
.carrules li{font-size:15px}

/* ===== jornal novo (com imagens) ===== */
html body .jn.jn2,html body .paper.paper2{background:linear-gradient(180deg,#2b2170,#0e0b1f);color:#ffffff;border:1px solid rgba(255,255,255,.12);border-radius:22px;padding:clamp(14px,3vw,26px);font-family:var(--f-body)}
.nw{display:flex;flex-direction:column;gap:14px}
.nw-mast{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:10px;border-bottom:2px solid rgba(255,255,255,.12);font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}
.nw-mast b{font-family:var(--f-display);font-size:clamp(20px,4vw,30px);color:#ffffff;letter-spacing:.02em;text-align:center;flex:1}
.nw-mast span{flex:0 0 auto;max-width:28%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nw-hero{position:relative;overflow:hidden;border-radius:18px;min-height:260px;display:flex;align-items:flex-end;background:#0e0b1f;border:1px solid color-mix(in srgb,var(--c) 45%,transparent)}
.nw-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.35}
.nw-hp{position:absolute;right:-4%;bottom:0;height:100%;width:auto;max-width:55%;object-fit:cover;object-position:top;-webkit-mask:linear-gradient(90deg,transparent,#0e0b1f 35%);mask:linear-gradient(90deg,transparent,#0e0b1f 35%)}
.nw-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(14,11,31,.95) 15%,rgba(14,11,31,.2) 70%,transparent)}
.nw-ht{position:relative;z-index:1;padding:18px;display:flex;flex-direction:column;gap:8px;max-width:78%}
.nw-ht h2{margin:0;font-family:var(--f-display);font-size:clamp(24px,5vw,38px);line-height:1.02;text-transform:uppercase}
.nw-ht p{margin:0;color:rgba(255,255,255,.8);font-size:15px}
.nw-tag{align-self:flex-start;display:inline-flex;gap:4px;align-items:center;padding:4px 10px;border-radius:99px;background:color-mix(in srgb,var(--c) 22%,transparent);color:var(--c);font:700 11px/1 var(--f-label);text-transform:uppercase;letter-spacing:.08em}
.nw-score{display:flex;align-items:center;gap:12px}.nw-score b{font-family:var(--f-num);font-size:44px;line-height:1}.nw-score i{font-style:normal;opacity:.5;font-size:28px}
.nw-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:10px}
.nw-it{display:flex;gap:12px;align-items:center;padding:10px;border-radius:14px;background:rgba(255,255,255,.05);border-left:3px solid var(--c);animation:xin .4s both}
.nw-it>div{display:flex;flex-direction:column;gap:4px;min-width:0}
.nw-it b{font-size:15px;line-height:1.2}
.nw-it p{margin:0;font-size:13px;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.nw-th{flex:none;border-radius:12px;overflow:hidden;display:grid;place-items:center;background:rgba(255,255,255,.08)}
.nw-th.ph img{width:100%;height:100%;object-fit:cover;object-position:top}
.nw-th.ic{font-size:28px}
@media (max-width:560px){.nw-ht{max-width:100%}.nw-hp{opacity:.55}.nw-hero{min-height:230px}}
/* ===== estatísticas ===== */
.stbox h3{margin:16px 0 8px;font-family:var(--f-display);text-transform:uppercase;font-size:18px}
.st-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px}
.st-tile{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;padding:12px 6px;border-radius:14px;background:rgba(255,255,255,.05)}
.st-tile span{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.st-tile b{font-size:14px;line-height:1.1}.st-tile em{font-style:normal;color:var(--gold);font-weight:700;font-size:13px}
.st-sum{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px}.st-sum div{text-align:center;padding:8px;border-radius:12px;background:rgba(255,255,255,.04);display:flex;flex-direction:column}.st-sum b{font-family:var(--f-num);font-size:24px}.st-sum small{color:var(--muted);font-size:11px;text-transform:uppercase}
.st-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:12px;background:rgba(255,255,255,.04);margin-bottom:6px}
.st-row.me{outline:2px solid var(--gold)}
.st-row i{font-style:normal;font-family:var(--f-num);width:22px;text-align:center;color:var(--muted)}
.st-row:nth-of-type(1) i{color:#c6ff3a}
.st-ph{width:44px;height:44px;border-radius:50%;overflow:hidden;background:rgba(255,255,255,.08);flex:none}.st-ph img{width:100%;height:100%;object-fit:cover;object-position:top}
.st-n{flex:1;min-width:0;display:flex;flex-direction:column}.st-n small{color:var(--muted);font-size:12px;display:flex;align-items:center;gap:4px}
.st-row em{font-style:normal;font-family:var(--f-num);font-size:24px;display:flex;flex-direction:column;align-items:flex-end;line-height:1}.st-row em small{font-family:var(--f-body);font-size:10px;color:var(--muted)}
/* ===== inventário ===== */
.invbox h3{margin:16px 0 8px;font-family:var(--f-display);text-transform:uppercase;font-size:18px}
.inv-top{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:8px}
.inv-top>div{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px;border-radius:14px;background:rgba(255,255,255,.05)}
.inv-top small{color:var(--muted);font-size:11px;text-transform:uppercase}.inv-top b{font-family:var(--f-num);font-size:24px}
.lcw{display:flex;flex-direction:column;gap:6px;align-items:stretch}
.lc-why{font-size:12px;color:var(--muted);text-align:center}
html body .hbgrid{grid-template-rows:auto}
html body .hb-play{grid-row:span 3}
@media (max-width:900px){html body .hb-play{grid-row:auto}}
.hb-inv{background:linear-gradient(160deg,rgba(198,255,58,.16),rgba(255,255,255,.03))!important}
.hb-stats{background:linear-gradient(160deg,rgba(140,123,242,.16),rgba(255,255,255,.03))!important}
/* ===== troca com imagens ===== */
.trform2{display:flex;flex-direction:column;gap:10px}
.tr-lbl{font:700 12px/1.2 var(--f-label);text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.tr-teams{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}
html body .tr-team{flex:none;display:flex;flex-direction:column;align-items:center;gap:4px;width:84px;padding:8px 4px!important;font-size:11px!important;text-transform:none!important;line-height:1.1}
.tr-team span{max-width:76px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html body .tr-team.on,html body .tr-card.on{background:rgba(198,255,58,.16)!important;border-color:#c6ff3a!important;box-shadow:inset 0 0 0 1px #c6ff3a}
.tr-pick{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px;scrollbar-width:thin}
html body .tr-card{flex:none;display:flex;flex-direction:column;align-items:center;gap:4px;width:92px;padding:6px 4px!important;text-transform:none!important;font-size:12px!important}
.tr-card>span{display:flex;flex-direction:column;align-items:center;line-height:1.1;max-width:84px}.tr-card b{max-width:84px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tr-card small{color:var(--muted)}
.tr-coins{display:flex;flex-direction:column;gap:6px}
.tr-sum{display:flex;align-items:center;justify-content:center;gap:14px;padding:12px;border-radius:14px;background:rgba(255,255,255,.05)}
.tr-sum>div{display:flex;flex-direction:column;align-items:center;gap:4px}.tr-sum small{color:var(--muted);text-transform:uppercase;font-size:11px}
.tr-sum .tarr{display:flex;flex-direction:column;align-items:center;font-size:14px}.tr-sum .tarr b{font-size:28px}
html body .jn2 .nw-mast b,html body .paper2 .nw-mast b{color:#ffffff!important;font-family:var(--f-display)!important}
html body .jn2 h2,html body .paper2 h2{color:#ffffff!important;font-family:var(--f-display)!important;text-align:left}
html body .jn2 .nw b,html body .paper2 .nw b{color:#ffffff!important;font-family:var(--f-body)!important}
html body .jn2 .nw-score b,html body .paper2 .nw-score b{font-family:var(--f-num)!important}
html body .jn2 .nw p,html body .paper2 .nw p{color:rgba(255,255,255,.72)!important;font-family:var(--f-body)!important}
html body .jn2 .nw-it p,html body .paper2 .nw-it p{color:var(--muted)!important}
html body .jn2 .jn-foot,html body .jn2 .jn-cd{color:#ffffff!important;border-color:rgba(255,255,255,.12)!important}
html body .jn2 .jn-cd b{color:var(--gold)!important}
html body .jn2 #bToPrel{background:linear-gradient(180deg,#c6ff3a,#c6ff3a 50%,#c6ff3a)!important;color:#0e0b1f!important;border:0!important}
.tf-grid>*,.pr-grid>*,.hbpanel,.hbpanel>.box{min-width:0;max-width:100%}
.tf-side{overflow:hidden}
.tf-side .lcards,.invbox .lcards{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:10px;padding-bottom:6px}
.tf-side .lcw,.invbox .lcw{flex:0 0 132px}
.tf-closed span{overflow-wrap:anywhere}
html body .tf-side .lcards,html body .invbox .lcards{flex-wrap:nowrap!important;overflow-x:auto}
html body .invbox .mkbtn:not(:disabled){background:linear-gradient(180deg,#c6ff3a,#c6ff3a 50%,#c6ff3a)!important;color:#0e0b1f!important;border:0!important}
html body .invbox .mkbtn .coin{color:#0e0b1f!important}
html body .jn2 *,html body .paper2 *{-webkit-text-fill-color:currentColor!important}
html body .jn2 .nw-tag,html body .paper2 .nw-tag{color:var(--c)!important}
.kickov .xgame button{flex:none;font-size:12px;padding:8px 10px}
.lg-hub .lgtimer,.lg-prel .lgbottom .lgtimer{margin:6px auto;max-width:420px}
/* ===== galeria: cartas bloqueadas com prévia ===== */
html body .gx-cell.unk{--tc:#8c7bf2;--tg:rgba(140,123,242,.25);position:relative;overflow:hidden;width:var(--gxw,132px);justify-content:flex-end;padding-bottom:10px!important;border-radius:14px!important;border:1.5px solid color-mix(in srgb,var(--tc) 55%,transparent)!important;background:radial-gradient(120% 80% at 50% 10%,var(--tg),transparent 60%),linear-gradient(170deg,#2b2170,#0e0b1f)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.03)}
@media (max-width:700px){html body .gx-cell.unk{--gxw:104px}}
.gx-cell.unk.t-bronze{--tc:#c6ff3a;--tg:rgba(198,255,58,.18)}
.gx-cell.unk.t-prata{--tc:#8c7bf2;--tg:rgba(140,123,242,.18)}
.gx-cell.unk.t-ouro{--tc:#c6ff3a;--tg:rgba(198,255,58,.22)}
.gx-cell.unk.t-craque{--tc:#8c7bf2;--tg:rgba(140,123,242,.4)}
.gx-cell.unk.t-eterno{--tc:#ffffff;--tg:rgba(255,255,255,.38)}
.gx-cell.unk.t-lenda{--tc:#c6ff3a;--tg:rgba(198,255,58,.45)}
.gx-ph{position:absolute;left:8%;right:8%;top:8%;bottom:26%;background-size:cover;background-position:top center;filter:brightness(0) drop-shadow(0 0 6px var(--tc));opacity:.85;-webkit-mask:linear-gradient(180deg,#0e0b1f 70%,transparent);mask:linear-gradient(180deg,#0e0b1f 70%,transparent)}
.gx-lock{position:absolute;top:8px;right:8px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:rgba(14,11,31,.45)}
.gx-lock svg{width:12px;height:12px;fill:none;stroke:var(--tc);stroke-width:2.2}
.gx-tier{position:relative;z-index:2;font:700 11px/1 var(--f-label,sans-serif);text-transform:uppercase;letter-spacing:.14em;color:var(--tc);text-shadow:0 0 10px var(--tg)}
.gx-cell.unk .gx-pos{position:relative;z-index:2;font-size:10px;opacity:.6;margin-top:3px}
.gx-cell.unk .gx-q{display:none}
/* especiais: brilho, reflexo correndo e faíscas */
.gx-cell.unk.t-craque,.gx-cell.unk.t-eterno,.gx-cell.unk.t-lenda{animation:gxGlow 2.6s ease-in-out infinite}
@keyframes gxGlow{50%{box-shadow:0 0 22px var(--tg),inset 0 0 18px var(--tg)}}
.gx-cell.unk.t-craque .gx-ph,.gx-cell.unk.t-eterno .gx-ph,.gx-cell.unk.t-lenda .gx-ph{filter:brightness(0) drop-shadow(0 0 4px var(--tc)) drop-shadow(0 0 12px var(--tc));opacity:1}
.gx-cell.unk.t-craque{background:radial-gradient(120% 80% at 50% 10%,var(--tg),transparent 60%),conic-gradient(from 200deg at 50% 40%,#2b2170,#2b2170,#2b2170,#2b2170)!important}
.gx-shine{position:absolute;inset:-40%;background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.28) 48%,color-mix(in srgb,var(--tc) 40%,transparent) 52%,transparent 60%);transform:translateX(-60%);animation:gxShine 3.4s ease-in-out infinite;pointer-events:none;z-index:1}
@keyframes gxShine{0%,35%{transform:translateX(-60%)}75%,100%{transform:translateX(60%)}}
.gx-spark{position:absolute;inset:0;pointer-events:none;z-index:1}
.gx-spark i{position:absolute;width:4px;height:4px;border-radius:50%;background:var(--tc);box-shadow:0 0 8px 2px var(--tc);opacity:0;animation:gxSpk 2.8s ease-in-out infinite}
.gx-spark i:nth-child(1){left:18%;top:20%;animation-delay:.2s}.gx-spark i:nth-child(2){left:78%;top:30%;animation-delay:1s}.gx-spark i:nth-child(3){left:30%;top:62%;animation-delay:1.7s}.gx-spark i:nth-child(4){left:70%;top:70%;animation-delay:2.3s}
@keyframes gxSpk{0%,100%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1)}}
.gx-cell.unk:hover{transform:translateY(-3px)}
@media (prefers-reduced-motion:reduce){.gx-cell.unk,.gx-shine,.gx-spark i{animation:none!important}}
html body .gx-cell.unk .gx-ph.blur{left:0;right:0;top:0;bottom:0;filter:blur(9px) brightness(.42) saturate(.5)!important;transform:scale(1.15);opacity:1;-webkit-mask:linear-gradient(180deg,#0e0b1f 55%,transparent 92%);mask:linear-gradient(180deg,#0e0b1f 55%,transparent 92%)}
.gx-cell.unk.t-lenda .gx-ph.blur{filter:blur(9px) brightness(.5) sepia(.7) saturate(1.3)!important}
.gx-cell.unk.t-eterno .gx-ph.blur{filter:blur(9px) brightness(.5) grayscale(1)!important}
.gx-cell.unk .gx-tier{font-size:12px}
.gx-cell.unk.t-lenda .gx-tier,.gx-cell.unk.t-eterno .gx-tier,.gx-cell.unk.t-craque .gx-tier{font-family:var(--f-display);font-size:16px;letter-spacing:.08em}
html body .pc3 .pc3-lglogo{left:82.6%;top:15.8%;right:auto;width:11.7%!important;height:9%;max-height:none;object-fit:contain;transform:translate(-50%,-50%);filter:drop-shadow(0 .2em .4em rgba(14,11,31,.7))}
.g3d .pc3 .pc3-lglogo{transform:translate(-50%,-50%) translateZ(60px)}
.pc3-emb{position:absolute;z-index:5;left:82.6%;top:25.5%;width:9%;height:6.5%;object-fit:contain;transform:translate(-50%,-50%);filter:drop-shadow(0 .2em .4em rgba(14,11,31,.8))}

/* ===== rivais no computador igual ao celular ===== */
/* lista de lances no celular */


  .mstrip{display:flex;flex-direction:column;gap:6px;margin-top:10px}
  .ms-t{font-size:11px;letter-spacing:.14em;text-transform:uppercase;opacity:.6}
  .ms-row{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
  .ms-row::-webkit-scrollbar{display:none}
  .ms{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:2px;min-width:64px;padding:6px 6px 5px;border-radius:12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08)}
  .ms span{font-size:11px;max-width:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .ms em{font-style:normal;font-size:11px;font-weight:700;opacity:.75}
  .ms.now{border-color:#c6ff3a;background:rgba(198,255,58,.14)}.ms.now em{color:#c6ff3a;opacity:1}
  .ms.lead{border-color:#8c7bf2;background:rgba(140,123,242,.18)}.ms.lead em{color:#ffffff;opacity:1}
  .ms.out{opacity:.4}
  .ms.me span{font-weight:700}

  .a-lot .mstrip{grid-column:1/-1;width:100%}
  .ms{min-width:78px;max-width:96px}.ms span{max-width:86px}
/* adversários no celular */

  .mstrip{gap:6px!important}
  .ms{display:grid!important;grid-template-columns:30px 1fr auto;align-items:center;gap:8px!important;min-width:0!important;max-width:none!important;padding:6px 10px!important;border-radius:12px;flex-direction:row!important}
  .ms-cards{display:flex;gap:3px;overflow-x:auto;scrollbar-width:none;align-items:center;min-width:0}
  .ms-cards::-webkit-scrollbar{display:none}
  .ms-cards .pc3{flex:none;filter:none!important}
  .ms-e{flex:none;width:30px;aspect-ratio:2160/2880;border-radius:4px;border:1px dashed rgba(255,255,255,.2)}
  .ms .coin{font-weight:700;font-size:15px}
  .ms.now{border-color:#c6ff3a!important}.ms.lead{border-color:#8c7bf2!important}.ms.out{opacity:.55}

@media (min-width:761px){body[data-phase=auction] .a-mesa{display:none!important}.a-lot .mstrip{margin-top:14px}.ms{grid-template-columns:36px 1fr auto!important;padding:8px 12px!important}}
#rotTip{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:120;display:flex;align-items:center;gap:12px;padding:12px 12px 12px 14px;border-radius:16px;background:linear-gradient(135deg,#c6ff3a,#c6ff3a);color:#0e0b1f;box-shadow:0 12px 30px rgba(14,11,31,.45);animation:xin .3s ease;font-family:var(--f-body)}
#rotTip b{display:block;font-family:var(--f-display);text-transform:uppercase;font-size:17px}#rotTip small{font-size:12px;opacity:.8}
#rotTip .rt-ic{flex:none;animation:rtSpin 2.4s ease-in-out infinite}
@keyframes rtSpin{0%,30%{transform:rotate(0)}60%,100%{transform:rotate(-90deg)}}
html body #rotTip button{flex:none;background:rgba(14,11,31,.12)!important;border:0!important;color:#0e0b1f!important;width:32px;height:32px;padding:0!important;border-radius:50%}
/* ===== celular deitado: layout do computador compacto ===== */
html.landphone body{font-size:15px}
html.landphone .pstage.fut>.pc3{zoom:.62}
html.landphone .pstage.fut{gap:18px!important;align-items:flex-start}
html.landphone .pstage.fut .nm{font-size:44px!important;line-height:1!important}
html.landphone .pstage.fut .stats{display:none}
html.landphone .pstage.fut .fc-func{margin-bottom:6px}
html.landphone .arena{gap:12px!important}
html.landphone .wrap,html.landphone .lgwrap{padding-top:8px!important}
html.landphone .box.bid{padding:12px 14px!important}
html.landphone .bid .highnum,html.landphone .bid .big{font-size:44px!important}
html.landphone .a-squad .pitch{zoom:.8}
html.landphone #rotTip{display:none}
html.landphone .pstage.fut>.pc3{zoom:.55}
html.landphone .bank,html.landphone .a-squad .handbox{zoom:.8}
.tierbadge{display:inline-flex;align-items:center;margin-left:8px;padding:5px 10px;border-radius:99px;font:700 11px/1 var(--f-label);text-transform:uppercase;letter-spacing:.08em;border:1px solid currentColor}
.tierbadge.t-elite{color:#ffffff;background:rgba(140,123,242,.18);box-shadow:0 0 14px rgba(140,123,242,.4)}
.tierbadge.t-ouro{color:#c6ff3a;background:rgba(198,255,58,.12)}
.tierbadge.t-prata{color:#8c7bf2;background:rgba(140,123,242,.08)}
.tierbadge.t-bronze{color:#c6ff3a;background:rgba(198,255,58,.1)}
.gc-when.r-rara{color:#8c7bf2!important;border-color:#8c7bf2!important}
.gc-when.r-epica{color:#ffffff!important;border-color:#8c7bf2!important;box-shadow:0 0 12px rgba(140,123,242,.5)}
/* ===== carreira: gestão ===== */
.crbox h3{margin:10px 0 4px;font-family:var(--f-display);text-transform:uppercase}
.cr-filter{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:10px 0}
.cr-filter input,.cr-filter select{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.15);color:#ffffff;border-radius:10px;padding:9px 12px;font:inherit}
.cr-filter input{flex:1;min-width:160px}.cr-max{display:flex;gap:6px;align-items:center;font-size:13px;color:var(--muted)}
.cr-list{display:flex;flex-direction:column;gap:6px;max-height:62vh;overflow:auto;margin-top:8px}
.cr-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:12px;background:rgba(255,255,255,.05)}
.cr-row.slim{padding:6px 10px}
.cr-ph{width:42px;height:42px;border-radius:50%;overflow:hidden;background:rgba(255,255,255,.08);flex:none}.cr-ph img{width:100%;height:100%;object-fit:cover;object-position:top}
.cr-n{flex:1;min-width:0;display:flex;flex-direction:column}.cr-n b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cr-n small{color:var(--muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cr-o{font-style:normal;font-family:var(--f-num);font-size:22px;color:var(--gold);width:34px;text-align:center}
.cr-v{display:flex;flex-direction:column;align-items:flex-end;font-size:13px;min-width:92px}.cr-v small{color:var(--muted);font-size:11px}.cr-v.up{color:#c6ff3a}.cr-v.down{color:#ff6b8a}
.cr-row button{flex:none;font-size:12px!important;padding:8px 10px!important}
.cr-row button.on{background:#c6ff3a!important;color:#0e0b1f!important}
.cr-tit{font-style:normal;font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#c6ff3a;margin-left:4px}
.cr-en{display:flex;flex-direction:column;gap:3px;width:70px}.cr-en i{height:6px;border-radius:9px;background:rgba(255,255,255,.1);overflow:hidden}.cr-en i b{display:block;height:100%}.cr-en small{font-size:11px;color:var(--muted)}
.cr-train{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px}
html body .cr-train button{display:flex;flex-direction:column;gap:4px;text-align:left;padding:12px!important;text-transform:none!important}
.cr-train button small{font-size:12px;opacity:.75;font-weight:400}
html body .cr-train button.on{background:rgba(198,255,58,.16)!important;border-color:#c6ff3a!important}
.cr-meter{display:grid;grid-template-columns:1fr 2fr auto;gap:10px;align-items:center;margin:10px 0}.cr-meter i{height:10px;border-radius:9px;background:rgba(255,255,255,.1);overflow:hidden}.cr-meter i b{display:block;height:100%}.cr-meter em{font-style:normal;font-weight:700}
.bid-top{display:flex;gap:14px;align-items:center}.bid-top h2{margin:0}
.bid-amt{display:flex;flex-direction:column;gap:8px;font-weight:600}.bid-amt b{font-size:24px;color:var(--gold)}
.hb-cmk,.hb-cx,.hb-fin,.hb-dir,.hb-tr{background:linear-gradient(160deg,rgba(140,123,242,.12),rgba(255,255,255,.03))!important}
@media (max-width:600px){.cr-row{flex-wrap:wrap}.cr-v{min-width:0}.cr-train{grid-template-columns:1fr}}
#subBtn{position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:115;display:flex;align-items:center;gap:8px;padding:12px 16px!important;border-radius:99px!important;background:linear-gradient(180deg,#c6ff3a,#c6ff3a 50%,#c6ff3a)!important;color:#0e0b1f!important;border:0!important;box-shadow:0 10px 30px rgba(14,11,31,.45);font:700 15px/1 var(--f-label)!important;text-transform:uppercase}
#subBtn small{font-size:12px;opacity:.7}#subBtn:disabled{opacity:.5}
.subov .xbox{width:min(760px,100%)}
.sb-cols{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sb-cols>div{display:flex;flex-direction:column;gap:6px;min-width:0}
html body .sb-p{display:flex!important;align-items:center;gap:8px;padding:6px 8px!important;text-transform:none!important;text-align:left;font-size:13px!important}
.sb-p .cr-ph{width:34px;height:34px}.sb-p em{font-style:normal;font-size:12px;width:34px;text-align:right}
.sb-en{width:46px;height:6px;border-radius:9px;background:rgba(255,255,255,.12);overflow:hidden;flex:none}.sb-en b{display:block;height:100%}
html body .sb-p.sel{background:rgba(198,255,58,.18)!important;border-color:#c6ff3a!important}
@media (max-width:600px){.sb-cols{grid-template-columns:1fr}}
.hb-cup{background:linear-gradient(135deg,rgba(198,255,58,.35),rgba(198,255,58,.15))!important;border-color:#c6ff3a!important;animation:bpulse 1.6s infinite}
.hb-world{background:linear-gradient(160deg,rgba(198,255,58,.14),rgba(255,255,255,.03))!important}
.w-groups{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px}
.w-g{display:flex;flex-direction:column;gap:3px;padding:10px;border-radius:12px;background:rgba(255,255,255,.05);font-size:13px}
.w-g span{display:flex;justify-content:space-between;opacity:.8}.w-g span.q{opacity:1;color:#c6ff3a}.w-g span.me{font-weight:800;text-decoration:underline}.w-g em{font-style:normal}
.w-hist{display:flex;flex-direction:column;gap:3px;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.05);margin-bottom:8px;font-size:13px}.w-hist b{font-family:var(--f-num);font-size:20px;color:var(--gold)}
.cr-pot{font-style:normal;color:#c6ff3a;font-weight:700}
.w-star{font-style:normal;color:#c6ff3a;letter-spacing:1px;font-size:12px;white-space:nowrap}
.cr-base{margin:12px 0;padding:12px;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}
.cr-cp{display:flex;gap:8px;flex-wrap:wrap}.cr-cp input,.cr-cp select{flex:1;min-width:120px;padding:10px;border-radius:10px;border:1px solid rgba(255,255,255,.15);background:rgba(14,11,31,.3);color:#ffffff;font:inherit}
.nt-sum{margin:8px 0;font-size:14px}.nt-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:6px;max-height:46vh;overflow:auto;padding:2px}
.nt-p{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);color:#ffffff;font:inherit;cursor:pointer}
.nt-p img,.nt-p .nt-ph{width:52px;height:52px;border-radius:50%;object-fit:cover;background:rgba(255,255,255,.08)}.nt-p b{font-size:12px;text-align:center;line-height:1.1}.nt-p small{font-size:10px;opacity:.7}
.nt-p.on{border-color:#c6ff3a;background:rgba(198,255,58,.18)}.nt-act{display:flex;gap:8px;justify-content:flex-end;margin-top:10px}.cr-row.me{background:rgba(198,255,58,.12)}
.ntov .cr-list{max-height:none}.ntov .cr-o{white-space:nowrap}.ntov .cr-row.slim{padding:6px 10px}
.hb-ev{border-color:rgba(198,255,58,.5)!important;background:linear-gradient(135deg,rgba(198,255,58,.16),rgba(255,255,255,.03))!important}
.ev-box{text-align:center}.ev-pc{display:flex;justify-content:center;margin:6px 0 10px}.ev-opts{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:12px}
body.modern .crbox .cr-row button,body.modern .crbox .ev-opts button{font-size:12px!important;padding:9px 14px!important;letter-spacing:.06em;font-style:normal;min-height:0;height:auto;line-height:1.1}body.modern .crbox .ev-opts button{font-size:14px!important;padding:12px 18px!important}
.xov.ntov .xbox .cr-list{max-height:none!important;overflow:visible}
/* skin de carreira em camadas: fundo < jogador saltando < informações */
.pop{position:relative;aspect-ratio:3/4;display:inline-block;isolation:isolate;font-family:inherit;color:#ffffff;text-align:left}
.pop-bg{position:absolute;inset:0;border-radius:7em;overflow:hidden;background:radial-gradient(60em 50em at 50% 28%,rgba(198,255,58,.35),transparent 70%),linear-gradient(165deg,#2b2170 0%,#0e0b1f 55%,#0e0b1f 100%);box-shadow:inset 0 0 0 1.1em #c6ff3a,inset 0 0 0 1.7em rgba(14,11,31,.35),0 2em 6em rgba(14,11,31,.5),0 0 5em rgba(198,255,58,.25);z-index:0}
.pop-rays{position:absolute;inset:-40%;background:repeating-conic-gradient(from 0deg at 50% 40%,rgba(255,255,255,.06) 0 6deg,transparent 6deg 14deg);animation:popspin 40s linear infinite}
@keyframes popspin{to{transform:rotate(360deg)}}
.pop-wm{position:absolute;left:-4%;right:-4%;top:16%;text-align:center;font-size:17em;line-height:.86;font-weight:900;text-transform:uppercase;letter-spacing:-.02em;color:rgba(255,255,255,.07);word-break:break-word}
.pop-pl{position:absolute;left:-9%;right:-9%;top:-24%;bottom:0;overflow:hidden;border-radius:0 0 7em 7em;z-index:1;pointer-events:none}
.pop-pl img{position:absolute;left:0;bottom:24%;width:100%;height:86%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 1.5em 2.5em rgba(14,11,31,.55))}
.pop-info{position:absolute;left:0;right:0;bottom:0;height:40%;z-index:2;border-radius:0 0 7em 7em;padding:0 7em 6em;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;background:linear-gradient(to bottom,transparent,rgba(14,11,31,.82) 28%,#0e0b1f 70%);box-shadow:inset 0 -1.1em 0 #c6ff3a,inset 1.1em 0 0 #c6ff3a,inset -1.1em 0 0 #c6ff3a}
.pop-ovr{position:absolute;left:8em;top:-2em;display:flex;flex-direction:column;align-items:center;line-height:.9}
.pop-ovr b{font-size:17em;font-weight:900;color:#c6ff3a;text-shadow:0 .1em .3em rgba(14,11,31,.6)}.pop-ovr small{font-size:5.5em;font-weight:800;letter-spacing:.08em}
.pop-lg{position:absolute;right:8em;top:0;height:15em;width:auto;filter:drop-shadow(0 .4em .8em rgba(14,11,31,.5))}
.pop-nm{font-size:10.5em;font-weight:900;text-transform:uppercase;letter-spacing:.01em;line-height:1;text-align:center;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 .1em .3em rgba(14,11,31,.6)}
.pop-sk{font-size:4.6em;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:#c6ff3a;margin:.6em 0 1.4em}
.pop-st{display:flex;gap:3.2em;justify-content:center}.pop-st span{display:flex;flex-direction:column;align-items:center;line-height:1}.pop-st b{font-size:6.6em;font-weight:900}.pop-st small{font-size:3.6em;opacity:.7;font-weight:700;margin-top:.3em}
.csk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:22px 14px;padding:8px 0 40px}
.csk-cell{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;padding:8px 6px 14px;border-radius:14px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07)}
.csk-cell.on{border-color:rgba(198,255,58,.45);background:linear-gradient(180deg,rgba(198,255,58,.1),rgba(255,255,255,.02))}
.csk-cell>b{font-size:14px;margin-top:6px}.csk-cell>span{font-size:11.5px;opacity:.75;line-height:1.3;max-width:200px}
.csk-lock{position:relative;display:flex;justify-content:center;align-items:flex-end;min-height:250px;width:100%}.csk-blur{filter:blur(5px) grayscale(.6) brightness(.55)}
.csk-lock .gx-lock{position:absolute;left:50%;top:55%;transform:translate(-50%,-50%)}.csk-ph{height:250px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;opacity:.6}.csk-ph .gx-sil{width:110px;height:150px;position:relative;display:block}
.csk-eq{margin-top:6px;font-size:12px!important;padding:8px 14px!important}
.gx-base.csk-tab span{white-space:nowrap}
.pc3 .pop,.gx-cell .pop{margin-top:0}
.csk-cell .pop{margin-top:26%}
.pop-ovr{top:-15em;left:7em}.pop-lg{top:-11em;right:7em}
.pop-nm.l{font-size:8.6em}.pop-nm.xl{font-size:7em}
.pop-pl{top:-40%}.pop-pl img{bottom:20%;height:78%}
/* tipos de skin de carreira */
.pop{--g:#c6ff3a;--b1:#2b2170;--b2:#0e0b1f;--b3:#0e0b1f}
.pop.t-eterno{--g:#8c7bf2;--b1:#2b2170;--b2:#0e0b1f;--b3:#0e0b1f}
.pop.t-season{--g:#c6ff3a;--b1:#2b2170;--b2:#0e0b1f;--b3:#0e0b1f}
.pop.t-lenda{--g:#c6ff3a;--b1:#5c1424;--b2:#0e0b1f;--b3:#0e0b1f}
.pop .pop-bg{background:radial-gradient(60em 50em at 50% 28%,color-mix(in srgb,var(--g) 35%,transparent),transparent 70%),linear-gradient(165deg,var(--b1) 0%,var(--b2) 55%,var(--b3) 100%);box-shadow:inset 0 0 0 1.1em var(--g),inset 0 0 0 1.7em rgba(14,11,31,.35),0 2em 6em rgba(14,11,31,.5),0 0 5em color-mix(in srgb,var(--g) 30%,transparent)}
.pop .pop-info{background:linear-gradient(to bottom,transparent,color-mix(in srgb,var(--b3) 85%,transparent) 28%,var(--b3) 70%);box-shadow:inset 0 -1.1em 0 var(--g),inset 1.1em 0 0 var(--g),inset -1.1em 0 0 var(--g)}
.pop .pop-ovr b,.pop .pop-sk{color:var(--g)}
.pop.t-lenda .pop-wm{color:rgba(198,255,58,.08)}
/* Geração Alpha: brasão recortado, borda neon e textura glitch */
.pop.t-alpha{--g:#c6ff3a;--b3:#0e0b1f}
.pop.t-alpha .pop-bg{border-radius:0;box-shadow:none;clip-path:polygon(0 9%,9% 4.5%,31% 4.5%,39% 0,50% 4.5%,61% 0,69% 4.5%,91% 4.5%,100% 9%,100% 87%,50% 100%,0 87%);background:linear-gradient(135deg,#8c7bf2,#8c7bf2 30%,#8c7bf2 52%,#c6ff3a 76%,#8c7bf2);animation:alphahue 6s linear infinite}
@keyframes alphahue{to{filter:hue-rotate(360deg)}}
.pop.t-alpha .pop-bg::before{content:'';position:absolute;inset:1.6em;clip-path:polygon(0 9%,9% 4.5%,31% 4.5%,39% 0,50% 4.5%,61% 0,69% 4.5%,91% 4.5%,100% 9%,100% 87%,50% 100%,0 87%);background:repeating-linear-gradient(118deg,rgba(140,123,242,.0) 0 3.2em,rgba(140,123,242,.16) 3.2em 3.8em,transparent 3.8em 6em,rgba(140,123,242,.14) 6em 6.6em,transparent 6.6em 9em),radial-gradient(70em 50em at 70% 20%,rgba(140,123,242,.55),transparent 60%),radial-gradient(60em 40em at 10% 70%,rgba(140,123,242,.35),transparent 60%),linear-gradient(180deg,#0e0b1f,#0e0b1f 70%)}
.pop.t-alpha .pop-rays{display:none}.pop.t-alpha .pop-wm{z-index:1;color:rgba(198,255,58,.07);font-style:italic}
.pop.t-alpha .pop-pl{border-radius:0}
.pop.t-alpha .pop-info{border-radius:0;box-shadow:none;clip-path:polygon(0 0,100% 0,100% 67%,50% 100%,0 67%);background:linear-gradient(to bottom,transparent,rgba(14,11,31,.85) 30%,#0e0b1f 65%);padding-bottom:11em}
.pop.t-alpha .pop-ovr b{background:linear-gradient(180deg,#c6ff3a,#8c7bf2);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.pop.t-alpha .pop-sk{color:#c6ff3a;letter-spacing:.3em}
.pop-alpha{position:absolute;inset:-1.5%;z-index:-1;clip-path:polygon(0 9%,9% 4.5%,31% 4.5%,39% 0,50% 4.5%,61% 0,69% 4.5%,91% 4.5%,100% 9%,100% 87%,50% 100%,0 87%);background:linear-gradient(135deg,#8c7bf2,#8c7bf2,#c6ff3a);filter:blur(1.8em);opacity:.55}
.csk-ty{font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;opacity:.65}
.csk-cell.ty-alpha.on{border-color:rgba(198,255,58,.5)}
.csk-cell .pop{margin-top:36%}.csk-cell{padding-top:10px}
/* skins de carreira no molde das cartas: arte pronta (fundo + jogador saltando) e informações por cima */
.pc3.pop3{filter:drop-shadow(0 1.6em 2.4em rgba(14,11,31,.55))}
.pc3.pop3 .pc3-bg{z-index:0}.pc3.pop3 .pc3-nm,.pc3.pop3 .pc3-ovr,.pc3.pop3 .pc3-st{z-index:3}
.pc3.pop3 .pc3-nm span{color:#ffffff;text-shadow:0 .15em .6em rgba(14,11,31,.6)}
.pc3.pop3 .pc3-st{color:#ffffff}
.pc3.pop3.t-lenda .pc3-nm span,.pc3.pop3.t-lenda .pc3-st{color:#c6ff3a}
.pc3.pop3.t-alpha .pc3-nm{top:68%}.pc3.pop3.t-alpha .pc3-nm span{font-family:'Permanent Marker','Tusker Grotesk',cursive;font-size:17em;transform:rotate(-4deg);letter-spacing:-.01em;text-shadow:0 .08em .3em rgba(14,11,31,.6),0 0 .6em rgba(140,123,242,.6)}
.pc3.pop3.t-alpha .pc3-nm.long span{font-size:12.5em}.pc3.pop3.t-alpha .pc3-nm.mid span{font-size:15em}
.pop3-ph{position:absolute;left:9.2%;right:9.2%;top:13%;bottom:35%;display:flex;align-items:flex-end;justify-content:center;overflow:hidden;border-radius:5em 5em 0 0;z-index:1}.pop3-ph img{width:100%;height:100%;object-fit:cover;object-position:50% 20%}
.csk-cell .pop3{margin-top:4px}

.pc3.pop3 .pc3-bg{left:-5.556%!important;top:-9.03%!important;width:111.11%!important;height:auto!important;inset:auto}
.pc3.pop3.is-lenda .pc3-nm span,.pc3.pop3.is-lenda .pc3-st{color:#c6ff3a}
.pc3.lenda-bw .pc3-legph img,.pc3.lenda-bw .pc3-legph.full img{filter:grayscale(1) contrast(1.08)!important}
.pc3.lg-leg.holo.lenda-bw.lenda-bw .pc3-legph.full img,.pc3.lg-leg.lenda-bw.lenda-bw .pc3-legph.full img{filter:grayscale(1) contrast(1.08)!important}
/* tour guiado */
.tour{position:fixed;inset:0;z-index:9000;pointer-events:auto}
.tour-hole{position:fixed;box-shadow:0 0 0 9999px rgba(14,11,31,.78),0 0 0 3px #c6ff3a,0 0 28px rgba(198,255,58,.55);transition:all .35s cubic-bezier(.2,.8,.2,1);pointer-events:none}
.tour-tip{position:fixed;background:linear-gradient(160deg,#2b2170,#0e0b1f);border:1px solid rgba(198,255,58,.45);border-radius:16px;padding:16px 18px 14px;color:#ffffff;box-shadow:0 18px 50px rgba(14,11,31,.6);transition:left .35s,top .35s;opacity:0;transform:translateY(6px)}
.tour-tip.in{opacity:1;transform:none;transition:left .35s,top .35s,opacity .25s,transform .25s}
.tour-tip small{display:block;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:#c6ff3a;font-weight:800;margin-bottom:6px}
.tour-tip b{display:block;font-size:18px;margin-bottom:6px}.tour-tip p{margin:0 0 12px;font-size:14px;line-height:1.45;opacity:.9}
.tour-act{display:flex;gap:8px;align-items:center;justify-content:flex-end;flex-wrap:wrap}.tour-act .linkbtn{margin-right:auto;font-size:12px;opacity:.7}
.tour-act button{font-size:13px!important;padding:9px 14px!important;min-height:0!important}
.fav-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px;max-height:52vh;overflow:auto;margin-top:10px}
.fav-p{display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 6px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);color:#ffffff;font:inherit;cursor:pointer}
.fav-p:hover{border-color:#c6ff3a;background:rgba(198,255,58,.12)}.fav-p img,.fav-p .nt-ph{width:62px;height:62px;border-radius:50%;object-fit:cover;background:rgba(255,255,255,.08)}.fav-p b{font-size:12.5px;text-align:center;line-height:1.15}.fav-p small{font-size:10.5px;opacity:.65;text-align:center}
.fav-s{width:100%;margin-top:6px}.fav-card{display:flex;justify-content:center;margin:12px 0 16px}
.xov.favcard,.xov.favov{z-index:8000}
.tour-act button{font-family:inherit!important;letter-spacing:.02em!important;text-transform:none!important;height:auto!important}.tour-act .primary{font-weight:800!important}
.gx-base.silver{border-color:rgba(140,123,242,.55)!important;color:#8c7bf2}
/* calendário e pré-temporada */
.w-today b{font-size:13px!important;letter-spacing:.02em;white-space:nowrap}
.hb-cal{border-color:rgba(140,123,242,.35)!important}
.cal-m{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}
.cal-e{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:10px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.06)}
.cal-e.done{opacity:.5}.cal-e.next{border-color:#c6ff3a;background:rgba(198,255,58,.1)}
.cal-e em{margin-left:auto;font-style:normal;font-size:11px;color:#c6ff3a;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.cal-d{display:flex;flex-direction:column;align-items:center;min-width:34px;line-height:1}.cal-d b{font-size:18px}.cal-d small{font-size:10px;opacity:.6;text-transform:uppercase}
.cal-n{display:flex;flex-direction:column}.cal-n b{font-size:13.5px}.cal-n small{font-size:11.5px;opacity:.7}
.cal-e.k-cup .cal-n b,.cal-e.k-libg .cal-n b,.cal-e.k-libko .cal-n b{color:#8c7bf2}.cal-e.k-fr .cal-n b{color:#c6ff3a}
.fr-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin:10px 0}
.fr-c{display:flex;flex-direction:column;gap:6px;padding:14px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1)}
.fr-c.lv2{border-color:rgba(140,123,242,.35)}.fr-c.lv3{border-color:rgba(198,255,58,.55);background:linear-gradient(180deg,rgba(198,255,58,.1),rgba(255,255,255,.02))}
.fr-st{color:#c6ff3a;letter-spacing:2px}.fr-c>b{font-size:17px}.fr-c>small{font-size:12px;opacity:.75}
.fr-t{display:flex;flex-direction:column;gap:4px;margin:4px 0}.fr-t span{display:flex;align-items:center;gap:8px;font-size:12.5px}.fr-t i{font-style:normal;flex:1}.fr-t em{font-style:normal;font-weight:800;opacity:.8}
.fr-p{font-size:13px}.fr-p b{color:#c6ff3a}
.dayov{position:fixed;inset:0;z-index:9500;display:flex;align-items:center;justify-content:center;background:rgba(14,11,31,.55);backdrop-filter:blur(2px)}
.day-c{display:flex;flex-direction:column;align-items:center;width:150px;padding:14px 0 16px;border-radius:18px;background:#ffffff;color:#0e0b1f;box-shadow:0 20px 60px rgba(14,11,31,.5);line-height:1}
.day-c small{font-size:13px;text-transform:uppercase;font-weight:800;color:#8c7bf2;letter-spacing:.1em}.day-c b{font-size:64px;font-weight:900;margin:4px 0}.day-c span{font-size:14px;font-weight:700;text-transform:uppercase;opacity:.7}
.day-w{display:flex;flex-direction:column;align-items:center;gap:14px;max-width:min(440px,92vw)}
.day-f{display:flex;flex-direction:column;gap:6px;width:100%}.day-f div{background:rgba(14,11,31,.92);border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:8px 12px;font-size:13.5px;color:#ffffff;animation:dayin .3s ease-out}
@keyframes dayin{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.xov.storyov{z-index:8800}.storyov .xbox{max-width:460px;text-align:center}
.st-intro p{line-height:1.5}.st-draw{display:flex;flex-direction:column;align-items:center;gap:8px}
.st-club{display:flex;flex-direction:column;align-items:center;gap:2px;animation:stin .35s ease-out}.st-club b{font-size:18px}.st-club small{opacity:.6;text-transform:uppercase;letter-spacing:.14em;font-size:11px}
.st-card{animation:stflip .55s cubic-bezier(.2,.9,.3,1.2) .15s both}@keyframes stflip{from{opacity:0;transform:translateY(30px) rotateY(80deg) scale(.8)}to{opacity:1;transform:none}}
@keyframes stin{from{opacity:0;transform:scale(.7)}to{opacity:1;transform:none}}
.st-line{margin:2px 0}.st-ros{display:flex;gap:14px;justify-content:center;margin:6px 0}.st-ros span{display:flex;flex-direction:column;align-items:center;line-height:1}.st-ros b{font-size:20px}.st-ros small{font-size:10px;opacity:.6}
.pc3.base-bw .pc3-legph img,.pc3.base-bw .pc3-legph.full img,.pc3.lg-leg.holo.base-bw .pc3-legph.full img{filter:grayscale(1) contrast(1.08)!important}
.lgsim{margin-right:8px;background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.2)!important;color:#ffffff!important}
.hbx-two{display:flex;gap:10px;align-self:stretch;position:relative;z-index:1}.hbx-two .hbx-cta{flex:1;border:0;cursor:pointer}
.hbx-two .hbx-cta.sim{background:rgba(255,255,255,.1);color:#ffffff;border:1px solid rgba(255,255,255,.25)}

/* ilustrações dos botões do clube */
.hbgrid .hbt{position:relative;overflow:hidden}.hbgrid .hbt::after{content:"";position:absolute;right:-8px;bottom:-10px;width:min(46%,170px);aspect-ratio:1;background:no-repeat center/contain;opacity:.92;pointer-events:none;z-index:0;transition:transform .3s}.hbgrid .hbt:hover::after{transform:scale(1.06) rotate(-3deg)}.hbgrid .hbt>*{position:relative;z-index:1}.hbgrid .hb-play::after{display:none}
.hbgrid .hb-world::after{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20240%20240%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22g%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%221%22%20y2%3D%221%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23c9b8ff%22/%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%237b5cff%22/%3E%3C/linearGradient%3E%3ClinearGradient%20id%3D%22l%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220%22%20y2%3D%221%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23e6ff8a%22/%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%238fd12a%22/%3E%3C/linearGradient%3E%3ClinearGradient%20id%3D%22y%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220%22%20y2%3D%221%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23ffe9a3%22/%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23e3a91e%22/%3E%3C/linearGradient%3E%3Cfilter%20id%3D%22s%22%3E%3CfeDropShadow%20dx%3D%220%22%20dy%3D%226%22%20stdDeviation%3D%226%22%20flood-color%3D%22%23000%22%20flood-opacity%3D%22.45%22/%3E%3C/filter%3E%3C/defs%3E%3Cg%20filter%3D%22url%28%23s%29%22%3E%3Cpath%20d%3D%22M70%2040h100v30c0%2040-22%2062-50%2066-28-4-50-26-50-66z%22%20fill%3D%22url%28%23y%29%22/%3E%3Cpath%20d%3D%22M70%2052H44c0%2030%2014%2044%2030%2046M170%2052h26c0%2030-14%2044-30%2046%22%20fill%3D%22none%22%20stroke%3D%22%23e3a91e%22%20stroke-width%3D%229%22/%3E%3Crect%20x%3D%22108%22%20y%3D%22134%22%20width%3D%2224%22%20height%3D%2234%22%20fill%3D%22url%28%23y%29%22/%3E%3Crect%20x%3D%2278%22%20y%3D%22166%22%20width%3D%2284%22%20height%3D%2222%22%20rx%3D%225%22%20fill%3D%22%23b8831a%22/%3E%3Crect%20x%3D%2266%22%20y%3D%22186%22%20width%3D%22108%22%20height%3D%2216%22%20rx%3D%225%22%20fill%3D%22%238a6012%22/%3E%3Ccircle%20cx%3D%22120%22%20cy%3D%2278%22%20r%3D%2216%22%20fill%3D%22%23fff6d6%22%20opacity%3D%22.7%22/%3E%3C/g%3E%3C/svg%3E")}
.hbgrid .hb-cmk::after{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20240%20240%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22g%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%221%22%20y2%3D%221%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23c9b8ff%22/%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%237b5cff%22/%3E%3C/linearGradient%3E%3ClinearGradient%20id%3D%22l%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220%22%20y2%3D%221%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23e6ff8a%22/%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%238fd12a%22/%3E%3C/linearGradient%3E%3ClinearGradient%20id%3D%22y%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220%22%20y2%3D%221%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23ffe9a3%22/%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23e3a91e%22/%3E%3C/linearGradient%3E%3Cfilter%20id%3D%22s%22%3E%3CfeDropShadow%20dx%3D%220%22%20dy%3D%226%22%20stdDeviation%3D%226%22%20flood-color%3D%22%23000%22%20flood-opacity%3D%22.45%22/%3E%3C/filter%3E%3C/defs%3E%3Cg%20filter%3D%22url%28%23s%29%22%3E%3Cpath%20d%3D%22M48%2070h22l20%2086h86l18-62H82%22%20fill%3D%22none%22%20stroke%3D%22url%28%23g%29%22%20stroke-width%3D%2212%22%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22/%3E%3Ccircle%20cx%3D%22102%22%20cy%3D%22182%22%20r%3D%2213%22%20fill%3D%22%23c9b8ff%22/%3E%3Ccircle%20cx%3D%22164%22%20cy%3D%22182%22%20r%3D%2213%22%20fill%3D%22%23c9b8ff%22/%3E%3Crect%20x%3D%22104%22%20y%3D%2296%22%20width%3D%2262%22%20height%3D%2240%22%20rx%3D%226%22%20fill%3D%22url%28%23l%29%22/%3E%3Ctext%20x%3D%22135%22%20y%3D%22124%22%20font-family%3D%22Arial%20Black%2CArial%22%20font-size%3D%2222%22%20text-anchor%3D%22middle%22%20fill%3D%22%231b1340%22%3ER%24%3C/text%3E%3C/g%3E%3C/svg%3E")}
.hbgrid .hb-cx::after{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20240%20240%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22g%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%221%22%20y2%3D%221%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23c9b8ff%22/%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%237b5cff%22/%3E%3C/linearGradient%3E%3ClinearGradient%20id%3D%22l%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220%22%20y2%3D%221%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23e6ff8a%22/%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%238fd12a%22/%3E%3C/linearGradient%3E%3ClinearGradient%20id%3D%22y%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220%22%20y2%3D%221%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23ffe9a3%22/%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23e3a91e%22/%3E%3C/linearGradient%3E%3Cfilter%20id%3D%22s%22%3E%3CfeDropShadow%20dx%3D%220%22%20dy%3D%226%22%20stdDeviation%3D%226%22%20flood-color%3D%22%23000%22%20flood-opacity%3D%22.45%22/%3E%3C/filter%3E%3C/defs%3E%3Cg%20filter%3D%22url%28%23s%29%22%3E%3Crect%20x%3D%2240%22%20y%3D%2270%22%20width%3D%22160%22%20height%3D%22110%22%20rx%3D%2214%22%20fill%3D%22url%28%23g%29%22/%3E%3Cpath%20d%3D%22M40%2084l80%2056%2080-56%22%20fill%3D%22none%22%20stroke%3D%22%232a1d63%22%20stroke-width%3D%2210%22%20stroke-linejoin%3D%22round%22/%3E%3Ccircle%20cx%3D%22188%22%20cy%3D%2274%22%20r%3D%2224%22%20fill%3D%22url%28%23l%29%22/%3E%3Ctext%20x%3D%22188%22%20y%3D%2283%22%20font-family%3D%22Arial%20Black%2CArial%22%20font-size%3D%2224%22%20text-anchor%3D%22middle%22%20fill%3D%22%231b1340%22%3E%21%3C/text%3E%3C/g%3E%3C/svg%3E")}
.hbgrid .hb-fin::after{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20240%20240%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22g%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%221%22%20y2%3D%221%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23c9b8ff%22/%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%237b5cff%22/%3E%3C/linearGradient%3E%3ClinearGradient%20id%3D%22l%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220%22%20y2%3D%221%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23e6ff8a%22/%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%238fd12a%22/%3E%3C/linearGradient%3E%3ClinearGradient%20id%3D%22y%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220%22%20y2%3D%221%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23ffe9a3%22/%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23e3a91e%22/%3E%3C/linearGradient%3E%3Cfilter%20id%3D%22s%22%3E%3CfeDropShadow%20dx%3D%220%22%20dy%3D%226%22%20stdDeviation%3D%226%22%20flood-color%3D%22%23000%22%20flood-opacity%3D%22.45%22/%3E%3C/filter%3E%3C/defs%3E%3Cg%20filter%3D%22url%28%23s%29%22%3E%3Cellipse%20cx%3D%2296%22%20cy%3D%22172%22%20rx%3D%2244%22%20ry%3D%2214%22%20fill%3D%22%23b8831a%22/%3E%3Crect%20x%3D%2252%22%20y%3D%22140%22%20width%3D%2288%22%20height%3D%2232%22%20fill%3D%22url%28%23y%29%22/%3E%3Cellipse%20cx%3D%2296%22%20cy%3D%22140%22%20rx%3D%2244%22%20ry%3D%2214%22%20fill%3D%22%23ffe9a3%22/%3E%3Crect%20x%3D%2252%22%20y%3D%22112%22%20width%3D%2288%22%20height%3D%2228%22%20fill%3D%22url%28%23y%29%22/%3E%3Cellipse%20cx%3D%2296%22%20cy%3D%22112%22%20rx%3D%2244%22%20ry%3D%2214%22%20fill%3D%22%23ffe9a3%22/%3E%3Cpath%20d%3D%22M150%20170l22-40%2018%2022%2026-62%22%20fill%3D%22none%22%20stroke%3D%22url%28%23l%29%22%20stroke-width%3D%2211%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M200%2086l18%204-6%2018%22%20fill%3D%22none%22%20stroke%3D%22%23c9f24a%22%20stroke-width%3D%2210%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/g%3E%3C/svg%3E")}
.hbgrid .hb-dir::after{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20240%20240%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22g%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%221%22%20y2%3D%221%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23c9b8ff%22/%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%237b5cff%22/%3E%3C/linearGradient%3E%3ClinearGradient%20id%3D%22l%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220%22%20y2%3D%221%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23e6ff8a%22/%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%238fd12a%22/%3E%3C/linearGradient%3E%3ClinearGradient%20id%3D%22y%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220%22%20y2%3D%221%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23ffe9a3%22/%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23e3a91e%22/%3E%3C/linearGradient%3E%3Cfilter%20id%3D%22s%22%3E%3CfeDropShadow%20dx%3D%220%22%20dy%3D%226%22%20stdDeviation%3D%226%22%20flood-color%3D%22%23000%22%20flood-opacity%3D%22.45%22/%3E%3C/filter%3E%3C/defs%3E%3Cg%20filter%3D%22url%28%23s%29%22%3E%3Cpath%20d%3D%22M40%2092l80-42%2080%2042z%22%20fill%3D%22url%28%23g%29%22/%3E%3Crect%20x%3D%2248%22%20y%3D%2296%22%20width%3D%22144%22%20height%3D%2212%22%20fill%3D%22%23c9b8ff%22/%3E%3Crect%20x%3D%2258%22%20y%3D%22112%22%20width%3D%2218%22%20height%3D%2260%22%20rx%3D%223%22%20fill%3D%22url%28%23g%29%22/%3E%3Crect%20x%3D%2294%22%20y%3D%22112%22%20width%3D%2218%22%20height%3D%2260%22%20rx%3D%223%22%20fill%3D%22url%28%23g%29%22/%3E%3Crect%20x%3D%22128%22%20y%3D%22112%22%20width%3D%2218%22%20height%3D%2260%22%20rx%3D%223%22%20fill%3D%22url%28%23g%29%22/%3E%3Crect%20x%3D%22164%22%20y%3D%22112%22%20width%3D%2218%22%20height%3D%2260%22%20rx%3D%223%22%20fill%3D%22url%28%23g%29%22/%3E%3Crect%20x%3D%2240%22%20y%3D%22172%22%20width%3D%22160%22%20height%3D%2216%22%20rx%3D%224%22%20fill%3D%22%237b5cff%22/%3E%3Crect%20x%3D%2232%22%20y%3D%22188%22%20width%3D%22176%22%20height%3D%2212%22%20rx%3D%224%22%20fill%3D%22%235a3ed6%22/%3E%3C/g%3E%3C/svg%3E")}
.hbgrid .hb-tr::after{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20240%20240%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22g%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%221%22%20y2%3D%221%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23c9b8ff%22/%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%237b5cff%22/%3E%3C/linearGradient%3E%3ClinearGradient%20id%3D%22l%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220%22%20y2%3D%221%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23e6ff8a%22/%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%238fd12a%22/%3E%3C/linearGradient%3E%3ClinearGradient%20id%3D%22y%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220%22%20y2%3D%221%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23ffe9a3%22/%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23e3a91e%22/%3E%3C/linearGradient%3E%3Cfilter%20id%3D%22s%22%3E%3CfeDropShadow%20dx%3D%220%22%20dy%3D%226%22%20stdDeviation%3D%226%22%20flood-color%3D%22%23000%22%20flood-opacity%3D%22.45%22/%3E%3C/filter%3E%3C/defs%3E%3Cg%20filter%3D%22url%28%23s%29%22%3E%3Cpath%20d%3D%22M56%20190l40-100%2018%2040%2022-40%2048%20100z%22%20fill%3D%22none%22/%3E%3Cpath%20d%3D%22M40%20196c30-6%2050-6%2080%200s50%206%2080%200%22%20fill%3D%22none%22%20stroke%3D%22%238fd12a%22%20stroke-width%3D%226%22/%3E%3Cpath%20d%3D%22M46%20186l16-56h12l16%2056z%22%20fill%3D%22url%28%23l%29%22/%3E%3Crect%20x%3D%2256%22%20y%3D%22126%22%20width%3D%2224%22%20height%3D%227%22%20rx%3D%223%22%20fill%3D%22%23fff%22/%3E%3Cpath%20d%3D%22M104%20186l16-56h12l16%2056z%22%20fill%3D%22url%28%23l%29%22/%3E%3Crect%20x%3D%22114%22%20y%3D%22126%22%20width%3D%2224%22%20height%3D%227%22%20rx%3D%223%22%20fill%3D%22%23fff%22/%3E%3Cpath%20d%3D%22M162%20186l16-56h12l16%2056z%22%20fill%3D%22url%28%23l%29%22/%3E%3Crect%20x%3D%22172%22%20y%3D%22126%22%20width%3D%2224%22%20height%3D%227%22%20rx%3D%223%22%20fill%3D%22%23fff%22/%3E%3Cpath%20d%3D%22M60%2090q60-60%20120%200%22%20fill%3D%22none%22%20stroke%3D%22%23c9b8ff%22%20stroke-width%3D%226%22%20stroke-dasharray%3D%2210%2010%22/%3E%3Ccircle%20cx%3D%22182%22%20cy%3D%2296%22%20r%3D%2214%22%20fill%3D%22%23fff%22/%3E%3Cpath%20d%3D%22M182%2082v28M168%2096h28%22%20stroke%3D%22%232a1d63%22%20stroke-width%3D%223%22/%3E%3C/g%3E%3C/svg%3E")}
.hbgrid .hb-stats::after{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20240%20240%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22g%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%221%22%20y2%3D%221%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23c9b8ff%22/%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%237b5cff%22/%3E%3C/linearGradient%3E%3ClinearGradient%20id%3D%22l%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220%22%20y2%3D%221%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23e6ff8a%22/%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%238fd12a%22/%3E%3C/linearGradient%3E%3ClinearGradient%20id%3D%22y%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220%22%20y2%3D%221%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23ffe9a3%22/%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23e3a91e%22/%3E%3C/linearGradient%3E%3Cfilter%20id%3D%22s%22%3E%3CfeDropShadow%20dx%3D%220%22%20dy%3D%226%22%20stdDeviation%3D%226%22%20flood-color%3D%22%23000%22%20flood-opacity%3D%22.45%22/%3E%3C/filter%3E%3C/defs%3E%3Cg%20filter%3D%22url%28%23s%29%22%3E%3Crect%20x%3D%2244%22%20y%3D%22140%22%20width%3D%2230%22%20height%3D%2260%22%20rx%3D%226%22%20fill%3D%22url%28%23g%29%22/%3E%3Crect%20x%3D%2286%22%20y%3D%22100%22%20width%3D%2230%22%20height%3D%22100%22%20rx%3D%226%22%20fill%3D%22url%28%23g%29%22/%3E%3Crect%20x%3D%22128%22%20y%3D%22120%22%20width%3D%2230%22%20height%3D%2280%22%20rx%3D%226%22%20fill%3D%22url%28%23g%29%22/%3E%3Crect%20x%3D%22170%22%20y%3D%2260%22%20width%3D%2230%22%20height%3D%22140%22%20rx%3D%226%22%20fill%3D%22url%28%23l%29%22/%3E%3Cpath%20d%3D%22M50%20120l42-36%2040%2018%2050-56%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%227%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/g%3E%3C/svg%3E")}
.hbgrid .hb-news::after{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20240%20240%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22g%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%221%22%20y2%3D%221%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23c9b8ff%22/%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%237b5cff%22/%3E%3C/linearGradient%3E%3ClinearGradient%20id%3D%22l%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220%22%20y2%3D%221%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23e6ff8a%22/%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%238fd12a%22/%3E%3C/linearGradient%3E%3ClinearGradient%20id%3D%22y%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220%22%20y2%3D%221%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23ffe9a3%22/%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23e3a91e%22/%3E%3C/linearGradient%3E%3Cfilter%20id%3D%22s%22%3E%3CfeDropShadow%20dx%3D%220%22%20dy%3D%226%22%20stdDeviation%3D%226%22%20flood-color%3D%22%23000%22%20flood-opacity%3D%22.45%22/%3E%3C/filter%3E%3C/defs%3E%3Cg%20filter%3D%22url%28%23s%29%22%3E%3Crect%20x%3D%2246%22%20y%3D%2256%22%20width%3D%22148%22%20height%3D%22144%22%20rx%3D%2210%22%20fill%3D%22%23efe9ff%22/%3E%3Crect%20x%3D%2260%22%20y%3D%2270%22%20width%3D%22120%22%20height%3D%2222%22%20rx%3D%224%22%20fill%3D%22%232a1d63%22/%3E%3Crect%20x%3D%2260%22%20y%3D%22102%22%20width%3D%2256%22%20height%3D%2248%22%20rx%3D%224%22%20fill%3D%22url%28%23g%29%22/%3E%3Crect%20x%3D%22124%22%20y%3D%22104%22%20width%3D%2256%22%20height%3D%227%22%20rx%3D%223%22%20fill%3D%22%239c8fd1%22/%3E%3Crect%20x%3D%22124%22%20y%3D%22118%22%20width%3D%2256%22%20height%3D%227%22%20rx%3D%223%22%20fill%3D%22%239c8fd1%22/%3E%3Crect%20x%3D%22124%22%20y%3D%22132%22%20width%3D%2256%22%20height%3D%227%22%20rx%3D%223%22%20fill%3D%22%239c8fd1%22/%3E%3Crect%20x%3D%22124%22%20y%3D%22146%22%20width%3D%2256%22%20height%3D%227%22%20rx%3D%223%22%20fill%3D%22%239c8fd1%22/%3E%3Crect%20x%3D%2260%22%20y%3D%22162%22%20width%3D%22120%22%20height%3D%227%22%20rx%3D%223%22%20fill%3D%22%239c8fd1%22/%3E%3Crect%20x%3D%2260%22%20y%3D%22176%22%20width%3D%22120%22%20height%3D%227%22%20rx%3D%223%22%20fill%3D%22%239c8fd1%22/%3E%3C/g%3E%3C/svg%3E")}
.hbgrid .hb-cal::after{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20240%20240%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22g%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%221%22%20y2%3D%221%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23c9b8ff%22/%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%237b5cff%22/%3E%3C/linearGradient%3E%3ClinearGradient%20id%3D%22l%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220%22%20y2%3D%221%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23e6ff8a%22/%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%238fd12a%22/%3E%3C/linearGradient%3E%3ClinearGradient%20id%3D%22y%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220%22%20y2%3D%221%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23ffe9a3%22/%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23e3a91e%22/%3E%3C/linearGradient%3E%3Cfilter%20id%3D%22s%22%3E%3CfeDropShadow%20dx%3D%220%22%20dy%3D%226%22%20stdDeviation%3D%226%22%20flood-color%3D%22%23000%22%20flood-opacity%3D%22.45%22/%3E%3C/filter%3E%3C/defs%3E%3Cg%20filter%3D%22url%28%23s%29%22%3E%3Crect%20x%3D%2248%22%20y%3D%2262%22%20width%3D%22144%22%20height%3D%22134%22%20rx%3D%2214%22%20fill%3D%22%23efe9ff%22/%3E%3Crect%20x%3D%2248%22%20y%3D%2262%22%20width%3D%22144%22%20height%3D%2238%22%20rx%3D%2214%22%20fill%3D%22%23ff4d6d%22/%3E%3Crect%20x%3D%2248%22%20y%3D%2286%22%20width%3D%22144%22%20height%3D%2214%22%20fill%3D%22%23ff4d6d%22/%3E%3Crect%20x%3D%2276%22%20y%3D%2248%22%20width%3D%2212%22%20height%3D%2228%22%20rx%3D%226%22%20fill%3D%22%23c9b8ff%22/%3E%3Crect%20x%3D%22152%22%20y%3D%2248%22%20width%3D%2212%22%20height%3D%2228%22%20rx%3D%226%22%20fill%3D%22%23c9b8ff%22/%3E%3Crect%20x%3D%2262%22%20y%3D%22112%22%20width%3D%2222%22%20height%3D%2218%22%20rx%3D%224%22%20fill%3D%22%23c7bdf0%22/%3E%3Crect%20x%3D%2294%22%20y%3D%22112%22%20width%3D%2222%22%20height%3D%2218%22%20rx%3D%224%22%20fill%3D%22%23c7bdf0%22/%3E%3Crect%20x%3D%22126%22%20y%3D%22112%22%20width%3D%2222%22%20height%3D%2218%22%20rx%3D%224%22%20fill%3D%22%23c7bdf0%22/%3E%3Crect%20x%3D%22158%22%20y%3D%22112%22%20width%3D%2222%22%20height%3D%2218%22%20rx%3D%224%22%20fill%3D%22%23c7bdf0%22/%3E%3Crect%20x%3D%2262%22%20y%3D%22138%22%20width%3D%2222%22%20height%3D%2218%22%20rx%3D%224%22%20fill%3D%22%23c7bdf0%22/%3E%3Crect%20x%3D%2294%22%20y%3D%22138%22%20width%3D%2222%22%20height%3D%2218%22%20rx%3D%224%22%20fill%3D%22%23c7bdf0%22/%3E%3Crect%20x%3D%22126%22%20y%3D%22138%22%20width%3D%2222%22%20height%3D%2218%22%20rx%3D%224%22%20fill%3D%22%23c9f24a%22/%3E%3Crect%20x%3D%22158%22%20y%3D%22138%22%20width%3D%2222%22%20height%3D%2218%22%20rx%3D%224%22%20fill%3D%22%23c7bdf0%22/%3E%3Crect%20x%3D%2262%22%20y%3D%22164%22%20width%3D%2222%22%20height%3D%2218%22%20rx%3D%224%22%20fill%3D%22%23c7bdf0%22/%3E%3Crect%20x%3D%2294%22%20y%3D%22164%22%20width%3D%2222%22%20height%3D%2218%22%20rx%3D%224%22%20fill%3D%22%23c7bdf0%22/%3E%3Crect%20x%3D%22126%22%20y%3D%22164%22%20width%3D%2222%22%20height%3D%2218%22%20rx%3D%224%22%20fill%3D%22%23c7bdf0%22/%3E%3Crect%20x%3D%22158%22%20y%3D%22164%22%20width%3D%2222%22%20height%3D%2218%22%20rx%3D%224%22%20fill%3D%22%23c7bdf0%22/%3E%3C/g%3E%3C/svg%3E")}
.hbgrid .hb-cup::after{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20240%20240%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22g%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%221%22%20y2%3D%221%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23c9b8ff%22/%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%237b5cff%22/%3E%3C/linearGradient%3E%3ClinearGradient%20id%3D%22l%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220%22%20y2%3D%221%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23e6ff8a%22/%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%238fd12a%22/%3E%3C/linearGradient%3E%3ClinearGradient%20id%3D%22y%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220%22%20y2%3D%221%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23ffe9a3%22/%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23e3a91e%22/%3E%3C/linearGradient%3E%3Cfilter%20id%3D%22s%22%3E%3CfeDropShadow%20dx%3D%220%22%20dy%3D%226%22%20stdDeviation%3D%226%22%20flood-color%3D%22%23000%22%20flood-opacity%3D%22.45%22/%3E%3C/filter%3E%3C/defs%3E%3Cg%20filter%3D%22url%28%23s%29%22%3E%3Cpath%20d%3D%22M80%2044h80v34c0%2034-18%2052-40%2056-22-4-40-22-40-56z%22%20fill%3D%22url%28%23y%29%22/%3E%3Cpath%20d%3D%22M80%2056H58c0%2024%2012%2036%2026%2038M160%2056h22c0%2024-12%2036-26%2038%22%20fill%3D%22none%22%20stroke%3D%22%23e3a91e%22%20stroke-width%3D%228%22/%3E%3Crect%20x%3D%22110%22%20y%3D%22132%22%20width%3D%2220%22%20height%3D%2228%22%20fill%3D%22url%28%23y%29%22/%3E%3Crect%20x%3D%2284%22%20y%3D%22158%22%20width%3D%2272%22%20height%3D%2218%22%20rx%3D%224%22%20fill%3D%22%23b8831a%22/%3E%3Ccircle%20cx%3D%22178%22%20cy%3D%22176%22%20r%3D%2226%22%20fill%3D%22%23fff%22/%3E%3Cpath%20d%3D%22M178%20150l8%2014h-16zM158%20168l12%206-4%2014zM198%20168l-12%206%204%2014z%22%20fill%3D%22%232a1d63%22/%3E%3C/g%3E%3C/svg%3E")}
.hbgrid .hb-ev::after{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20240%20240%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22g%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%221%22%20y2%3D%221%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23c9b8ff%22/%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%237b5cff%22/%3E%3C/linearGradient%3E%3ClinearGradient%20id%3D%22l%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220%22%20y2%3D%221%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23e6ff8a%22/%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%238fd12a%22/%3E%3C/linearGradient%3E%3ClinearGradient%20id%3D%22y%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220%22%20y2%3D%221%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23ffe9a3%22/%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23e3a91e%22/%3E%3C/linearGradient%3E%3Cfilter%20id%3D%22s%22%3E%3CfeDropShadow%20dx%3D%220%22%20dy%3D%226%22%20stdDeviation%3D%226%22%20flood-color%3D%22%23000%22%20flood-opacity%3D%22.45%22/%3E%3C/filter%3E%3C/defs%3E%3Cg%20filter%3D%22url%28%23s%29%22%3E%3Cpath%20d%3D%22M50%20110l90-46v120l-90-46z%22%20fill%3D%22url%28%23g%29%22/%3E%3Crect%20x%3D%2240%22%20y%3D%22104%22%20width%3D%2224%22%20height%3D%2240%22%20rx%3D%226%22%20fill%3D%22%23c9b8ff%22/%3E%3Cpath%20d%3D%22M72%20140l12%2046h20l-8-44%22%20fill%3D%22%237b5cff%22/%3E%3Cpath%20d%3D%22M160%2092q18%2032%200%2064M178%2078q30%2046%200%2092%22%20fill%3D%22none%22%20stroke%3D%22url%28%23l%29%22%20stroke-width%3D%229%22%20stroke-linecap%3D%22round%22/%3E%3C/g%3E%3C/svg%3E")}
.hbgrid .hb-tab::after{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20240%20240%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22g%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%221%22%20y2%3D%221%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23c9b8ff%22/%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%237b5cff%22/%3E%3C/linearGradient%3E%3ClinearGradient%20id%3D%22l%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220%22%20y2%3D%221%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23e6ff8a%22/%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%238fd12a%22/%3E%3C/linearGradient%3E%3ClinearGradient%20id%3D%22y%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220%22%20y2%3D%221%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23ffe9a3%22/%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23e3a91e%22/%3E%3C/linearGradient%3E%3Cfilter%20id%3D%22s%22%3E%3CfeDropShadow%20dx%3D%220%22%20dy%3D%226%22%20stdDeviation%3D%226%22%20flood-color%3D%22%23000%22%20flood-opacity%3D%22.45%22/%3E%3C/filter%3E%3C/defs%3E%3Cg%20filter%3D%22url%28%23s%29%22%3E%3Crect%20x%3D%2244%22%20y%3D%2252%22%20width%3D%22152%22%20height%3D%22148%22%20rx%3D%2212%22%20fill%3D%22%23efe9ff%22/%3E%3Crect%20x%3D%2256%22%20y%3D%2266%22%20width%3D%2220%22%20height%3D%2216%22%20rx%3D%223%22%20fill%3D%22%23c9f24a%22/%3E%3Crect%20x%3D%2284%22%20y%3D%2268%22%20width%3D%2290%22%20height%3D%2212%22%20rx%3D%223%22%20fill%3D%22%232a1d63%22%20opacity%3D%22.75%22/%3E%3Crect%20x%3D%2256%22%20y%3D%2292%22%20width%3D%2220%22%20height%3D%2216%22%20rx%3D%223%22%20fill%3D%22%23c9f24a%22/%3E%3Crect%20x%3D%2284%22%20y%3D%2294%22%20width%3D%2282%22%20height%3D%2212%22%20rx%3D%223%22%20fill%3D%22%232a1d63%22%20opacity%3D%22.75%22/%3E%3Crect%20x%3D%2256%22%20y%3D%22118%22%20width%3D%2220%22%20height%3D%2216%22%20rx%3D%223%22%20fill%3D%22%239c8fd1%22/%3E%3Crect%20x%3D%2284%22%20y%3D%22120%22%20width%3D%2274%22%20height%3D%2212%22%20rx%3D%223%22%20fill%3D%22%232a1d63%22%20opacity%3D%22.75%22/%3E%3Crect%20x%3D%2256%22%20y%3D%22144%22%20width%3D%2220%22%20height%3D%2216%22%20rx%3D%223%22%20fill%3D%22%239c8fd1%22/%3E%3Crect%20x%3D%2284%22%20y%3D%22146%22%20width%3D%2266%22%20height%3D%2212%22%20rx%3D%223%22%20fill%3D%22%232a1d63%22%20opacity%3D%22.75%22/%3E%3Crect%20x%3D%2256%22%20y%3D%22170%22%20width%3D%2220%22%20height%3D%2216%22%20rx%3D%223%22%20fill%3D%22%23ff4d6d%22/%3E%3Crect%20x%3D%2284%22%20y%3D%22172%22%20width%3D%2258%22%20height%3D%2212%22%20rx%3D%223%22%20fill%3D%22%232a1d63%22%20opacity%3D%22.75%22/%3E%3C/g%3E%3C/svg%3E")}
.hbgrid .hb-team::after{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20240%20240%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22g%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%221%22%20y2%3D%221%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23c9b8ff%22/%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%237b5cff%22/%3E%3C/linearGradient%3E%3ClinearGradient%20id%3D%22l%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220%22%20y2%3D%221%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23e6ff8a%22/%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%238fd12a%22/%3E%3C/linearGradient%3E%3ClinearGradient%20id%3D%22y%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220%22%20y2%3D%221%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23ffe9a3%22/%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23e3a91e%22/%3E%3C/linearGradient%3E%3Cfilter%20id%3D%22s%22%3E%3CfeDropShadow%20dx%3D%220%22%20dy%3D%226%22%20stdDeviation%3D%226%22%20flood-color%3D%22%23000%22%20flood-opacity%3D%22.45%22/%3E%3C/filter%3E%3C/defs%3E%3Cg%20filter%3D%22url%28%23s%29%22%3E%3Crect%20x%3D%2246%22%20y%3D%2244%22%20width%3D%22148%22%20height%3D%22168%22%20rx%3D%2212%22%20fill%3D%22%232f8a3a%22/%3E%3Crect%20x%3D%2246%22%20y%3D%2244%22%20width%3D%22148%22%20height%3D%22168%22%20rx%3D%2212%22%20fill%3D%22none%22%20stroke%3D%22%23e8ffe0%22%20stroke-width%3D%225%22/%3E%3Cline%20x1%3D%2246%22%20y1%3D%22128%22%20x2%3D%22194%22%20y2%3D%22128%22%20stroke%3D%22%23e8ffe0%22%20stroke-width%3D%224%22/%3E%3Ccircle%20cx%3D%22120%22%20cy%3D%22128%22%20r%3D%2220%22%20fill%3D%22none%22%20stroke%3D%22%23e8ffe0%22%20stroke-width%3D%224%22/%3E%3Ccircle%20cx%3D%22120%22%20cy%3D%22198%22%20r%3D%229%22%20fill%3D%22%23c9f24a%22%20stroke%3D%22%231b1340%22%20stroke-width%3D%223%22/%3E%3Ccircle%20cx%3D%2270%22%20cy%3D%22170%22%20r%3D%229%22%20fill%3D%22%23c9f24a%22%20stroke%3D%22%231b1340%22%20stroke-width%3D%223%22/%3E%3Ccircle%20cx%3D%22100%22%20cy%3D%22174%22%20r%3D%229%22%20fill%3D%22%23c9f24a%22%20stroke%3D%22%231b1340%22%20stroke-width%3D%223%22/%3E%3Ccircle%20cx%3D%22140%22%20cy%3D%22174%22%20r%3D%229%22%20fill%3D%22%23c9f24a%22%20stroke%3D%22%231b1340%22%20stroke-width%3D%223%22/%3E%3Ccircle%20cx%3D%22170%22%20cy%3D%22170%22%20r%3D%229%22%20fill%3D%22%23c9f24a%22%20stroke%3D%22%231b1340%22%20stroke-width%3D%223%22/%3E%3Ccircle%20cx%3D%2280%22%20cy%3D%22132%22%20r%3D%229%22%20fill%3D%22%23c9f24a%22%20stroke%3D%22%231b1340%22%20stroke-width%3D%223%22/%3E%3Ccircle%20cx%3D%22120%22%20cy%3D%22140%22%20r%3D%229%22%20fill%3D%22%23c9f24a%22%20stroke%3D%22%231b1340%22%20stroke-width%3D%223%22/%3E%3Ccircle%20cx%3D%22160%22%20cy%3D%22132%22%20r%3D%229%22%20fill%3D%22%23c9f24a%22%20stroke%3D%22%231b1340%22%20stroke-width%3D%223%22/%3E%3Ccircle%20cx%3D%2280%22%20cy%3D%2286%22%20r%3D%229%22%20fill%3D%22%23c9f24a%22%20stroke%3D%22%231b1340%22%20stroke-width%3D%223%22/%3E%3Ccircle%20cx%3D%22120%22%20cy%3D%2274%22%20r%3D%229%22%20fill%3D%22%23c9f24a%22%20stroke%3D%22%231b1340%22%20stroke-width%3D%223%22/%3E%3Ccircle%20cx%3D%22160%22%20cy%3D%2286%22%20r%3D%229%22%20fill%3D%22%23c9f24a%22%20stroke%3D%22%231b1340%22%20stroke-width%3D%223%22/%3E%3C/g%3E%3C/svg%3E")}
.hbgrid .hb-inv::after{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20240%20240%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22g%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%221%22%20y2%3D%221%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23c9b8ff%22/%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%237b5cff%22/%3E%3C/linearGradient%3E%3ClinearGradient%20id%3D%22l%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220%22%20y2%3D%221%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23e6ff8a%22/%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%238fd12a%22/%3E%3C/linearGradient%3E%3ClinearGradient%20id%3D%22y%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220%22%20y2%3D%221%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23ffe9a3%22/%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23e3a91e%22/%3E%3C/linearGradient%3E%3Cfilter%20id%3D%22s%22%3E%3CfeDropShadow%20dx%3D%220%22%20dy%3D%226%22%20stdDeviation%3D%226%22%20flood-color%3D%22%23000%22%20flood-opacity%3D%22.45%22/%3E%3C/filter%3E%3C/defs%3E%3Cg%20filter%3D%22url%28%23s%29%22%3E%3Crect%20x%3D%2250%22%20y%3D%2280%22%20width%3D%2270%22%20height%3D%2296%22%20rx%3D%2210%22%20fill%3D%22url%28%23g%29%22%20transform%3D%22rotate%28-14%2085%20128%29%22/%3E%3Crect%20x%3D%2286%22%20y%3D%2266%22%20width%3D%2270%22%20height%3D%2296%22%20rx%3D%2210%22%20fill%3D%22url%28%23l%29%22%20transform%3D%22rotate%280%20121%20114%29%22/%3E%3Crect%20x%3D%22122%22%20y%3D%2280%22%20width%3D%2270%22%20height%3D%2296%22%20rx%3D%2210%22%20fill%3D%22url%28%23y%29%22%20transform%3D%22rotate%2814%20157%20128%29%22/%3E%3C/g%3E%3C/svg%3E")}
html body.modern .hbgrid .hbx-two button.hbx-cta,html body .hbgrid .hbx-two button.hbx-cta{background:#c6ff3a!important;color:#0e0b1f!important;border:0!important;border-radius:14px!important;padding:14px!important;font-family:'LC Display',Anton,sans-serif!important;font-size:22px!important;letter-spacing:.02em;text-transform:uppercase;box-shadow:none!important;min-height:0!important}
html body.modern .hbgrid .hbx-two button.hbx-cta.sim,html body .hbgrid .hbx-two button.hbx-cta.sim{background:rgba(255,255,255,.1)!important;color:#ffffff!important;border:1px solid rgba(255,255,255,.3)!important}
.hbgrid .hbt.hb-team::after,.hbgrid .hbt.hb-tab::after{width:min(30%,110px);opacity:.55}.hbgrid .hbt.hb-team::after{bottom:-14px;right:-14px}
html body .row button.tr-yes,html body .row button.tr-no{flex:1 1 0;min-width:0;border:0!important;color:#ffffff!important;font-weight:800;border-radius:12px!important;padding:12px!important;text-transform:uppercase}
html body .row button.tr-yes{background:#c6ff3a!important}html body .row button.tr-no{background:#e0344f!important}
.lockmsg{background:rgba(198,255,58,.1);border:1px solid rgba(198,255,58,.4);border-radius:10px;padding:10px 12px;color:#c6ff3a}
/* iOS: fundo animado pesado faz os cards sumirem ao rolar */
@media (hover:none),(max-width:820px){
 #bgfx *{animation:none!important;will-change:auto!important}
 #bgfx .grain,#bgfx .orb,#bgfx .rays,#bgfx .clouds,#bgfx .flood{display:none!important}
 #bgfx .sky{transform:none!important}
 body.modern::before{animation:none!important}
 .hbx-vs svg,.hbgrid svg{filter:none!important}
}

/* re-render sem replay das animações de entrada */
.rr .tile,.rr .pl,.rr .pcard,.rr .mu,.rr .pstage,.rr .bname *,.still .pcard,.still .tile,.still .pl,.still .mu,.lgwrap:not(.enter) .pcard,.lgwrap:not(.enter) .tile,.lgwrap:not(.enter) .pl,.lgwrap:not(.enter) .mu{animation:none!important}

.codechip{display:inline-flex;align-items:center;gap:4px;vertical-align:middle}
.codechip .cc-v{font-family:var(--f-num,monospace);letter-spacing:.18em;font-weight:700}
.codechip.big{gap:8px;margin:4px 0 6px}.codechip.big .cc-v{font-size:34px;letter-spacing:.22em;min-width:4.6ch}
html body .codechip button.cc-b{all:unset;cursor:pointer;display:inline-grid;place-items:center;width:26px;height:26px;border-radius:8px;color:inherit;opacity:.8;background:rgba(255,255,255,.08)}
html body .codechip.big button.cc-b{width:36px;height:36px;border-radius:10px}
html body .codechip button.cc-b:hover{opacity:1;background:rgba(255,255,255,.16)}

.flashbids button kbd,.bid .pass kbd{display:inline-block;margin-left:6px;padding:0 5px;border-radius:4px;font:600 10px/16px var(--f-num,monospace);background:rgba(255,255,255,.14);color:inherit;opacity:.75;vertical-align:middle}
.flashbids .all small{opacity:.75;font-weight:600;margin-left:2px}
@media (hover:none){.flashbids button kbd,.bid .pass kbd{display:none}}
.vagabar{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;font-size:12.5px;opacity:.85;padding:6px 2px 2px;border-top:1px solid rgba(255,255,255,.08);margin-top:6px}
.vagabar b{color:var(--lime,#c6ff3a)}
.tag.nota{background:rgba(198,255,58,.14);color:#c6ff3a}
.ms .ms-n{font:700 11px/1 var(--f-num,monospace);color:#c6ff3a;opacity:.9}

#htov{z-index:140}
.ht-box{max-width:560px;display:flex;flex-direction:column;gap:10px}
.ht-scores{display:flex;flex-direction:column;gap:4px}
.ht-sc{display:flex;align-items:center;gap:8px;font-size:13px;opacity:.8}
.ht-sc.my{opacity:1;font-weight:700}
.ht-sc b{min-width:54px;text-align:center;font-size:16px}
.ht-g .chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}
.ht-g .chip[aria-pressed=true]{background:var(--lime,#c6ff3a);color:#0e0b1f}
/* cor do escudo: o estilo global dos botões apagava o quadradinho */
html body button.sw.sw.sw,html body button.sw.sw.sw:not(:disabled):hover{background:var(--c)!important;clip-path:none!important;min-width:0!important;min-height:0!important;width:30px!important;height:30px!important;border-radius:8px!important;border:2px solid rgba(255,255,255,.35)!important;filter:none!important;transform:none!important}
html body button.sw.sw.sw::after,html body button.sw.sw.sw::before{display:none!important}
html body button.sw.sw.sw[aria-pressed="true"]{outline:3px solid var(--lime,#c6ff3a)!important;outline-offset:2px}

.ht-sc .ht-n{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ht-sc .ht-n.r{text-align:right}
.su-sum{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;max-width:640px;margin:0 auto 12px;width:100%}
.su-sum>div{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1)}
.su-sum span{font-size:11px;letter-spacing:.12em;text-transform:uppercase;opacity:.7}
.su-sum b{font-size:20px}.su-sum small{font-size:12px;opacity:.75}

/* barra de etapas */
#stepbar{position:relative;z-index:5;max-width:1180px;margin:0 auto;padding:10px 16px 4px;display:flex;flex-direction:column;align-items:center;gap:6px}
#stepbar ol{list-style:none;margin:0;padding:4px;display:flex;gap:4px;background:rgba(14,11,31,.72);border:1px solid rgba(255,255,255,.1);border-radius:999px}
#stepbar li{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;font:700 12px/1 var(--f-display,sans-serif);letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.55)}
#stepbar li i{font-style:normal;display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;background:rgba(255,255,255,.1);font-size:10px}
#stepbar li.done{color:rgba(255,255,255,.8)}#stepbar li.done i{background:rgba(198,255,58,.25);color:#c6ff3a}
#stepbar li.on{background:#c6ff3a;color:#0e0b1f}#stepbar li.on i{background:#0e0b1f;color:#c6ff3a}
#stepbar p{margin:0;font-size:13px;color:rgba(255,255,255,.85);text-align:center}
@media (max-width:560px){#stepbar li span{display:none}#stepbar li.on span{display:inline}#stepbar li{padding:6px 9px}#stepbar p{font-size:12px}}
/* lobby numa tela */
.lb2{max-width:1180px;margin:0 auto;padding:0 16px 40px}
.lb2-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);gap:16px;align-items:start}
@media (max-width:900px){.lb2-grid{grid-template-columns:minmax(0,1fr)}}
.lb2-main{display:flex;flex-direction:column;gap:16px}
.lb2-h{display:flex;align-items:baseline;justify-content:space-between;gap:8px;flex-wrap:wrap}.lb2-h h2{margin:0}
.ro-sec{display:flex;flex-direction:column;gap:8px}
.ro-h{display:flex;flex-direction:column;gap:2px}.ro-h b{font-size:15px}.ro-h span{font-size:12.5px;opacity:.7}
.ro-row{display:grid;gap:8px}.ro-row.n2,.ro-row.two{grid-template-columns:repeat(2,1fr)}.ro-row.n3{grid-template-columns:repeat(3,1fr)}.ro-row.n4{grid-template-columns:repeat(4,1fr)}
.ro-row.wide{grid-template-columns:repeat(auto-fill,minmax(104px,1fr))}
@media (max-width:560px){.ro-row.n3,.ro-row.n4{grid-template-columns:repeat(2,1fr)}}
html body .lb2 button.ro,html body .lb2 button.ro-tg{all:unset;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;gap:4px;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.05);border:1.5px solid rgba(255,255,255,.12);color:#ffffff;min-height:54px;transition:border-color .15s,background .15s}
html body .lb2 button.ro:hover:not(:disabled),html body .lb2 button.ro-tg:hover:not(:disabled){border-color:rgba(198,255,58,.5)}
html body .lb2 button.ro.on{border-color:#c6ff3a;background:rgba(198,255,58,.12)}
html body .lb2 button.ro:disabled,html body .lb2 button.ro-tg:disabled{cursor:default}
html body .lb2 button.ro:disabled:not(.on){opacity:.45}
.ro .ro-t{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}.ro .ro-t b{font-size:14px}.ro .ro-t em{font-style:normal;font-size:11px;font-weight:700;color:#c6ff3a;text-transform:uppercase;letter-spacing:.06em}
.ro small{font-size:12px;opacity:.75;line-height:1.3}
.ro .ro-best{font-size:10px;font-weight:700;background:#8c7bf2;color:#ffffff;border-radius:999px;padding:2px 7px;text-transform:uppercase;letter-spacing:.05em}
.ro-row.wide .ro{align-items:center;text-align:center;padding:8px}.ro-row.wide .ro .ro-t{justify-content:center}
.ro-ic{width:34px;height:34px;background:center/contain no-repeat}.ro-ic.txt{display:grid;place-items:center;font:800 10px/1 var(--f-display,sans-serif);letter-spacing:.08em;color:#c6ff3a;width:auto;height:34px}
html body .lb2 button.ro-tg{flex-direction:row;align-items:center;gap:10px}
.ro-tg i{flex:none;width:36px;height:20px;border-radius:999px;background:rgba(255,255,255,.18);position:relative;transition:background .15s}
.ro-tg i::after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#ffffff;transition:left .15s}
.ro-tg.on i{background:#c6ff3a}.ro-tg.on i::after{left:18px;background:#0e0b1f}
.ro-tg span{display:flex;flex-direction:column;gap:2px}.ro-tg small{font-size:12px;opacity:.7}
.lb2-side{display:flex;flex-direction:column;gap:12px}
.lb2-form .chips{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0}
.lb2-sum{grid-template-columns:repeat(2,1fr);margin:0}
.lb2-go{width:100%}
.lb2-wait{padding:12px}

/* home por campeonato */
.hm-champ{width:100%;max-width:640px;display:flex;flex-direction:column;gap:10px;margin:6px auto 4px}
.hm-champ h2{margin:0;font-size:22px;text-align:center}
.hm-lgs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
@media (max-width:520px){.hm-lgs{grid-template-columns:repeat(2,1fr)}}
html body .menu button.hm-lg{all:unset;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;padding:10px 8px;border-radius:14px;background:rgba(14,11,31,.6);border:1.5px solid rgba(255,255,255,.12);color:#ffffff}
html body .menu button.hm-lg:hover{border-color:rgba(198,255,58,.5)}
html body .menu button.hm-lg.on{border-color:#c6ff3a;background:rgba(198,255,58,.12)}
.hm-lg b{font-size:13px}.hm-lg small{font-size:11px;opacity:.7;line-height:1.25}
.hm-ic{width:40px;height:40px;background:center/contain no-repeat}.hm-ic.txt{display:grid;place-items:center;font:800 11px/1 var(--f-display,sans-serif);letter-spacing:.08em;color:#c6ff3a;width:auto}
.hm-act{display:grid;grid-template-columns:1.3fr 1fr;gap:8px}.hm-act>*{width:100%}
@media (max-width:520px){.hm-act{grid-template-columns:1fr}}
.hm-more{margin:14px 0 2px;font-size:13px;letter-spacing:.12em;text-transform:uppercase;opacity:.65;text-align:center}
/* garantir estados (o estilo global dos botões usa !important) */
html body .lb2 button.ro.ro,html body .lb2 button.ro-tg.ro-tg,html body .menu button.hm-lg.hm-lg{background:rgba(255,255,255,.05)!important;border:1.5px solid rgba(255,255,255,.12)!important;color:#ffffff!important;box-shadow:none!important;clip-path:none!important;transform:none!important;filter:none!important;border-radius:12px!important;text-transform:none!important;letter-spacing:normal!important;font-family:inherit!important}
html body .lb2 button.ro.ro::after,html body .lb2 button.ro-tg.ro-tg::after,html body .menu button.hm-lg.hm-lg::after{display:none!important}
html body .lb2 button.ro.ro:hover:not(:disabled),html body .lb2 button.ro-tg.ro-tg:hover:not(:disabled),html body .menu button.hm-lg.hm-lg:hover{border-color:rgba(198,255,58,.55)!important;background:rgba(255,255,255,.08)!important}
html body .lb2 button.ro.ro.on,html body .menu button.hm-lg.hm-lg.on{border-color:#c6ff3a!important;background:rgba(198,255,58,.13)!important;box-shadow:0 0 0 1px #c6ff3a inset!important}
html body .lb2 button.ro-tg.ro-tg.on{border-color:rgba(198,255,58,.45)!important}
.ro-ic,.hm-ic{width:72px!important;height:34px!important;background-size:contain!important}
.hm-ic{height:38px!important}
html body .menu .hm-act .mbtn,html body .menu .hm-act .mbtn2{font-size:15px!important;min-height:56px}
@media (max-width:900px){.lb2-go{position:sticky;bottom:12px;z-index:20;box-shadow:0 10px 30px rgba(14,11,31,.5)}}
/* ação principal de cada tela: sempre verde-limão e bem visível */
html body #bReady#bReady,html body #bGo#bGo,html body #bNext#bNext,html body #bAgain#bAgain,html body #suReady#suReady,html body #bCreate#bCreate:not(:disabled){background:linear-gradient(180deg,#c6ff3a,#c6ff3a)!important;color:#0e0b1f!important;border:none!important;box-shadow:0 6px 18px rgba(198,255,58,.25)!important;font-weight:800!important}
html body #bReady#bReady:hover,html body #bGo#bGo:hover,html body #bNext#bNext:hover{filter:brightness(1.06)!important}

/* regras compactas */
.lb2-main{gap:6px!important}
.lb2-h{margin-bottom:4px}
.rs{display:grid;grid-template-columns:118px minmax(0,1fr);gap:10px;align-items:start;padding:10px 0;border-top:1px solid rgba(255,255,255,.07)}
.rs-l{display:flex;align-items:center;gap:8px;font:700 13px/1.2 var(--f-display,sans-serif);letter-spacing:.06em;text-transform:uppercase;padding-top:9px;color:rgba(255,255,255,.85)}
.rs-l i{font-style:normal;font-size:16px}
.rs-c{display:flex;flex-direction:column;gap:6px;min-width:0}
.rs-d{margin:0;font-size:12.5px;color:rgba(255,255,255,.72);line-height:1.35;min-height:1.35em}
.rs-d b{color:#ffffff}
.rs-seg{display:grid;gap:4px;padding:4px;background:rgba(14,11,31,.25);border-radius:12px;border:1px solid rgba(255,255,255,.08)}
.rs-seg.n2{grid-template-columns:repeat(2,1fr)}.rs-seg.n3{grid-template-columns:repeat(3,1fr)}.rs-seg.n4{grid-template-columns:repeat(4,1fr)}
html body .lb2 .rs-seg button,html body .lb2 .rs-lg,html body .lb2 .rs-tg{all:unset;box-sizing:border-box;cursor:pointer}
html body .lb2 .rs-seg button.rs-seg-b,html body .lb2 .rs-seg button{display:flex!important;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:6px 8px!important;border-radius:9px!important;background:transparent!important;border:none!important;color:rgba(255,255,255,.75)!important;font:700 13px/1.1 inherit!important;text-transform:none!important;letter-spacing:normal!important;box-shadow:none!important;clip-path:none!important;transform:none!important;filter:none!important;text-align:center;transition:background .15s,color .15s}
html body .lb2 .rs-seg button i{font-style:normal}
html body .lb2 .rs-seg button small{font-size:11px;opacity:.75;font-weight:600}
html body .lb2 .rs-seg button b{font-weight:800}
html body .lb2 .rs-seg button:hover:not(:disabled){background:rgba(255,255,255,.07)!important;color:#ffffff!important}
html body .lb2 .rs-seg button.on{background:#c6ff3a!important;color:#0e0b1f!important}
html body .lb2 .rs-seg button::after,html body .lb2 .rs-lg::after,html body .lb2 .rs-tg::after{display:none!important}
html body .lb2 .rs-seg button:disabled:not(.on){opacity:.5}
.rs-lgs{display:flex;gap:6px;flex-wrap:wrap;padding:2px}
html body .lb2 button.rs-lg{flex:none;display:grid!important;place-items:center;width:64px;height:44px;border-radius:10px!important;background:rgba(255,255,255,.05)!important;border:1.5px solid rgba(255,255,255,.12)!important;box-shadow:none!important;clip-path:none!important;padding:0!important;transform:none!important;filter:none!important}
html body .lb2 button.rs-lg span{width:52px;height:30px;background:center/contain no-repeat}
html body .lb2 button.rs-lg b{font:800 10px/1 var(--f-display,sans-serif);letter-spacing:.08em;color:#c6ff3a}
html body .lb2 button.rs-lg:hover:not(:disabled){border-color:rgba(198,255,58,.55)!important}
html body .lb2 button.rs-lg.on{border-color:#c6ff3a!important;background:rgba(198,255,58,.14)!important;box-shadow:0 0 0 1px #c6ff3a inset!important}
html body .lb2 button.rs-lg:disabled:not(.on){opacity:.4}
.rs-tgs{display:flex;gap:8px;flex-wrap:wrap}
html body .lb2 button.rs-tg{display:inline-flex!important;align-items:center;gap:8px;padding:8px 12px!important;border-radius:999px!important;background:rgba(255,255,255,.05)!important;border:1.5px solid rgba(255,255,255,.12)!important;color:#ffffff!important;font:700 13px/1 inherit!important;text-transform:none!important;letter-spacing:normal!important;box-shadow:none!important;clip-path:none!important;transform:none!important;filter:none!important}
html body .lb2 button.rs-tg i{width:30px;height:17px;border-radius:999px;background:rgba(255,255,255,.2);position:relative;flex:none}
html body .lb2 button.rs-tg i::after{content:"";position:absolute;top:2px;left:2px;width:13px;height:13px;border-radius:50%;background:#ffffff;transition:left .15s}
html body .lb2 button.rs-tg.on{border-color:rgba(198,255,58,.5)!important}
html body .lb2 button.rs-tg.on i{background:#c6ff3a}html body .lb2 button.rs-tg.on i::after{left:15px;background:#0e0b1f}
@media (max-width:560px){.rs{grid-template-columns:minmax(0,1fr);gap:6px;padding:8px 0}.rs-l{padding-top:0}.rs-seg.n4{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){html body .lb2 .rs-seg button{font-size:12.5px!important;padding:6px 4px!important;gap:4px}html body .lb2 .rs-seg button i{display:none}html body .lb2 .rs-seg button small{display:none}.rs-seg{min-width:0}html body .lb2 .rs-seg button b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}

/* apresentação: cartas compactas + botões presos embaixo */
.tcards.compact{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(118px,1fr))!important;gap:8px!important}
.tcards.compact>*{width:100%!important;max-width:124px!important;min-height:0!important;margin:0 auto!important}
.tcards.compact{grid-template-columns:repeat(auto-fill,minmax(104px,1fr))!important}
@media (max-width:560px){.tcards.compact{grid-template-columns:repeat(4,1fr)!important;gap:5px!important}.tcards.compact>*{max-width:none}.tcards.compact .gc-d,.tcards.compact p,.tcards.compact small{display:none!important}}
.deckarea{max-height:min(46vh,420px);display:flex;align-items:center;justify-content:center;overflow:hidden}
.deckarea .tcards.hand>*{max-width:min(24vw,150px)!important}
@media (max-width:560px){.deckarea{max-height:34vh}.deckarea .tcards.hand>*{max-width:26vw!important}}
.introbar{position:sticky;bottom:10px;z-index:30;justify-content:center;gap:8px;padding:10px;border-radius:16px;background:rgba(14,11,31,.88);backdrop-filter:blur(8px);box-shadow:0 10px 30px rgba(14,11,31,.5);border:1px solid rgba(255,255,255,.08)}
.introbar>button{flex:1;max-width:380px}
.lgfull .lgbottom,.lg-mk .lgbottom{position:sticky;bottom:10px;z-index:30}
@media (max-width:560px){html body .tcards.compact{grid-template-columns:repeat(4,1fr)!important;gap:5px!important}html body .tcards.compact>*{max-width:none!important}
 html body .deckarea .tcards.hand .gcard,html body .deckarea .tcards.hand>*{width:24vw!important;max-width:24vw!important}}

/* vagas preenchidas por posição (rivais) */
.posfill{display:inline-flex;gap:6px;flex-wrap:wrap;align-items:center}
.pf{display:inline-flex;align-items:center;gap:2px;padding:2px 6px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1)}
.pf b{font:700 9.5px/1 var(--f-display,sans-serif);letter-spacing:.06em;margin-right:3px;opacity:.85}
.pf i{width:7px;height:7px;border-radius:50%;border:1.5px solid rgba(255,255,255,.45)}
.pf i.on{background:#c6ff3a;border-color:#c6ff3a}
.pf.full{border-color:rgba(198,255,58,.5)}.pf.full b{color:#c6ff3a}
.ms-g{display:inline-flex;align-items:center;gap:3px;padding:2px 4px;border-radius:8px;background:rgba(255,255,255,.04)}
.ms-g em{font:700 8.5px/1 var(--f-display,sans-serif);font-style:normal;letter-spacing:.05em;opacity:.7;writing-mode:vertical-rl;transform:rotate(180deg)}
.ms-g .ms-e{border:1.5px dashed rgba(255,255,255,.35)!important}
/* nome do craque lenda: mesma textura foil animada dos craques normais (não degradê) */
html body .pc3.lg-leg.holo:not(.sk-lart):not(.sk-x):not(.sk-memories) .pc3-nm span{background:var(--foil) center/130% auto!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent!important;animation:pc3holo 7s ease-in-out infinite alternate!important;filter:none!important}

/* Cria da Casa */
.pop3-crest{position:absolute;right:7%;top:6%;z-index:6;filter:drop-shadow(0 2px 4px rgba(14,11,31,.5))}
.pop3-tag{position:absolute;left:50%;transform:translateX(-50%);bottom:2.2%;z-index:6;font:800 .62em/1 var(--f-display,sans-serif);letter-spacing:.14em;text-transform:uppercase;color:#0e0b1f;background:#c6ff3a;padding:.35em .8em;border-radius:99px;white-space:nowrap}
.pc3.mini .pop3-tag{display:none}
/* molduras de rank/loja nas cartas do seu time */
.pc3.has-fr{outline:3px solid var(--frc,#c6ff3a);outline-offset:-1px;border-radius:9%;box-shadow:0 0 14px var(--frc,#c6ff3a)}
.pc3.fr-neon{--frc:#c6ff3a}.pc3.fr-roxo{--frc:#8c7bf2}.pc3.fr-gelo{--frc:#8c7bf2}.pc3.fr-fogo{--frc:#c6ff3a}
.pc3.fr-rk_prata{--frc:#e2e7ee}.pc3.fr-rk_ouro{--frc:#c6ff3a}.pc3.fr-rk_platina{--frc:#8c7bf2}.pc3.fr-rk_diamante{--frc:#8c7bf2}.pc3.fr-rk_mestre{--frc:#ffffff}
.pc3.fr-rk_lenda{--frc:#c6ff3a;animation:frl 3s linear infinite}
@keyframes frl{0%{box-shadow:0 0 10px #c6ff3a}50%{box-shadow:0 0 22px #8c7bf2}100%{box-shadow:0 0 10px #c6ff3a}}

.car-pick{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:8px}
.car-pick button{display:flex!important;flex-direction:column;gap:4px;align-items:flex-start;text-align:left;padding:14px!important;min-height:76px}
.car-pick button b{font-size:15px}.car-pick button small{font-size:12px;opacity:.8;text-transform:none;letter-spacing:normal;font-weight:500}
@media (max-width:520px){.car-pick{grid-template-columns:1fr}}
.car-clubs{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px;max-height:50vh;overflow:auto}
.car-clubs button{display:flex!important;align-items:center;gap:8px;padding:8px!important;text-transform:none!important;letter-spacing:normal!important;font-size:13px!important}
.car-clubs button span{flex:1;text-align:left}.car-clubs button small{opacity:.7}

/* ===================== ONLINE: menu, perfil, loja, rankeada, admin ===================== */
.ox{font:inherit;color:inherit;cursor:pointer;background:none;border:0;padding:0;text-align:left}
.scr .topbar{align-items:center;gap:8px}.scr-t{flex:1;text-align:center;margin:0;font-family:var(--f-display);font-style:italic;letter-spacing:.04em}
.fchip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px!important;border-radius:999px!important;background:rgba(198,255,58,.12)!important;border:1px solid rgba(198,255,58,.45)!important;color:#c6ff3a;font-weight:800;font-size:14px}
.fchip i{font-style:normal;color:#c6ff3a}
.cp-btn{display:flex!important;align-items:center;gap:14px;width:100%;cursor:pointer;text-align:left}.cp-btn .cp-go{margin-left:auto;font-size:28px;opacity:.6}
.cp-txt{display:flex;flex-direction:column;gap:3px;min-width:0}
.rkchip{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;padding:3px 10px 3px 4px;border-radius:999px;background:linear-gradient(90deg,var(--r2),transparent 140%);border:1px solid var(--r1);font-size:12px;font-weight:800;letter-spacing:.03em;color:#ffffff;white-space:nowrap;text-transform:none}
.rkchip i{font-style:normal;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--r1);color:#0e0b1f;font-size:12px}
.rkchip.sm{font-size:11px;padding:2px 8px 2px 3px}.rkchip.sm i{width:16px;height:16px;font-size:10px}
.hm-play{min-height:74px;font-size:30px!important}
.hm-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:10px 0}
.hm-t{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:14px;border-radius:16px;background:linear-gradient(180deg,#2b2170,#2b2170);border:2px solid #8c7bf2;box-shadow:0 4px 0 #0e0b1f;min-height:96px;transition:transform .12s}
.hm-t:hover{transform:translateY(-2px)}.hm-t:active{transform:scale(.97)}
.hm-t b{font-family:var(--f-label);font-size:16px;letter-spacing:.04em;text-transform:uppercase}.hm-t small{font-size:12px;opacity:.7}
.hm-t svg,.hm-t .hm-ic{color:#c6ff3a;font-size:24px;line-height:1}
.notice{display:flex;flex-direction:column;gap:2px;padding:10px 14px;border-radius:12px;background:rgba(198,255,58,.1);border:1px solid rgba(198,255,58,.4);margin:8px 0;font-size:14px}
.notice b{color:#c6ff3a;font-size:11px;letter-spacing:.12em;text-transform:uppercase}
.notice.warn{background:rgba(198,255,58,.1);border-color:rgba(198,255,58,.45)}.notice.warn b{color:#c6ff3a}
.dot-on{display:inline-block;width:8px;height:8px;border-radius:50%;background:#c6ff3a;box-shadow:0 0 8px #c6ff3a;vertical-align:middle}
.admbtn{border-color:#c6ff3a!important}
/* config */
.cfg{display:flex;flex-direction:column;gap:0;padding:4px 14px!important}
.cfg-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.08)}.cfg-row:last-child{border:0}
.cfg-row>span{display:flex;flex-direction:column;gap:2px;min-width:0}.cfg-row>span small{font-size:12.5px;opacity:.65;overflow:hidden;text-overflow:ellipsis}
.cfg-row>button{flex:none;font-size:13px!important;padding:8px 14px!important}
.rs-tg{display:inline-flex;align-items:center;gap:8px}.rs-tg i{width:30px;height:16px;border-radius:9px;background:rgba(255,255,255,.2);position:relative}.rs-tg i:after{content:'';position:absolute;left:2px;top:2px;width:12px;height:12px;border-radius:50%;background:#ffffff;transition:left .15s}.rs-tg.on i{background:#c6ff3a}.rs-tg.on i:after{left:16px;background:#0e0b1f}
/* abas */
.pf-tabs{margin:10px 0;overflow-x:auto}.rs-seg.n5{grid-template-columns:repeat(5,minmax(70px,1fr))}.rs-seg.n6{grid-template-columns:repeat(6,minmax(58px,1fr))}
.pf-tabs .ox{display:flex;align-items:center;justify-content:center;min-height:38px;padding:6px 4px;border-radius:9px;color:rgba(255,255,255,.75);font-size:13px;white-space:nowrap}
.pf-tabs .ox.on{background:#c6ff3a;color:#0e0b1f}
/* perfil */
.pf-head{display:flex!important;flex-direction:row!important;align-items:center;gap:14px}.pf-head h3{margin:0 0 2px}.pf-id{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}
.pf-head>button{flex:none;font-size:13px!important;padding:8px 12px!important}
.pf-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:10px 0}
.pf-stats div,.adm-k div{display:flex;flex-direction:column;align-items:center;padding:10px 4px;border-radius:12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08)}
.pf-stats b,.adm-k b{font-size:20px;font-family:var(--f-display)}.pf-stats small,.adm-k small{font-size:11px;opacity:.65;text-align:center}
.inv-g{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:10px}
.inv-c{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 6px;border-radius:14px;background:rgba(255,255,255,.04);border:2px solid rgba(255,255,255,.1);text-align:center}
.inv-c.on{border-color:#c6ff3a;background:rgba(198,255,58,.08)}.inv-c>b{font-size:13px}.inv-c>small{font-size:11px;opacity:.7}.inv-c.on>small{color:#c6ff3a;opacity:1}
.inv-c.chest{border-color:var(--chc)}
.frprev{display:block;width:48px;height:62px;border-radius:9px;border:3px solid var(--frc);box-shadow:0 0 12px var(--frc),inset 0 0 10px rgba(14,11,31,.4);background:linear-gradient(180deg,#2b2170,#0e0b1f)}
.frprev.big{width:70px;height:92px}.frprev.sm{display:inline-block;width:12px;height:16px;border-width:2px;border-radius:3px;vertical-align:middle;margin-right:4px}
.bdg{display:inline-block;font-size:.9em;line-height:1;vertical-align:middle}.bdg.big{font-size:40px}.bdg.huge{font-size:64px}
.chest-ic{font-size:44px;filter:drop-shadow(0 0 10px var(--chc))}.chest-ic.big{font-size:56px}
.cria-show{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}
.needacc{display:flex;flex-direction:column;gap:10px;align-items:stretch}
/* loja */
.shop-hd{display:flex!important;flex-direction:row!important;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}.fbig{color:#c6ff3a;font-size:20px}
.shop-g{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}
.shop-c{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);text-align:center}
.shop-c.chest{border-color:var(--chc)}.shop-c b{font-size:14px}.shop-c small{font-size:11.5px;opacity:.7;min-height:2.4em}
.shop-c .buy{width:100%;margin-top:auto;background:linear-gradient(180deg,#c6ff3a,#c6ff3a)!important;color:#0e0b1f!important;border-color:#0e0b1f!important}
.shop-c .buy.conf{background:linear-gradient(180deg,#c6ff3a,#c6ff3a)!important}.shop-c .buy:disabled{filter:grayscale(1);opacity:.5}
.owned{margin-top:auto;color:#c6ff3a;font-weight:800;font-size:13px;padding:8px 0}
.menu.wide{max-width:760px}
/* rankeada */
.rk-card{display:flex!important;flex-direction:row!important;align-items:center;gap:16px;background:linear-gradient(120deg,color-mix(in srgb,var(--r2) 45%,#2b2170),#2b2170)!important;border-color:var(--r1)!important}
.rk-emb{display:grid;place-items:center;width:40px;height:40px;flex:none;border-radius:12px;transform:rotate(45deg);background:linear-gradient(135deg,var(--r1),var(--r2));box-shadow:0 0 14px var(--r1)}
.rk-emb i{transform:rotate(-45deg);font-style:normal;font-size:18px;color:#0e0b1f}
.rk-emb.big{width:70px;height:70px;border-radius:18px}.rk-emb.big i{font-size:30px}
.rk-info{flex:1;display:flex;flex-direction:column;gap:4px}.rk-info h3{margin:0}.rk-info small{opacity:.8}
.rk-bar{height:8px;border-radius:5px;background:rgba(14,11,31,.35);overflow:hidden}.rk-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--r1),#c6ff3a)}
.rk-go{min-height:70px}
.rk-meta{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 16px;font-size:13px;opacity:.85;margin:8px 0}
.rk-wait{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px;border-radius:16px;border:2px dashed #c6ff3a;background:rgba(198,255,58,.06)}
.spin{width:28px;height:28px;border-radius:50%;border:3px solid rgba(198,255,58,.25);border-top-color:#c6ff3a;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.rk-list{display:flex;flex-direction:column;gap:4px}
.rk-row{display:flex;align-items:center;gap:10px;padding:8px 6px;border-radius:10px;border-bottom:1px solid rgba(255,255,255,.06)}.rk-row.me{background:rgba(198,255,58,.1)}
.rk-pos{width:26px;text-align:center;font-weight:800;opacity:.8}.rk-n{flex:1;display:flex;flex-direction:column;min-width:0}.rk-n small{font-size:11.5px;opacity:.65}
.up{color:#c6ff3a;font-weight:800}.down{color:#ff7a7a;font-weight:800}
.rk-track{display:flex;flex-direction:column;gap:8px}
.rk-step{display:flex;align-items:center;gap:12px;padding:10px;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);opacity:.75}
.rk-step.got{opacity:1;border-color:var(--r1)}.rk-step>div:first-of-type{display:flex;flex-direction:column;width:76px}.rk-step small{opacity:.6;font-size:11px}
.rk-rw{flex:1;display:flex;flex-wrap:wrap;gap:4px 10px;font-size:12px}.rk-rw span{display:inline-flex;align-items:center;gap:3px}.rk-step em{font-style:normal;color:#c6ff3a;font-weight:900}
.rk-how ul{margin:6px 0 0;padding-left:18px;font-size:13.5px;line-height:1.55}
.got-vis{display:grid;place-items:center;min-height:120px;margin:8px 0}.got-big{font-size:80px;color:#c6ff3a}
/* admin */
.adm-k{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:8px;margin:6px 0 12px}
.adm h4{margin:16px 0 6px;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:#c6ff3a}
.adm-row{display:flex;align-items:center;gap:8px;padding:6px 0;flex-wrap:wrap}.adm-row>span{flex:1;font-size:13px;opacity:.8}
.adm-row input,.adm-row select{flex:1;min-width:140px;padding:9px 10px;border-radius:9px;background:rgba(14,11,31,.3);border:1px solid rgba(255,255,255,.2);color:#ffffff;font:inherit}
.adm-row>button{font-size:13px!important;padding:8px 12px!important}.danger{border-color:#ff7a7a!important;color:#ffb0b0!important}
.adm-u{display:flex;flex-direction:column;width:100%;padding:10px;border-radius:10px;border-bottom:1px solid rgba(255,255,255,.08)}.adm-u:hover{background:rgba(255,255,255,.05)}.adm-u small{opacity:.65;font-size:12px}
.adm-log{display:grid;grid-template-columns:auto 1fr;gap:2px 10px;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.06);font-size:12.5px}.adm-log code{grid-column:1/-1;opacity:.6;font-size:11px;word-break:break-all}
.mono{font-family:ui-monospace,Menlo,monospace}
.pop3-crest svg{display:block}
#lDaily{font-size:15px!important;padding:10px 16px!important}.rk-go span{font-size:26px}.shop-c .pc3,.inv-c .pc3{margin:0 auto}
html body.modern .shop-c button.buy{background:linear-gradient(180deg,#c6ff3a,#c6ff3a);color:#0e0b1f;border-color:#0e0b1f}html body.modern .shop-c button.buy.conf{background:linear-gradient(180deg,#c6ff3a,#c6ff3a)}

/* ===================== HUB (menu em abas, estilo FIFA) ===================== */
.menu.hub{max-width:1040px;width:100%;padding-top:10px}
.hub-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.hub-logo{display:flex;align-items:center;gap:10px}.hub-logo span{font-family:var(--f-display);font-style:italic;font-size:19px;letter-spacing:.02em;color:#ffffff;white-space:nowrap}.hub-logo b{color:#c6ff3a;font-weight:inherit}
.hub-r{display:flex;align-items:center;gap:8px}.hub-me{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14)}
.hub-tabs{display:flex;gap:2px;padding:4px;margin:0 0 14px;border-radius:14px;background:rgba(14,11,31,.72);border:1px solid rgba(140,123,242,.35);overflow-x:auto;scrollbar-width:none;position:sticky;top:6px;z-index:5;backdrop-filter:blur(8px)}
.hub-tabs::-webkit-scrollbar{display:none}
.hub-tabs .ox{flex:1;min-width:76px;padding:10px 12px;border-radius:10px;font-family:var(--f-display);font-size:15px;letter-spacing:.08em;text-transform:uppercase;text-align:center;color:rgba(255,255,255,.62);transition:color .15s,background .15s}
.hub-tabs .ox:hover{color:#ffffff}.hub-tabs .ox.on{background:#c6ff3a;color:#0e0b1f;box-shadow:0 0 18px rgba(198,255,58,.35)}
.hub-back{display:flex;align-items:center;gap:12px;width:100%;margin:0 0 12px;padding:12px 16px;border-radius:14px;background:linear-gradient(90deg,rgba(198,255,58,.22),rgba(198,255,58,.04));border:1px solid rgba(198,255,58,.55)}
.hub-back i{width:10px;height:10px;border-radius:50%;background:#c6ff3a;box-shadow:0 0 0 0 rgba(198,255,58,.7);animation:pulse 1.6s infinite}.hub-back span{flex:1;display:flex;flex-direction:column}.hub-back small{opacity:.7;font-size:12.5px}.hub-back em{font-style:normal;font-size:26px;color:#c6ff3a}
@keyframes pulse{70%{box-shadow:0 0 0 10px rgba(198,255,58,0)}100%{box-shadow:0 0 0 0 rgba(198,255,58,0)}}
/* tiles */
.bento{display:grid;grid-template-columns:repeat(12,1fr);gap:12px}
.ht{--acc:#8c7bf2;position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:4px;min-height:150px;padding:16px;overflow:hidden;text-align:left;
  background:linear-gradient(155deg,#2b2170 0%,#0e0b1f 62%,#0e0b1f 100%);border:1px solid rgba(140,123,242,.32);border-radius:4px 22px 4px 22px;
  box-shadow:inset 0 3px 0 var(--acc),0 10px 24px rgba(14,11,31,.35);transition:transform .16s,box-shadow .16s,border-color .16s;isolation:isolate}
.ht::before{content:'';position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(115deg,transparent 0 22px,rgba(255,255,255,.025) 22px 44px);pointer-events:none}
.ht::after{content:'';position:absolute;right:-30%;top:-40%;width:80%;height:120%;z-index:-1;background:radial-gradient(closest-side,color-mix(in srgb,var(--acc) 38%,transparent),transparent);opacity:.55;pointer-events:none}
button.ht:hover{transform:translateY(-3px);border-color:var(--acc);box-shadow:inset 0 3px 0 var(--acc),0 0 0 1px var(--acc),0 14px 30px rgba(14,11,31,.45)}button.ht:active{transform:scale(.985)}
button.ht:focus-visible{outline:3px solid #c6ff3a;outline-offset:2px}
.ht-tag{display:inline-block;position:relative;z-index:2;padding:4px 12px 4px 10px;margin:-2px 0 2px -4px;background:rgba(14,11,31,.78);border-left:4px solid var(--acc);transform:skewX(-10deg);
  font-family:var(--f-display);font-size:clamp(18px,2.4vw,24px);letter-spacing:.04em;text-transform:uppercase;color:#ffffff;line-height:1.15}
.ht-sub{position:relative;z-index:2;font-size:13px;color:rgba(255,255,255,.75);max-width:60%}
.ht-vis{position:absolute;right:10px;bottom:8px;z-index:1;display:grid;place-items:center;pointer-events:none}
.ht-ico{color:var(--acc);opacity:.95;filter:drop-shadow(0 0 14px color-mix(in srgb,var(--acc) 60%,transparent))}.ht-ico svg{width:64px;height:64px}
.ht-big{font-size:72px;color:var(--acc);line-height:1}
.ht-live{position:absolute;left:16px;bottom:14px;z-index:2;display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:rgba(14,11,31,.4);font-size:12.5px}
.ht-card{transform:rotate(6deg) translateY(10px)}
/* início */
.bento.home .t-club{grid-column:span 7;grid-row:span 2;min-height:320px;--acc:#c6ff3a}
.bento.home .t-play{grid-column:span 5;--acc:#c6ff3a;background:linear-gradient(150deg,#c6ff3a,#c6ff3a 70%,#0e0b1f);border-color:#c6ff3a}
.t-play .ht-tag{background:#0e0b1f;border-left-color:#0e0b1f;font-size:clamp(26px,3.4vw,36px)}.t-play .ht-sub{color:#0e0b1f;font-weight:700}.t-play::before{background:repeating-linear-gradient(115deg,transparent 0 22px,rgba(14,11,31,.05) 22px 44px)}.t-play::after{display:none}
.ht-ball{color:#0e0b1f}.ht-ball svg{width:96px;height:96px;opacity:.9}
.bento.home .t-rank{grid-column:span 5;--acc:#c6ff3a}
.bento.home .t-shop{grid-column:span 6;--acc:#8c7bf2;min-height:190px}
.bento.home .t-gal{grid-column:span 6;--acc:#8c7bf2;min-height:190px}
.club-id{position:absolute;left:16px;bottom:16px;right:16px;z-index:2;display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;background:linear-gradient(90deg,rgba(14,11,31,.88),rgba(14,11,31,.35))}
.club-id>div{display:flex;flex-direction:column;gap:3px;min-width:0}.club-id b{font-size:18px;color:#ffffff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.club-id small{font-size:12.5px;opacity:.75}
.t-club .ht-vis{left:0;right:0;top:46px;bottom:86px;place-items:center}
.fan{position:relative;width:300px;height:100%;min-height:170px}
.fan-c{position:absolute;left:50%;bottom:0;transform-origin:50% 100%;transition:transform .3s}
.fan-c.c{transform:translateX(-50%);z-index:3}.fan-c.l{transform:translateX(-112%) rotate(-11deg);z-index:2}.fan-c.r{transform:translateX(12%) rotate(11deg);z-index:2}
.fan.n1 .fan-c.c{transform:translateX(-50%)}
button.t-club:hover .fan-c.l{transform:translateX(-122%) rotate(-15deg)}button.t-club:hover .fan-c.r{transform:translateX(22%) rotate(15deg)}button.t-club:hover .fan-c.c{transform:translateX(-50%) translateY(-6px)}
.fan-c .pc3,.ht-card .pc3{pointer-events:none}
.gal-stack{position:relative;width:110px;height:120px}.gal-stack i{position:absolute;bottom:0;width:74px;height:100px;border-radius:9px;background:linear-gradient(160deg,#8c7bf2,#8c7bf2);border:2px solid rgba(255,255,255,.4);box-shadow:0 6px 14px rgba(14,11,31,.4)}
.gal-stack i:nth-child(1){left:0;transform:rotate(-14deg);opacity:.6}.gal-stack i:nth-child(2){left:18px;transform:rotate(-4deg);opacity:.8}.gal-stack i:nth-child(3){left:36px;transform:rotate(8deg);background:linear-gradient(160deg,#0e0b1f,#2b2170);display:grid;place-items:center}
.gal-stack i:nth-child(3)::after{content:'?';font:900 40px var(--f-display);color:#8c7bf2}
.t-rank .rk-emb.big{width:84px;height:84px}.t-rank .ht-vis{right:26px;bottom:26px}
.hub-mini{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 4px}
.hub-mini .ox{flex:1;min-width:130px;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;border-radius:12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);font-weight:700;font-size:14px}
.hub-mini .ox:hover{background:rgba(255,255,255,.1)}.hub-mini .adm{border-color:#c6ff3a}.hub-mini .acc{border-color:#c6ff3a;color:#c6ff3a}
/* jogar */
.bento.jogar .t-friends{grid-column:span 7;grid-row:span 2;min-height:300px;--acc:#c6ff3a;cursor:default}
.bento.jogar .t-rank{grid-column:span 5;--acc:#c6ff3a}
.bento.jogar .t-bots{grid-column:span 5;--acc:#8c7bf2}
.bento.jogar .t-car{grid-column:span 7;--acc:#c6ff3a}
.bento.jogar .t-pen{grid-column:span 5;--acc:#8c7bf2}
.t-friends .ht-vis{top:16px;bottom:auto}.t-friends .ht-ico svg{width:90px;height:90px}
.friends-act{position:relative;z-index:2;margin-top:auto;width:100%;display:flex;flex-direction:column;gap:10px}
.friends-act #bCreate{width:100%;min-height:62px;font-size:22px!important}
.friends-act .joinbar{margin:0}
/* telas internas dentro do hub */
.menu.scr.hub .box{max-width:none}
@media (max-width:760px){
  .bento{grid-template-columns:repeat(2,1fr);gap:10px}
  .bento.home .t-club,.bento.jogar .t-friends{grid-column:span 2;grid-row:auto;min-height:300px}
  .bento.home .t-play{grid-column:span 2;min-height:118px}
  .bento.home .t-rank,.bento.home .t-shop,.bento.home .t-gal,.bento.jogar .t-rank,.bento.jogar .t-bots,.bento.jogar .t-car,.bento.jogar .t-pen{grid-column:span 1;min-height:168px}
  .bento.jogar .t-rank{grid-column:span 2;min-height:140px}
  .ht{padding:12px;border-radius:3px 16px 3px 16px}.ht-sub{max-width:100%;font-size:12px}.ht-tag{font-size:17px}
  .ht-vis{right:6px;bottom:6px;opacity:.9}.ht-ico svg{width:46px;height:46px}.t-rank .rk-emb.big{width:58px;height:58px}.t-rank .rk-emb.big i{font-size:22px}
  .bento.home .t-shop .ht-card{transform:rotate(6deg) translateY(30px) scale(.8)}.gal-stack{transform:scale(.75);transform-origin:100% 100%}
  .t-play .ht-tag{font-size:28px}.ht-ball svg{width:70px;height:70px}
  .fan{width:260px}.hub-logo span{font-size:15px}.hub-tabs .ox{min-width:64px;padding:9px 6px;font-size:13px}
  .ht-live{left:12px;bottom:10px}
}
@media (max-width:380px){.hub-logo span{display:none}}

/* ===================== WALKOUT (revelação de skin / item) ===================== */
.wk{position:fixed;inset:0;z-index:9000;display:grid;place-items:center;overflow:hidden;background:radial-gradient(ellipse at 50% 38%,color-mix(in srgb,var(--wc) 28%,#0e0b1f) 0%,#0e0b1f 58%,#0e0b1f 100%);color:#ffffff;animation:wkIn .3s ease-out}
.wk.out{animation:wkOut .25s ease-in forwards}@keyframes wkIn{from{opacity:0}}@keyframes wkOut{to{opacity:0}}
.wk-fx{position:absolute;inset:0;pointer-events:none;z-index:3}
.wk-beams{position:absolute;left:50%;top:40%;width:220vmax;height:220vmax;margin:-110vmax 0 0 -110vmax;z-index:0;opacity:0;
  background:repeating-conic-gradient(from 0deg,color-mix(in srgb,var(--wc) 55%,transparent) 0deg 5deg,transparent 5deg 18deg);
  -webkit-mask:radial-gradient(circle,#0e0b1f 0,transparent 55%);mask:radial-gradient(circle,#0e0b1f 0,transparent 55%);transition:opacity .6s;animation:spin 26s linear infinite}
.wk[data-st="1"] .wk-beams{opacity:.35}.wk[data-st="2"] .wk-beams,.wk[data-st="3"] .wk-beams{opacity:.8}
.wk-floor{position:absolute;left:50%;bottom:-14vh;width:140vw;height:48vh;transform:translateX(-50%);border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--wc) 40%,transparent),transparent);filter:blur(10px);z-index:0}
.wk-stage{position:relative;z-index:2;perspective:1200px;margin-top:-12vh}
.wk-flip{position:relative;width:170px;height:236px;transform-style:preserve-3d;transform:translateY(60vh) rotateY(0) scale(.6);transition:transform .9s cubic-bezier(.2,.9,.25,1.15)}
.wk-flip.big{width:210px;height:300px}
.wk[data-st="1"] .wk-flip{transform:translateY(0) rotateY(0) scale(1);animation:wkShake .5s .9s ease-in-out}
.wk[data-st="2"] .wk-flip,.wk[data-st="3"] .wk-flip{transform:translateY(0) rotateY(180deg) scale(1.06);transition-duration:.7s}
@keyframes wkShake{20%{margin-left:-6px}40%{margin-left:6px}60%{margin-left:-4px}80%{margin-left:4px}}
.wk-back,.wk-front{position:absolute;inset:0;display:grid;place-items:center;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:18px}
.wk-back{background:linear-gradient(160deg,color-mix(in srgb,var(--wc) 70%,#ffffff),var(--wc) 40%,color-mix(in srgb,var(--wc) 50%,#0e0b1f));border:3px solid rgba(255,255,255,.75);box-shadow:0 0 40px var(--wc),0 0 120px color-mix(in srgb,var(--wc) 60%,transparent);animation:wkGlow 1.2s ease-in-out infinite alternate}
@keyframes wkGlow{to{box-shadow:0 0 70px var(--wc),0 0 180px var(--wc)}}
.wk-back img{filter:drop-shadow(0 4px 10px rgba(14,11,31,.4))}
.wk-front{transform:rotateY(180deg);filter:drop-shadow(0 0 30px color-mix(in srgb,var(--wc) 80%,transparent))}
.wk-front .pc3{pointer-events:none}
.wk-flash{position:absolute;inset:0}
.wk[data-st="2"]::after{content:'';position:absolute;inset:0;z-index:4;background:#ffffff;pointer-events:none;animation:wkFlash .55s ease-out forwards}@keyframes wkFlash{from{opacity:.85}to{opacity:0}}
.wk-board{position:absolute;top:24vh;z-index:1;display:flex;flex-direction:column;align-items:center;gap:2px;width:min(22vw,180px);padding:16px 10px;border-radius:10px;
  background:linear-gradient(180deg,color-mix(in srgb,var(--wc) 55%,#0e0b1f),#0e0b1f);border:2px solid var(--wc);box-shadow:0 0 30px color-mix(in srgb,var(--wc) 50%,transparent);opacity:0;transition:transform .6s cubic-bezier(.2,.9,.25,1.2),opacity .4s}
.wk-board small{font-size:11px;letter-spacing:.12em;text-transform:uppercase;opacity:.8;text-align:center}.wk-board b{font-family:var(--f-display);font-size:clamp(22px,4vw,40px);text-transform:uppercase;text-align:center;line-height:1.05}
.wk-board.l{left:4vw;transform:translateX(-140%) rotateY(30deg)}.wk-board.r{right:4vw;transform:translateX(140%) rotateY(-30deg)}
.wk[data-st="2"] .wk-board,.wk[data-st="3"] .wk-board{opacity:1;transform:none}
.wk-txt{position:absolute;left:0;right:0;bottom:6vh;z-index:5;display:flex;flex-direction:column;align-items:center;gap:6px;padding:0 16px;text-align:center;opacity:0;transform:translateY(24px);transition:opacity .4s,transform .5s}
.wk[data-st="3"] .wk-txt{opacity:1;transform:none}
.wk-txt .eyebrow{color:var(--wc);letter-spacing:.16em}.wk-txt h2{margin:0;font-family:var(--f-display);font-size:clamp(30px,6vw,52px);text-transform:uppercase;font-style:italic;text-shadow:0 0 24px var(--wc)}
.wk-txt p{margin:0;max-width:440px;opacity:.85;font-size:15px}.wk-btns{display:flex;gap:10px;margin-top:8px}.wk-btns button{min-width:140px}
.wk-skip{position:absolute;right:16px;top:16px;z-index:6;padding:8px 14px;border-radius:999px;background:rgba(14,11,31,.45);border:1px solid rgba(255,255,255,.3);font-size:13px}
.wk-coin{font-size:130px;color:#c6ff3a;text-shadow:0 0 30px #c6ff3a}.wk-badge{font-size:130px}.wk-chest{font-size:110px;filter:drop-shadow(0 0 20px var(--wc))}
.wk-fr{width:150px!important;height:200px!important;border-width:6px!important}
.wk.rm *{animation:none!important;transition:none!important}
@media (max-width:760px){.wk-board{top:auto;bottom:30vh;width:30vw;padding:10px 6px}.wk-board.l{left:3vw}.wk-board.r{right:3vw}.wk-stage{margin-top:-22vh}.wk-flip.big{width:180px;height:258px}.wk-txt{bottom:4vh}}
/* ajustes hub/walkout */
.wk-fx{z-index:1}.wk-stage{z-index:2}.wk-board{z-index:2}
html body.modern .wk-btns .wk-b{min-width:130px;min-height:46px;padding:10px 18px;font-size:15px}
.t-club .ht-vis{bottom:112px}
@media (max-width:760px){.bento.home .t-gal{grid-column:span 2;min-height:130px}.t-club .ht-vis{bottom:108px;top:40px}.fan{min-height:150px}
 .hub-logo span{display:none}}
.wk .wk-btns button.wk-b{font-size:15px!important;min-height:46px!important;padding:10px 18px!important;flex:1;max-width:220px}
/* molduras de carta */
.pc3 .frx{position:absolute;inset:-1.5%;z-index:30;pointer-events:none;border-radius:7%;box-shadow:0 0 0 .9em var(--frc),0 0 3.2em var(--frc),inset 0 0 1.6em color-mix(in srgb,var(--frc) 60%,transparent)}
.pc3 .frx.img{inset:-6.5% -7% -6.5% -7%;border-radius:0;box-shadow:none;background:center/100% 100% no-repeat;filter:drop-shadow(0 0 1.2em color-mix(in srgb,var(--frc) 55%,transparent))}
/* cartão do técnico (moldura do perfil) */
.coach{position:relative;flex:none;aspect-ratio:5/7;display:grid;place-items:center;border-radius:12%/9%;background:linear-gradient(165deg,#2b2170,#0e0b1f 70%);box-shadow:0 0 0 calc(2px*var(--fs)) var(--frc),0 calc(8px*var(--fs)) calc(18px*var(--fs)) rgba(14,11,31,.45);isolation:isolate}
.coach.has:not(.img){box-shadow:0 0 0 calc(4px*var(--fs)) var(--frc),0 0 calc(18px*var(--fs)) var(--frc),0 calc(8px*var(--fs)) calc(18px*var(--fs)) rgba(14,11,31,.45)}
.coach.img{background:linear-gradient(165deg,#2b2170,#0e0b1f 70%) padding-box;box-shadow:0 calc(8px*var(--fs)) calc(18px*var(--fs)) rgba(14,11,31,.45);border-radius:6%}
.coach-fr{position:absolute;inset:-7% -9%;z-index:2;background:center/100% 100% no-repeat;pointer-events:none}
.coach-in{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:calc(3px*var(--fs));padding:0 10%;text-align:center;min-width:0;width:100%}
.coach-in b{font-family:var(--f-display);font-size:calc(15px*var(--fs));line-height:1.05;color:#ffffff;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase}
.coach-in small{font-size:calc(11px*var(--fs));opacity:.75;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.coach-rk{font-size:calc(10.5px*var(--fs));font-weight:800;color:var(--r1);white-space:nowrap}
.coach .bdg{font-size:calc(16px*var(--fs))}
.club-id .coach{margin:-4px 0}
.inv-c .coach,.shop-c .coach{margin:6px auto 4px}
.got-vis .coach,.wk-front .coach{margin:auto}
/* aro do escudo */
.cfr{position:relative;display:inline-grid;place-items:center;flex:none;border-radius:50%;background:radial-gradient(circle at 50% 35%,#2b2170,#0e0b1f 72%);isolation:isolate}
.cfr-cr{position:relative;z-index:1;display:grid;place-items:center}.cfr-cr svg{display:block}
.cfr-ring{position:absolute;inset:0;z-index:2;border-radius:50%;pointer-events:none;box-shadow:inset 0 0 0 calc(2px*var(--fs)) var(--frc)}
.cfr.has .cfr-ring{inset:calc(-3px*var(--fs));box-shadow:inset 0 0 0 calc(4px*var(--fs)) var(--frc),0 0 calc(14px*var(--fs)) var(--frc),inset 0 0 calc(12px*var(--fs)) color-mix(in srgb,var(--frc) 50%,transparent)}
.cfr.has.rk .cfr-ring{inset:calc(-5px*var(--fs));box-shadow:inset 0 0 0 calc(3px*var(--fs)) var(--frc),inset 0 0 0 calc(6px*var(--fs)) #0e0b1f,inset 0 0 0 calc(8px*var(--fs)) var(--frc),0 0 calc(18px*var(--fs)) var(--frc)}
.cfr-img{position:absolute;inset:-26%;z-index:2;background:center/contain no-repeat;pointer-events:none}
.club-id .cfr,.pf-head .cfr{margin:6px}
.inv-c .cfr,.shop-c .cfr{margin:12px auto 8px}
.wk-front .cfr,.got-vis .cfr{margin:auto}
.rk-row .cfr{margin:0 4px}
.crf{position:relative;display:inline-block;flex:none;vertical-align:middle}
.crf>.crf-l{position:absolute;left:0;top:0;overflow:visible;pointer-events:none}
.crf>.crf-c{position:relative;z-index:1;display:block}.crf>.crf-c>svg{display:block}
.cfr{display:inline-grid;place-items:center;flex:none;overflow:visible}
.cfr{background:none!important;border-radius:0!important;width:auto}
/* escudo redondo */
.crest.rc{display:block;overflow:visible}
.cstyles{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:8px}
.cstyles .cst{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 4px!important;height:auto!important}
.cstyles .cst small,.cfont small{font:600 10.5px/1 Inter,system-ui,sans-serif;font-style:normal;letter-spacing:.02em;opacity:.8;text-transform:none}
.cfonts{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}
.cfont{display:flex!important;flex-direction:column;align-items:center;gap:4px;padding:8px 2px!important;font-size:22px!important;text-transform:none!important;letter-spacing:0!important}
.cfont[aria-pressed=true],.cstyles .cst[aria-pressed=true]{outline:2px solid #c6ff3a;outline-offset:1px}
.crf{position:relative;display:inline-block;flex:none;vertical-align:middle}
.crf>.crf-l{position:absolute;left:0;top:0;overflow:visible;pointer-events:none}
.crf>.crf-c{position:relative;z-index:1;display:block}.crf>.crf-c>svg{display:block}
.cfont span{font-size:22px;line-height:1}
/* banner de perfil (nameplate) */
.np{position:relative;display:flex;align-items:center;min-width:0;height:calc(var(--cs) * 1.02);padding-left:calc(var(--cs) * .62)}
.np-cr{position:absolute;left:0;top:50%;transform:translateY(-50%);z-index:2;filter:drop-shadow(0 4px 10px rgba(14,11,31,.45))}
.np-cr .crest,.np-cr .crf{display:block}
.np-bar{position:relative;flex:1;min-width:0;height:var(--h);display:flex;align-items:center;padding:0 18px 0 calc(var(--cs) * .48);overflow:hidden;color:var(--tx);clip-path:polygon(0 0,100% 0,calc(100% - calc(var(--h) * .28)) 100%,0 100%)}
.np-t{display:flex;flex-direction:column;min-width:0;line-height:1.05}
.np-t b{font:800 calc(var(--h) * .36)/1.05 Inter,system-ui,sans-serif;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.np-t span{font:500 calc(var(--h) * .27)/1.15 Inter,system-ui,sans-serif;opacity:.88;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.np-fx.fogo{position:absolute;inset:auto 0 0 0;height:60%;background:radial-gradient(14px 22px at 20% 100%,#c6ff3a,transparent),radial-gradient(18px 28px at 55% 100%,#c6ff3a,transparent),radial-gradient(12px 20px at 85% 100%,#c6ff3a,transparent);opacity:.7}
.np-fx.louro{position:absolute;right:calc(var(--h) * .4);top:50%;transform:translateY(-50%);font-style:normal;font-size:calc(var(--h) * .8);opacity:.25;color:#0e0b1f}
.club-id.np-wrap{display:flex;flex-direction:column;align-items:stretch;gap:6px;background:none!important;padding:0!important}
.np-rk{padding-left:4px}
.pf-head2{display:flex;flex-direction:column;gap:10px;margin:6px 0 4px}
.pf-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.pf-row button{font-size:13px!important;padding:8px 12px!important}
.inv-g.bn,.shop-c.bn{}.inv-g.bn{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
.inv-c .np,.shop-c .np{width:100%;margin:4px 0}
.wk-front .np{margin:auto}
.np .np-t b,.np .np-t span{color:var(--tx)!important;font-size:inherit}.np .np-t b{font-size:calc(var(--h) * .36)!important}.np .np-t span{font-size:calc(var(--h) * .27)!important}
/* escudos do kit */
.crest.kc{display:block;overflow:visible}
.crf{position:relative;display:inline-grid;place-items:center;flex:none;vertical-align:middle}
.crf>.crf-c{grid-area:1/1;position:relative;z-index:1}.crf>.crf-c>svg{display:block}
.crf>.crf-i{grid-area:1/1;position:relative;z-index:2;pointer-events:none;max-width:none;align-self:center;justify-self:center}
.crf.ring>.crf-c{border-radius:50%;box-shadow:0 0 0 3px var(--frc),0 0 14px var(--frc)}
.ck-tabs{margin:2px 0 10px}.ck-tabs .ox{display:flex;align-items:center;justify-content:center;min-height:36px;border-radius:9px;color:rgba(255,255,255,.75);font-size:13px;font-weight:700}.ck-tabs .ox.on{background:#c6ff3a;color:#0e0b1f}
.ck-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px}.ck-grid.sm{grid-template-columns:repeat(auto-fill,minmax(74px,1fr))}
.ck-c{display:flex!important;flex-direction:column;align-items:center;gap:5px;padding:8px 4px!important;height:auto!important;background:rgba(255,255,255,.04)!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:12px!important;text-transform:none!important;letter-spacing:0!important}
.ck-c.on{outline:2px solid #c6ff3a;outline-offset:1px;background:rgba(198,255,58,.08)!important}
.ck-c small{font:600 10.5px/1.15 Inter,system-ui,sans-serif;opacity:.8;text-align:center;text-transform:capitalize}
.rk-img{width:56px;height:56px;object-fit:contain;filter:drop-shadow(0 4px 10px rgba(14,11,31,.45));flex:none}.rk-img.big{width:96px;height:96px}
.t-rank .rk-img.big{width:110px;height:110px}.rk-card .rk-img.big{width:92px;height:92px}
.rk-mini{width:22px;height:22px;object-fit:contain;margin:-3px 0}
@media (max-width:760px){.t-rank .rk-img.big{width:76px;height:76px}}
.wk-back.img{background:center/cover no-repeat;border:0;border-radius:14px}
.wk-back.img .wk-logo{display:grid;place-items:center;width:56%;aspect-ratio:1;border-radius:50%}
.wk-back.img .wk-logo img{width:62%!important;height:auto!important}
.wk-flip{aspect-ratio:3/4;height:auto!important}
.bau-img{width:84px;height:84px;object-fit:contain;filter:drop-shadow(0 6px 12px rgba(14,11,31,.5))}.bau-img.big{width:110px;height:110px}.bau-img.wk{width:210px;height:210px}.bau-img.xs{width:22px;height:22px;vertical-align:middle;filter:none}
/* fundo do estádio novo: menos véu e sem pinceladas por cima no menu */
#bgfx .sky{background:linear-gradient(180deg,rgba(14,11,31,.25) 0%,rgba(14,11,31,.1) 45%,rgba(14,11,31,.55) 100%),var(--img-bg,none) center 35%/cover no-repeat,#0e0b1f!important}
body:has(.menu.hub) #bgfx .bru{opacity:.18}
.club-id.np-wrap>.np{display:flex!important;flex-direction:row!important;align-items:center;gap:0;width:100%}.club-id.np-wrap>.np-rk{display:block}
/* ===== HUB v2 (conceito Figma) ===== */
.bento.home.v2{grid-template-columns:repeat(12,1fr);grid-auto-rows:minmax(150px,auto);gap:14px}
.bento.v2 .ht{--cut:22px;border-radius:0;clip-path:polygon(0 0,calc(100% - var(--cut)) 0,100% var(--cut),100% 100%,var(--cut) 100%,0 calc(100% - var(--cut)));
  background:linear-gradient(160deg,rgba(43,33,112,.78),rgba(14,11,31,.86) 60%,rgba(14,11,31,.92));border:0;box-shadow:none;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.bento.v2 .ht::before{background:linear-gradient(90deg,var(--acc),transparent 45%) top/100% 3px no-repeat,repeating-linear-gradient(115deg,transparent 0 26px,rgba(255,255,255,.022) 26px 52px)}
.bento.v2 .ht::after{right:-20%;top:-35%;width:70%;height:110%;opacity:.4}
.bento.v2 button.ht:hover{transform:translateY(-3px);filter:brightness(1.12)}
.bento.v2 .ht-tag{font-family:'LC Cond',"Anton",sans-serif;font-weight:800;font-style:italic;font-size:clamp(22px,2.6vw,30px);letter-spacing:.02em;background:none;border-left:4px solid var(--acc);padding:0 0 0 10px;transform:none;text-shadow:0 2px 12px rgba(14,11,31,.5)}
.bento.v2 .ht-sub{font-size:14px;color:rgba(255,255,255,.8)}.bento.v2 .ht-sub b{color:#ffffff}
/* herói */
.bento.v2 .t-club{grid-column:span 7;grid-row:span 2;min-height:380px;--acc:#c6ff3a;padding:18px 18px 16px}
.t-club .spot{position:absolute;left:50%;top:-10%;width:70%;height:95%;transform:translateX(-50%);background:radial-gradient(ellipse at 50% 0%,rgba(198,255,58,.28),rgba(198,255,58,.08) 45%,transparent 70%);pointer-events:none;z-index:0}
.hero-fan{position:absolute;left:0;right:0;top:44px;bottom:96px;display:grid;place-items:center;z-index:1;pointer-events:none}
.hero-fan .fan{width:360px;min-height:220px;height:100%}
.hero-fan .fan-c .pc3{filter:drop-shadow(0 18px 30px rgba(14,11,31,.6))}
.t-club .club-id.np-wrap{position:absolute;left:16px;right:16px;bottom:16px;z-index:3}
.hero-rk{position:absolute;right:20px;top:18px;z-index:3}
/* jogar */
.bento.v2 .t-play{grid-column:span 5;min-height:183px;--cut:30px;background:linear-gradient(130deg,#c6ff3a,#c6ff3a 45%,#c6ff3a);justify-content:flex-end;padding:20px 22px;color:#0e0b1f}
.bento.v2 .t-play::before{background:repeating-linear-gradient(115deg,transparent 0 26px,rgba(14,11,31,.05) 26px 52px)}.bento.v2 .t-play::after{display:none}
.play-big{position:relative;z-index:2;font-family:'LC Cond',"Anton",sans-serif;font-weight:900;font-style:italic;font-size:clamp(54px,6vw,78px);line-height:.85;text-transform:uppercase;letter-spacing:-.01em}
.play-sub{position:relative;z-index:2;font-weight:700;font-size:13.5px;max-width:70%;margin-top:6px}
.play-go{position:absolute;right:22px;bottom:16px;z-index:2;display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:#0e0b1f;color:#c6ff3a;font-size:34px;font-weight:900;line-height:1;padding-bottom:4px;transition:transform .2s}
.t-play:hover .play-go{transform:translateX(5px)}
.play-ball{position:absolute;right:-30px;top:-34px;z-index:1;color:#0e0b1f;opacity:.13;transform:rotate(-15deg)}.play-ball svg{width:180px;height:180px}
/* rankeada */
.bento.v2 .t-rank{grid-column:span 5;min-height:183px;--acc:#c6ff3a}
.rk-hero{position:absolute;right:14px;top:50%;transform:translateY(-50%);z-index:1;filter:drop-shadow(0 0 22px rgba(198,255,58,.35))}
.rk-hero .rk-img.big{width:132px;height:132px}
.bento.v2 .ht-live{left:18px;bottom:16px}
/* loja */
.bento.v2 .t-shop{grid-column:span 6;min-height:200px;--acc:#8c7bf2}
.shop-hero{position:absolute;right:12px;bottom:6px;display:flex;align-items:flex-end;z-index:1;pointer-events:none}
.sh-card{transform:rotate(-7deg) translate(26px,8px)}.sh-card .pc3{filter:drop-shadow(0 12px 20px rgba(14,11,31,.6))}
.bau-img.sh-bau{width:150px;height:150px;position:relative;z-index:2}
/* galeria */
.bento.v2 .t-gal{grid-column:span 6;min-height:200px;--acc:#8c7bf2}
.gal-hero{position:absolute;right:30px;bottom:-18px;width:190px;height:170px;z-index:1;pointer-events:none}
.gal-hero i{position:absolute;bottom:0;width:96px;height:128px;border-radius:9px;background:#2b2170 center/cover;box-shadow:0 10px 22px rgba(14,11,31,.55);border:1px solid rgba(255,255,255,.25)}
.gal-hero i:nth-child(1){left:0;transform:rotate(-16deg)}.gal-hero i:nth-child(2){left:44px;transform:rotate(-3deg);bottom:10px}.gal-hero i:nth-child(3){left:88px;transform:rotate(11deg)}
/* topo e abas */
.menu.hub .hub-tabs{background:rgba(14,11,31,.6);border:0;border-radius:0;clip-path:polygon(0 0,100% 0,calc(100% - 14px) 100%,14px 100%);padding:5px 18px}
.menu.hub .hub-tabs .ox{font-family:'LC Cond',"Anton",sans-serif;font-weight:800;font-style:italic;font-size:17px;border-radius:0;clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%)}
.hub-mini .ox{border-radius:0;clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);background:rgba(14,11,31,.55);border:0}
@media (max-width:760px){
  .bento.home.v2{grid-template-columns:repeat(2,1fr);gap:10px}
  .bento.v2 .t-club{grid-column:span 2;min-height:340px}.hero-fan .fan{width:290px}
  .bento.v2 .t-play{grid-column:span 2;min-height:140px}.play-big{font-size:58px}
  .bento.v2 .t-rank{grid-column:span 2;min-height:150px}.rk-hero .rk-img.big{width:104px;height:104px}
  .bento.v2 .t-shop,.bento.v2 .t-gal{grid-column:span 1;min-height:190px}
  .bau-img.sh-bau{width:100px;height:100px}.sh-card{display:none}
  .gal-hero{right:-10px;transform:scale(.7);transform-origin:100% 100%}
  .bento.v2 .ht-tag{font-size:22px}
  .menu.hub .hub-tabs .ox{font-size:14px}
}
@media (max-width:760px){.menu.hub .hub-tabs{padding:4px 10px}.menu.hub .hub-tabs .ox{min-width:0;padding:9px 2px;font-size:13.5px;letter-spacing:.02em}
 .bento.v2 .t-shop .ht-tag,.bento.v2 .t-gal .ht-tag{font-size:19px;white-space:nowrap}.gal-hero{right:-30px;bottom:-30px;transform:scale(.62)}}
.np-t b,.np-t span{text-shadow:0 1px 3px var(--tsh,rgba(14,11,31,.75)),0 0 14px var(--tsh,rgba(14,11,31,.45))}
.np-cr .crf,.crf{display:inline-grid!important}
.crf{display:inline-block!important;position:relative;overflow:visible}.crf>.crf-c{display:block}.crf>.crf-i{position:absolute!important;left:50%;top:50%;transform:translate(-50%,-50%)}
/* tiles com imagem de fundo, sem listras */
.bento.v2 .ht::before{background:linear-gradient(90deg,var(--acc),transparent 45%) top/100% 3px no-repeat!important}
.bento.v2 .ht::after{display:none}
.bento.v2 .ht{background:linear-gradient(100deg,rgba(14,11,31,.92) 0%,rgba(14,11,31,.6) 45%,rgba(14,11,31,.15) 100%),var(--tbg,none) center/cover no-repeat,#0e0b1f!important}
.bento.v2 .t-club{background:radial-gradient(ellipse 55% 70% at 50% 15%,rgba(255,255,255,.18),transparent 70%),linear-gradient(0deg,rgba(14,11,31,.95) 0%,rgba(14,11,31,.35) 45%,rgba(14,11,31,.55) 100%),var(--tbg,none) center/cover no-repeat,#0e0b1f!important}
.bento.v2 .t-play{background:linear-gradient(100deg,rgba(198,255,58,.92) 0%,rgba(198,255,58,.55) 50%,rgba(198,255,58,.08) 100%),var(--tbg,none) center/cover no-repeat,#c6ff3a!important}
.bento.v2 .t-play::before{display:none}
.bento.v2 .t-rank{background:linear-gradient(100deg,rgba(14,11,31,.92) 0%,rgba(14,11,31,.55) 50%,rgba(14,11,31,.3) 100%),var(--tbg,none) center/cover no-repeat,#0e0b1f!important}
.bento.v2 .t-gal{background:linear-gradient(100deg,rgba(14,11,31,.94) 0%,rgba(14,11,31,.7) 45%,rgba(14,11,31,.25) 100%),var(--tbg,none) center/cover no-repeat,#0e0b1f!important}
.t-club .spot{display:none}
.play-ball{opacity:.08}
.np-cr{display:grid;place-items:center;width:var(--cs);height:var(--cs)}
/* ajustes do pedido: fontes do jogo, rankeada com emblema grande, galeria mesa, loja sem baú */
.bento.v2 .ht-tag,.menu.hub .hub-tabs .ox,.play-big{font-family:var(--f-display)!important;font-style:normal!important;font-weight:400!important;letter-spacing:.02em}
.bento.v2 .ht-tag{font-size:clamp(24px,2.6vw,32px)!important;text-transform:uppercase}
.play-big{font-size:clamp(60px,6.4vw,86px)!important;letter-spacing:.01em}
.play-sub,.bento.v2 .ht-sub{font-family:var(--f-body)}
.menu.hub .hub-tabs .ox{font-size:18px;letter-spacing:.06em}
.bento.v2 .t-play{background:linear-gradient(130deg,#c6ff3a,#c6ff3a 45%,#c6ff3a)!important}
.bento.v2 .t-rank{background:radial-gradient(ellipse 60% 120% at 82% 50%,rgba(255,255,255,.06),transparent 60%),#0e0b1f!important}
.rk-bgemb{position:absolute;right:-6%;top:50%;transform:translateY(-50%);z-index:0;pointer-events:none;-webkit-mask:linear-gradient(90deg,transparent 0%,#0e0b1f 45%);mask:linear-gradient(90deg,transparent 0%,#0e0b1f 45%)}
.rk-img.huge{width:300px;height:300px;filter:drop-shadow(0 0 40px rgba(198,255,58,.25))}
.t-rank .ht-tag,.t-rank .ht-sub,.t-rank .ht-live{position:relative;z-index:2}
.bento.v2 .t-gal{background:linear-gradient(100deg,rgba(14,11,31,.88) 0%,rgba(14,11,31,.45) 40%,rgba(14,11,31,0) 70%),var(--tbg,none) center/cover no-repeat,#0e0b1f!important}
.t-gal .gal-hero{display:none}
.favbtn{grid-column:1/-1;justify-self:start;padding:6px 12px!important;border-radius:999px!important;border:1px solid rgba(198,255,58,.5)!important;color:#c6ff3a!important;font-size:12.5px!important;margin:-4px 0 8px}
.favbtn.on{background:rgba(198,255,58,.15)!important}
@media (max-width:760px){.rk-img.huge{width:210px;height:210px}}
.t-rank .ht-live{position:absolute!important;z-index:2}
.rk-img.huge{width:230px;height:230px}.rk-bgemb{right:-2%}
.bento.v2 .t-gal{background:linear-gradient(100deg,rgba(14,11,31,.92) 0%,rgba(14,11,31,.6) 40%,rgba(14,11,31,.1) 75%),var(--tbg,none) 70% 40%/cover no-repeat,#0e0b1f!important}
@media (max-width:760px){.rk-img.huge{width:170px;height:170px}}
@media (max-width:760px){.menu.hub .hub-tabs .ox{font-size:15px;letter-spacing:.01em}}
/* moldura: tudo centralizado em camadas absolutas (corrige desalinhamento no Safari) */
.crf{display:inline-block!important;position:relative;line-height:0;font-size:0;vertical-align:middle}
.crf>.crf-c{position:absolute!important;inset:0;display:block}
.crf>.crf-c>svg,.crf .crest{display:block!important;width:100%!important;height:100%!important}
.crf>.crf-i{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;margin:0!important;max-width:none!important;max-height:none!important}
.np-cr{line-height:0}
.cria-art img{width:100%;height:100%;object-fit:cover;object-position:50% 20%}
.pc3-kit{position:absolute;inset:0;background:var(--kc);mix-blend-mode:multiply;-webkit-mask-size:cover;mask-size:cover;-webkit-mask-position:50% 20%;mask-position:50% 20%;pointer-events:none;opacity:.92}
/* intro "Suas 3 cartas": sempre lado a lado, sem cortar */
html body .deckarea{max-height:none!important;overflow:visible!important}
html body .deckarea .tcards.hand{display:grid!important;grid-template-columns:repeat(3,minmax(0,170px))!important;justify-content:center!important;width:100%!important;gap:14px!important}
html body .deckarea .tcards.hand>*{width:100%!important;max-width:170px!important}
@media (max-width:560px){html body .deckarea .tcards.hand{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important}html body .deckarea .tcards.hand>*{max-width:none!important;width:100%!important}}
.formchips{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 6px}.formchips .chip{padding:6px 12px!important;font-size:13px!important}.formchips .chip[disabled]{opacity:.35;cursor:not-allowed}
.pc3-ph img.yt{object-position:50% 18%!important}
html body .pc3-ph img.yt{width:100%!important;height:auto!important;margin-top:-2%!important;object-fit:cover}
/* Cria da Casa no fundo Geração Alpha: o jogador recortado sai por cima do cartão */
.cria-fig{position:absolute;left:-5.5%;width:111%;top:-12%;aspect-ratio:3/4;z-index:1;pointer-events:none}
.cria-fig img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 0}
.cria-fig .pc3-kit{-webkit-mask-size:100% 100%!important;mask-size:100% 100%!important;-webkit-mask-position:0 0!important;mask-position:0 0!important;opacity:.9}
.cria-fade{position:absolute;left:0;right:0;bottom:0;height:42%;z-index:2;border-radius:0 0 1.6em 1.6em;background:linear-gradient(0deg,rgba(14,11,31,.95),rgba(14,11,31,.6) 55%,transparent);pointer-events:none}
.cria-fig{clip-path:inset(-30% 5% 1.2% 5% round 0 0 8% 8%)}
.cria-fig{clip-path:inset(-30% 5.8% 1.6% 5.8% round 0 0 8% 8%)}
.aggbar{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 18px;margin:-2px 0 8px;padding:7px 12px;border-radius:10px;background:rgba(255,255,255,.06);font-size:13px;color:rgba(255,255,255,.85)}.aggbar b{color:#ffffff}#lvAgg{color:#c6ff3a}
/* rankeada: sua posição */
.rk-me{margin-bottom:14px}.rk-me:empty{display:none}
.rk-me-h{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:8px}.rk-me-h .eyebrow{width:100%}
.rk-me-h>b{font:400 40px/1 Anton,Impact,sans-serif;color:#c6ff3a}.rk-me-h small{opacity:.8}
.rk-me .rk-list{border:1px solid rgba(198,255,58,.25);border-radius:12px;padding:4px 8px;background:rgba(198,255,58,.04)}
.rk-row.me{background:linear-gradient(90deg,rgba(198,255,58,.18),rgba(198,255,58,.04));border-radius:10px;box-shadow:inset 3px 0 0 #c6ff3a}
/* rankeada: trilha de prêmios */
.rk-ladder{display:flex;flex-direction:column;position:relative}
.rk-lv{display:flex;gap:14px;position:relative;padding:10px 0}
.rk-lv-e{width:72px;flex:none;display:flex;justify-content:center;position:relative;z-index:1}
.rk-lv-e::before{content:'';position:absolute;left:50%;top:-10px;bottom:-10px;width:4px;margin-left:-2px;background:rgba(255,255,255,.1);z-index:-1}
.rk-lv:first-child .rk-lv-e::before{top:50%}.rk-lv:last-child .rk-lv-e::before{bottom:50%}
.rk-lv.got .rk-lv-e::before{background:linear-gradient(var(--r1),var(--r2))}
.rk-lv.nx .rk-lv-e::before{background:linear-gradient(rgba(255,255,255,.1) 50%,var(--r1) 50%)}
.rk-lv .rk-emb,.rk-lv-e img{width:64px;height:64px;object-fit:contain}
.rk-lv:not(.got) .rk-lv-e img{filter:grayscale(.85) brightness(.6)}
.rk-lv-b{flex:1;min-width:0;padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}
.rk-lv.got .rk-lv-b{border-color:color-mix(in srgb,var(--r1) 45%,transparent)}
.rk-lv.cur .rk-lv-b{background:linear-gradient(90deg,color-mix(in srgb,var(--r1) 22%,transparent),rgba(255,255,255,.03));border-color:var(--r1);box-shadow:0 0 24px color-mix(in srgb,var(--r1) 30%,transparent)}
.rk-lv:not(.got):not(.nx) .rk-lv-b{opacity:.55}
.rk-lv-h{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin-bottom:8px}
.rk-lv-h b{font:400 22px/1 Anton,Impact,sans-serif;letter-spacing:.5px;color:var(--r1)}.rk-lv-h small{opacity:.6;font-size:12px}
.rk-lv-h em{margin-left:auto;font-style:normal;font-size:11px;font-weight:800;padding:3px 8px;border-radius:99px;text-transform:uppercase;letter-spacing:.5px}
.rk-lv-h .here{background:#c6ff3a;color:#0e0b1f}.rk-lv-h .ok{color:#c6ff3a}.rk-lv-h .lk{background:rgba(255,255,255,.08);color:#ffffff}
.rk-lv-rw{display:flex;flex-wrap:wrap;gap:8px}
.rw{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:3px;min-width:64px;height:76px;padding:6px;border-radius:10px;background:rgba(14,11,31,.25)}
.rw small{font-size:10px;opacity:.75;text-transform:uppercase;letter-spacing:.4px}
.rw-fr img{width:52px;height:52px;object-fit:contain}.rw-fr .frprev{width:40px;height:40px}
.rw-bn{width:150px}.rw-bn i{display:block;width:138px;height:46px;border-radius:6px;background:#2b2170 center/cover}
.rw-cr svg{width:44px;height:44px}.rw-ch img{width:52px;height:52px;object-fit:contain}
.rw-f b{font:400 20px/1 Anton,Impact,sans-serif;color:#8c7bf2;margin:auto 0}
@media(max-width:560px){.rk-lv-e{width:52px}.rk-lv .rk-emb,.rk-lv-e img{width:48px;height:48px}.rw{min-width:56px;height:68px}.rw-bn{width:118px}.rw-bn i{width:106px;height:36px}.rw-fr img,.rw-ch img{width:44px;height:44px}}
/* ===== loja v2 (vitrine estilo Valorant/Fortnite) ===== */
.shop2 .sh-hd{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:14px 18px;border-radius:16px;background:linear-gradient(90deg,rgba(14,11,31,.92),rgba(14,11,31,.8));border:1px solid rgba(255,255,255,.08);margin-bottom:12px}
.sh-wal{display:flex;align-items:baseline;gap:6px}.sh-wal i{font-style:normal;color:#8c7bf2;font-size:22px}.sh-wal b{font:400 34px/1 Anton,Impact,sans-serif;color:#ffffff}.sh-wal small{opacity:.6}
.sh-clock{display:flex;flex-direction:column;padding-left:14px;border-left:1px solid rgba(255,255,255,.12)}.sh-clock small{font-size:10px;letter-spacing:1px;text-transform:uppercase;opacity:.6}.sh-clock b{font:400 22px/1 Anton,Impact,sans-serif;color:#c6ff3a;font-variant-numeric:tabular-nums}
.sh-hd #lDaily,.sh-tip{margin-left:auto}
.sh-tabs{display:flex;gap:4px;overflow-x:auto;margin-bottom:14px;scrollbar-width:none}
.sh-tabs button{flex:none;padding:10px 18px;font:400 18px/1 Anton,Impact,sans-serif;letter-spacing:.6px;text-transform:uppercase;color:#8c7bf2;background:transparent;border:0;border-bottom:3px solid transparent;cursor:pointer}
.sh-tabs button.on{color:#ffffff;border-bottom-color:#c6ff3a}.sh-tabs button:hover{color:#ffffff}
.sh-feat{position:relative;display:flex;align-items:center;gap:28px;padding:22px 28px;border-radius:18px;overflow:hidden;min-height:260px;
 background:radial-gradient(120% 140% at 15% 50%,color-mix(in srgb,var(--rc) 55%,transparent),transparent 60%),linear-gradient(120deg,#0e0b1f,#0e0b1f);border:1px solid color-mix(in srgb,var(--rc) 50%,transparent)}
.sh-feat::after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(115deg,transparent 0 22px,rgba(255,255,255,.025) 22px 23px);pointer-events:none}
.sh-feat-art{flex:none;filter:drop-shadow(0 18px 30px rgba(14,11,31,.6));transform:rotate(-3deg)}
.sh-feat-tx{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.sh-feat-tx h3{font:400 clamp(34px,5vw,56px)/.95 Anton,Impact,sans-serif;text-transform:uppercase;margin:0}.sh-feat-tx p{margin:0}.sh-feat-tx p b{color:var(--rc)}
.shop2 .sh-feat-tx button.si-buy{margin-top:10px;padding:12px 22px;font-size:20px}
.sh-sec{display:flex;align-items:baseline;gap:10px;margin:22px 0 10px}.sh-sec h4{margin:0;font:400 22px/1 Anton,Impact,sans-serif;text-transform:uppercase;letter-spacing:.5px}
.sh-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:10px}
.sh-grid.bn{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.sh-grid.ch{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
.si{position:relative;display:flex;flex-direction:column;border-radius:14px;overflow:hidden;background:linear-gradient(180deg,color-mix(in srgb,var(--rc) 38%,#0e0b1f) 0%,#0e0b1f 78%);border:1px solid color-mix(in srgb,var(--rc) 45%,transparent);transition:transform .15s,box-shadow .15s}
.si:hover{transform:translateY(-3px);box-shadow:0 10px 28px color-mix(in srgb,var(--rc) 35%,transparent)}
.si-art{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px 10px 8px;min-height:170px;background:radial-gradient(60% 60% at 50% 45%,color-mix(in srgb,var(--rc) 40%,transparent),transparent 70%)}
.si-bn .si-art{min-height:100px;padding:18px 14px}.si-bn .si-art>*{width:100%}
.si-ch .si-art img{width:150px;height:150px;object-fit:contain}.si-d{font-size:11px;opacity:.75;text-align:center;margin:6px 0 0}
.si-ft{display:flex;align-items:center;gap:8px;padding:10px 12px;background:rgba(14,11,31,.35);border-top:1px solid rgba(255,255,255,.06)}
.si-t{flex:1;min-width:0;display:flex;flex-direction:column}.si-t b{font:400 17px/1.05 Anton,Impact,sans-serif;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.si-t small{font-size:11px;opacity:.65}
.si-rar{position:absolute;top:8px;left:8px;font-size:9px;font-weight:900;letter-spacing:.8px;text-transform:uppercase;padding:3px 7px;border-radius:5px;background:var(--rc);color:#0e0b1f}
.shop2 button.si-buy{display:inline-flex;align-items:center;gap:4px;padding:8px 12px;border-radius:9px;border:0;background:#c6ff3a;color:#0e0b1f;font:800 14px/1 inherit;cursor:pointer;white-space:nowrap}
.shop2 .si-buy i{font-style:normal;font-size:.85em}.shop2 button.si-buy:disabled{background:rgba(255,255,255,.12);color:rgba(255,255,255,.5);cursor:not-allowed}.shop2 button.si-buy.conf{background:#ffffff}
.si-own{font-size:11px;font-weight:800;color:#c6ff3a;white-space:nowrap}.si.has .si-art{opacity:.55}
@media(max-width:560px){.sh-feat{flex-direction:column;text-align:center;padding:18px}.sh-feat-tx{align-items:center}.sh-grid{grid-template-columns:repeat(2,1fr)}.sh-grid.bn,.sh-grid.ch{grid-template-columns:1fr}.si-art{min-height:140px}.sh-clock{border:0;padding:0}}
@media(max-width:560px){.si-ft{flex-direction:column;align-items:stretch;gap:6px}.shop2 button.si-buy{justify-content:center}.si-own{text-align:center}}
.shop2 #lDaily{background:#c6ff3a;color:#0e0b1f;border:0}
.xov.gm .xbox{max-width:560px;text-align:center;background:radial-gradient(120% 80% at 50% 0%,rgba(140,123,242,.28),transparent 60%),linear-gradient(180deg,#0e0b1f,#0e0b1f);border:1px solid rgba(140,123,242,.45)}
.gm-tx{font-size:15px;line-height:1.5;opacity:.92;margin:6px 0 14px}
.gm-items{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:12px}
.gm-it{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px;min-width:96px;min-height:120px;padding:10px;border-radius:12px;background:rgba(14,11,31,.3);border:1px solid rgba(255,255,255,.08)}
.gm-it small{font-size:11px;opacity:.75}.gm-bn{width:100%}.gm-bn>*:first-child{width:100%}.gm-it .bau-img{width:84px;height:84px;object-fit:contain}
.gm-f{font:400 30px/1 Anton,Impact,sans-serif;color:#8c7bf2;margin:auto 0}
/* ===== Open Beta (aviso obrigatório) ===== */
.ob{position:fixed;inset:0;z-index:9000;display:flex;align-items:center;justify-content:center;padding:16px;background:radial-gradient(90% 70% at 50% 20%,rgba(140,123,242,.35),transparent 60%),rgba(14,11,31,.94);backdrop-filter:blur(8px);animation:obIn .4s ease-out}
.ob.bye{animation:obOut .35s ease-in forwards}@keyframes obIn{from{opacity:0}}@keyframes obOut{to{opacity:0;transform:scale(1.04)}}
.ob-cv{position:fixed;inset:0;pointer-events:none;z-index:2}
.ob-box{position:relative;z-index:1;width:min(620px,100%);max-height:calc(100dvh - 32px);overflow-y:auto;padding:22px 22px 18px;border-radius:22px;text-align:center;color:#ffffff;
 background:linear-gradient(180deg,#2b2170,#0e0b1f);border:1px solid rgba(198,255,58,.3);box-shadow:0 30px 80px rgba(14,11,31,.6),0 0 60px rgba(140,123,242,.25);animation:obBox .45s cubic-bezier(.2,1.3,.4,1)}
@keyframes obBox{from{opacity:0;transform:translateY(24px) scale(.96)}}
.ob-prog{display:flex;gap:6px;justify-content:center;margin-bottom:14px}.ob-prog i{width:26px;height:5px;border-radius:9px;background:rgba(255,255,255,.15)}.ob-prog i.d{background:#c6ff3a}.ob-prog i.c{background:#c6ff3a;box-shadow:0 0 10px #c6ff3a;width:40px}
.ob-tag{display:inline-block;font-size:11px;font-weight:900;letter-spacing:1.4px;text-transform:uppercase;color:#0e0b1f;background:#c6ff3a;padding:3px 10px;border-radius:99px}
.ob-box h2{font:400 clamp(30px,6vw,46px)/1 Anton,Impact,sans-serif;text-transform:uppercase;margin:10px 0 8px;letter-spacing:.5px}
.ob-body{font-size:15px;line-height:1.5}.ob-body p{margin:6px 0 10px}.ob-body b{color:#c6ff3a}
.ob-hint{font-weight:800;color:#c6ff3a;animation:obPulse 1.4s infinite;min-height:22px}@keyframes obPulse{50%{opacity:.55}}
.ob-mini{font-size:13px;opacity:.75}
.ob .ob-next{width:100%;margin-top:12px;padding:15px;font:400 22px/1 Anton,Impact,sans-serif;letter-spacing:.6px;text-transform:uppercase;transition:.25s}
.ob .ob-next:disabled{opacity:.3;filter:grayscale(1);cursor:not-allowed}.ob .ob-next.ready{animation:obReady .6s ease-out}@keyframes obReady{40%{transform:scale(1.04)}}
/* slide 1 */
.ob-stamp{display:inline-flex;flex-direction:column;padding:14px 26px;margin:6px 0 18px;border:4px solid #c6ff3a;border-radius:14px;transform:rotate(-4deg);box-shadow:0 0 30px rgba(198,255,58,.35),inset 0 0 20px rgba(198,255,58,.2);animation:obStamp .7s cubic-bezier(.2,1.6,.4,1) .2s both}
.ob-stamp small{font-size:12px;letter-spacing:2px;text-transform:uppercase;opacity:.8}.ob-stamp b{font:400 clamp(44px,10vw,72px)/1 Anton,Impact,sans-serif;color:#c6ff3a !important;letter-spacing:1px}
@keyframes obStamp{from{opacity:0;transform:rotate(-4deg) scale(2.2)}}
.ob .ob-hold{position:relative;display:block;width:min(320px,100%);margin:0 auto;padding:16px;border-radius:14px;border:2px solid #c6ff3a;background:rgba(198,255,58,.08);color:#ffffff;font:400 20px/1 Anton,Impact,sans-serif;text-transform:uppercase;letter-spacing:.6px;overflow:hidden;cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none}
.ob-hold i{position:absolute;inset:0;width:0;background:#c6ff3a;transition:width 0s}.ob-hold.on i{width:100%;transition:width 1.1s linear}.ob-hold span{position:relative;z-index:1;mix-blend-mode:difference}
.ob-hold.done{background:#c6ff3a;color:#0e0b1f}.ob-hold.done span{mix-blend-mode:normal}
.ob-thx{max-height:0;opacity:0;overflow:hidden;transition:.6s}.ob-thx.show{max-height:200px;opacity:1;margin-top:16px}
/* slide rank */
.ob-ladder{display:flex;justify-content:center;gap:4px;margin:12px 0 6px;flex-wrap:wrap}
.ob .ob-rk{display:flex;flex-direction:column;align-items:center;gap:2px;width:74px;padding:6px 2px;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);color:#ffffff;cursor:pointer;transition:.25s}
.ob-rk img{width:56px;height:56px;object-fit:contain;filter:grayscale(1) brightness(.45);transition:.35s}.ob-rk small{font-size:10px;opacity:.6}
.ob-rk.on{background:rgba(198,255,58,.1);border-color:#c6ff3a}.ob-rk.on img{filter:none;transform:scale(1.12)}.ob-rk.on small{opacity:1}
.ob-rk.nope{animation:obNope .35s}@keyframes obNope{25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}
/* baú */
.ob-chest{position:relative;height:200px;display:flex;align-items:center;justify-content:center}
.ob .ob-ch{background:none;border:0;cursor:pointer;padding:0}.ob-chi{width:170px;height:170px;object-fit:contain;filter:drop-shadow(0 10px 30px rgba(140,123,242,.6))}
.ob-ch.shake{animation:obShake .4s}@keyframes obShake{20%{transform:rotate(-8deg) scale(1.05)}40%{transform:rotate(7deg)}60%{transform:rotate(-5deg)}80%{transform:rotate(3deg)}}
.ob-ch.open{animation:obOpen .5s forwards}@keyframes obOpen{to{transform:scale(.6) translateY(60px);opacity:.25}}
.ob-loot{position:absolute;opacity:0;transform:scale(.3) rotate(-10deg)}.ob-loot.show{animation:obLoot .7s cubic-bezier(.2,1.5,.4,1) forwards}@keyframes obLoot{to{opacity:1;transform:none}}
.ob-f{font:400 40px Anton,Impact,sans-serif;color:#8c7bf2}
/* perfil */
.ob-try{display:flex;flex-direction:column;align-items:center;gap:10px;margin:8px 0}.ob-crest{height:170px;display:flex;align-items:center}.ob-np{width:min(420px,100%)}
.ob-frs{display:flex;gap:6px;overflow-x:auto;padding:4px 2px 8px;scrollbar-width:none;justify-content:flex-start}
.ob .ob-fr{flex:none;display:flex;flex-direction:column;align-items:center;gap:2px;width:72px;padding:6px 2px;border-radius:12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:#ffffff;cursor:pointer}
.ob-fr img{width:52px;height:52px;object-fit:contain}.ob-fr small{font-size:10px;opacity:.75}.ob-fr.on{border-color:#c6ff3a;background:rgba(198,255,58,.12)}
/* flip */
.ob-flip{width:170px;height:240px;margin:6px auto;perspective:900px;cursor:pointer}
.ob-fi{position:relative;width:100%;height:100%;transition:transform .8s cubic-bezier(.3,1.4,.5,1);transform-style:preserve-3d}.ob-flip.on .ob-fi{transform:rotateY(180deg)}
.ob-fb,.ob-ff{position:absolute;inset:0;backface-visibility:hidden;border-radius:14px;overflow:hidden;box-shadow:0 14px 40px rgba(14,11,31,.6)}
.ob-fb img{width:100%;height:100%;object-fit:cover}.ob-flip:not(.on) .ob-fb{animation:obWob 2s infinite}@keyframes obWob{50%{transform:rotate(2deg) scale(1.03)}}
.ob-ff{transform:rotateY(180deg);background:#0e0b1f}.ob-abg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.ob-fig{position:absolute;left:0;right:0;bottom:22px;width:100%;object-fit:contain}
.ob-ga{position:absolute;left:0;right:0;bottom:6px;font:400 15px/1 Anton,Impact,sans-serif;letter-spacing:1px;color:#c6ff3a;text-shadow:0 2px 6px #0e0b1f}
/* lista */
.ob-list{display:flex;flex-direction:column;gap:6px;margin:6px 0;text-align:left}
.ob .ob-it{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:#ffffff;cursor:pointer;transition:.25s;text-align:left}
.ob-it i{font-style:normal;font-size:24px;flex:none}.ob-it span{flex:1;display:flex;flex-direction:column}.ob-it b{font-size:15px}.ob-it small{font-size:12px;opacity:.7;max-height:0;overflow:hidden;transition:.35s}
.ob-it em{font-style:normal;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;border:2px solid rgba(255,255,255,.25);color:transparent;flex:none}
.ob-it.on{border-color:rgba(198,255,58,.5);background:rgba(198,255,58,.08)}.ob-it.on small{max-height:60px}.ob-it.on em{background:#c6ff3a;border-color:#c6ff3a;color:#0e0b1f}
.ob .ob-share{width:100%;padding:14px;border-radius:12px;border:2px solid #c6ff3a;background:rgba(198,255,58,.1);color:#ffffff;font-weight:800;font-size:16px;cursor:pointer}
@media(max-width:560px){.ob-box{padding:18px 14px 14px}.ob .ob-rk{width:44px}.ob-rk img{width:38px;height:38px}.ob-rk small{font-size:8px}.ob-chest{height:170px}.ob-chi{width:140px;height:140px}}
.ob-cv{z-index:0}.ob-box{z-index:1}
.ob .ob-next{border:0;border-radius:14px;background:#c6ff3a;color:#0e0b1f;cursor:pointer}
.ob .ob-next:disabled{background:rgba(255,255,255,.12);color:rgba(255,255,255,.5)}
.ob .ob-next{display:block;text-align:center}
/* botões de ativar */
.sk-c{display:flex;flex-direction:column;align-items:center;gap:4px}
.hub button.sk-act,.hub .inv-act,.shop2 button.si-act{display:inline-flex;justify-content:center;align-items:center;margin-top:4px;padding:7px 14px;min-width:92px;border-radius:9px;border:1px solid #c6ff3a;background:rgba(198,255,58,.08);color:#c6ff3a;font:800 13px/1 inherit;cursor:pointer}
.hub button.sk-act.on,.hub .inv-act.on,.shop2 button.si-act.on{background:#c6ff3a;color:#0e0b1f}
.sk-c.on{border-color:#c6ff3a!important;box-shadow:0 0 0 1px #c6ff3a inset}
.gd-act{margin-left:auto;flex:none;text-decoration:none;font-size:12px;font-weight:800;padding:6px 10px;border-radius:8px;border:1px solid #c6ff3a;color:#c6ff3a}.gd-act.on{background:#c6ff3a;color:#0e0b1f}
.inv-h{margin:18px 0 8px;font:400 18px/1 Anton,Impact,sans-serif;text-transform:uppercase;letter-spacing:.4px}
.csk-ph{display:block;width:96px;height:128px;border-radius:10px;background:#0e0b1f center 20%/cover}
/* ===== revelação de item (rv) ===== */
.rv{position:fixed;inset:0;z-index:9500;overflow:hidden;color:#ffffff;background:#0e0b1f;animation:rvIn .3s ease-out}
.rv.out{animation:rvOut .3s ease-in forwards}@keyframes rvIn{from{opacity:0}}@keyframes rvOut{to{opacity:0;transform:scale(1.03)}}
.rv-bg{position:absolute;inset:0;background:radial-gradient(60% 50% at 50% 42%,color-mix(in srgb,var(--rc) 22%,transparent),transparent 70%),radial-gradient(120% 90% at 50% 120%,color-mix(in srgb,var(--rc) 18%,#0e0b1f),#0e0b1f 60%);transition:opacity .6s;opacity:.5}
.rv[data-st="2"] .rv-bg,.rv[data-st="3"] .rv-bg{opacity:1;background:radial-gradient(55% 48% at 50% 42%,color-mix(in srgb,var(--rc) 45%,transparent),transparent 72%),radial-gradient(120% 90% at 50% 120%,color-mix(in srgb,var(--rc) 25%,#0e0b1f),#0e0b1f 60%)}
.rv-rays{position:absolute;left:50%;top:42%;width:110vmax;height:110vmax;margin:-55vmax 0 0 -55vmax;opacity:0;transition:opacity .8s;
 background:repeating-conic-gradient(from 0deg,color-mix(in srgb,var(--rc) 55%,transparent) 0deg 3deg,transparent 3deg 15deg);
 -webkit-mask:radial-gradient(circle closest-side,#0e0b1f 0,rgba(14,11,31,.6) 31%,transparent 98%);mask:radial-gradient(circle closest-side,#0e0b1f 0,rgba(14,11,31,.6) 31%,transparent 98%);animation:rvSpin 40s linear infinite}
.rv[data-st="2"] .rv-rays,.rv[data-st="3"] .rv-rays{opacity:.55}.rv.lv0 .rv-rays{display:none}
@keyframes rvSpin{to{transform:rotate(360deg)}}
.rv-pillar{position:absolute;left:50%;bottom:0;width:240px;height:100%;transform:translateX(-50%) scaleX(.2);opacity:0;background:linear-gradient(to top,color-mix(in srgb,var(--rc) 70%,transparent),transparent 75%);filter:blur(18px);transition:.9s}
.rv[data-st="1"] .rv-pillar{opacity:.55;transform:translateX(-50%) scaleX(1)}.rv[data-st="2"] .rv-pillar,.rv[data-st="3"] .rv-pillar{opacity:.18;transform:translateX(-50%) scaleX(1.6)}
.rv-fx{position:absolute;inset:0;pointer-events:none;z-index:3}
.rv-word{position:absolute;left:0;right:0;top:42%;transform:translateY(-50%) scale(1.25);text-align:center;font:400 clamp(90px,22vw,300px)/1 var(--f-display),Anton,Impact,sans-serif;text-transform:uppercase;letter-spacing:.02em;color:transparent;-webkit-text-stroke:2px color-mix(in srgb,var(--rc) 45%,transparent);opacity:0;transition:1s cubic-bezier(.2,.8,.2,1);z-index:1;pointer-events:none;white-space:nowrap}
.rv[data-st="2"] .rv-word,.rv[data-st="3"] .rv-word{opacity:.5;transform:translateY(-50%) scale(1)}
.rv-stage{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);z-index:4;display:grid;place-items:center}
.rv-orb{position:absolute;width:120px;height:120px;border-radius:50%;display:grid;place-items:center;transform:translateY(55vh) scale(.4);opacity:0;transition:transform .8s cubic-bezier(.2,.9,.3,1.1),opacity .3s}
.rv-orb i{width:100%;height:100%;border-radius:50%;background:radial-gradient(circle at 40% 35%,#ffffff,color-mix(in srgb,var(--rc) 85%,#ffffff) 25%,var(--rc) 55%,transparent 72%);box-shadow:0 0 60px 20px color-mix(in srgb,var(--rc) 60%,transparent),0 0 140px 40px color-mix(in srgb,var(--rc) 35%,transparent)}
.rv[data-st="1"] .rv-orb{opacity:1;transform:none}.rv[data-st="1"] .rv-orb i{animation:rvCharge .9s .6s ease-in infinite}
@keyframes rvCharge{0%{transform:scale(1)}40%{transform:scale(1.18)}70%{transform:scale(.92)}100%{transform:scale(1.25)}}
.rv[data-st="2"] .rv-orb,.rv[data-st="3"] .rv-orb{opacity:0;transform:scale(3);transition:transform .35s ease-out,opacity .35s}
.rv-ring{position:absolute;width:80px;height:80px;border-radius:50%;border:6px solid var(--rc);opacity:0;box-shadow:0 0 30px var(--rc)}
.rv[data-st="2"] .rv-ring{animation:rvRing .9s ease-out forwards}@keyframes rvRing{0%{opacity:1;transform:scale(.4)}100%{opacity:0;transform:scale(9);border-width:1px}}
.rv[data-st="2"]::after{content:'';position:absolute;inset:0;z-index:6;pointer-events:none;background:radial-gradient(circle at 50% 42%,#ffffff,color-mix(in srgb,var(--rc) 50%,#ffffff) 30%,transparent 70%);animation:rvFlash .7s ease-out forwards}
@keyframes rvFlash{0%{opacity:1}100%{opacity:0}}
.rv-item{position:relative;opacity:0;transform:scale(.3);filter:blur(12px) brightness(3)}
.rv[data-st="2"] .rv-item,.rv[data-st="3"] .rv-item{opacity:1;transform:none;filter:none;transition:transform .7s cubic-bezier(.17,1.4,.4,1),opacity .2s,filter .6s}
.rv-float{position:relative;filter:drop-shadow(0 0 40px color-mix(in srgb,var(--rc) 70%,transparent)) drop-shadow(0 30px 40px rgba(14,11,31,.6))}
.rv[data-st="3"] .rv-float{animation:rvFloat 4s ease-in-out infinite}@keyframes rvFloat{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-10px) rotate(1deg)}}
.rv-shine{position:absolute;inset:0;pointer-events:none;overflow:hidden;border-radius:14px;-webkit-mask:linear-gradient(#0e0b1f,#0e0b1f)}
.rv-shine::before{content:'';position:absolute;top:-20%;bottom:-20%;width:40%;left:-60%;transform:skewX(-20deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent)}
.rv[data-st="3"] .rv-shine::before{animation:rvShine 2.8s .2s ease-in-out infinite}@keyframes rvShine{0%{left:-60%}45%,100%{left:130%}}
.rv-item .pc3,.rv-item .pcard{transform:scale(1.15)}.rv-item.big .pc3{transform:scale(1.3)}
.rv-item .np{width:min(560px,86vw);transform:scale(1.5);transform-origin:center}.rv-item .bau-img{width:230px;height:230px;object-fit:contain}.rv-item .crest,.rv-item .crf{transform:scale(1.25)}
.rv .wk-coin{font:400 150px/1 Anton,Impact,sans-serif;color:#c6ff3a;text-shadow:0 0 40px #c6ff3a}
.rv-txt{position:absolute;left:0;right:0;bottom:5vh;z-index:5;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;padding:0 16px}
.rv-txt>*{opacity:0;transform:translateY(18px);transition:.5s cubic-bezier(.2,.9,.3,1)}
.rv[data-st="3"] .rv-txt>*{opacity:1;transform:none}.rv[data-st="3"] .rv-txt>*:nth-child(2){transition-delay:.06s}.rv[data-st="3"] .rv-txt>*:nth-child(3){transition-delay:.12s}.rv[data-st="3"] .rv-txt>*:nth-child(4){transition-delay:.18s}.rv[data-st="3"] .rv-txt>*:nth-child(5){transition-delay:.26s}
.rv-kind{font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:rgba(255,255,255,.7)}
.rv-rar{font-size:12px;font-weight:900;letter-spacing:.18em;text-transform:uppercase;color:#0e0b1f;background:var(--rc);padding:4px 12px;border-radius:4px;box-shadow:0 0 20px color-mix(in srgb,var(--rc) 60%,transparent)}
.rv .rv-txt h2{margin:2px 0 0;font-family:var(--f-display),Anton,Impact,sans-serif!important;font-weight:400!important;font-size:clamp(40px,8vw,72px)!important;line-height:.95!important;text-transform:uppercase;letter-spacing:.01em;text-shadow:0 4px 30px rgba(14,11,31,.6)}
.rv-txt p{margin:0;max-width:460px;font-size:15px;color:rgba(255,255,255,.8)}
.rv-btns{display:flex;gap:10px;margin-top:10px;width:min(440px,100%)}
.rv .rv-btns button.rv-b{display:flex;align-items:center;justify-content:center;flex:1;min-height:50px;border-radius:12px;font-family:var(--f-display),Anton,Impact,sans-serif!important;font-weight:400!important;font-size:19px!important;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.2);color:#ffffff}
.rv .rv-btns button.rv-b.main{background:var(--rc);border-color:var(--rc);color:#0e0b1f;box-shadow:0 8px 30px color-mix(in srgb,var(--rc) 45%,transparent)}
.rv .rv-b:hover{filter:brightness(1.1)}
.rv-skip{position:absolute;right:16px;top:16px;z-index:7;padding:8px 16px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);color:#ffffff;font-weight:700;cursor:pointer}
.rv.rm *{animation:none!important;transition:none!important}
@media(max-width:560px){.rv-stage{top:38%}.rv-word{top:38%}.rv-item.big .pc3{transform:scale(1.1)}}
/* crédito do criador */
a.credit{display:flex;align-items:center;gap:12px;width:min(460px,100%);margin:14px auto 6px;padding:10px 16px 10px 10px;border-radius:14px;text-decoration:none;color:#ffffff;
 background:linear-gradient(90deg,rgba(140,123,242,.22),rgba(140,123,242,.22),rgba(253,29,29,.12));border:1px solid rgba(140,123,242,.45);box-shadow:0 6px 24px rgba(140,123,242,.25);transition:.2s}
a.credit:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(140,123,242,.35)}
.credit-ig{flex:none;width:42px;height:42px;border-radius:12px;display:grid;place-items:center;color:#ffffff;background:radial-gradient(circle at 30% 107%,#c6ff3a 0%,#c6ff3a 5%,#fd5949 45%,#8c7bf2 60%,#8c7bf2 90%)}
.credit-t{flex:1;display:flex;flex-direction:column;line-height:1.15;text-align:left}.credit-t small{font-size:11px;opacity:.75;text-transform:uppercase;letter-spacing:.08em}.credit-t b{font-size:16px}
.credit-h{flex:none;font-weight:800;font-size:14px;color:#8c7bf2}
@media(max-width:420px){.credit-h{display:none}}
a.hub-credit{display:flex;flex-direction:column;justify-content:center;line-height:1.1;margin:0 auto 0 14px;padding:6px 12px;border-radius:10px;text-decoration:none;color:#ffffff;border:1px solid rgba(140,123,242,.5);background:linear-gradient(90deg,rgba(140,123,242,.18),rgba(140,123,242,.18))}
a.hub-credit small{font-size:9px;text-transform:uppercase;letter-spacing:.1em;opacity:.7}a.hub-credit b{font-size:13px}a.hub-credit em{font-style:normal;font-size:11px;font-weight:800;color:#8c7bf2}
a.hub-credit:hover{border-color:#8c7bf2}
@media(max-width:560px){a.hub-credit{margin-left:8px;padding:4px 8px}a.hub-credit b{font-size:11px}a.hub-credit small{display:none}}
.crf-o{overflow:visible!important}.crf-o>.crf-i{z-index:2}
/* encaixe do jogador do lote no seu elenco */
.slot.empty.hint-good .ring{border-color:#c6ff3a!important;color:#c6ff3a;box-shadow:0 0 14px rgba(198,255,58,.5)}
.slot.empty.hint-half .ring{border-color:#c6ff3a!important;color:#c6ff3a;box-shadow:0 0 12px rgba(198,255,58,.4)}
.slot.empty.hint-bad .ring{border-color:#ff5a5a!important;color:#ff7a7a}.slot.hint-bad{opacity:.7}
.fitp{font-weight:900}.fitp.good{color:#c6ff3a}.fitp.half{color:#c6ff3a}.fitp.bad{color:#ff6b6b}
/* banner do perfil no fundo do elenco e dos adversários */
.mybar.hasbn,.ms.hasbn{position:relative;isolation:isolate;overflow:hidden}
.mybar.hasbn::before,.ms.hasbn::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(14,11,31,.92) 0%,rgba(14,11,31,.78) 45%,rgba(14,11,31,.45) 100%),var(--bnb) right center/cover no-repeat;border-radius:inherit}
.ms-uc{display:flex;gap:3px;align-items:center;margin-left:auto;margin-right:8px;opacity:.9}.ms-uc i{display:grid;place-items:center;width:24px;height:24px;border-radius:6px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15)}
.ms-uc i svg,.ms-uc i img{width:16px;height:16px}
/* editor de uniforme */
.kit-ed{display:flex;gap:18px;align-items:flex-start;flex-wrap:wrap}.kit-prev{flex:none;display:grid;place-items:center;width:170px;height:170px;border-radius:16px;background:rgba(255,255,255,.05)}
.kit-opts{flex:1;min-width:220px;display:flex;flex-direction:column;gap:6px}.kit-opts small{font-size:11px;text-transform:uppercase;letter-spacing:.08em;opacity:.7}
.kc-row{display:flex;flex-wrap:wrap;gap:6px}
.kit-ed button.kc-sw{width:28px;height:28px;padding:0!important;min-height:0!important;border-radius:50%!important;background:var(--c)!important;border:2px solid rgba(255,255,255,.25)!important;cursor:pointer}
.kit-ed button.kc-sw.on{border-color:#c6ff3a!important;box-shadow:0 0 0 2px #c6ff3a}
.kit-ed button.kc-p{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px!important;border-radius:10px!important;background:rgba(255,255,255,.05)!important;border:1px solid rgba(255,255,255,.12)!important}
.kit-ed button.kc-p.on{border-color:#c6ff3a!important}.kc-p i{font-style:normal;font-size:11px}
/* inventário por raridade */
.inv-c.rbg{background:linear-gradient(180deg,color-mix(in srgb,var(--rc) 30%,#0e0b1f) 0%,#0e0b1f 80%)!important;border-color:color-mix(in srgb,var(--rc) 50%,transparent)!important}
.inv-c.rbg.on{border-color:#c6ff3a!important}
.inv-h small{font-size:13px;opacity:.6;margin-left:6px}
.sk-btns{display:flex;gap:4px;align-items:center}.hub button.sk-fav{padding:6px 9px;border-radius:9px;border:1px solid rgba(198,255,58,.5);background:transparent;color:#c6ff3a;font-weight:800;cursor:pointer;margin-top:4px}.hub button.sk-fav.on{background:rgba(198,255,58,.2)}
.sk-c .sk-btns{width:100%}.hub .sk-c button.sk-act{min-width:0;flex:1;padding:7px 4px}
.kit-ed button.kc-sw{border:2px solid rgba(255,255,255,.25)}
.kc-sw i{display:block;width:100%;height:100%;border-radius:50%}.kit-ed button.kc-sw{padding:2px!important;background:transparent!important}
.pzf{margin-top:12px;text-align:center}.pzf small{font-size:11px;text-transform:uppercase;letter-spacing:.08em;opacity:.7}.pzf-row{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:6px}
.hub button.pzf-b{width:52px;height:52px;padding:0;border-radius:50%;overflow:hidden;border:2px solid rgba(255,255,255,.2);background:none;cursor:pointer}.hub button.pzf-b.on{border-color:#c6ff3a;box-shadow:0 0 0 2px #c6ff3a}.pzf-b img{width:100%;height:100%;object-fit:cover}
/* adversários: tudo numa linha, cartas encolhem quando o time é de 11 */
.mstrip .ms{grid-template-columns:36px minmax(0,1fr) auto!important;align-items:center}
.mstrip .ms-cards{flex-wrap:wrap!important;overflow:visible!important;gap:4px!important}
.mstrip .ms-g{gap:2px;padding:2px 3px}
.mstrip .ms-g .pc3{width:30px!important;font-size:.3px!important}
.mstrip .ms-g .ms-e{width:30px!important;height:auto!important}
.mstrip.big .ms-g .pc3,.mstrip.big .ms-g .ms-e{width:24px!important}.mstrip.big .ms-g .pc3{font-size:.24px!important}
.ms-r{display:flex;align-items:center;gap:8px;justify-self:end}
.mstrip .ms-uc{margin:0}.mstrip .ms-uc i{width:22px;height:22px;overflow:hidden}.mstrip .ms-uc i img,.mstrip .ms-uc i svg{width:18px!important;height:18px!important;max-width:none}
.mstrip .ms.hasbn::before{background:linear-gradient(90deg,rgba(14,11,31,.9) 0%,rgba(14,11,31,.72) 55%,rgba(14,11,31,.6) 100%),var(--bnb) right center/cover no-repeat!important}
.mstrip .ms-g{overflow:visible!important;max-width:none!important;flex:none!important}
.pl.hasbn{position:relative;isolation:isolate;overflow:hidden}
.pl.hasbn::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(14,11,31,.9) 0%,rgba(14,11,31,.7) 45%,rgba(14,11,31,.25) 100%),var(--bnb) right center/cover no-repeat;border-radius:inherit}
.nxm{display:flex;flex-direction:column;align-items:center;gap:6px;margin:-6px auto 14px;padding:10px 18px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid rgba(198,255,58,.25);width:min(640px,100%)}
.nxm-r{display:flex;align-items:center;justify-content:center;gap:16px;width:100%}
.nxm-t{flex:1;display:flex;align-items:center;gap:10px;min-width:0}.nxm-t.r{justify-content:flex-end}
.nxm-t b{font:400 clamp(16px,2.4vw,24px)/1.05 var(--f-display),Anton,sans-serif;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nxm em{font:400 22px/1 var(--f-display),Anton,sans-serif;font-style:normal;color:#c6ff3a}
@media(max-width:560px){.nxm-t b{font-size:14px}.nxm-t .crest,.nxm-t .crf{width:34px!important;height:34px!important}}
.ht-box{max-height:calc(100dvh - 32px);overflow-y:auto}
.ht-pitch{max-width:340px;margin:8px auto 0}.ht-pitch .pitch{transform:none}.ht-pitch .slot .pc3{width:44px!important;font-size:.44px!important}
.slot{position:relative}.injb{position:absolute;top:-6px;right:-6px;z-index:3;font:800 11px/1 var(--f-num,monospace);padding:3px 5px;border-radius:7px;background:#ff4d4d;color:#ffffff;box-shadow:0 2px 8px rgba(14,11,31,.5)}.injb.up{background:#c6ff3a;color:#0e0b1f}
.injbox{width:min(640px,100%);margin:0 auto 14px;padding:12px 16px;border-radius:14px;background:rgba(255,77,77,.1);border:1px solid rgba(255,77,77,.45)}
.injbox>b{display:block;margin-bottom:6px;color:#ff8a8a}.injr{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline;padding:4px 0;border-top:1px solid rgba(255,255,255,.06)}
.injr span{font-weight:800}.injr em{font-style:normal;color:#ff6b6b;font-weight:800}.injr small{opacity:.75;width:100%}
.mgrid{margin-bottom:12px}.mg-l{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:10px;margin-top:8px}
.mg{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;padding:14px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1)}
.mg-t{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;min-width:0}.mg-t b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.mg-c{display:flex;flex-direction:column;align-items:center}.mg-c b{font:400 34px/1 var(--f-display),Anton,sans-serif}.mg-c small{color:#c6ff3a;font-weight:800}
.mg-g{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:4px 10px;font-size:11px;opacity:.85}.mg-g .b{margin-left:auto}
.byehide{display:none!important}
.lvstat{display:flex;flex-direction:column;gap:6px;padding:10px 4px;margin:6px 0}
.mst{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;gap:8px}.mst>b{font:800 14px/1 var(--f-num,monospace);text-align:center}
.mst span{position:relative;display:flex;align-items:center;height:18px;border-radius:9px;background:rgba(255,255,255,.06);overflow:hidden}
.mst span i{height:100%;background:linear-gradient(90deg,#8c7bf2,#8c7bf2)}.mst span i.r{margin-left:auto;background:linear-gradient(90deg,#c6ff3a,#c6ff3a)}
.mst span em{position:absolute;left:0;right:0;text-align:center;font-style:normal;font-size:11px;font-weight:700;color:#ffffff;text-shadow:0 1px 2px #0e0b1f;letter-spacing:.04em}
/* amigos */
.fr-top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-radius:14px;background:rgba(198,255,58,.08);border:1px solid rgba(198,255,58,.3);margin-bottom:10px}
.fr-top small{font-size:11px;text-transform:uppercase;letter-spacing:.08em;opacity:.7}.fr-code{display:block;font:400 30px/1 var(--f-display),Anton,sans-serif;letter-spacing:.12em;color:#c6ff3a}
.fr-add{display:flex;gap:8px;margin-bottom:6px}.fr-add input{flex:1;min-width:0;text-transform:uppercase;letter-spacing:.1em;font-weight:800}
.fr-r{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);margin-top:6px}
.fr-n{flex:1;min-width:0;display:flex;flex-direction:column}.fr-n b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fr-n small{opacity:.7;font-size:12px}.fr-n .dot-on{display:inline-block;vertical-align:middle}
button.fr-b{padding:8px 12px;border-radius:9px;border:1px solid #c6ff3a;background:transparent;color:#c6ff3a;font-weight:800;cursor:pointer;white-space:nowrap}button.fr-b.main{background:#c6ff3a;color:#0e0b1f}
button.fr-x{padding:8px 10px;border-radius:9px;border:1px solid rgba(255,255,255,.2);background:transparent;color:#ffffff;cursor:pointer}
.frcall{position:fixed;left:50%;top:16px;transform:translateX(-50%);z-index:9800;display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:center;padding:12px 16px;border-radius:16px;background:#2b2170;border:1px solid #c6ff3a;box-shadow:0 12px 40px rgba(14,11,31,.6);max-width:calc(100vw - 24px);animation:obIn .3s}
.frcall>div{display:flex;gap:6px}
.adm-ch{margin:12px 0;padding:12px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}
.adm-bars{display:flex;align-items:flex-end;gap:6px;height:150px;margin:10px 0 6px}
.adm-bar{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:3px;min-width:0}
.adm-bar i{position:relative;width:100%;max-width:34px;border-radius:6px 6px 2px 2px;background:#8c7bf2;display:flex;align-items:flex-end;overflow:hidden}.adm-bar i u{display:block;width:100%;background:#c6ff3a}
.adm-bar b{font-size:12px}.adm-bar small{font-size:10px;opacity:.6}
/* nome iridescente do criador */
.irid{background:linear-gradient(90deg,#8c7bf2,#c6ff3a,#c6ff3a,#8c7bf2,#8c7bf2,#8c7bf2);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent;animation:iridMv 6s linear infinite;filter:drop-shadow(0 0 6px rgba(198,255,58,.25))}
@keyframes iridMv{to{background-position:300% 0}}
a.iglink{color:#8c7bf2!important;font-weight:800;text-decoration:none}a.iglink:hover{text-decoration:underline}
.irid{text-shadow:none!important;filter:drop-shadow(0 1px 2px rgba(14,11,31,.7)) drop-shadow(0 0 8px rgba(198,255,58,.3))!important}
.fitb{display:inline-block;margin:3px 6px 0 0;padding:2px 8px;border-radius:99px;font-size:11px;font-weight:800;border:1px solid var(--fc);color:var(--fc);background:color-mix(in srgb,var(--fc) 12%,transparent)}
.fitb.sug{--fc:#8c7bf2}
.stytag{display:inline-flex;align-items:center;gap:4px;font-size:12px;padding:3px 8px;border-radius:8px;background:rgba(198,255,58,.1);border:1px solid rgba(198,255,58,.35);color:#c6ff3a;margin:2px 4px 2px 0}
.chip small{opacity:.75;font-size:.8em}
.xov .ht-box{max-width:min(1000px,96vw)!important;width:min(1000px,96vw)}
.ht-cols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;align-items:start;text-align:left}
.ht-pitch .slot{cursor:pointer}.ht-pitch .slot.sel{outline:2px solid #c6ff3a;outline-offset:3px;border-radius:10px}
@media(max-width:760px){.ht-cols{grid-template-columns:1fr}}
.hub-tabs .ox.t-am{color:#8c7bf2;position:relative}.hub-tabs .ox.t-am.on{background:#8c7bf2;color:#0e0b1f;box-shadow:0 0 18px rgba(140,123,242,.45)}
.t-badge{position:absolute;top:2px;right:6px;min-width:16px;height:16px;padding:0 4px;border-radius:99px;background:#8c7bf2;color:#0e0b1f;font:800 10px/16px sans-serif;font-style:normal}
.fr-top{background:rgba(140,123,242,.1)!important;border-color:rgba(140,123,242,.4)!important}.fr-code{color:#8c7bf2!important}
button.fr-b{border-color:#8c7bf2!important;color:#8c7bf2!important}button.fr-b.main{background:#8c7bf2!important;color:#0e0b1f!important}
.frcall{border-color:#8c7bf2!important}

.rk-pill{position:fixed;left:50%;transform:translateX(-50%);bottom:max(14px,env(safe-area-inset-bottom,0px));z-index:30;display:flex;align-items:center;gap:8px;padding:8px 10px 8px 14px;border-radius:99px;background:#0e0b1f;color:#ffffff;box-shadow:0 6px 24px rgba(14,11,31,.35);border:1px solid rgba(255,255,255,.15);cursor:pointer;font-size:13px}
.rk-pill .spin{width:14px;height:14px}.rk-pill button{background:rgba(255,255,255,.12);color:#ffffff;border:0;border-radius:99px;width:24px;height:24px;padding:0;font-size:12px}
.rk-bkbg{position:fixed;inset:0;background:rgba(14,11,31,.6);display:flex;align-items:center;justify-content:center;z-index:40;padding:16px}
.rk-backm{max-width:360px;width:100%;display:flex;flex-direction:column;gap:10px;text-align:center}.rk-backm h3{margin:0}
.spec-chip{position:fixed;top:max(8px,env(safe-area-inset-top,0px));right:10px;z-index:15;background:rgba(14,11,31,.75);color:#ffffff;font-size:12px;padding:4px 10px;border-radius:99px;pointer-events:none}
.adm-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px;box-shadow:0 0 8px currentColor}.adm-dot.y{background:#c6ff3a;color:#c6ff3a}.adm-dot.g{background:#c6ff3a;color:#c6ff3a}.adm-dot.b{background:#8c7bf2;color:#8c7bf2}
.adm-live .adm-row span{flex:1}
.jb-hint{display:block;margin-top:6px;font-size:11px;opacity:.75}
.adm-tabs{display:flex;flex-wrap:wrap;gap:6px}.adm-tabs button{flex:1 1 auto}
.adm-dot.r{background:#ef4444;color:#ef4444}

.mg-cv{grid-column:1/-1;width:100%;aspect-ratio:1.9;border-radius:10px;display:block}
.mg-l{grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr))}

.adm-who{position:fixed;left:10px;bottom:max(10px,env(safe-area-inset-bottom,0px));z-index:35;background:rgba(14,11,31,.92);color:#ffffff;border:1px solid rgba(255,255,255,.15);border-radius:12px;font-size:12px;max-width:min(320px,calc(100vw - 20px));box-shadow:0 6px 20px rgba(14,11,31,.4)}
.adm-who .aw-h{padding:7px 11px;cursor:pointer;user-select:none}.adm-who .aw-l{max-height:50vh;overflow:auto;padding:0 8px 8px}
.aw-r{display:grid;grid-template-columns:1fr auto;gap:0 8px;padding:5px 4px;border-top:1px solid rgba(255,255,255,.08)}.aw-r small{opacity:.6;grid-row:2}.aw-r b{grid-row:1/3;align-self:center;font-size:11px}
.aw-r.hu b,.aw-r.me b{color:#c6ff3a}.aw-r.bot b{color:#9ca3af}.aw-r.gh b{color:#8c7bf2}.aw-r.aw b{color:#c6ff3a}.aw-r.out b{color:#ef4444}

.tut-coach{position:fixed;left:14px;bottom:max(12px,env(safe-area-inset-bottom,0px));z-index:36;display:flex;gap:10px;align-items:flex-start;width:min(360px,calc(100vw - 24px));padding:12px 14px;border-radius:16px;background:linear-gradient(135deg,#2b2170,#0e0b1f);color:#ffffff;border:1px solid #b6ff3b66;box-shadow:0 10px 30px rgba(14,11,31,.45);animation:fade .3s}
.tut-coach .tc-av{font-size:30px;line-height:1;background:#b6ff3b22;border-radius:12px;padding:6px}.tut-coach .tc-b{flex:1;min-width:0}
.tut-coach .tc-n{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#c6ff3a;font-weight:800}.tut-coach p{margin:4px 0 8px;font-size:14px;line-height:1.4}
.tut-coach .tc-a{display:flex;gap:8px;flex-wrap:wrap}.tut-coach .tc-a button{font-size:12px;padding:6px 10px}.tut-coach.min{padding:8px 12px}.tut-coach.min .tc-av{font-size:20px;padding:3px}

@media (max-width:760px){.tut-coach{left:50%;transform:translateX(-50%);bottom:auto;top:max(8px,env(safe-area-inset-top,0px));width:calc(100vw - 16px)}.tut-coach p{font-size:13px}}

/* lobby de convidado */
.lbg{max-width:1180px;margin:0 auto;padding:0 16px 40px}
.lg-hero{display:grid;grid-template-columns:auto 1fr auto;gap:22px;align-items:center;margin:18px 0;padding:22px 24px;border-radius:22px;background:radial-gradient(120% 140% at 0% 0%,rgba(198,255,58,.16),transparent 55%),linear-gradient(135deg,#2b2170,#0e0b1f);border:1px solid rgba(198,255,58,.28);position:relative;overflow:hidden}
.lg-host{position:relative;width:84px;height:84px;display:grid;place-items:center}.lg-pulse{position:absolute;inset:0;border-radius:50%;border:2px solid #c6ff3a;animation:lgp 1.8s ease-out infinite}
@keyframes lgp{0%{transform:scale(.8);opacity:.9}100%{transform:scale(1.35);opacity:0}}
.lg-ht h2{margin:4px 0 2px;font-size:clamp(22px,3vw,32px)}.lg-ht .eyebrow{color:#c6ff3a}
.lg-cnt{text-align:center;padding:10px 16px;border-radius:16px;background:rgba(14,11,31,.25)}.lg-cnt b{display:block;font:400 46px/1 var(--f-display),Anton,sans-serif;color:#c6ff3a}.lg-cnt small{opacity:.7;font-size:12px}
.lg-rules{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;font-size:12px;color:rgba(255,255,255,.55)}.lg-rules i{width:1px;height:12px;background:rgba(255,255,255,.2)}
.lg-lg{width:46px;height:22px;border-radius:5px;background:center/contain no-repeat;opacity:.8}.lg-lg.all{width:auto;font-size:10px;font-weight:800;letter-spacing:.06em;padding:3px 6px;border:1px solid rgba(255,255,255,.2)}
.lg-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
@media (max-width:980px){.lg-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:520px){.lg-grid{grid-template-columns:1fr}.lg-hero{grid-template-columns:auto 1fr;padding:16px}.lg-cnt{grid-column:1/-1}}
.lg-slot{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;gap:10px;min-height:78px;padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);animation:fade .35s}
.lg-slot.hasbn::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(14,11,31,.9) 0%,rgba(14,11,31,.66) 55%,rgba(14,11,31,.35) 100%),var(--bnb) right center/cover no-repeat}
.lg-slot.me{border-color:#b6ff3b88}.lg-slot .lg-n{position:absolute;top:6px;right:9px;font-size:10px;opacity:.4;font-weight:800}
.lg-nm{display:flex;flex-direction:column;min-width:0}.lg-nm b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lg-nm small{opacity:.7;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lg-tag{position:absolute;bottom:6px;right:8px;font-style:normal;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;padding:2px 6px;border-radius:99px;background:rgba(198,255,58,.18);color:#c6ff3a}.lg-tag.own{background:#c6ff3a;color:#0e0b1f}.lg-tag.bot{background:rgba(255,255,255,.1);color:#ccc}
.lg-slot.empty{justify-content:center;flex-direction:column;gap:2px;border-style:dashed;background:transparent;color:rgba(255,255,255,.3)}.lg-slot.empty b{font-size:18px}.lg-slot.empty span{font-size:12px}
.lg-foot{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}@media (max-width:700px){.lg-foot{grid-template-columns:1fr}}

/* aba Jogar: herói + cartazes coloridos (diferente da Início) */
.pj{display:flex;flex-direction:column;gap:14px}
.pj-hero{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:1fr 1.1fr;min-height:300px;border-radius:24px;border:1px solid color-mix(in srgb,var(--pjc) 45%,transparent);background:#0e0b1f}
.pj-art{position:absolute;inset:0;z-index:-1;background:var(--pji) center/cover no-repeat}
.pj-art::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(14,11,31,.35) 38%,#0e0b1f 56%),linear-gradient(0deg,color-mix(in srgb,var(--pjc) 38%,transparent),transparent 60%);mix-blend-mode:normal}
.pj-hero .pj-art{right:45%}
.pj-hb{grid-column:2;padding:26px 26px 22px;display:flex;flex-direction:column;justify-content:center;gap:6px}
.pj-k{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--pjc)}
.pj-hb h2{margin:0;font:400 clamp(34px,4.4vw,56px)/.95 var(--f-display),Anton,sans-serif;text-transform:uppercase}
.pj-hb p{margin:0 0 10px;opacity:.75}
.pj-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.pj-card{position:relative;isolation:isolate;overflow:hidden;min-height:300px;border-radius:20px;border:0;padding:0;text-align:left;color:#ffffff;cursor:pointer;background:#0e0b1f;display:flex;flex-direction:column;justify-content:flex-end;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--pjc) 40%,transparent);transition:transform .2s,box-shadow .2s}
.pj-card .pj-art{filter:saturate(1.15)}
.pj-card .pj-art::after{background:linear-gradient(180deg,color-mix(in srgb,var(--pjc) 18%,transparent) 0%,transparent 35%,rgba(14,11,31,.55) 60%,#0e0b1f 100%);}
.pj-card .pj-art::before{content:'';position:absolute;inset:0;background:var(--pjc);mix-blend-mode:color;opacity:.55}
.pj-card:hover{transform:translateY(-4px);box-shadow:inset 0 0 0 2px var(--pjc),0 14px 30px color-mix(in srgb,var(--pjc) 25%,transparent)}
.pj-cb{display:flex;flex-direction:column;gap:2px;padding:16px 16px 18px;border-top:3px solid var(--pjc);background:linear-gradient(180deg,transparent,rgba(14,11,31,.25))}
.pj-cb b{font:400 26px/1 var(--f-display),Anton,sans-serif;text-transform:uppercase;color:var(--pjc)}.pj-cb small{opacity:.8;font-size:13px}
.pj-live{display:inline-flex;align-items:center;gap:6px;margin-top:6px;font-size:12px}
.pj-go{position:absolute;top:12px;right:12px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-weight:900;background:var(--pjc);color:#0e0b1f}
@media (max-width:900px){.pj-row{grid-template-columns:repeat(2,1fr)}.pj-card{min-height:210px}}
@media (max-width:640px){.pj-hero{grid-template-columns:1fr;min-height:0}.pj-hero .pj-art{right:0;bottom:55%}.pj-hero .pj-art::after{background:linear-gradient(180deg,transparent 0%,#0e0b1f 100%)}.pj-hb{grid-column:1;padding:150px 18px 18px}.pj-card{min-height:180px}.pj-cb b{font-size:22px}}
.lg-ht{text-align:left}.lg-ht h2{text-align:left}
.pj-hb,.pj-hb h2{text-align:left}.pj-cb .pj-live b{font:800 12px/1 inherit;font-family:inherit;color:#ffffff;text-transform:none}
.pj-hb{min-width:0}.pj-hb .friends-act{min-width:0;max-width:100%}
@media (max-width:640px){.pj-hero{grid-template-columns:minmax(0,1fr)}.pj-hb h2{font-size:34px}}
@media (max-width:520px){
 .lg-hero{grid-template-columns:auto 1fr;gap:12px}.lg-host{width:56px;height:56px}.lg-host svg,.lg-host img{max-width:52px;max-height:52px}.lg-ht{grid-column:1/-1;grid-row:2}.lg-ht h2{font-size:22px}.lg-cnt{grid-column:2;grid-row:1;justify-self:end;display:flex;align-items:baseline;gap:6px;padding:8px 12px}.lg-cnt b{font-size:30px}.lg-cnt small br{display:none}
 .lg-grid{grid-template-columns:1fr 1fr;gap:8px}.lg-slot{flex-direction:column;text-align:center;min-height:118px;padding:12px 8px 22px;gap:6px}.lg-nm{align-items:center;max-width:100%}.lg-nm b{font-size:13px;max-width:100%}.lg-tag{left:50%;right:auto;transform:translateX(-50%);bottom:5px}.lg-slot.empty{min-height:118px}}

/* estatísticas ao vivo v2 */
.lvstat{background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.015));border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:14px 18px 16px;gap:12px}
.lvs-h{display:flex;align-items:center;justify-content:space-between;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.07)}.lvs-h b{font-size:11px;letter-spacing:.16em;text-transform:uppercase;opacity:.7}
.mst2{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;gap:12px}
.mst2>b{font:400 22px/1 var(--f-display),Anton,sans-serif;text-align:center;opacity:.65;font-variant-numeric:tabular-nums}.mst2>b.w{opacity:1;color:#ffffff;text-shadow:0 0 14px var(--c)}
.mst2-c{display:flex;flex-direction:column;gap:5px}.mst2-c em{font-style:normal;text-align:center;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.6)}
.mst2-bar{display:grid;grid-template-columns:1fr 1fr;gap:4px}.mst2-bar span{height:8px;border-radius:99px;background:rgba(255,255,255,.07);overflow:hidden;display:flex}
.mst2-bar .l{justify-content:flex-end}.mst2-bar i{display:block;height:100%;border-radius:99px;transition:width .6s ease;filter:brightness(1.25) saturate(1.1)}
@media (max-width:520px){.lvstat{padding:12px}.mst2{grid-template-columns:34px 1fr 34px;gap:8px}.mst2>b{font-size:18px}}

.pj-emb{position:absolute;top:50%;left:50%;transform:translate(-50%,-78%);width:46%;max-width:150px;filter:drop-shadow(0 8px 20px rgba(14,11,31,.6));pointer-events:none}.pj-emb>*{width:100%!important;height:auto!important}.pj-emb img,.pj-emb svg{width:100%;height:auto}
.rk-who{font-style:normal;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;padding:2px 7px;border-radius:99px;margin-right:6px;white-space:nowrap}.rk-who.hu{background:#22c55e22;color:#c6ff3a}.rk-who.gh{background:#a78bfa22;color:#8c7bf2}

/* chaveamento montado */
.mu-lbl{display:block;text-align:center;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#c6ff3a;margin-top:6px}
.kbbox{overflow:hidden}.kb{display:flex;gap:18px;overflow-x:auto;padding:10px 2px 6px;align-items:stretch}
.kb-col{display:flex;flex-direction:column;min-width:200px;flex:1}.kb-h{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;opacity:.65;margin-bottom:8px}.kb-h.sm{margin-top:14px;color:#c6ff3a;opacity:1}
.kb-l{display:flex;flex-direction:column;justify-content:space-around;gap:10px;flex:1}
.kb-m{position:relative;border-radius:12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);padding:4px 0}
.kb-col:not(:last-child) .kb-m::after{content:'';position:absolute;right:-19px;top:50%;width:18px;height:2px;background:rgba(198,255,58,.25)}
.kb-t{display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:8px;padding:5px 10px;font-size:13px}.kb-t span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kb-t b{font-variant-numeric:tabular-nums}.kb-t b small{font-weight:600;opacity:.7;margin-left:3px}.kb-t.w{color:#ffffff}.kb-t.w b{color:#c6ff3a}.kb-t.l{opacity:.45}
.kb-m em{position:absolute;bottom:-8px;right:8px;font-style:normal;font-size:9px;letter-spacing:.08em;text-transform:uppercase;background:#0e0b1f;padding:0 4px;opacity:.6}
.kb-m.tbd{border-style:dashed;background:transparent}.kb-m.tbd .kb-t{opacity:.35}.kb-m.tbd i{width:22px;height:22px;border-radius:50%;border:1px dashed rgba(255,255,255,.4)}
.kb-champ{min-width:180px;align-items:center;justify-content:center;text-align:center}.kb-cw{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px;border-radius:16px;background:radial-gradient(circle at 50% 20%,rgba(198,255,58,.25),transparent 70%);border:1px solid rgba(198,255,58,.4)}.kb-cw b{font-size:18px;color:#c6ff3a}
.kb-pod{display:flex;flex-direction:column;gap:4px;margin-top:10px;font-size:12px;opacity:.85}
.rk-temp{display:flex;flex-direction:column;gap:2px;margin:10px 0;padding:12px 16px;border-radius:14px;background:linear-gradient(90deg,rgba(198,255,58,.12),rgba(140,123,242,.1));border:1px solid rgba(198,255,58,.25)}.rk-temp b{color:#c6ff3a}.rk-temp>b{font-size:14px;letter-spacing:.06em;text-transform:uppercase}.rk-temp small{opacity:.7}
.lbg .lg-ht h2,.lbg .lg-ht p,.pj .pj-hb h2{text-align:left!important}

/* ===== LOJA v3: identidade própria (vitrine noturna dourada/magenta) ===== */
.scr-bg{position:fixed;inset:0;z-index:2;pointer-events:none}
.scr-bg~.menu,.scr-bg~.gx{position:relative;z-index:3}
.scr-bg.shop{background:
  radial-gradient(60% 50% at 85% 0%,rgba(198,255,58,.22),transparent 60%),
  radial-gradient(55% 55% at 0% 30%,rgba(140,123,242,.18),transparent 60%),
  radial-gradient(70% 60% at 50% 110%,rgba(140,123,242,.25),transparent 60%),
  linear-gradient(180deg,#0e0b1f 0%,#0e0b1f 50%,#0e0b1f 100%)}
.scr-bg.shop::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(80% 70% at 50% 30%,#0e0b1f,transparent)}
.scr-bg.shop::after{content:'';position:absolute;left:-10%;right:-10%;top:-20%;height:60%;background:conic-gradient(from 200deg at 50% 0%,transparent,rgba(198,255,58,.08),transparent 20%,rgba(140,123,242,.07),transparent 40%);filter:blur(10px)}
.shop3 .hub-tabs{background:rgba(14,11,31,.75)}
.shop3 .sh-hd{background:linear-gradient(90deg,rgba(198,255,58,.12),rgba(140,123,242,.08));border:1px solid rgba(198,255,58,.25);border-radius:16px}
.shop3 .sh-clock b{color:#c6ff3a}
.sh-wrap{display:grid;grid-template-columns:190px minmax(0,1fr);gap:18px;align-items:start;margin-top:14px}
.shop3 .sh-tabs{position:sticky;top:76px;display:flex;flex-direction:column;gap:4px;padding:8px;border-radius:16px;background:rgba(14,11,31,.7);border:1px solid rgba(255,255,255,.08);margin:0}
.shop3 .sh-tabs button{display:flex;align-items:center;gap:10px;justify-content:flex-start;text-align:left;padding:11px 12px;border-radius:10px;font-size:15px;border:0;background:transparent;color:rgba(255,255,255,.65);box-shadow:none}
.shop3 .sh-tabs button i{font-style:normal;width:22px;text-align:center;opacity:.8}
.shop3 .sh-tabs button.on{background:linear-gradient(90deg,#c6ff3a,#c6ff3a);color:#0e0b1f}.shop3 .sh-tabs button.on::after{display:none}
.shop3 .sh-tabs button:hover:not(.on){background:rgba(255,255,255,.06);color:#ffffff}
@media (max-width:760px){.sh-wrap{grid-template-columns:1fr}.shop3 .sh-tabs{position:static;flex-direction:row;overflow-x:auto}.shop3 .sh-tabs button{flex:none;padding:9px 12px;font-size:13px}}
.sh-info{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline;margin-bottom:14px;padding:12px 16px;border-radius:12px;background:rgba(198,255,58,.08);border:1px solid rgba(198,255,58,.35);font-size:14px}.sh-info b{color:#c6ff3a}.sh-info span{opacity:.85}
.shop3 .sh-feat{min-height:340px;padding:28px 36px;gap:40px;border-radius:22px;background:radial-gradient(70% 120% at 18% 50%,color-mix(in srgb,var(--rc) 55%,transparent),transparent 65%),linear-gradient(120deg,#0e0b1f,#0e0b1f 70%);border:1px solid color-mix(in srgb,var(--rc) 55%,transparent);box-shadow:0 30px 80px -30px color-mix(in srgb,var(--rc) 60%,transparent)}
.sh-rays{position:absolute;left:-10%;top:50%;width:70%;aspect-ratio:1;transform:translateY(-50%);background:repeating-conic-gradient(from 0deg,color-mix(in srgb,var(--rc) 22%,transparent) 0 6deg,transparent 6deg 18deg);mask-image:radial-gradient(circle,#0e0b1f 0%,transparent 65%);animation:shRay 40s linear infinite;pointer-events:none}
@keyframes shRay{to{transform:translateY(-50%) rotate(360deg)}}
.shop3 .sh-feat-art{transform:rotate(-5deg) translateY(-4px);animation:shFloat 5s ease-in-out infinite;position:relative;z-index:1}
@keyframes shFloat{50%{transform:rotate(-3deg) translateY(-12px)}}
.sh-kick{font-size:11px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:#c6ff3a}
.shop3 .sh-feat-tx h3{font-size:clamp(46px,7vw,92px);background:linear-gradient(180deg,#ffffff,color-mix(in srgb,var(--rc) 50%,#ffffff));-webkit-background-clip:text;background-clip:text;color:transparent}
.sh-kind{font-size:16px}.sh-kind b{display:inline-block;margin-left:6px;padding:2px 9px;border-radius:99px;background:var(--rc);color:#ffffff;font-size:12px;letter-spacing:.06em;text-transform:uppercase}.sh-kind span{margin-left:6px;opacity:.75;font-weight:700}
.shop3 .sh-feat .si-buy,.shop3 .sh-feat .si-act{font-size:18px;padding:12px 26px;margin-top:8px}
.shop3 .sh-sec h4{font-size:26px}
.sh-grid.sk3{grid-template-columns:repeat(auto-fill,minmax(205px,1fr));gap:14px}
.shop3 .si{border-radius:18px;background:linear-gradient(180deg,#0e0b1f,#0e0b1f);border:1px solid color-mix(in srgb,var(--rc) 45%,transparent);transition:transform .25s,box-shadow .25s}
.shop3 .si:hover{transform:translateY(-6px);box-shadow:0 18px 40px -12px color-mix(in srgb,var(--rc) 70%,transparent)}
.shop3 .si-art{position:relative;overflow:hidden;display:grid;place-items:center;padding:22px 10px 14px;min-height:230px;background:radial-gradient(60% 60% at 50% 45%,color-mix(in srgb,var(--rc) 60%,transparent),transparent 75%),linear-gradient(180deg,color-mix(in srgb,var(--rc) 22%,#0e0b1f),#0e0b1f)}
.shop3 .si-art>*:not(i){position:relative;z-index:1;filter:drop-shadow(0 12px 18px rgba(14,11,31,.55));transition:transform .3s}
.shop3 .si:hover .si-art>*:not(i){transform:scale(1.05) rotate(-2deg)}
.si-glow{position:absolute;inset:auto 15% -30% 15%;height:60%;background:var(--rc);filter:blur(40px);opacity:.35}
.si-sheen{position:absolute;inset:0;z-index:2;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.18) 48%,transparent 60%);transform:translateX(-120%);transition:transform .8s;pointer-events:none}
.shop3 .si:hover .si-sheen{transform:translateX(120%)}
.shop3 .si-ft{padding:12px 14px 14px;gap:8px;background:rgba(14,11,31,.25)}
.shop3 .si-t b{font:400 22px/1 Anton,Impact,sans-serif;text-transform:uppercase}.shop3 .si-t small em{font-style:normal;color:#ffffff;font-weight:800}
.shop3 .si-rar{top:12px;left:12px;border-radius:99px;padding:3px 10px;background:var(--rc);color:#ffffff;font-weight:800;letter-spacing:.08em}
.si-icone{position:absolute;top:12px;right:12px;z-index:3;padding:3px 10px;border-radius:99px;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#0e0b1f;background:linear-gradient(90deg,#c6ff3a,#c6ff3a,#c6ff3a);background-size:200% 100%;animation:shGold 3s linear infinite}
@keyframes shGold{to{background-position:-200% 0}}
.shop3 .si.icone{border-color:#c6ff3a;box-shadow:0 0 0 1px #ffd97066,0 0 30px -6px #ffb02088}
.shop3 .si.icone .si-art{background:radial-gradient(60% 60% at 50% 45%,rgba(198,255,58,.55),transparent 75%),repeating-conic-gradient(from 0deg at 50% 45%,rgba(198,255,58,.08) 0 8deg,transparent 8deg 20deg),linear-gradient(180deg,#0e0b1f,#0e0b1f)}
.shop3 .si-buy{background:linear-gradient(90deg,#c6ff3a,#c6ff3a);color:#0e0b1f;border:0;font-weight:900}
.shop3 .si-buy:disabled{background:rgba(255,255,255,.08);color:rgba(255,255,255,.4)}
.shop3 .si-ch .si-art{min-height:250px}.shop3 .si-ch .bau-img{width:170px}
/* ===== GALERIA: museu (fundo próprio) ===== */
.scr-bg.gal{background:
  radial-gradient(40% 35% at 20% 0%,rgba(198,255,58,.16),transparent 70%),
  radial-gradient(40% 35% at 80% 0%,rgba(198,255,58,.12),transparent 70%),
  radial-gradient(90% 60% at 50% 120%,rgba(140,123,242,.25),transparent 70%),
  linear-gradient(180deg,#0e0b1f 0%,#0e0b1f 45%,#0e0b1f 100%)}
.scr-bg.gal::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(255,255,255,.018) 0 1px,transparent 1px 120px);mask-image:linear-gradient(180deg,#0e0b1f,transparent 80%)}
.scr-bg.gal::after{content:'';position:absolute;left:0;right:0;bottom:0;height:35%;background:linear-gradient(180deg,transparent,rgba(198,255,58,.08));border-top:1px solid rgba(198,255,58,.06)}
.shop3 .sh-kind b{color:#ffffff!important}
.shop3 .si-buy,.shop3 .sh-feat .buy{background:linear-gradient(90deg,#c6ff3a,#c6ff3a)!important;color:#0e0b1f!important;border:0!important}
.shop3 .si-buy:disabled{background:rgba(255,255,255,.08)!important;color:rgba(255,255,255,.4)!important}
.shop3 .si-t{min-width:0}.shop3 .si-t b{white-space:normal;overflow:visible;text-overflow:clip}.shop3 .si-ch .si-t b{font-size:18px;line-height:1.05}
.admk{position:relative;display:inline-flex;flex:none}.admk::after{content:'';position:absolute;right:-2px;bottom:-2px;width:9px;height:9px;border-radius:50%;border:2px solid #0e0b1f;z-index:3}.admk.hu::after{background:hsl(77 100% 61%)}.admk.bot::after{background:hsl(0 0% 100%)}.admk.gh::after{background:hsl(0 85% 58%)}.admk.aw::after{background:hsl(32 100% 55%)}
.rk-more{display:block;width:100%;margin-top:10px;padding:12px}.rk-tot{margin:0 0 8px}
/* Jogar: mesma linguagem dos cards da Início (quina com corte diagonal, título condensado itálico com barra) */
.pj-hero,.pj-card{--cut:22px;border-radius:0!important;border:0!important;clip-path:polygon(0 0,calc(100% - var(--cut)) 0,100% var(--cut),100% 100%,var(--cut) 100%,0 calc(100% - var(--cut)));box-shadow:none!important;background:linear-gradient(160deg,rgba(43,33,112,.78),rgba(14,11,31,.86) 60%,rgba(14,11,31,.92))}
.pj-hero::before,.pj-card::before{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(90deg,var(--pjc),transparent 45%) top/100% 3px no-repeat,repeating-linear-gradient(115deg,transparent 0 26px,rgba(255,255,255,.022) 26px 52px)}
.pj-card:hover{transform:translateY(-3px)!important;filter:brightness(1.12)}
.pj-hb h2,.pj-cb b{font-family:'LC Cond',"Anton",sans-serif!important;font-weight:800!important;font-style:italic;letter-spacing:.02em;text-transform:uppercase;border-left:4px solid var(--pjc);padding-left:10px;line-height:1}
.pj-hb h2{font-size:clamp(30px,3.6vw,44px)!important;color:#ffffff}
.pj-cb b{font-size:clamp(22px,2.4vw,28px)!important;color:#ffffff!important;text-shadow:0 2px 12px rgba(14,11,31,.5)}
.pj-k{font-family:'LC Cond',sans-serif;font-style:italic}
.pj-cb{border-top:0!important;background:none!important;position:relative;z-index:2;padding:16px 18px 18px!important}
.pj-card .pj-art::after{background:linear-gradient(180deg,transparent 0%,transparent 38%,rgba(14,11,31,.7) 62%,rgba(14,11,31,.97) 100%)!important}
.pj-card .pj-art::before{opacity:.35!important}
.pj-hero .pj-art::after{background:linear-gradient(90deg,transparent 0%,rgba(14,11,31,.5) 40%,rgba(14,11,31,.96) 58%)!important}
.pj-live{position:static;margin-top:8px;padding:4px 10px;border-radius:999px;background:rgba(14,11,31,.4);font-size:12.5px;align-self:flex-start}
.pj-cb .pj-live b{font:800 12.5px/1 inherit!important;font-family:inherit!important;font-style:normal!important;border:0!important;padding:0!important;color:#ffffff!important;text-shadow:none!important}
.pj-go{border-radius:0;clip-path:polygon(25% 0,100% 0,75% 100%,0 100%);width:40px;height:30px;top:14px;right:16px}
.pj-card.pj-rk .pj-art{background:radial-gradient(60% 55% at 50% 38%,rgba(198,255,58,.18),transparent 70%)}
.pj-card.pj-rk .pj-art::before{display:none}
.pj-card.pj-rk .pj-emb{width:78%;max-width:240px;transform:translate(-50%,-70%)}
@media (max-width:640px){.pj-hero .pj-art::after{background:linear-gradient(180deg,transparent 0%,rgba(14,11,31,.96) 100%)!important}}
.pj-cb .pj-live b{font-size:12.5px!important;font-weight:800!important;line-height:1!important;font-family:inherit!important;font-style:normal!important;border:0!important;padding:0!important;color:#ffffff!important;text-transform:none!important}
.pj-card.pj-rk .pj-emb{top:10%;left:50%;transform:translateX(-50%);width:64%;max-width:220px;z-index:1}
.pj-card.pj-rk{justify-content:flex-end}
.pj-card.pj-rk .pj-cb{position:static}.pj-card.pj-rk .pj-cb>*:not(.pj-emb){position:relative;z-index:2}.pj-card.pj-rk .pj-emb{top:12%}
.pj-car{display:flex;align-items:center;gap:8px;margin-top:8px;padding:8px 10px;background:rgba(14,11,31,.45);clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));max-width:100%}
.pj-car i{font-style:normal;font-weight:900;opacity:.6}.pj-cr{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:0;flex:1}.pj-cr b{font-size:11px!important;font-family:inherit!important;font-style:normal!important;border:0!important;padding:0!important;text-transform:none!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;color:#ffffff!important;font-weight:700!important}
.pj-car.one{flex-direction:row}.pj-car.one .pj-cr{flex-direction:row;gap:8px}.pj-car.one .pj-cr b{font-size:13px!important}
/* ===== pacotes ===== */
.pk{display:inline-block;width:84px;aspect-ratio:200/290;filter:drop-shadow(0 10px 18px rgba(14,11,31,.55));transition:transform .3s}
.pk svg{width:100%;height:100%;display:block}
.pk.big{width:132px}.pk.wk{width:170px}.pk.sm{width:26px;filter:none}.pk.xs{width:16px;filter:none}.pk.ob-chi{width:130px}
.pk .pk-sh{animation:pkSh 3.6s ease-in-out infinite}
@keyframes pkSh{0%,55%{transform:skewX(-15deg) translateX(0)}100%{transform:skewX(-15deg) translateX(420px)}}
.pk.gold{filter:drop-shadow(0 0 16px rgba(198,255,58,.45)) drop-shadow(0 10px 18px rgba(14,11,31,.55))}
.si:hover .pk,.inv-c:hover .pk{transform:translateY(-6px) rotate(-3deg)}
.inv-c .pk{width:64px}.rw-ch .pk{width:22px}

/* ===== vitrine premium (sem caixinha arredondada; mesma linguagem de corte diagonal do menu) ===== */
.shop3 .si{--cut:18px;border:0!important;border-radius:0!important;clip-path:polygon(0 0,calc(100% - var(--cut)) 0,100% var(--cut),100% 100%,var(--cut) 100%,0 calc(100% - var(--cut)));background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.01)),#0e0b1f!important;box-shadow:none!important}
.shop3 .si::before{content:'';position:absolute;inset:0;z-index:4;pointer-events:none;background:linear-gradient(90deg,var(--rc),transparent 55%) top/100% 2px no-repeat}
.shop3 .si:hover{transform:translateY(-4px)!important;filter:brightness(1.08)}
.shop3 .si-art{min-height:260px!important;padding:26px 10px 34px!important;background:radial-gradient(45% 22% at 50% 92%,color-mix(in srgb,var(--rc) 55%,transparent),transparent 70%),radial-gradient(55% 60% at 50% 40%,color-mix(in srgb,var(--rc) 22%,transparent),transparent 70%),#0e0b1f!important}
.shop3 .si-art::after{content:'';position:absolute;left:18%;right:18%;bottom:22px;height:10px;border-radius:50%;background:radial-gradient(closest-side,rgba(14,11,31,.65),transparent);z-index:0}
.shop3 .si-glow{display:none}
.shop3 .si-sk .si-art>*:not(i){-webkit-box-reflect:below 2px linear-gradient(transparent 70%,rgba(255,255,255,.18))}
.shop3 .si-ft{background:none!important;border-top:1px solid rgba(255,255,255,.06);padding:14px 16px 16px!important;align-items:flex-end}
.shop3 .si-t b{font-family:'LC Cond',"Anton",sans-serif!important;font-style:italic;font-weight:800!important;font-size:26px!important;letter-spacing:.01em;line-height:1}
.shop3 .si-t small{font-size:12px;opacity:.65;letter-spacing:.02em}
.shop3 .si-rar{background:none!important;border-radius:0!important;padding:0!important;top:14px!important;left:16px!important;color:var(--rc)!important;font-size:11px;font-weight:800;letter-spacing:.16em;display:flex;align-items:center;gap:6px}
.shop3 .si-rar::before{content:'';width:7px;height:7px;background:var(--rc);transform:rotate(45deg);box-shadow:0 0 8px var(--rc)}
.si-icone{border-radius:0!important;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);padding:4px 14px!important;top:12px!important;right:14px!important}
.shop3 .si.icone{box-shadow:none!important}.shop3 .si.icone::before{background:linear-gradient(90deg,#c6ff3a,#c6ff3a 40%,transparent) top/100% 3px no-repeat}
.shop3 .si.icone .si-art{background:radial-gradient(45% 22% at 50% 92%,rgba(198,255,58,.6),transparent 70%),radial-gradient(60% 60% at 50% 40%,rgba(198,255,58,.18),transparent 70%),repeating-conic-gradient(from 0deg at 50% 40%,rgba(198,255,58,.05) 0 8deg,transparent 8deg 20deg),#120c0a!important}
.shop3 .si-buy,.shop3 .si-act{border-radius:0!important;clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);padding:10px 20px!important;font-family:'LC Cond',sans-serif;font-weight:800;font-size:18px!important;letter-spacing:.02em}
.shop3 .si-act{background:rgba(255,255,255,.06)!important;border:0!important;color:#ffffff!important}.shop3 .si-act.on{background:#c6ff3a!important;color:#0e0b1f!important}
.shop3 .sh-feat{--cut:26px;border:0!important;border-radius:0!important;clip-path:polygon(0 0,calc(100% - var(--cut)) 0,100% var(--cut),100% 100%,var(--cut) 100%,0 calc(100% - var(--cut)));box-shadow:none!important}
.shop3 .sh-feat::before{content:'';position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(90deg,var(--rc),transparent 60%) top/100% 3px no-repeat}
.shop3 .sh-feat-tx h3{font-family:'LC Cond',"Anton",sans-serif!important;font-style:italic;font-weight:900}
.shop3 .sh-kind b{border-radius:0!important;clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%);padding:2px 12px!important}
.shop3 .sh-feat .si-buy,.shop3 .sh-feat .si-act{font-size:22px!important;padding:12px 30px!important}
.shop3 .sh-tabs{border-radius:0!important;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px))}
.shop3 .sh-tabs button{border-radius:0!important;font-family:'LC Cond',sans-serif;font-style:italic;font-weight:800;font-size:17px!important;letter-spacing:.03em;text-transform:uppercase}
.shop3 .sh-tabs button.on{clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%)}
.shop3 .sh-info{border-radius:0;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%)}
.shop3 .sh-hd{border-radius:0!important;clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,16px 100%,0 calc(100% - 16px))}
.shop3 .si-ch .si-art{min-height:270px!important}

/* pacotes com arte: fechado; ao passar o mouse abre um pouco e mostra o item */
.pk{position:relative;display:inline-block;width:84px;aspect-ratio:3/4;filter:drop-shadow(0 12px 22px rgba(14,11,31,.6));transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.pk img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transition:opacity .3s,transform .35s cubic-bezier(.2,.8,.2,1)}
.pk .pko{opacity:0;transform:translateY(6px) scale(.98)}
.si:hover .pk .pko,.inv-c:hover .pk .pko,.pk:hover .pko{opacity:1;transform:none}.si:hover .pk .pkc,.inv-c:hover .pk .pkc,.pk:hover .pkc{opacity:0}
.si:hover .pk,.inv-c:hover .pk{transform:translateY(-8px) rotate(-2deg) scale(1.04)}
.pk.big{width:150px}.pk.wk{width:210px}.pk.sm{width:26px;filter:none}.pk.xs{width:16px;filter:none}.pk.ob-chi{width:150px}.inv-c .pk{width:70px}.rw-ch .pk{width:24px}
.pk.gold{filter:drop-shadow(0 0 18px rgba(198,255,58,.35)) drop-shadow(0 12px 22px rgba(14,11,31,.6))}
.pk::after{content:'';position:absolute;left:10%;right:10%;bottom:-6%;height:8%;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--pb,#ffffff) 45%,transparent),transparent);filter:blur(4px);z-index:-1}
@media (hover:none){.si:active .pk .pko{opacity:1}.si:active .pk .pkc{opacity:0}}
.shop3 .si-ch .pk.big{width:180px}.shop3 .si-ch .si-art{min-height:300px!important}
/* vitrine: sem sombra/glow, só degradê de cima pra baixo na cor da raridade */
.shop3 .si-art,.shop3 .si.icone .si-art{background:linear-gradient(180deg,color-mix(in srgb,var(--rc) 38%,#0e0b1f) 0%,#0e0b1f 62%,#0e0b1f 100%)!important;display:flex!important;flex-direction:column;align-items:center;justify-content:center}
.shop3 .si.icone .si-art{background:linear-gradient(180deg,rgba(198,255,58,.38) 0%,#0e0b1f 62%,#0e0b1f 100%)!important}
.shop3 .si-art::after,.pk::after{display:none!important}
.shop3 .si-sk .si-art>*:not(i){-webkit-box-reflect:none}
.pk,.pk.gold{filter:drop-shadow(0 8px 14px rgba(14,11,31,.35))}
.shop3 .si-art>*:not(i){margin:0 auto}
.shop3 .si-ch .si-art{justify-content:center;gap:14px}
.shop3 .si-fr .si-art>*:not(i){transform:scale(1.9);transform-origin:center}
.shop3 .si-fr:hover .si-art>*:not(i){transform:scale(2) rotate(-2deg)}
.shop3 .si-bn .si-art>*:not(i){transform:scale(1.55);transform-origin:center}
.shop3 .si-bn:hover .si-art>*:not(i){transform:scale(1.62)}
.shop3 .si-cr .si-art>*:not(i){transform:scale(1.5)}
/* rankeada: símbolo grande com fade preto de baixo pra cima */
.pj-card.pj-rk .pj-emb{top:2%!important;width:96%!important;max-width:340px!important}
.pj-card.pj-rk .pj-art{background:linear-gradient(0deg,rgba(14,11,31,.97) 0%,rgba(14,11,31,.75) 28%,transparent 62%),radial-gradient(60% 55% at 50% 35%,rgba(198,255,58,.16),transparent 70%)!important;z-index:2}
.pj-card.pj-rk .pj-emb{z-index:1}.pj-card.pj-rk .pj-cb{z-index:3}
.shop3 .si-ch .si-d{margin:0!important}.shop3 .si-ch .si-art{padding:30px 14px 18px!important}
.shop3 .si-bn .si-art{overflow:hidden}.shop3 .si-bn .si-art>*:not(i){transform:scale(1.18)!important;width:86%}.shop3 .si-bn:hover .si-art>*:not(i){transform:scale(1.22)!important}
.shop3 .si-ft{flex-wrap:wrap;row-gap:8px}.shop3 .si-t{flex:1 1 120px}.shop3 .si-fr .si-t b{font-size:22px!important}
.pj-card.pj-rk .pj-emb{-webkit-mask-image:linear-gradient(180deg,#0e0b1f 40%,rgba(14,11,31,.35) 72%,transparent 92%);mask-image:linear-gradient(180deg,#0e0b1f 40%,rgba(14,11,31,.35) 72%,transparent 92%)}
.pj-card.pj-rk{background:linear-gradient(0deg,#0e0b1f 0%,#0e0b1f 35%,rgba(14,11,31,.86) 70%)!important}
.si-ch .si-art .pk img{width:100%!important;height:100%!important}
.adm-ov{margin-bottom:14px}.adm-k.big b{font-size:30px}
.tnotes{display:flex;flex-direction:column;gap:6px;margin:12px 0;padding:12px 14px;background:rgba(14,11,31,.28);clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%)}
.tn{display:flex;gap:9px;align-items:flex-start;font-size:13px;line-height:1.35}.tn i{flex:none;width:18px;height:18px;display:grid;place-items:center;font-style:normal;font-weight:900;font-size:11px;border-radius:50%}
.tn.p i{background:#22c55e33;color:#c6ff3a}.tn.n i{background:#f5c51833;color:#c6ff3a}
/* app instalado (tela cheia no celular): nada embaixo do relógio/notch */
#app{padding-top:env(safe-area-inset-top,0px);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
.xov,.modal,.rk-bkbg,.ob,#htov{padding-top:max(16px,calc(env(safe-area-inset-top,0px) + 8px))!important}
@media (display-mode:standalone){#app{padding-top:max(env(safe-area-inset-top,0px),24px)}}
.cr-sec{display:block;margin:12px 0 4px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#c6ff3a}
/* reservas v2 (liga) */
.bench2{margin-top:14px;padding:12px;background:rgba(14,11,31,.25);clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%)}
.b2-h{display:flex;align-items:center;justify-content:space-between}.b2-h h3{margin:0;font-size:18px}.b2-h small{opacity:.6;font-size:13px;margin-left:4px}
.b2-x{font-size:12px!important;padding:6px 12px!important}
.b2-hint{margin:8px 0;padding:10px 12px;background:#c6ff3a;color:#0e0b1f;font-weight:700;font-size:14px;animation:b2p 1.2s ease-in-out infinite}
@keyframes b2p{50%{filter:brightness(1.15)}}
.b2-n{margin:6px 0 8px}
.bench2 .b2-row{display:flex;gap:10px;overflow-x:auto;padding:4px 2px 8px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}
.bench2 .bitem{flex:none;scroll-snap-align:start;flex-direction:column!important;gap:6px;align-items:stretch}
.bench2 .bpick{flex-direction:column!important;width:104px;padding:8px 6px!important;background:rgba(255,255,255,.05)!important;border:1px solid rgba(255,255,255,.1)!important;white-space:normal!important;min-height:44px}
.bench2 .bpick>*{display:flex!important}
.bench2 .b2-nm{font-size:13px;font-weight:700;text-align:center;line-height:1.1;justify-content:center}
.bench2 .b2-m{font-size:11px;opacity:.75;justify-content:center}.bench2 .b2-m b{color:#c6ff3a;margin-left:3px}
.bench2 .bitem.sel .bpick{outline:none;border-color:#c6ff3a!important;box-shadow:0 0 0 2px #c6ff3a,0 0 20px rgba(198,255,58,.4);background:rgba(198,255,58,.12)!important}
.bench2 .bsell{font-size:12px!important;padding:8px 6px!important;min-height:36px}
/* campo maior pra tocar no celular durante a liga */
@media (max-width:640px){
 .pr-team .pitch.edit .slot,.hbpanel .pitch.edit .slot{width:70px}
 .pr-team .pitch.edit .slot .av,.hbpanel .pitch.edit .slot .av{width:46px!important;height:52px!important}
 .pr-team .pitch.edit .slot .nm,.hbpanel .pitch.edit .slot .nm{font-size:10px!important}
 .pr-team .pitch,.hbpanel .pitch{min-height:420px}
 .pr-grid{padding-bottom:110px}
}
@media (max-width:820px){
 body[data-phase] .bench2 .bpick>*:not(span){display:block!important}
 body[data-phase] .bench2 .bpick{flex-direction:column!important;white-space:normal!important;padding:8px 6px!important}
 body[data-phase] .bench2 .bitem{flex-direction:column!important}
 body[data-phase] .bench2 .bpick .b2-nm,body[data-phase] .bench2 .bpick .b2-m{display:flex!important}
 body[data-phase] .bench2 .note{display:block!important}
}

/* revelação no celular: camadas menores e sem filtros pesados (o Safari do iPhone derrubava a página por falta de memória) */
@media (pointer:coarse){.rv-rays{width:100vmax;height:100vmax;margin:-50vmax 0 0 -50vmax;animation:none}
 .rv-float{filter:drop-shadow(0 0 18px color-mix(in srgb,var(--rc) 60%,transparent))}
 .rv-item{filter:none}.rv-pillar{filter:none;width:160px;opacity:0!important}
 .rv-orb i{box-shadow:0 0 40px 12px color-mix(in srgb,var(--rc) 55%,transparent)}}

/* =====================================================================
   ID 2 · Leilão de Craques
   Paleta fechada (5 cores + transparências delas):
   Preto #0e0b1f · Roxo #2b2170 · Lilás #8c7bf2 · Verde #c6ff3a · Branco #ffffff
   Tipos: LC Display (títulos espaçados) · LC Cond (rótulos/botões) · LC Body (texto) · LC Brush (nomes em destaque)
   ===================================================================== */
:root,body.modern{
  --preto:#0e0b1f;--roxo:#2b2170;--lilas:#8c7bf2;--verde:#c6ff3a;--branco:#ffffff;
  --bg:#0e0b1f;--paper:#2b2170;--panel:rgba(14,11,31,.72);--soft:rgba(255,255,255,.06);--line:rgba(140,123,242,.22);--hair:rgba(140,123,242,.16);
  --fg:#ffffff;--muted:rgba(255,255,255,.62);--ghost:#8c7bf2;--ghost-soft:rgba(140,123,242,.16);
  --lime:#c6ff3a;--lime-d:#c6ff3a;--vio:#8c7bf2;--lav:#ffffff;--rim:rgba(140,123,242,.3);--edge:#0e0b1f;--panel-top:#2b2170;--panel-bot:#0e0b1f;
  --f-display:"LC Display","Anton",Impact,sans-serif;--f-body:"LC Body","Barlow",system-ui,sans-serif;--f-cond:"LC Cond",'LC Cond',sans-serif;--f-brush:"LC Brush","Permanent Marker",cursive;
}
html,body{background:#0e0b1f}
body{font-family:var(--f-body)!important;color:#ffffff}
/* céu lilás em cima, noite embaixo, spray verde nos cantos */
body.modern{background:#0e0b1f!important}
#bgfx .sky{background:radial-gradient(30vw 24vw at 100% 0%,rgba(198,255,58,.28),transparent 62%),radial-gradient(32vw 22vw at 0% 100%,rgba(198,255,58,.2),transparent 64%),linear-gradient(180deg,#8c7bf2 0%,#2b2170 36%,#0e0b1f 80%)!important}
#bgfx .rays,#bgfx .clouds,#bgfx .city,#bgfx .bru:not(.bru-tr_lime),#bgfx .vig{display:none!important}
#bgfx .bru-tr_lime{opacity:.85!important}
#app,#modal{position:relative;z-index:1}

/* ---------- tipografia ---------- */
h1,h2,h1 *,h2 *,.hub-title,.scr-title,.sh-feat-tx h3{font-family:var(--f-display)!important;font-style:normal!important;font-weight:400!important;letter-spacing:.08em!important;text-transform:uppercase;color:#ffffff}
.eyebrow,.kicker,.sh-kick,.pj-k,.hbx-tag,.b2-h small{font-family:var(--f-cond)!important;font-weight:800!important;font-style:normal!important;letter-spacing:.3em!important;text-transform:uppercase;color:#c6ff3a!important}
h3,h4{font-family:var(--f-cond)!important;font-weight:800!important;letter-spacing:.06em;text-transform:uppercase}
.note,small{color:rgba(255,255,255,.62)}
.mono{font-family:var(--f-cond)!important;letter-spacing:.04em}

/* ---------- superfícies ---------- */
.box,body.modern .box,.panel,.card-panel{background:rgba(14,11,31,.72)!important;border:1px solid rgba(140,123,242,.18)!important;box-shadow:none!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
body.modern .box>.eyebrow:first-child,body.modern .box>.row.between:first-child>.eyebrow:first-child{background:none!important;border:0!important;box-shadow:none!important;padding:0!important;align-self:flex-start;text-align:left}

/* ---------- botões ---------- */
button,.btn{font-family:var(--f-cond)!important;letter-spacing:.06em}
body.modern .primary,body.modern .go,.primary{background:#c6ff3a!important;color:#0e0b1f!important;border:0!important;box-shadow:none!important;font-family:var(--f-cond)!important;font-weight:800!important;font-style:normal!important;letter-spacing:.12em!important;text-transform:uppercase;clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);border-radius:0!important}
body.modern .primary:hover{filter:brightness(1.06)}
body.modern button.ghost,body.modern .ox:not(.pj-card):not(.si):not(.primary){border-radius:0}
body.modern .chip[aria-pressed="true"],body.modern .opt[aria-pressed="true"]{background:#c6ff3a!important;color:#0e0b1f!important}

/* ---------- topo e abas ---------- */
.hub-tabs{background:rgba(14,11,31,.55)!important;border:1px solid rgba(140,123,242,.18)!important;backdrop-filter:blur(10px)}
.hub-tabs button{font-family:var(--f-cond)!important;font-weight:800!important;font-style:normal!important;letter-spacing:.22em!important;color:rgba(255,255,255,.62)!important}
.hub-tabs button.on,.hub-tabs button[aria-current="page"]{background:#c6ff3a!important;color:#0e0b1f!important}
.hub-tabs button.t-am{color:#8c7bf2!important}.hub-tabs button.t-am.on{color:#0e0b1f!important}

/* ---------- logo (lockup em texto: limpo e nítido em qualquer tamanho) ---------- */
.lcmark{display:inline-flex;flex-direction:column;align-items:flex-start;line-height:1;gap:4px;text-decoration:none;color:#ffffff}
.lcmark .lm-top{display:flex;align-items:center;gap:8px;font-family:var(--f-cond);font-weight:800;font-size:.32em;letter-spacing:.42em;color:#c6ff3a;text-transform:uppercase;padding-left:.1em}
.lcmark .lm-top i{display:inline-flex;gap:3px;font-style:normal;color:#ffffff;letter-spacing:0;font-size:.9em}
.lcmark .lm-main{font-family:var(--f-display);font-size:1em;letter-spacing:.22em;text-transform:uppercase;color:#ffffff;margin-right:-.22em}
.lcmark.center{align-items:center;text-align:center}
.lcmark.center .lm-top{padding-left:.42em}
.brandlogo .lcmark{font-size:clamp(46px,9vw,92px)}
.hub-brand .lcmark,.hb-logo .lcmark{font-size:30px}

/* ---------- cartões do menu ---------- */
.hc,.ht,.pj-card,.pj-hero{border:1px solid rgba(140,123,242,.18)!important}
.hc h2,.ht h2,.ht-t,.pj-cb b,.pj-hb h2{font-family:var(--f-display)!important;font-style:normal!important;font-weight:400!important;letter-spacing:.1em!important;border-left:0!important;padding-left:0!important;color:#ffffff!important}
.pj-hero::before,.pj-card::before{background:linear-gradient(90deg,#c6ff3a,transparent 45%) top/100% 3px no-repeat!important}

/* ---------- destaque em pincel (nomes de clube, skin do dia, rank) ---------- */
.brush,.sh-feat-tx h3,.lg-ht h2 b,.hc-club b{font-family:var(--f-brush)!important;letter-spacing:.01em!important;text-transform:none}
.sh-feat-tx h3{background:none!important;-webkit-background-clip:initial!important;background-clip:initial!important;color:#ffffff!important;text-shadow:0 4px 30px rgba(14,11,31,.6)}

/* ---------- pílulas de status ---------- */
.dot-on{background:#c6ff3a!important;box-shadow:0 0 8px #c6ff3a!important}
.hub-logo{background:none!important;border:0!important;padding:0!important}.hub-logo .lcmark{font-size:30px}
@media (max-width:640px){.hub-logo .lcmark{font-size:24px}}

/* sem itálico nos títulos e abas: o padrão novo é reto e espaçado */
body.modern h1,body.modern h2,body.modern .hub-tabs button,body.modern .lcmark *,body.modern .hc h2,body.modern .ht h2{font-style:normal!important;transform:none}
body.modern .lcmark .lm-main{font-style:normal!important}
/* cores de destaque dos cartões: só a paleta */
.hc,.ht,.pj-card,.pj-hero{--pjc:#c6ff3a!important;--c:#c6ff3a!important;--ac:#c6ff3a!important}
.hc::before,.ht::before{background:linear-gradient(90deg,#c6ff3a,transparent 45%) top/100% 3px no-repeat!important}
.hc h2::before,.ht h2::before,.hc .bar,.ht .bar{background:#c6ff3a!important}
.pj-cb b{color:#ffffff!important}.pj-go{background:#c6ff3a!important;color:#0e0b1f!important}
.hub-credit{border-color:rgba(140,123,242,.35)!important;background:rgba(14,11,31,.6)!important}
.hub-credit b,.hub-credit span{color:#ffffff!important}.hub-credit small,.hub-credit em{color:#c6ff3a!important}
.ht{--acc:#c6ff3a!important}
.bento.v2 .ht-tag,.ht-tag{font-family:var(--f-display)!important;font-style:normal!important;font-weight:400!important;letter-spacing:.1em!important;border-left:0!important;padding:0!important;background:none!important;transform:none!important;color:#ffffff!important;font-size:clamp(24px,2.6vw,34px)}
.ht-sub{font-family:var(--f-body)!important;color:rgba(255,255,255,.72)!important}
.t-play{background:#c6ff3a!important}.t-play .ht-tag,.t-play .ht-sub{color:#0e0b1f!important}.t-play .ht-tag{font-size:clamp(48px,6vw,84px)!important}
.ht::after{border-color:rgba(140,123,242,.18)!important}
.hub-logo .lcmark span,.hub-logo .lcmark{display:inline-flex!important}.hub-logo .lcmark .lm-top{display:flex!important}
.hub-logo span.lm-top,.hub-logo span.lm-main{font-family:inherit;font-size:inherit;color:inherit}
.hub-logo .lm-top{font-family:var(--f-cond)!important;font-size:.32em!important;color:#c6ff3a!important}
.hub-logo .lm-main{font-family:var(--f-display)!important;font-size:1em!important;color:#ffffff!important}
@media (max-width:640px){.hub-tabs button{letter-spacing:.06em!important;font-size:13px!important}.hub-credit{display:none!important}}

/* ---------- loja: noite roxa com spray verde no canto ---------- */
.scr-bg.shop{background:radial-gradient(40vw 30vw at 100% 0%,rgba(198,255,58,.16),transparent 62%),radial-gradient(50vw 40vw at 0% 20%,rgba(140,123,242,.32),transparent 64%),linear-gradient(180deg,#2b2170 0%,#0e0b1f 70%)!important}
/* ---------- galeria: fundo próprio (roxo chapado + grade de vitrine) ---------- */
.scr-bg.gal{background:linear-gradient(rgba(140,123,242,.07) 1px,transparent 1px) 0 0/48px 48px,linear-gradient(90deg,rgba(140,123,242,.07) 1px,transparent 1px) 0 0/48px 48px,radial-gradient(70vw 50vw at 50% -10%,rgba(140,123,242,.35),transparent 70%),#0e0b1f!important}
.shop3 .sh-hd{background:rgba(14,11,31,.72)!important;border:1px solid rgba(140,123,242,.22)!important;border-radius:0!important}
.shop3 .sh-tabs{border-radius:0!important;background:rgba(14,11,31,.72)!important;border-color:rgba(140,123,242,.18)!important}
.shop3 .sh-tabs button{border-radius:0!important;font-family:var(--f-cond)!important;font-weight:800!important;letter-spacing:.14em!important;text-transform:uppercase}
.shop3 .sh-tabs button.on{background:#c6ff3a!important;color:#0e0b1f!important}
.shop3 .sh-feat{border-radius:0!important;background:radial-gradient(60% 120% at 20% 50%,rgba(140,123,242,.45),transparent 65%),linear-gradient(120deg,#2b2170,#0e0b1f 70%)!important;border-color:rgba(140,123,242,.3)!important;box-shadow:none!important}
.shop3 .sh-feat-tx h3{font-family:var(--f-display)!important;font-style:normal!important;font-weight:400!important;letter-spacing:.08em!important}
.shop3 .si,.shop3 .si-ch{border-radius:0!important}
.si-t b,.shop3 .si-ch .si-t b{font-family:var(--f-display)!important;font-style:normal!important;font-weight:400!important;letter-spacing:.06em!important;text-transform:uppercase}
/* reto e limpo: nada de itálico em títulos, botões e rótulos */
body.modern h1,body.modern h2,body.modern h3,body.modern h4,body.modern button,body.modern b,body.modern strong,body.modern .eyebrow,body.modern label{font-style:normal!important}
.gx h1,.gx .gx-t{font-family:var(--f-display)!important;letter-spacing:.08em!important}

/* =================== ID forte: pintura, spray e pincel =================== */
#bgfx .sky{background:url(a/t_idsky.webp?v=5c0f0b2e) center top/cover no-repeat,#0e0b1f!important}
#bgfx .bru{display:none!important}
#bgfx .idspray{position:absolute;pointer-events:none;background-repeat:no-repeat;background-size:contain}
#bgfx .idspray.tr{top:-2vw;right:-3vw;width:min(46vw,620px);aspect-ratio:9/7;background-image:url(a/t_idspray_tr.webp?v=948cad5b);background-position:top right;opacity:.95}
#bgfx .idspray.bl{bottom:-3vw;left:-3vw;width:min(40vw,520px);aspect-ratio:8/5;background-image:url(a/t_idspray_bl.webp?v=39be4ffa);background-position:bottom left;opacity:.55}
#bgfx .grain{opacity:.12!important;mix-blend-mode:overlay}
@media (max-width:640px){#bgfx .idspray.tr{width:70vw;top:-6vw;right:-10vw}#bgfx .idspray.bl{display:none}}

/* logo: "LEILÃO DE" numa pincelada verde, "CRAQUES" espaçado em branco */
.lcmark .lm-top{background:url(a/t_idbrush.webp?v=268dd352) center/100% 100% no-repeat;color:#0e0b1f!important;padding:.42em .9em .38em .7em!important;margin-left:-.25em;letter-spacing:.34em!important}
.lcmark .lm-top i{color:#0e0b1f!important}
.hub-logo .lm-top{color:#0e0b1f!important}

/* nomes em pincel: sublinhado pintado */
.bname .uline{background:url(a/t_idbrush.webp?v=268dd352) left center/100% 100% no-repeat!important;height:.42em!important;opacity:.95;box-shadow:none!important;filter:none!important}

/* títulos de tela: pincelada verde embaixo */
.scr-title,.gx h1,.pj-hb h2,.lg-ht h2{position:relative}
.scr-title::after,.gx h1::after{content:"";display:block;width:min(240px,60%);height:16px;margin-top:6px;background:url(a/t_idbrush.webp?v=268dd352) left center/100% 100% no-repeat}

/* painéis de destaque recebem respingo no canto */
.pj-hero,.shop3 .sh-feat,.lbg .lg-ht,.box.champ{position:relative;overflow:hidden}
.pj-hero::after,.shop3 .sh-feat::after,.box.champ::after{content:"";position:absolute;top:-30px;right:-40px;width:300px;height:230px;background:url(a/t_idspray_tr.webp?v=948cad5b) top right/contain no-repeat;opacity:.9;pointer-events:none;z-index:0}
.pj-hero>*,.shop3 .sh-feat>*{position:relative;z-index:1}

/* etiqueta de seção (eyebrow) dentro dos cards vira tarja pintada */
.pj-k,.sh-kick{display:inline-block;background:url(a/t_idbrush.webp?v=268dd352) center/100% 100% no-repeat;color:#0e0b1f!important;padding:.35em 1.1em .3em .8em;margin-left:-.3em}
.lcmark .lm-top{font-size:.4em!important}
.hub-logo .lm-top{font-size:.4em!important}
.pj-k,.sh-kick{font-size:12px!important;padding:.5em 1.3em .45em .9em!important}

/* =================== CARTA PÔSTER (base) — céu pintado, spray, nome em pincel =================== */

/* logo de game: badge + letras 3D */
.lcmark2{display:inline-flex;line-height:0}.lcmark2 img{display:block;height:auto}
.hub-logo .lcmark2 img{width:200px}
@media (max-width:640px){.hub-logo .lcmark2 img{width:150px}}
.brandlogo .lcmark2 img{width:min(560px,86vw)}
.hub-logo{transition:transform .2s}.hub-logo:hover{transform:rotate(-2deg) scale(1.03)}
/* spray só nos cantos, sem escorrer por cima da interface */
#bgfx .idspray.tr{opacity:.85;width:min(30vw,420px);top:-4vw;right:-6vw}
@media (max-width:640px){#bgfx .idspray.tr{width:46vw;top:-8vw;right:-14vw}}
.pk,.pk.gold{filter:none!important;aspect-ratio:660/902}
.shop3 .si-ch .si-art{background:radial-gradient(60% 50% at 50% 55%,rgba(140,123,242,.25),transparent 70%)!important}
.hub-logo .lcmark2,.hub-logo .lcmark2 img{display:inline-flex!important;display:block}
.hub-logo .lcmark2{display:inline-flex!important}

/* =================== ID 3 (artes do Pedro) =================== */
#bgfx .sky{background:linear-gradient(180deg,rgba(14,11,31,.15),rgba(14,11,31,.55) 70%,#0e0b1f),url(a/t_idsky.webp?v=5c0f0b2e) center 30%/cover no-repeat,#0e0b1f!important}
@media (max-aspect-ratio:3/4){#bgfx .sky{background:linear-gradient(180deg,rgba(14,11,31,.15),rgba(14,11,31,.55) 70%,#0e0b1f),url(a/t_idsky_m.webp?v=c93ed8d0) center top/cover no-repeat,#0e0b1f!important}}
#bgfx .idspray{display:none!important}
/* logo */
.lcmark3{display:inline-flex;line-height:0}.lcmark3 img{display:block;height:auto}
.hub-logo .lcmark3 img{width:190px}@media (max-width:640px){.hub-logo .lcmark3 img{width:140px}}
.brandlogo .lcmark3 img{width:min(440px,78vw)}
.hub-logo .lcmark3{display:inline-flex!important}

/* =================== CARTA COM MOLDURA (comum / eterno / lenda; seasons) =================== */
.pc4{position:relative;aspect-ratio:1000/1400;flex:none;user-select:none;color:#ffffff;background:none!important;box-shadow:none!important;border-radius:0;overflow:visible;filter:drop-shadow(0 1.4em 2em rgba(14,11,31,.5))}
.pc4::before,.pc4::after{display:none!important}
.pc4-in{position:absolute;left:13.5%;right:13.5%;top:8.2%;bottom:25.4%;overflow:hidden;background:linear-gradient(180deg,rgba(14,11,31,.1),rgba(14,11,31,.35)),url(a/t_idsky_m.webp?v=c93ed8d0) center 35%/cover;border-radius:.6em}
.pc4.fk-e .pc4-in{background:linear-gradient(180deg,rgba(14,11,31,.35),rgba(14,11,31,.6)),url(a/t_idsky_m.webp?v=c93ed8d0) center 35%/cover}
.pc4.fk-l .pc4-in{background:linear-gradient(180deg,rgba(14,11,31,.45),rgba(14,11,31,.75)),url(a/t_idsky_m.webp?v=c93ed8d0) center 35%/cover}
.pc4-in>img{position:absolute;left:0;right:0;bottom:0;width:100%;height:100%;object-fit:cover;object-position:50% 12%}
.pc4-in>.pc3-sil,.pc4-in>.pc3-nf{object-fit:contain;object-position:50% 100%}
.pc4-fade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 58%,rgba(14,11,31,.75) 82%,#0e0b1f)}
.pc4-fr{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2}
.pc4-ovr{position:absolute;left:17%;top:11%;z-index:3;display:flex;flex-direction:column;align-items:flex-start;line-height:.88;text-shadow:0 .2em .6em rgba(14,11,31,.8)}
.pc4-ovr b{font-family:var(--f-display);font-weight:400;font-size:17em;color:#ffffff}
.pc4-ovr em{font-family:var(--f-cond);font-style:normal;font-weight:800;font-size:6.4em;letter-spacing:.24em;color:#c6ff3a;margin-top:.35em}
.pc4-st{position:absolute;left:17%;right:17%;bottom:27.5%;display:flex;justify-content:space-between;z-index:3}
.pc4-st span{display:flex;flex-direction:column;align-items:center;line-height:1}
.pc4-st b{font-family:var(--f-display);font-weight:400;font-size:6.6em;color:#ffffff}
.pc4-st small{font-family:var(--f-cond);font-weight:800;font-size:3.8em;letter-spacing:.14em;color:rgba(255,255,255,.6);margin-top:.3em}
.pc4-tag{position:absolute;left:0;right:0;top:71.2%;display:flex;justify-content:center;z-index:4;pointer-events:none}
.pc4-tag span{font-family:var(--f-cond);font-weight:800;font-size:4.6em;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.75);background:#0e0b1f;padding:.25em .9em;border-radius:2em;max-width:62%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pc4-tag.season span{color:#0e0b1f;background:#c6ff3a;font-size:5.2em}
.pc4-nm{position:absolute;left:12%;right:12%;top:76.6%;height:8.4%;display:flex;align-items:center;justify-content:center;z-index:3}
.pc4-nm span{font-family:var(--f-display);font-weight:400;font-size:9.6em;letter-spacing:.06em;text-transform:uppercase;color:#ffffff;white-space:nowrap;line-height:1}
.pc4-nm.mid span{font-size:8.4em}.pc4-nm.long span{font-size:7em}.pc4-nm.xlong span{font-size:5.8em}
.pc4.fk-l .pc4-nm span{color:#ffffff}
.pc4.mini .pc4-tag{display:none}.pc4.mini .pc4-ovr b{font-size:20em}.pc4.mini .pc4-ovr em{display:none}
.pc4.mini .pc4-nm span{font-size:11em}.pc4.mini .pc4-nm.mid span{font-size:9.5em}.pc4.mini .pc4-nm.long span,.pc4.mini .pc4-nm.xlong span{font-size:8em}
.pc4-st{bottom:30.6%}
.pc4-fade{background:linear-gradient(180deg,transparent 52%,rgba(14,11,31,.8) 76%,#0e0b1f 92%)}
.t-shop .shop-hero,.t-gal .gal-hero{display:none!important}
/* cartas pequenas (campo/listas): sem moldura pesada, só foto + borda */
.pc4.tiny .pc4-fr,.pc4.tiny .pc4-st,.pc4.tiny .pc4-tag{display:none}
.pc4.tiny .pc4-in{inset:0;border-radius:12%/9%;box-shadow:inset 0 0 0 .14em rgba(140,123,242,.7)}
.pc4.tiny.fk-l .pc4-in{box-shadow:inset 0 0 0 .14em rgb(232 196 106)}.pc4.tiny.fk-e .pc4-in{box-shadow:inset 0 0 0 .14em #ffffff}
.pc4.tiny .pc4-ovr{left:9%;top:5%}.pc4.tiny .pc4-ovr b{font-size:24em}
.pc4.tiny .pc4-nm{left:4%;right:4%;top:auto;bottom:4%;height:auto}.pc4.tiny .pc4-nm span{font-size:13em!important;letter-spacing:.02em}
.pc4.tiny{aspect-ratio:3/4;filter:none}
.pc4-in>img.ff{right:auto;bottom:auto;height:auto;object-fit:fill}
.pc4-ovr{left:19%;top:12%}.pc4-ovr b{font-size:14em}.pc4-ovr em{font-size:5.4em}
.pc4-lg{position:absolute;right:19%;top:12.6%;width:10%;height:auto;z-index:3;opacity:.9;filter:drop-shadow(0 .2em .4em rgba(14,11,31,.7))}
/* time/país e season: discreto, acima dos atributos */
.pc4-tag{top:auto;bottom:37.4%}
.pc4-tag span,.pc4-tag.season span{font-family:var(--f-body);font-weight:500;font-size:4.6em;letter-spacing:.04em;text-transform:none;color:rgba(255,255,255,.62);background:none;padding:0;border-radius:0;max-width:66%}
.pc4-in>img.ff{-webkit-mask-image:linear-gradient(180deg,#0e0b1f 72%,transparent 98%);mask-image:linear-gradient(180deg,#0e0b1f 72%,transparent 98%)}
.pc4-tag{bottom:39.6%}


.pc4-in>img.ff{max-width:none!important;max-height:none!important;min-width:0!important}
/* fundo da carta: estádio pintado atrás do jogador */
.pc4-in,.pc4.fk-e .pc4-in,.pc4.fk-l .pc4-in{background:radial-gradient(70% 45% at 50% 38%,rgba(140,123,242,.35),transparent 70%),url(a/t_idsky_m.webp?v=c93ed8d0) 50% 74%/240% auto,#2b2170!important}
.pc4.fk-e .pc4-in{background:radial-gradient(70% 45% at 50% 38%,rgba(255,255,255,.12),transparent 70%),url(a/t_idsky_m.webp?v=c93ed8d0) 50% 74%/240% auto,#0e0b1f!important}
.pc4.fk-l .pc4-in{background:radial-gradient(70% 45% at 50% 38%,rgba(198,255,58,.18),transparent 70%),url(a/t_idsky_m.webp?v=c93ed8d0) 50% 74%/240% auto,#0e0b1f!important}
.pc4-tag{bottom:42.5%}
.pc4-st{bottom:29.4%}
.pc4-lg{width:6.6%;right:18.5%;top:11.4%}
.pc4-ovr{left:18.5%;top:10.6%;align-items:center}
.pc4-ovr b{font-size:11.5em;line-height:1}
.pc4-ovr em{font-size:4.2em;margin-top:.15em;letter-spacing:.14em}
.pc4-st{left:20%;right:20%;bottom:29.8%}
.pc4-st b{font-size:5.2em}.pc4-st small{font-size:3em;margin-top:.25em}
.pc4-tag{bottom:40.8%}
.pc4-ovr{left:20%;top:12.4%}
.pc4-lg{right:20%;top:13.2%}
.pc4-em{position:absolute;right:19.5%;top:12.2%;width:11%;height:auto;z-index:3;filter:drop-shadow(0 .2em .4em rgba(14,11,31,.7))}
.pc4.mini .pc4-em{width:15%}
.shop3 .si-ch .si-t b,.si-t b{font-size:clamp(18px,1.9vw,24px)!important;line-height:1.05}
.shop3 .si-ch .si-t{min-width:0;flex:1 1 auto}
.shop3 .si-ch .si-ft{flex-direction:column!important;align-items:flex-start!important;gap:10px!important;flex-wrap:nowrap!important}
.shop3 .si-ch .si-d{min-height:3.6em}
.pc3.pop3:not(.t-alpha) .pc3-nm span{font-family:var(--f-display)!important;font-style:normal;font-weight:400}
.pc3.pop3 .pc3-ovr b,.pc3.pop3 .pc3-st b{font-family:var(--f-display)!important;font-style:normal;font-weight:400}
/* skins especiais com moldura própria: janela medida em cada arte */
.pc4.fk-lart .pc4-in{left:8.6%;right:9.8%;top:9%;bottom:25%;border-radius:0}
.pc4.fk-ballon .pc4-in{left:10.8%;right:11.6%;top:8.5%;bottom:26.1%;border-radius:0}
.pc4.fk-goat .pc4-in{left:10.7%;right:11.2%;top:9.2%;bottom:19.8%;border-radius:0}
.pc4.fk-atemporal .pc4-in{left:6.9%;right:7.4%;top:7.9%;bottom:7.7%;border-radius:0}
.pc4.fk-lart .pc4-in,.pc4.fk-ballon .pc4-in,.pc4.fk-goat .pc4-in,.pc4.fk-atemporal .pc4-in{background:#0e0b1f!important}
.pc4.fk-lart .pc4-in>img,.pc4.fk-ballon .pc4-in>img,.pc4.fk-goat .pc4-in>img,.pc4.fk-atemporal .pc4-in>img{object-position:50% 20%}
.pc4.fk-lart .pc4-nm{top:76.5%}.pc4.fk-ballon .pc4-nm{top:74.6%}.pc4.fk-goat .pc4-nm{top:81.4%;height:6.6%}
.pc4.fk-atemporal .pc4-nm{top:79%}
.pc4.fk-lart .pc4-st{bottom:28%}.pc4.fk-ballon .pc4-st{bottom:29%}.pc4.fk-goat .pc4-st{bottom:22.5%}.pc4.fk-atemporal .pc4-st{bottom:9.5%}
.pc4.fk-lart .pc4-tag{bottom:39%}.pc4.fk-ballon .pc4-tag{bottom:40%}.pc4.fk-goat .pc4-tag{bottom:33.5%}.pc4.fk-atemporal .pc4-tag{bottom:23.5%}
.pc4.fk-ballon .pc4-ovr,.pc4.fk-goat .pc4-ovr{left:16%}.pc4.fk-lart .pc4-ovr{left:14%}.pc4.fk-atemporal .pc4-ovr{left:12%;top:10%}
.pc4.fk-atemporal .pc4-fade{background:linear-gradient(180deg,transparent 45%,rgba(14,11,31,.85) 70%,#0e0b1f 88%)}
.pc4.fk-goat .pc4-nm span,.pc4.fk-ballon .pc4-nm span{color:rgb(255 231 168)}
.pc4.fk-ballon .pc4-in{left:13%;right:13%;top:12.5%;bottom:27%}
.pc4.fk-atemporal .pc4-in{left:9%;right:9%;top:9%;bottom:9.5%}
.pc4.fk-lart .pc4-nm span,.pc4.fk-atemporal .pc4-nm span{color:#ffffff!important;-webkit-text-fill-color:#ffffff!important}
.pc4.fk-goat .pc4-nm span,.pc4.fk-ballon .pc4-nm span{color:rgb(255 231 168)!important;-webkit-text-fill-color:rgb(255 231 168)!important}
.pc4.fk-atemporal .pc4-nm{top:77%}.pc4.fk-atemporal .pc4-st{bottom:12%}.pc4.fk-atemporal .pc4-tag{bottom:26%}
.pc4.fk-atemporal .pc4-st{bottom:25%}.pc4.fk-atemporal .pc4-tag{bottom:36.5%}.pc4.fk-atemporal .pc4-nm{top:78%}
.pc4.fk-atemporal .pc4-in{left:10%;right:10%;top:9.5%;bottom:11%}

/* janela da carta: recorte exato do buraco da moldura (nada vaza pra fora) */
.pc4-win{position:absolute;inset:0;z-index:1;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;background:url(a/t_idsky_m.webp?v=c93ed8d0) 50% 60%/200% auto,#2b2170}
.pc4.fk-e .pc4-win,.pc4.fk-l .pc4-win,.pc4.fk-lart .pc4-win,.pc4.fk-ballon .pc4-win,.pc4.fk-goat .pc4-win,.pc4.fk-atemporal .pc4-win{background:#0e0b1f}
.pc4.fk-e .pc4-win{background:linear-gradient(rgba(14,11,31,.45),rgba(14,11,31,.45)),url(a/t_idsky_m.webp?v=c93ed8d0) 50% 60%/200% auto,#0e0b1f}
.pc4.fk-l .pc4-win{background:linear-gradient(rgba(14,11,31,.6),rgba(14,11,31,.6)),url(a/t_idsky_m.webp?v=c93ed8d0) 50% 60%/200% auto,#0e0b1f}
.pc4-in{position:absolute;overflow:hidden;border-radius:0!important;background:none!important}
.pc4.tiny .pc4-win{-webkit-mask-image:none!important;mask-image:none!important;border-radius:12%/9%;overflow:hidden}
.pc4.tiny .pc4-in{inset:0!important}
.pc4.fk-n .pc4-in{left:13.5%;right:13.9%;top:8.2%;bottom:25.2%}.pc4.fk-n .pc4-win{-webkit-mask-image:url(a/cf_m_n.webp?v=88e698b3);mask-image:url(a/cf_m_n.webp?v=88e698b3)}
.pc4.fk-e .pc4-in{left:5.8%;right:5.8%;top:9.5%;bottom:21.3%}.pc4.fk-e .pc4-win{-webkit-mask-image:url(a/cf_m_e.webp?v=075089ca);mask-image:url(a/cf_m_e.webp?v=075089ca)}
.pc4.fk-l .pc4-in{left:7.0%;right:7.1%;top:10.6%;bottom:22.4%}.pc4.fk-l .pc4-win{-webkit-mask-image:url(a/cf_m_l.webp?v=68fe8ddf);mask-image:url(a/cf_m_l.webp?v=68fe8ddf)}
.pc4.fk-lart .pc4-in{left:8.6%;right:9.8%;top:9.0%;bottom:25.0%}.pc4.fk-lart .pc4-win{-webkit-mask-image:url(a/cf_m_lart.webp?v=5d959835);mask-image:url(a/cf_m_lart.webp?v=5d959835)}
.pc4.fk-ballon .pc4-in{left:10.8%;right:11.6%;top:8.5%;bottom:26.1%}.pc4.fk-ballon .pc4-win{-webkit-mask-image:url(a/cf_m_ballon.webp?v=116a57ac);mask-image:url(a/cf_m_ballon.webp?v=116a57ac)}
.pc4.fk-goat .pc4-in{left:10.7%;right:11.2%;top:9.2%;bottom:19.8%}.pc4.fk-goat .pc4-win{-webkit-mask-image:url(a/cf_m_goat.webp?v=f59b3242);mask-image:url(a/cf_m_goat.webp?v=f59b3242)}
.pc4.fk-atemporal .pc4-in{left:6.9%;right:7.4%;top:7.9%;bottom:7.7%}.pc4.fk-atemporal .pc4-win{-webkit-mask-image:url(a/cf_m_atemporal.webp?v=9e308780);mask-image:url(a/cf_m_atemporal.webp?v=9e308780)}
.pc4.fk-e .pc4-nm{top:76.3%;height:6.8%}.pc4.fk-l .pc4-nm{top:76.4%;height:9.2%}.pc4.fk-n .pc4-nm{top:76.4%;height:8%}
.pc4.fk-lart .pc4-nm{top:76.2%;height:9.2%}.pc4.fk-ballon .pc4-nm{top:74.1%;height:7%}.pc4.fk-goat .pc4-nm{top:81.3%;height:8.6%}
.pc4.fk-e .pc4-nm span{font-size:8.6em}.pc4.fk-e .pc4-nm.mid span{font-size:7.6em}.pc4.fk-e .pc4-nm.long span{font-size:6.4em}.pc4.fk-e .pc4-nm.xlong span{font-size:5.4em}
/* hero "Jogar com amigos": arte inteira à esquerda, nada por cima do texto */
.pj-hero::after,.shop3 .sh-feat::after,.box.champ::after{display:none!important}
.pj-hero>.pj-art{position:absolute!important;inset:0 46% 0 0;z-index:0;background:var(--pji) 62% 30%/cover no-repeat!important}
.pj-hero .pj-art::after{background:linear-gradient(90deg,transparent 70%,rgba(14,11,31,.9) 100%)!important}
.pj-hero .pj-hb{z-index:2}
@media (max-width:640px){.pj-hero>.pj-art{inset:0 0 55% 0}.pj-hero .pj-art::after{background:linear-gradient(180deg,transparent 60%,rgba(14,11,31,.95) 100%)!important}}

/* ===== pênaltis: placar limpo ===== */
.psb{display:flex;flex-direction:column;gap:12px;padding-bottom:6px}
.psb-top{display:flex;justify-content:space-between;align-items:center;gap:10px}
.psb-k{font-family:var(--f-cond);font-weight:800;font-size:13px;letter-spacing:.22em;text-transform:uppercase;color:#c6ff3a}
.psb-t{font-family:var(--f-display);font-size:18px;color:#ffffff}
.psb-row{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:16px}
.psb-tm{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:0}
.psb-tm.r{align-items:flex-end}
.psb-tm b{font-family:var(--f-cond);font-weight:800;font-size:17px;letter-spacing:.04em;text-transform:uppercase;color:#ffffff;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.psb-sc{display:flex;align-items:center;gap:12px;font-family:var(--f-display);line-height:1}
.psb-sc b{font-size:58px;color:#ffffff;font-weight:400}.psb-sc i{font-style:normal;font-size:24px;color:rgba(255,255,255,.4)}
.psb .pdots{display:flex;gap:5px}.psb .pdots i{width:12px;height:12px}
@media (max-width:640px){.psb-sc b{font-size:42px}.psb-tm b{font-size:13px}.psb .pdots i{width:9px;height:9px}.psb-row{gap:8px}}
/* treino de pênaltis: só o que importa */
body.pentest .kb,body.pentest #bSkip,body.pentest .kbw,body.pentest .box:has(.kb){display:none!important}
body.pentest .turnmsg{border-radius:0;font-family:var(--f-cond);letter-spacing:.06em}
body.pentest .topbar>.eyebrow{visibility:hidden}

/* molduras novas: Eterno (preta/prata) e Lenda (branca/dourada) */
.pc4.fk-e .pc4-nm{top:80%;height:7.8%}.pc4.fk-l .pc4-nm{top:78.9%;height:7.8%}
.pc4.fk-e .pc4-nm span,.pc4.fk-l .pc4-nm span{font-size:9.6em}.pc4.fk-e .pc4-nm.mid span,.pc4.fk-l .pc4-nm.mid span{font-size:8.4em}
.pc4.fk-e .pc4-nm.long span,.pc4.fk-l .pc4-nm.long span{font-size:7em}.pc4.fk-e .pc4-nm.xlong span,.pc4.fk-l .pc4-nm.xlong span{font-size:5.8em}
.pc4.fk-e .pc4-nm span{color:#ffffff!important;-webkit-text-fill-color:#ffffff!important}
.pc4.fk-l .pc4-nm span{color:#0e0b1f!important;-webkit-text-fill-color:#0e0b1f!important}
.pc4.fk-e .pc4-st,.pc4.fk-l .pc4-st{left:13%;right:13%;bottom:24.5%}.pc4.fk-l .pc4-st{bottom:25.5%}
.pc4.fk-e .pc4-tag,.pc4.fk-l .pc4-tag{bottom:32.5%}.pc4.fk-l .pc4-tag{bottom:33.5%}
.pc4.fk-e .pc4-ovr,.pc4.fk-l .pc4-ovr{left:11.5%;top:12.5%}
.pc4.fk-e .pc4-em,.pc4.fk-l .pc4-em{right:10.5%;top:12.5%;width:10%}
.pc4.fk-l .pc4-ovr em{color:rgb(232 196 106)}.pc4.fk-e .pc4-ovr em{color:#d9dde3}
.pc4.fk-e .pc4-win{background:linear-gradient(rgba(14,11,31,.55),rgba(14,11,31,.55)),url(a/t_idsky_m.webp?v=c93ed8d0) 50% 60%/200% auto,#0e0b1f}
.pc4.fk-l .pc4-win{background:linear-gradient(rgba(14,11,31,.35),rgba(14,11,31,.35)),url(a/t_idsky_m.webp?v=c93ed8d0) 50% 60%/200% auto,#0e0b1f}
.pc4.fk-l .pc4-ovr em{color:rgb(232 196 106)!important}.pc4.fk-e .pc4-ovr em{color:#d9dde3!important}
/* galeria: carta não descoberta = secreta (sem foto), moldura apagada + cadeado */
.gx-cell.unk{background:none!important;border:0!important;box-shadow:none!important;overflow:visible;aspect-ratio:1000/1400}
.gx-cell.unk::before,.gx-cell.unk::after{display:none!important}
.gx-dk{position:absolute;inset:0;background:center/100% 100% no-repeat;filter:brightness(.22) saturate(.4)}
.gx-cell.unk.t-eterno .gx-dk{filter:brightness(.38) saturate(0)}
.gx-cell.unk.t-lenda .gx-dk{filter:brightness(.42) saturate(.7) sepia(.35)}
.gx-cell.unk .gx-lock{position:absolute;left:50%;top:44%;right:auto;transform:translate(-50%,-50%);width:30%;height:auto;aspect-ratio:1;display:grid;place-items:center;background:none!important;border:0!important}
.gx-cell.unk .gx-lock svg{width:100%;height:100%;fill:none;stroke:rgba(255,255,255,.55);stroke-width:1.6}
.gx-cell.unk.t-eterno .gx-lock svg{stroke:#c9ced6}.gx-cell.unk.t-lenda .gx-lock svg{stroke:rgb(232 196 106)}.gx-cell.unk.t-craque .gx-lock svg{stroke:#8c7bf2}
.gx-cell.unk .gx-tier{position:absolute;left:0;right:0;top:auto;bottom:16%;text-align:center;font-size:12px;letter-spacing:.2em;color:rgba(255,255,255,.5)!important;background:none!important}
.gx-cell.unk.t-eterno .gx-tier{color:#c9ced6!important}.gx-cell.unk.t-lenda .gx-tier{color:rgb(232 196 106)!important}
.gx-cell.unk .gx-pos{display:none}
html body .gx-cell.unk,html body .gx-cell.unk.t-craque,html body .gx-cell.unk.t-eterno,html body .gx-cell.unk.t-lenda{background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;animation:none!important;aspect-ratio:1000/1400;padding:0!important}
html body .gx-cell.unk .gx-lock svg{stroke:rgba(255,255,255,.5)}
html body .gx-cell.unk.t-eterno .gx-lock svg{stroke:rgb(201 206 214)}html body .gx-cell.unk.t-lenda .gx-lock svg{stroke:rgb(232 196 106)}html body .gx-cell.unk.t-craque .gx-lock svg{stroke:#8c7bf2}
html body .gx-cell.unk .gx-tier{position:absolute;bottom:16.5%;font-size:11px;text-shadow:none;color:rgba(255,255,255,.45)!important}
html body .gx-cell.unk.t-eterno .gx-tier{color:rgb(201 206 214)!important}html body .gx-cell.unk.t-lenda .gx-tier{color:rgb(232 196 106)!important}
html body .gx-cell.unk.t-craque .gx-tier{color:#8c7bf2!important}

/* ===== Eterno e Lenda: foto inteira, fade embaixo, moldura fina ===== */
.pc4.fk-e,.pc4.fk-l{--mt:rgb(214 219 226);--mt2:rgba(214,219,226,.35);border-radius:4.2em;overflow:hidden;background:#0e0b1f}
.pc4.fk-l{--mt:rgb(225 189 141);--mt2:rgba(198,255,58,.38)}
.pc4.fk-e .pc4-win,.pc4.fk-l .pc4-win{-webkit-mask-image:none!important;mask-image:none!important;background:#0e0b1f!important}
.pc4.fk-e .pc4-in,.pc4.fk-l .pc4-in{inset:0!important}
.pc4.fk-e .pc4-in>img,.pc4.fk-l .pc4-in>img{object-fit:cover;object-position:50% 8%;width:100%;height:78%;bottom:auto;top:0}
.pc4.fk-e .pc4-fade,.pc4.fk-l .pc4-fade{background:linear-gradient(180deg,rgba(14,11,31,0) 40%,rgba(14,11,31,.55) 56%,rgba(14,11,31,.94) 68%,#0e0b1f 78%)!important}
.pc4.fk-l .pc4-fade{background:linear-gradient(180deg,rgba(14,11,31,0) 40%,rgba(14,11,31,.55) 56%,rgba(14,11,31,.94) 68%,#0e0b1f 78%)!important}
.pc4-line{position:absolute;inset:2.6%;border:.35em solid var(--mt2);border-radius:3.4em;z-index:4;pointer-events:none;box-shadow:inset 0 0 0 .12em rgba(255,255,255,.05)}
.pc4.fk-e::after,.pc4.fk-l::after{content:"";display:block!important;position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 .5em #0e0b1f;z-index:3;pointer-events:none}
.pc4.fk-e .pc4-ovr,.pc4.fk-l .pc4-ovr{left:9.5%;top:7.5%;text-shadow:0 .2em .8em rgba(14,11,31,.7)}
.pc4.fk-e .pc4-ovr b,.pc4.fk-l .pc4-ovr b{color:var(--mt);font-size:15em}
.pc4.fk-e .pc4-ovr em,.pc4.fk-l .pc4-ovr em{color:var(--mt)!important;opacity:.8}
.pc4.fk-e .pc4-em,.pc4.fk-l .pc4-em{right:8.5%;top:7.5%;width:11%}
.pc4.fk-e .pc4-nm,.pc4.fk-l .pc4-nm{left:6%;right:6%;top:65%;height:12%}
.pc4.fk-e .pc4-nm span,.pc4.fk-l .pc4-nm span{color:var(--mt)!important;-webkit-text-fill-color:var(--mt)!important;font-size:16em;letter-spacing:.01em;text-shadow:0 .1em .6em rgba(14,11,31,.5)}
.pc4.fk-e .pc4-nm.mid span,.pc4.fk-l .pc4-nm.mid span{font-size:13.5em}.pc4.fk-e .pc4-nm.long span,.pc4.fk-l .pc4-nm.long span{font-size:11em}.pc4.fk-e .pc4-nm.xlong span,.pc4.fk-l .pc4-nm.xlong span{font-size:9em}
.pc4.fk-e .pc4-nm::after,.pc4.fk-l .pc4-nm::after{content:"";position:absolute;left:22%;right:22%;bottom:-.6em;height:.18em;background:linear-gradient(90deg,transparent,var(--mt2),transparent)}
.pc4.fk-e .pc4-st,.pc4.fk-l .pc4-st{left:11%;right:11%;bottom:7.5%}
.pc4.fk-e .pc4-st b,.pc4.fk-l .pc4-st b{color:var(--mt);font-size:7em}
.pc4.fk-e .pc4-st small,.pc4.fk-l .pc4-st small{color:var(--mt);opacity:.6}
.pc4.fk-e .pc4-tag,.pc4.fk-l .pc4-tag{top:auto;bottom:20%}
.pc4.fk-e .pc4-tag span,.pc4.fk-l .pc4-tag span{color:rgba(255,255,255,.55)}
.pc4.fk-e.mini .pc4-nm,.pc4.fk-l.mini .pc4-nm{top:auto;bottom:6%;height:14%}.pc4.fk-e.mini .pc4-nm::after,.pc4.fk-l.mini .pc4-nm::after{display:none}
.pc4.fk-e.mini .pc4-in>img,.pc4.fk-l.mini .pc4-in>img{height:90%}
.pc4.fk-e .pc4-tag,.pc4.fk-l .pc4-tag{top:5.2%;bottom:auto}
.pc4.fk-e .pc4-tag span,.pc4.fk-l .pc4-tag span{font-family:var(--f-cond);font-weight:600;font-size:4.4em;letter-spacing:.18em;text-transform:uppercase;color:var(--mt);opacity:.75}
.pc4.fk-e .pc4-nm,.pc4.fk-l .pc4-nm{top:66.5%}
.pc4.fk-e .pc4-st,.pc4.fk-l .pc4-st{bottom:8.5%}
.pc4.fk-e .pc4-tag,.pc4.fk-l .pc4-tag{top:78.4%;bottom:auto}
.pc4.fk-e .pc4-nm,.pc4.fk-l .pc4-nm{top:64.5%}
.pc4.fk-e .pc4-nm::after,.pc4.fk-l .pc4-nm::after{bottom:-.9em}
.pc4.fk-e .pc4-st,.pc4.fk-l .pc4-st{bottom:6.8%}
/* cartas bloqueadas: arte própria (cadeado já está na imagem) */
html body .gx-cell.unk .gx-dk{filter:none!important}
html body .gx-cell.unk .gx-lock{display:none!important}
html body .gx-cell.unk .gx-tier{bottom:7%;font-size:10px}
html body .gx-cell.unk.t-craque .gx-dk{filter:hue-rotate(-10deg) saturate(1.4)!important}
/* skin bloqueada: mesma arte, cadeado na cor da raridade */
.gd-sk i.bqs{background-size:cover!important;background-position:center!important;border-radius:6px}
.bqs.r-c,.csk-bq{filter:none}
.bqs.r-r{filter:sepia(1) saturate(3) hue-rotate(215deg) brightness(.95)}
.bqs.r-e{filter:sepia(1) saturate(4) hue-rotate(40deg) brightness(1.05)}
.bqs.r-l{filter:sepia(1) saturate(2.4) hue-rotate(-8deg) brightness(1.05)}
.csk-lock{position:relative}.csk-bq{position:absolute;inset:0;background:center/contain no-repeat}
.csk-lock .gx-lock{display:none!important}
/* Eterno/Lenda: time-temporada ou campeonato EM CIMA do nome */
.pc4.fk-e .pc4-tag,.pc4.fk-l .pc4-tag{top:62%;bottom:auto}
.pc4.fk-e .pc4-nm,.pc4.fk-l .pc4-nm{top:65.5%}
.pc4.fk-e .pc4-nm::after,.pc4.fk-l .pc4-nm::after{bottom:-1em}
.pc4.fk-e .pc4-st,.pc4.fk-l .pc4-st{bottom:7.5%}
.pc4-lg2{position:absolute;right:21%;top:8.2%;width:8.5%;height:auto;z-index:5;filter:drop-shadow(0 .2em .4em rgba(14,11,31,.7))}
/* carta normal: fundo de estádio em vez de roxo chapado */
.pc4.fk-n .pc4-win{background:linear-gradient(180deg,rgba(43,33,112,.15),rgba(14,11,31,.35)),url(a/tbg_rank.webp?v=bd593b9a) 50% 30%/auto 115% no-repeat,#0e0b1f!important}
.pc4.fk-n .pc4-win{background:linear-gradient(180deg,rgba(14,11,31,.25),rgba(14,11,31,.5)),radial-gradient(60% 40% at 50% 30%,rgba(140,123,242,.35),transparent 70%),url(a/t_idsky.webp?v=5c0f0b2e) 50% 92%/auto 150% no-repeat,#0e0b1f!important}
.pc4.fk-n .pc4-win{background:url(a/t_cardbg.webp?v=ec1b3fe6) 50% -40em/125em auto no-repeat,#0e0b1f!important}
html body .pc4.pc4.pc4 .pc4-in.pc4-in{background:none!important}
.pj-hero>.pj-art{background-position:0% 30%!important;inset:0 42% 0 0!important}
.pj-hero .pj-k{background:none!important;color:#c6ff3a!important;font-family:var(--f-cond)!important;font-weight:800!important;font-size:13px!important;letter-spacing:.24em!important;padding:0!important;margin:0 0 2px!important;display:flex!important;align-items:center;gap:10px}
.pj-hero .pj-k::before{content:"";width:22px;height:2px;background:#c6ff3a;display:block}
@media (max-width:640px){.pj-hero>.pj-art{inset:0 0 55% 0!important;background-position:50% 30%!important}}

/* ===== pênaltis na ID nova: limpo, escuro, verde só no que importa ===== */
.box.pen2{background:rgba(14,11,31,.82)!important;border:1px solid rgba(140,123,242,.2)!important;padding:20px 22px 18px!important;display:flex;flex-direction:column;gap:14px}
.pen2 .turnmsg{background:rgba(140,123,242,.1)!important;color:#ffffff!important;border:0!important;border-left:3px solid rgba(140,123,242,.6)!important;border-radius:0!important;font-family:var(--f-cond)!important;font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:15px;padding:12px 16px!important;box-shadow:none!important}
.pen2 .turnmsg.mine{border-left-color:#c6ff3a!important;background:rgba(198,255,58,.08)!important;color:#c6ff3a!important}
.pen2 .timer{height:3px!important;background:rgba(255,255,255,.08)!important;border-radius:0!important;margin:-8px 0 0!important}
.pen2 .timer i{background:#c6ff3a!important;border-radius:0!important}
.pen2 .penarea{margin:0!important}
.pen2 .goalbox{border-radius:0!important;border:1px solid rgba(140,123,242,.25)!important;box-shadow:none!important;overflow:hidden}
.pen2 .pres{font-family:var(--f-display)!important;font-style:normal!important;letter-spacing:.06em;text-transform:uppercase;background:#0e0b1f!important;border:0!important;border-radius:0!important;padding:8px 18px!important}
.pen2 .pres.gol{color:#c6ff3a!important}.pen2 .pres.defesa,.pen2 .pres.fora,.pen2 .pres.trave{color:#ffffff!important}
.pen2>.row.between.note{font-family:var(--f-cond);letter-spacing:.06em;text-transform:uppercase;font-size:13px;color:rgba(255,255,255,.6)}
.pen2>.row.between.note b{color:#ffffff}
.pen2>p.note{font-size:12px;color:rgba(255,255,255,.45);margin:0}
.psb .pdots i{border-radius:50%;border:1.5px solid rgba(255,255,255,.3)!important;background:none!important}
.psb .pdots i.g,.psb .pdots i.gol,.psb .pdots i.ok{background:#c6ff3a!important;border-color:#c6ff3a!important}
.psb .pdots i.x,.psb .pdots i.err,.psb .pdots i.miss{background:rgba(255,255,255,.18)!important;border-color:transparent!important}
.psb-sc b{font-family:var(--f-display)}
html body .box.pen2 .turnmsg{background:rgba(140,123,242,.1)!important;color:#ffffff!important;border:0!important;border-left:3px solid rgba(140,123,242,.6)!important;border-radius:0!important;box-shadow:none!important}
html body .box.pen2 .turnmsg.mine{border-left-color:#c6ff3a!important;background:rgba(198,255,58,.08)!important;color:#c6ff3a!important}
html body .box.pen2 .goalbox{border-radius:0!important}
html body .box.pen2 .penarea{max-width:760px;width:100%;margin:0 auto!important}
html body .box.pen2{max-width:820px;margin-left:auto;margin-right:auto}
html body .box.pen2{width:100%;max-width:860px}
html body .box.pen2 .goalbox,html body .box.pen2 .goalbox *:not(.gkp):not(.pball):not(img){border-radius:0!important}

/* ===== criação do clube ===== */
.narrow:has(.cr2) .brandlogo .lcmark3 img{width:min(250px,56vw)}
.cr-h{margin:6px 0 14px!important;font-size:clamp(26px,3.4vw,38px)!important}
.login.cr2{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr);gap:16px;align-items:start}
@media (max-width:760px){.login.cr2{grid-template-columns:minmax(0,1fr)}}
.cr2>.box{padding:18px!important;display:flex;flex-direction:column;gap:12px}
.cr2 .hero-crest{display:flex;flex-direction:column;align-items:center;gap:12px;padding:18px 10px 16px;background:radial-gradient(60% 60% at 50% 40%,rgba(140,123,242,.22),transparent 70%),linear-gradient(180deg,rgba(43,33,112,.55),rgba(14,11,31,.4));border:1px solid rgba(140,123,242,.2);min-height:0!important}
.hc2{display:flex;align-items:center;justify-content:center;gap:10px}
.hc2-cr{filter:drop-shadow(0 12px 24px rgba(14,11,31,.6))}
.hc2-kit{opacity:.95;filter:drop-shadow(0 8px 16px rgba(14,11,31,.5))}
.hc2-nm{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;min-width:0;max-width:100%}
.hc2-nm b{font-family:var(--f-display);font-weight:400;font-size:28px;letter-spacing:.04em;text-transform:uppercase;color:#ffffff;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.hc2-nm small{font-family:var(--f-cond);font-weight:600;font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:#c6ff3a}
.cr2 label{font-family:var(--f-cond)!important;letter-spacing:.14em!important;font-size:12px!important;color:rgba(255,255,255,.6)!important;display:flex;flex-direction:column;gap:6px}
.cr2 input{background:rgba(255,255,255,.05)!important;border:1px solid rgba(140,123,242,.25)!important;border-radius:0!important;color:#ffffff!important;font-family:var(--f-body)!important;font-size:16px!important;padding:12px 14px!important}
.cr2 input:focus{border-color:#c6ff3a!important;outline:0}
.cr2 #bRand{background:transparent!important;border:1px solid rgba(140,123,242,.35)!important;color:#ffffff!important;border-radius:0!important;font-family:var(--f-cond)!important;letter-spacing:.14em;text-transform:uppercase;padding:11px!important}
.cr2 #bRand:hover{border-color:#c6ff3a!important;color:#c6ff3a!important}
.cr2 .ck-tabs button{font-family:var(--f-cond)!important;letter-spacing:.12em;text-transform:uppercase;border-radius:0!important}
.cr2 .ck-tabs button.on{background:#c6ff3a!important;color:#0e0b1f!important}
.cr2 .ck-c{border-radius:0!important;background:rgba(255,255,255,.03)!important;border:1px solid rgba(140,123,242,.15)!important}
.cr2 .ck-c.on{border-color:#c6ff3a!important;background:rgba(198,255,58,.07)!important}
.cr2 .ck-c small{font-family:var(--f-cond);letter-spacing:.06em;color:rgba(255,255,255,.7)}
.narrow:has(.cr2) #bEnter{display:block;width:100%;margin-top:16px;background:#c6ff3a!important;color:#0e0b1f!important;font-size:22px!important;padding:16px!important;border:0!important;clip-path:polygon(14px 0,100% 0,calc(100% - 14px) 100%,0 100%)}
.narrow:has(.cr2) #bEnter:hover{filter:brightness(1.07)}
.cr2 .ck-tabs{display:flex!important;overflow-x:auto;scrollbar-width:none;gap:4px}
.cr2 .ck-tabs::-webkit-scrollbar{display:none}
.cr2 .ck-tabs button{flex:1 0 auto;padding:9px 12px!important;white-space:nowrap}
@media (max-width:640px){.cr2 .ck-tabs button{font-size:12px!important;padding:9px 10px!important}.hc2-cr svg{width:150px;height:150px}}
/* craque atual: moldura holográfica */
.pc4.fk-c .pc4-in{left:14.6%;right:14.3%;top:8.8%;bottom:26.1%}
.pc4.fk-c .pc4-win{-webkit-mask-image:url(a/cf_m_c.webp?v=30486a77);mask-image:url(a/cf_m_c.webp?v=30486a77);background:url(a/t_cardbg.webp?v=ec1b3fe6) 50% -40em/125em auto no-repeat,#0e0b1f!important}
.pc4.fk-c .pc4-nm{top:77.8%;height:7.6%}
.pc4.fk-c .pc4-ovr{left:19%;top:12%}.pc4.fk-c .pc4-lg{right:19%;top:12.6%}
.pc4.fk-c .pc4-st{left:18%;right:18%;bottom:29.6%}.pc4.fk-c .pc4-tag{bottom:39.6%}
/* pênaltis: cenário novo (16:9) com a boca do gol medida na arte */
body.modern .penarea{aspect-ratio:16/9!important;border-radius:0!important}
body.modern .penarea .goalbox{left:9.9%!important;width:81.2%!important;top:24.5%!important;height:49.6%!important}
/* camisa pintada: base cinza + cores do jogador */
.kit2{position:relative;display:inline-block;isolation:isolate;flex:none}
.kit2 i{position:absolute;inset:0;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
.kit2 .k-b{background:var(--k1)}.kit2 .k-d{background:var(--k2)}
.kit2 .k-s{background:center/100% 100% no-repeat;mix-blend-mode:multiply}
/* escudos que ainda vão chegar */
.ck-c.ck-soon{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;cursor:default;opacity:.55;min-height:96px}
.ck-c.ck-soon .cks-lk{width:44px;height:44px;border-radius:50%;border:1.5px dashed rgba(140,123,242,.5);display:grid;place-items:center}
.ck-c.ck-soon svg{width:18px;height:18px;fill:none;stroke:rgba(255,255,255,.55);stroke-width:2}
.ck-c.ck-soon small{color:rgba(255,255,255,.45)!important;letter-spacing:.12em!important;text-transform:uppercase}
.cr-cols .kc-row{display:flex;flex-wrap:wrap;gap:6px}

/* ===== padrão único de tipografia e superfícies em todas as telas ===== */
:root,body.modern{--f-num:"LC Display","Anton",Impact,sans-serif!important;--f-label:"LC Cond",'LC Cond',sans-serif!important}
body.modern{--f-num:"LC Display","Anton",Impact,sans-serif;--f-label:"LC Cond",'LC Cond',sans-serif}
/* campeão */
.cf-title{font-family:var(--f-display)!important;font-weight:400!important;letter-spacing:.04em!important;text-shadow:0 .06em 0 #0e0b1f,0 0 40px rgba(198,255,58,.35)!important}
.cf-club{font-family:var(--f-cond)!important;background:#2b2170!important;border-left:4px solid #c6ff3a}
.cf-coach{font-family:var(--f-cond)!important;color:rgba(255,255,255,.7)!important}
.cf-skip{font-family:var(--f-cond)!important;border-radius:0!important;letter-spacing:.14em;text-transform:uppercase}
/* stepbar: pílula verde só no passo atual */
#stepbar .on,#stepbar [aria-current]{background:#c6ff3a!important;color:#0e0b1f!important}
/* botões secundários do topo */
.topbar button,.iconbtn,#bSkip,.mute{border-radius:0!important;font-family:var(--f-cond)!important;letter-spacing:.1em!important;text-transform:uppercase}
/* lobby: chips de regra retos */
.rs-seg button,.chip,.opt{border-radius:0!important}
/* sem emoji decorando rótulos de regra */
.rs-ic,.rule-ic{filter:grayscale(1) brightness(1.6);opacity:.7}

/* ===== CAMPEÃO (sequência nova, sóbria) ===== */
#champfx.cf2{position:fixed;inset:0;z-index:80;overflow:hidden;display:grid;place-items:center;background:#0e0b1f;animation:cf2In .5s ease both}
#champfx.cf2.out{animation:cf2Out .6s ease forwards}
@keyframes cf2In{from{opacity:0}}@keyframes cf2Out{to{opacity:0;transform:scale(1.02)}}
.cf2-art{position:absolute;inset:-3%;background:center 18%/cover no-repeat;filter:saturate(.9);opacity:0;animation:cf2Art 10s cubic-bezier(.2,.7,.2,1) .2s both}
@keyframes cf2Art{0%{opacity:0;transform:scale(1.12)}12%{opacity:.55}100%{opacity:.5;transform:scale(1)}}
.cf2-shade{position:absolute;inset:0;background:radial-gradient(60% 55% at 50% 45%,rgba(43,33,112,.15),rgba(14,11,31,.85) 75%),linear-gradient(180deg,rgba(14,11,31,.2),rgba(14,11,31,.9))}
.cf2-sweep{position:absolute;inset:-20%;background:linear-gradient(105deg,transparent 42%,rgba(198,255,58,.10) 50%,transparent 58%);transform:translateX(-60%);animation:cf2Sweep 2.4s 1.1s cubic-bezier(.4,0,.2,1) both}
@keyframes cf2Sweep{to{transform:translateX(60%)}}
.cf2-conf{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.cf2-c{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 20px}
.cf2-halo{position:absolute;top:85px;left:50%;width:0;height:0}
.cf2-halo i{position:absolute;left:-90px;top:-90px;width:180px;height:180px;border-radius:50%;border:2px solid #c6ff3a;opacity:0;animation:cf2Ring 2.6s cubic-bezier(.1,.7,.2,1) infinite}
.cf2-halo i:nth-child(2){animation-delay:.9s;border-color:#8c7bf2}.cf2-halo i:nth-child(3){animation-delay:1.8s}
@keyframes cf2Ring{0%{opacity:0;transform:scale(.7)}15%{opacity:.7}100%{opacity:0;transform:scale(2.1)}}
.cf2-crest{position:relative;filter:drop-shadow(0 18px 30px rgba(14,11,31,.7)) drop-shadow(0 0 50px rgba(140,123,242,.45));animation:cf2Crest .9s .35s cubic-bezier(.2,1.25,.3,1) both}
@keyframes cf2Crest{0%{opacity:0;transform:scale(1.6) translateY(-20px);filter:blur(12px)}100%{opacity:1;transform:none}}
.cf2-k{margin-top:22px;font-family:var(--f-cond);font-weight:800;font-size:clamp(12px,1.4vw,15px);letter-spacing:.42em;text-transform:uppercase;color:#c6ff3a;padding-left:.42em;animation:cf2Up .6s 1s ease both}
.cf2-t{overflow:hidden;line-height:1;margin-top:8px}
.cf2-t span{display:block;font-family:var(--f-display);font-weight:400;font-size:clamp(64px,13vw,170px);letter-spacing:.14em;margin-right:-.14em;color:#ffffff;text-shadow:0 .05em 0 rgba(14,11,31,.6);animation:cf2Word 1.1s 1.15s cubic-bezier(.2,.8,.2,1) both}
@keyframes cf2Word{0%{transform:translateY(105%);letter-spacing:.5em}100%{transform:none;letter-spacing:.14em}}
.cf2-line{display:block;height:3px;width:min(420px,70vw);background:linear-gradient(90deg,transparent,#c6ff3a,transparent);margin:14px 0 16px;transform:scaleX(0);animation:cf2Line .9s 1.9s cubic-bezier(.2,.8,.2,1) both}
@keyframes cf2Line{to{transform:scaleX(1)}}
.cf2-club{font-family:var(--f-display);font-weight:400;font-size:clamp(26px,3.6vw,44px);letter-spacing:.06em;text-transform:uppercase;color:#ffffff;animation:cf2Up .7s 2.15s ease both}
.cf2-coach{margin-top:6px;font-family:var(--f-cond);font-weight:600;font-size:13px;letter-spacing:.24em;text-transform:uppercase;color:rgba(255,255,255,.6);animation:cf2Up .7s 2.35s ease both}
@keyframes cf2Up{0%{opacity:0;transform:translateY(14px)}100%{opacity:1;transform:none}}
.cf2-skip{position:absolute;z-index:3;left:50%;bottom:calc(32px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);background:transparent!important;border:1px solid rgba(255,255,255,.3)!important;color:#ffffff!important;font-family:var(--f-cond)!important;letter-spacing:.2em;text-transform:uppercase;padding:12px 30px!important;border-radius:0!important;animation:cf2Up .6s 3s ease both}
.cf2-skip:hover{border-color:#c6ff3a!important;color:#c6ff3a!important}
@media (prefers-reduced-motion:reduce){#champfx.cf2 *{animation:none!important}}
.cf2-t{padding-top:.22em;margin-top:0}
.cf2-skip{left:0!important;right:0!important;margin:0 auto!important;width:max-content;transform:none!important}
.cf2-c{transform:translateY(-2vh)}
.cf2-t span{font-size:clamp(56px,9.5vw,124px)}
/* ligas: o botão É a logo */
html body .lb2 .rs-lgs{gap:8px}
html body .lb2 button.rs-lg{width:auto!important;height:46px!important;padding:0!important;border-radius:0!important;background:none!important;border:0!important;box-shadow:none!important;overflow:hidden;position:relative;opacity:.55;filter:saturate(.6);transition:opacity .15s,filter .15s,transform .15s}
html body .lb2 button.rs-lg span{display:block;height:46px;width:auto;aspect-ratio:312/120;background-size:100% 100%!important}
html body .lb2 button.rs-lg[data-v="libertadores"] span{aspect-ratio:210/120}html body .lb2 button.rs-lg[data-v="kings"] span{aspect-ratio:288/120}
html body .lb2 button.rs-lg b{display:grid;place-items:center;height:46px;padding:0 16px;background:#2b2170;color:#ffffff;font-family:var(--f-display);font-size:15px;letter-spacing:.1em;line-height:1}
html body .lb2 button.rs-lg b small{display:block;font-family:var(--f-cond);font-size:9px;letter-spacing:.2em;color:#c6ff3a;margin-top:2px}
html body .lb2 button.rs-lg[data-v="legends"] b{background:linear-gradient(135deg,#0e0b1f,#0e0b1f);color:rgb(232 196 106)}
html body .lb2 button.rs-lg:hover:not(:disabled){opacity:.85;filter:none}
html body .lb2 button.rs-lg.on{opacity:1;filter:none;box-shadow:0 0 0 2px #c6ff3a!important;transform:translateY(-1px)}
html body .lb2 button.rs-lg:disabled:not(.on){opacity:.3}
@media (max-width:640px){html body .lb2 button.rs-lg,html body .lb2 button.rs-lg span,html body .lb2 button.rs-lg b{height:38px!important}}
html body .lb2 button.rs-lg.on{outline:2px solid #c6ff3a!important;outline-offset:2px}
.cf2-t{padding-top:.4em!important;margin-top:-.2em}#champfx.cf2{z-index:300}
/* aviso do visual novo */
.xov.idnov .xbox{padding:0!important;max-width:520px;overflow:hidden;border-radius:0!important;background:#0e0b1f!important;border:1px solid rgba(140,123,242,.3)!important}
.idn-art{height:190px;background:center 30%/cover no-repeat;position:relative}
.idn-art::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,#0e0b1f)}
.idn-b{padding:6px 24px 24px;display:flex;flex-direction:column;gap:10px}
.idn-b h2{margin:0;font-size:clamp(24px,4vw,32px)!important;line-height:1.05}
.idn-b p{margin:0;color:rgba(255,255,255,.82);line-height:1.5}.idn-b .note{color:rgba(255,255,255,.55)}
.idn-b .primary{margin-top:6px;align-self:stretch;padding:14px!important;font-size:18px!important}
/* ligas: todas do mesmo tamanho */
html body .lb2 button.rs-lg{width:124px!important;height:48px!important}
html body .lb2 button.rs-lg span,html body .lb2 button.rs-lg b{width:124px!important;height:48px!important;aspect-ratio:auto!important;background-size:cover!important;background-position:center!important}
@media (max-width:640px){html body .lb2 .rs-lgs{display:grid;grid-template-columns:repeat(3,1fr)}html body .lb2 button.rs-lg,html body .lb2 button.rs-lg span,html body .lb2 button.rs-lg b{width:100%!important;height:42px!important}}
/* linha de lendas travada quando o modo é Lendas e Eternos */
.rs-row.locked .rs-seg{opacity:.35;pointer-events:none}
.rs-lock-note{font-size:12px;color:rgb(232 196 106);margin-top:6px}
html body .lb2 button.rs-lg[data-v="libertadores"] span{background-size:contain!important;background-color:#0e0b1f!important;background-repeat:no-repeat!important}
html body .lb2 button.rs-lg[data-v="kings"] span{background-size:contain!important;background-color:#0b0201!important;background-repeat:no-repeat!important}
.idn-b h2{text-align:left}
/* banners novos: arte inteira (formato próprio), escudo grande sobre a ponta esquerda */
.np.np-art{height:calc(var(--h) * 1.9);padding-left:calc(var(--cs) * .5)}
.np-bar.art{height:calc(var(--h) * 1.7)!important;clip-path:none!important;box-shadow:none!important;border-radius:0!important;padding:0 calc(var(--h) * .7) 0 calc(var(--cs) * .62)!important;background-color:transparent!important}
.np-bar.art .np-fx{display:none}
.np.np-art .np-t b{font-size:calc(var(--h) * .4)!important}.np.np-art .np-t span{font-size:calc(var(--h) * .28)!important}
.np.np-art .np-cr{filter:drop-shadow(0 6px 12px rgba(14,11,31,.6))}

/* L'art de arte (Pelé, Fenômeno, Maradona…): moldura fina, sem nome, só over e stats */
.pc4.fk-lart2 .pc4-in{left:9.9%;right:11.8%;top:10.6%;bottom:8.7%}
.pc4.fk-lart2 .pc4-win{-webkit-mask-image:url(a/cf_m_lart2.webp?v=2019fba6);mask-image:url(a/cf_m_lart2.webp?v=2019fba6);background:#0e0b1f!important}
.pc4.fk-lart2 .pc4-in>img{object-fit:cover;object-position:50% 20%}
.pc4.fk-lart2 .pc4-nm,.pc4.fk-lart2 .pc4-tag{display:none!important}
.pc4.fk-lart2 .pc4-fade{background:linear-gradient(180deg,transparent 70%,rgba(14,11,31,.85) 92%,#0e0b1f)!important}
.pc4.fk-lart2 .pc4-ovr{left:15%;top:13%}.pc4.fk-lart2 .pc4-st{left:16%;right:17%;bottom:12%}
/* Lenda base: preto e branco */
.pc4.fk-l.bw .pc4-in>img{filter:grayscale(1) contrast(1.05)}
/* arte de carreira dentro do layout Eterno/Lenda */
.pc4.ovart .pc4-in>img{height:100%!important;object-position:50% 15%!important}
/* over e posição padronizados nas skins */
.pc4.fk-lart .pc4-ovr b,.pc4.fk-lart2 .pc4-ovr b,.pc4.fk-ballon .pc4-ovr b,.pc4.fk-goat .pc4-ovr b,.pc4.fk-atemporal .pc4-ovr b,.pc4.fk-n .pc4-ovr b,.pc4.fk-c .pc4-ovr b{color:#ffffff!important}
.pc4.fk-lart .pc4-ovr em,.pc4.fk-lart2 .pc4-ovr em,.pc4.fk-ballon .pc4-ovr em,.pc4.fk-goat .pc4-ovr em,.pc4.fk-atemporal .pc4-ovr em,.pc4.fk-n .pc4-ovr em,.pc4.fk-c .pc4-ovr em{color:#c6ff3a!important}
/* Ballon d'Or: over dentro da moldura */
.pc4.fk-ballon .pc4-ovr{left:19%!important;top:14.5%!important}
/* arte de carreira: recorta a borda arredondada embutida na imagem */
.pc4.ovart .pc4-in>img{width:112%!important;height:112%!important;left:-6%!important;top:-5%!important;object-fit:cover}
.pc4.fk-lart2 .pc4-ovr{left:16.5%!important;top:12.5%!important}.pc4.fk-lart2 .pc4-st{bottom:11%!important}
.np-bar.art{padding-left:calc(var(--cs) * .8)!important}
.np-bar.art{padding-left:max(calc(var(--cs) * .8),19%)!important}
/* banners: todos terminam no mesmo ponto (direita alinhada), sobra corta por baixo do escudo */
.np-bar.art{background-size:cover!important;background-position:right center!important;padding-left:calc(var(--cs) * .62)!important;padding-right:calc(var(--h) * 1.1)!important}
.np.np-art{padding-left:calc(var(--cs) * .55)}
.np.np-art .np-t{max-width:100%;padding:4px 10px 4px 6px;background:linear-gradient(90deg,rgba(14,11,31,.55),rgba(14,11,31,0));border-radius:2px}
/* banners: mesma proporção em todos (arte esticada só no miolo liso), deslocados pra esquerda por baixo do escudo */
.np-bar.art{background-size:100% 100%!important;background-position:center!important;margin-left:calc(var(--cs) * -.35);padding-left:calc(var(--cs) * .95)!important}
.np.np-art{padding-left:calc(var(--cs) * .6)}
.np-bar.art{padding-left:calc(var(--cs) * 1.05)!important}
.np.np-art .np-t{background:none!important;padding:0!important}
.np-bar.art.bn-grana .np-t{transform:translate(calc(var(--h) * .35),-6%)}
.adm-fl{flex-wrap:wrap;gap:6px}.adm-fl button{border-radius:0!important;padding:8px 12px!important;font-family:var(--f-cond)!important;letter-spacing:.08em;text-transform:uppercase}
.adm-fl button.on{background:#c6ff3a!important;color:#0e0b1f!important}.adm-fl small{opacity:.7;margin-left:4px}
#aMore{margin-top:10px;width:100%;border-radius:0!important}
/* rosto: sem corte por fade no meio da cabeça */
.pc4-win>.pc4-in>img.ff{-webkit-mask-image:linear-gradient(180deg,#0e0b1f 86%,transparent 100%)!important;mask-image:linear-gradient(180deg,#0e0b1f 86%,transparent 100%)!important}
.pc4.fk-n .pc4-fade,.pc4.fk-c .pc4-fade{background:linear-gradient(180deg,transparent 68%,rgba(14,11,31,.55) 86%,rgba(14,11,31,.9))!important}
.pc4.fk-e .pc4-in>img.ff2,.pc4.fk-l .pc4-in>img.ff2{position:absolute;right:auto;bottom:auto;height:auto!important;object-fit:fill}
.pc4 .pc4-in>img.ff,.pc4 .pc4-in>img.ff2{max-width:none!important;max-height:none!important}
/* loja: objetivos */
.ob-list{display:flex;flex-direction:column;gap:12px}
.ob-it{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:18px;align-items:center;padding:16px;background:rgba(14,11,31,.72);border:1px solid rgba(140,123,242,.2)}
.ob-it.has{border-color:rgba(198,255,58,.45)}
.ob-tx{display:flex;flex-direction:column;gap:6px;min-width:0}
.ob-k{font-family:var(--f-cond);font-weight:800;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:#8c7bf2}.ob-it.has .ob-k{color:#c6ff3a}
.ob-tx b{font-family:var(--f-display);font-weight:400;font-size:24px;letter-spacing:.04em;text-transform:uppercase;color:#ffffff}
.ob-tx p{margin:0;color:rgba(255,255,255,.75)}
.ob-bn{max-width:420px}
.ob-acts{display:flex;flex-direction:column;gap:6px}
@media (max-width:640px){.ob-it{grid-template-columns:minmax(0,1fr)}.ob-art{justify-self:center}}
/* ===== objetivos ===== */
.ob2-hd{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;padding:20px 22px;background:rgba(14,11,31,.72);border:1px solid rgba(140,123,242,.2);margin-bottom:6px}
.ob2-hd h2{margin:4px 0 6px}
.ob2-st{display:flex;flex-direction:column;align-items:flex-end;gap:4px}
.ob2-st b{font-family:var(--f-display);font-weight:400;font-size:40px;line-height:1;color:#c6ff3a}.ob2-st small{font-family:var(--f-cond);letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.6)}
.ob2-bst{display:inline-flex;align-items:center;gap:8px;margin-top:6px;font-family:var(--f-cond);font-weight:700;letter-spacing:.06em;color:#ffffff}
.ob2-bst i,.ob-ic.x2{font-style:normal;display:inline-grid;place-items:center;min-width:34px;height:34px;padding:0 6px;background:#c6ff3a;color:#0e0b1f;font-family:var(--f-display);font-size:18px}
.ob2-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:10px}
.ob2{display:grid;grid-template-columns:minmax(0,1fr) 120px;gap:14px;align-items:center;padding:16px;background:rgba(14,11,31,.72);border:1px solid rgba(140,123,242,.18)}
.ob2.has{border-color:rgba(198,255,58,.45);background:linear-gradient(90deg,rgba(198,255,58,.06),rgba(14,11,31,.72) 60%)}
.ob2-l{display:flex;flex-direction:column;gap:4px;min-width:0}
.ob2-k{font-family:var(--f-cond);font-weight:800;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#8c7bf2}.ob2.has .ob2-k{color:#c6ff3a}
.ob2-l b{font-family:var(--f-display);font-weight:400;font-size:21px;letter-spacing:.04em;text-transform:uppercase;color:#ffffff}
.ob2-l p{margin:0;font-size:14px;color:rgba(255,255,255,.72)}
.ob2-bar{height:6px;background:rgba(255,255,255,.08);margin-top:6px}.ob2-bar i{display:block;height:100%;background:#c6ff3a}
.ob2-l small{font-family:var(--f-cond);letter-spacing:.06em;color:rgba(255,255,255,.55)}
.ob2-r{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}
.ob2-r span{font-family:var(--f-cond);font-weight:700;font-size:12px;letter-spacing:.04em;color:rgba(255,255,255,.8);line-height:1.2}
.ob2-r .pk.sm{width:48px}.ob-ic{font-style:normal;font-size:30px;color:#8c7bf2;line-height:1}
@media (max-width:640px){.ob2-list{grid-template-columns:minmax(0,1fr)}.ob2{grid-template-columns:minmax(0,1fr) 92px}}
.hub-tabs{grid-template-columns:repeat(6,1fr)!important}
.ob2-hd h2{text-align:left!important}.ob2-hd>div:first-child{display:flex;flex-direction:column;align-items:flex-start}
.rk-tbl{overflow-x:auto;margin:8px 0}.rk-tbl table{width:100%;border-collapse:collapse;font-family:var(--f-cond);font-variant-numeric:tabular-nums}
.rk-tbl th,.rk-tbl td{padding:6px 8px;text-align:center;border-bottom:1px solid rgba(140,123,242,.15)}.rk-tbl th:first-child,.rk-tbl td:first-child{text-align:left}
.rk-tbl th{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.55)}.rk-tbl tr.me td{color:#c6ff3a;font-weight:800}

.apn.ap1{width:100%;padding:10px 12px;border:1px solid hsl(45 100% 60%/.55);background:linear-gradient(90deg,hsl(45 100% 60%/.16),transparent);display:flex;align-items:center;gap:10px}
.apn.ap1 span:last-child{display:flex;flex-direction:column;line-height:1.15}.apn.ap1 b{font-size:16px;color:#ffffff}.apn.ap1 small{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:hsl(45 100% 65%)}

/* ===== raridade com cor própria (comum cinza · rara azul · épica roxa · lendária dourada) ===== */
.rar-leg{display:flex;gap:6px;margin-left:auto;flex-wrap:wrap}
.rar-leg i{font-style:normal;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;padding:3px 9px;color:var(--rc);border:1px solid color-mix(in srgb,var(--rc) 55%,transparent);background:color-mix(in srgb,var(--rc) 12%,transparent)}
.shop3 .sh-sec{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
html body .shop3 .si{outline:1px solid color-mix(in srgb,var(--rc) 40%,transparent);outline-offset:-1px;background:linear-gradient(180deg,color-mix(in srgb,var(--rc) 10%,transparent),transparent 60%)!important}
html body .shop3 .si::before{background:linear-gradient(var(--rc),var(--rc)) top/100% 3px no-repeat!important;opacity:.95}
html body .shop3 .si-art,html body .shop3 .si.icone .si-art{background:radial-gradient(60% 55% at 50% 42%,color-mix(in srgb,var(--rc) 34%,transparent),transparent 72%),linear-gradient(180deg,color-mix(in srgb,var(--rc) 18%,#0e0b1f),#0e0b1f 70%)!important}
html body .shop3 .si.icone::before{background:linear-gradient(var(--rc),var(--rc)) top/100% 3px no-repeat!important}
html body .shop3 .si-rar{background:var(--rc)!important;color:#0e0b1f!important;padding:4px 10px 4px 9px!important;clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%);font-size:10.5px!important;letter-spacing:.14em!important;top:12px!important;left:12px!important}
html body .shop3 .si-rar::before{display:none}
html body .shop3 .si:hover{box-shadow:0 18px 40px -18px var(--rc)}
html body .shop3 .sh-feat{background:radial-gradient(50% 70% at 30% 50%,color-mix(in srgb,var(--rc) 30%,transparent),transparent 70%),linear-gradient(120deg,color-mix(in srgb,var(--rc) 14%,#0e0b1f),#0e0b1f 70%)!important}
html body .shop3 .sh-feat::before{background:linear-gradient(var(--rc),var(--rc)) top/100% 3px no-repeat!important}
html body .shop3 .sh-kind b{background:var(--rc)!important;color:#0e0b1f!important}
html body .shop3 .sh-kick{color:var(--rc)!important}
html body .shop3 .sh-info{margin-top:18px;opacity:.75;font-size:13px}
.inv-c.rbg{outline:1px solid color-mix(in srgb,var(--rc) 45%,transparent);outline-offset:-1px}
.inv-c.rbg small{color:var(--rc)!important;font-weight:800;letter-spacing:.1em;text-transform:uppercase}

/* ===== cartas especiais: alvo agrupado por clube ===== */
.pk-grp{margin:10px 0 4px}
.pk-h{display:flex;align-items:center;gap:8px;padding:6px 2px;border-bottom:1px solid rgba(140,123,242,.25);margin-bottom:6px;position:sticky;top:0;background:#0e0b1f;z-index:1}
.pk-h b{font-size:15px}.pk-h small{margin-left:auto;opacity:.55;font-size:11px}
.modal .pick{max-height:none!important}
.modal .box{max-height:86vh;overflow:auto}
.pk-l{display:flex;align-items:center;gap:8px;min-width:0}
.pk-pos{font-size:10px;font-weight:900;letter-spacing:.06em;padding:2px 6px;min-width:34px;text-align:center;background:rgba(140,123,242,.2);color:#8c7bf2}
.pk-pos.pos-ATA{background:rgba(198,255,58,.16);color:#c6ff3a}.pk-pos.pos-GOL{background:rgba(255,255,255,.12);color:#ffffff}
.pk-o{font-family:'LC Display',sans-serif;font-size:18px;min-width:26px}
.pk-n{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pk-d b{color:#ff6b6b}
.pk-tgt{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border:1px solid #c6ff3a;background:rgba(198,255,58,.08);margin:8px 0}
.mc{position:relative}.mc-k{position:absolute;top:3px;left:4px;font:800 10px/1 'LC Cond',sans-serif;padding:2px 4px;background:rgba(255,255,255,.12);color:#ffffff;border-radius:2px}
@media (hover:none){.mc-k{display:none}}

/* ===== carta do criador ===== */
.xov.gm-carta .xbox{max-width:560px;text-align:left;background:linear-gradient(180deg,#0e0b1f,#0e0b1f)!important;border:1px solid rgba(198,255,58,.35)!important}
.gm-carta h2{font-size:30px;margin:6px 0 10px}
.gm-carta .gm-tx{font-size:15.5px;line-height:1.55;margin:0 0 12px;color:#ffffff;opacity:.92}
.gm-sig{display:flex;flex-direction:column;align-items:flex-end;margin:6px 0 16px}
.gm-sig b{font-family:'Permanent Marker',cursive;font-size:22px;color:#c6ff3a;transform:rotate(-3deg)}
.gm-sig small{opacity:.6;font-size:12px}
.gm-pr{display:block;margin:4px 0 8px}
.gm .gm-items{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
.gm .gm-it{display:flex;flex-direction:column;align-items:center;gap:6px;max-width:130px;text-align:center}
.gm .gm-it .pk.big{width:90px}
/* aviso de apoiadores */
.xov.apnov .xbox{max-width:480px;text-align:left}
.apn-hero{display:flex;align-items:center;gap:12px;padding:14px;margin:10px 0;border:1px solid rgba(140,123,242,.4);background:rgba(140,123,242,.08)}
.apn-hero b{font-size:22px;display:block}.apn-hero small{opacity:.7}
.apnov .primary{width:100%;margin-top:6px}.apnov .ghost{width:100%;margin-top:8px}

/* ===== admin: presentes ===== */
.gf section{margin-bottom:18px}.gf h4{display:flex;gap:10px;align-items:baseline}
.gf-chips{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 10px}
.gf-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 6px 4px 10px;background:rgba(198,255,58,.12);border:1px solid rgba(198,255,58,.4);font-weight:700}
.gf-chip button{padding:0 6px;min-height:0;background:none;border:0;color:#ffffff}
.gf-res{display:grid;gap:6px;max-height:260px;overflow:auto}.gf-res .adm-u.on{border-color:#c6ff3a}
.gf-cat{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}
.gf-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px}
.gf-grid.bd{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}
.gf-grid .gf-sq,.gf-grid .note,.gf-grid .gf-num{grid-column:1/-1}
.gf-t{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 6px;text-align:center;border:1px solid rgba(140,123,242,.25);background:rgba(255,255,255,.03)}
.gf-t.on{border-color:#c6ff3a;background:rgba(198,255,58,.08)}
.gf-v{display:flex;align-items:center;justify-content:center;min-height:80px;max-width:100%;overflow:hidden}
.gf-v .pk.big{width:80px}
.gf-t b{font-size:13px;line-height:1.1}.gf-t small{font-size:10px;opacity:.6}
.gf-ck{position:absolute;top:6px;right:6px;font-style:normal;width:20px;height:20px;display:grid;place-items:center;background:rgba(255,255,255,.1);font-weight:900}
.gf-t.on .gf-ck{background:#c6ff3a;color:#0e0b1f}
.gf-num{display:flex;gap:8px;align-items:flex-end;margin-bottom:8px}.gf-num label{flex:1;display:flex;flex-direction:column;gap:4px}
.gf-sel{margin-top:12px;padding:10px;border:1px dashed rgba(198,255,58,.4)}
.gf-sel-l{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.gf-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 4px 4px 10px;background:rgba(140,123,242,.15);font-size:13px}
.gf-pill input{width:48px;padding:2px 4px}.gf-pill button{padding:0 6px;min-height:0;background:none;border:0;color:#ffffff}
.gf textarea,.gf #gT{width:100%;margin:4px 0}
.gf-cb{display:flex;gap:8px;align-items:center;margin-top:6px}
#gGo{width:100%}

/* ===== clube: perfil / inventário / editar ===== */
.pf-sec{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:12px 0;border:1px solid rgba(140,123,242,.3)}
.pf-sec button{border:0!important;border-radius:0!important;padding:12px 6px;font-family:'LC Cond',sans-serif;font-weight:800;font-size:16px;text-transform:uppercase;letter-spacing:.05em;background:transparent}
.pf-sec button.on{background:#c6ff3a!important;color:#0e0b1f!important}
.pf-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.pf-st{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.pf-st div{display:flex;flex-direction:column;padding:8px 10px;border-left:2px solid #8c7bf2}
.pf-st b{font-family:'LC Display',sans-serif;font-size:26px;line-height:1}.pf-st small{opacity:.6;font-size:11px;text-transform:uppercase;letter-spacing:.08em}
.pf-info{display:flex;flex-direction:column;gap:4px}.pf-coach{font-size:24px}
.pf-fav{display:flex;flex-direction:column;align-items:center;gap:8px}
.pf-use{grid-column:1/-1}.pf-usedg{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}
.pf-used{display:flex;flex-direction:column;align-items:center;gap:4px}.pf-used small{opacity:.65;font-size:11px}
@media (max-width:640px){.pf-grid{grid-template-columns:1fr}.pf-st{grid-template-columns:repeat(2,1fr)}}

/* ===== encaixe no campinho: verde = ideal · amarelo = improvisado · vermelho = fora ===== */
html body .fitleg i.good{background:hsl(78 100% 61%)}html body .fitleg i.half{background:hsl(45 100% 55%)}html body .fitleg i.bad{background:hsl(0 90% 64%)}
html body .slot .so::before{display:none}
html body .slot .so{position:relative;z-index:3;display:inline-block;margin-top:2px;padding:1px 6px!important;font:800 11px/1.3 'LC Cond',sans-serif!important;letter-spacing:.02em;border-radius:2px;color:hsl(248 48% 8%)!important;background:hsl(78 100% 61%)!important}
html body .slot.fit-half .so,html body .slot .so.half{background:hsl(45 100% 55%)!important;color:hsl(248 48% 8%)!important}
html body .slot.fit-bad .so,html body .slot .so.off{background:hsl(0 90% 64%)!important;color:#ffffff!important}
html body .slot.fit-half .pc3,html body .slot.fit-half .jersey,html body .slot.fit-half .pc4{box-shadow:0 0 0 2px hsl(45 100% 55%)}
html body .slot.fit-bad .pc3,html body .slot.fit-bad .jersey,html body .slot.fit-bad .pc4{box-shadow:0 0 0 2px hsl(0 90% 64%);opacity:.85}
html body .fitp.good{color:hsl(78 100% 61%)}html body .fitp.half{color:hsl(45 100% 55%)}html body .fitp.bad{color:hsl(0 90% 64%)}
html body .slot.hint-half{outline-color:hsl(45 100% 55%);background:hsla(45,100%,55%,.1)}html body .slot.empty.hint-half .ring{border-color:hsl(45 100% 55%)!important;color:hsl(45 100% 55%);box-shadow:0 0 12px hsla(45,100%,55%,.4)}
.prephint.auc{margin:4px 0;font-size:12px;opacity:.7;display:flex;align-items:center;gap:6px}
html body .a-squad .slot.sel{outline:2px solid #c6ff3a;outline-offset:2px}
html body .shop3 .si-sk .si-art *{-webkit-box-reflect:none!important}
.gf-cat button{padding:8px 14px!important;border:1px solid rgba(140,123,242,.35)!important;background:rgba(255,255,255,.03)!important;font-weight:800;text-transform:uppercase;font-size:12px;letter-spacing:.06em}
.gf-cat button.on{background:#c6ff3a!important;color:#0e0b1f!important;border-color:#c6ff3a!important}
.gf textarea{background:rgba(255,255,255,.05);color:#ffffff;border:1px solid rgba(140,123,242,.3);padding:10px;font:inherit}
.gf-cb{justify-content:flex-start;text-transform:none!important;flex-direction:row!important}
.gm .gm-it.gm-bn{max-width:300px;flex-basis:100%}
.gm .gm-it .coach-card,.gm .gm-it>svg{min-height:80px}

/* ===== banner: molde único em todo o jogo =====
   faixa com altura fixa (1,7×h) · escudo dentro da zona esquerda · nome começa depois do escudo · arte ancorada na direita */
html body .np.np-art{height:calc(var(--h) * 1.7)!important;padding-left:0!important;display:flex;align-items:center}
html body .np.np-art .np-bar.art{height:calc(var(--h) * 1.7)!important;margin:0!important;flex:1;padding:0 calc(var(--h) * .9) 0 calc(var(--h) * 1.85)!important;background-size:auto 100%!important;background-position:right center!important;clip-path:none!important;border-radius:0!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)!important}
html body .np.np-art .np-cr{left:calc(var(--h) * .14)!important;top:50%!important;transform:translateY(-50%)!important;width:var(--cs);height:var(--cs)}
html body .np.np-art .np-t{transform:none!important;background:none!important;padding:0!important;max-width:100%}
html body .np.np-art .np-t b{font-size:calc(var(--h) * .42)!important}
html body .np.np-art .np-t span{font-size:calc(var(--h) * .28)!important}
html body .np.np-art .np-bar.art{background-color:var(--bnb,#0e0b1f)!important}

/* moldura normal/craque mais fina: janela da foto maior, over e logo acompanham */
html body .pc4.fk-n .pc4-in,html body .pc4.fk-c .pc4-in{left:8.4%!important;right:8.4%!important}
html body .pc4.fk-n .pc4-ovr,html body .pc4.fk-c .pc4-ovr{left:13%!important}
html body .pc4.fk-n .pc4-lg,html body .pc4.fk-c .pc4-lg,html body .pc4.fk-n .pc4-em,html body .pc4.fk-c .pc4-em{right:13%!important}
html body .pc4.fk-n .pc4-lg2,html body .pc4.fk-c .pc4-lg2{right:14%!important}

/* lendas/eternos: nome e etiqueta um pouco mais baixos */
html body .pc4.fk-e .pc4-nm,html body .pc4.fk-l .pc4-nm{top:68.5%}
html body .pc4.fk-e .pc4-tag,html body .pc4.fk-l .pc4-tag{top:65.2%}
/* skin de conquista de carreira (arte própria): mesma janela da foto das lendas */
html body .pc4.ovart.fk-e .pc4-in>img,html body .pc4.ovart.fk-l .pc4-in>img{position:absolute!important;inset:0 auto auto 0!important;left:0!important;top:0!important;width:100%!important;height:80%!important;max-width:none!important;object-fit:cover!important;object-position:50% 18%!important}
/* posição na cor da skin (não verde) */
html body .pc4.fk-ballon .pc4-ovr em,html body .pc4.fk-goat .pc4-ovr em{color:hsl(43 84% 72%)!important}
html body .pc4.fk-lart .pc4-ovr em,html body .pc4.fk-lart2 .pc4-ovr em{color:hsl(43 70% 69%)!important}
html body .pc4.fk-atemporal .pc4-ovr em{color:hsl(203 100% 81%)!important}

/* Kings League: carta com laranja/amarelo da Kings no lugar do verde */
html body .pc4.kin .pc4-ovr em{color:hsl(36 100% 55%)!important}
/* nome do craque um pouco mais alto */
html body .pc4.fk-c .pc4-nm{top:76.6%!important}

/* ===== login novo + idioma ===== */
.lang-pick{display:inline-flex;gap:4px;padding:3px;border:1px solid rgba(140,123,242,.3);background:rgba(14,11,31,.6)}
.lang-pick button{display:inline-flex;align-items:center;gap:6px;padding:6px 10px!important;min-height:0!important;border:0!important;background:transparent!important;color:#ffffff;font:800 12px/1 'LC Cond',sans-serif;letter-spacing:.08em}
.lang-pick button span{font-size:16px;line-height:1}
.lang-pick button.on{background:#c6ff3a!important;color:#0e0b1f!important}
.lang-pick.sm button{padding:5px 8px!important}
.authw.lg2{max-width:460px;margin:0 auto;padding:16px 16px 40px}
.lg2-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.lg2-hero{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;padding:34px 18px 26px;margin:0 -16px 14px;background:linear-gradient(180deg,rgba(14,11,31,.15),#0e0b1f 92%),var(--hb,none) center 30%/cover no-repeat;text-align:center}
.lg2-hero .brand,.lg2-hero img{max-width:280px}
.lg2-tag{margin:0;font-size:16px;line-height:1.4;color:#ffffff;opacity:.9;max-width:330px}
.lg2-box{display:flex;flex-direction:column;gap:12px;padding:20px!important}
html body .lg2-box .gbtn{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:15px!important;background:#ffffff!important;color:#0e0b1f!important;border:0!important;border-radius:0!important;font:800 17px/1 'LC Cond',sans-serif;letter-spacing:.02em;clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%)}
html body .lg2-guest{display:flex;flex-direction:column;align-items:center;gap:3px;width:100%;padding:13px!important;background:rgba(198,255,58,.1)!important;border:1px solid rgba(198,255,58,.55)!important;color:#c6ff3a!important}
.lg2-guest b{font:800 17px/1 'LC Cond',sans-serif;letter-spacing:.03em;text-transform:uppercase}
.lg2-guest small{color:#ffffff;opacity:.6;font-size:11px}
.lg2-why{text-align:center;margin:2px 0 0;font-size:12px}
.lg2-mailbtn{align-self:center;opacity:.75}
.lg2-mail{display:flex;flex-direction:column;gap:10px}

/* ===== rankeada: dois modos + bônus diário ===== */
.rk-modes{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}
html body .rk-modes .rk-go{display:flex;align-items:center;gap:12px;justify-content:flex-start;text-align:left;padding:14px 16px!important;margin:0!important;width:100%}
.rk-modes .rk-go span{display:flex;flex-direction:column;gap:3px;min-width:0}
.rk-modes .rk-go b{font:800 20px/1 'LC Cond',sans-serif;text-transform:uppercase;letter-spacing:.02em}
.rk-modes .rk-go small{font:500 12px/1.25 'LC Body',sans-serif;opacity:.8;text-transform:none;letter-spacing:0}
html body .rk-modes .rk-fast{background:rgba(140,123,242,.16)!important;border:1px solid #8c7bf2!important;color:#ffffff!important}
.rk-daily{display:grid;grid-template-columns:auto 1fr;gap:2px 10px;align-items:baseline;padding:10px 14px;margin:0 0 12px;border-left:3px solid #c6ff3a;background:rgba(198,255,58,.07)}
.rk-daily b{color:#c6ff3a;font-size:14px}.rk-daily span{font-size:13px;opacity:.9}
.rk-daily em{grid-column:1/-1;font-style:normal;font-size:11.5px;opacity:.6}
.rk-daily.done{border-left-color:#8c7bf2;background:rgba(140,123,242,.08)}.rk-daily.done b{color:#ffffff}
.rkdone .rk-daily{text-align:left;margin:12px 0}
.rk-share{width:100%;margin:8px 0;padding:12px!important;border:1px solid rgba(198,255,58,.5)!important;background:rgba(198,255,58,.08)!important;color:#c6ff3a!important;font-weight:800}
.rk-q{font-style:normal;font-size:10px;padding:1px 6px;background:rgba(140,123,242,.25);color:#8c7bf2;letter-spacing:.06em;text-transform:uppercase;vertical-align:middle}
@media (max-width:640px){.rk-modes{grid-template-columns:1fr}}
html body .rk-modes #rkGo{background:#c6ff3a!important;color:#0e0b1f!important;border:0!important}
.rk-modeinfo{margin:6px 0 12px;font-size:12.5px;opacity:.8}.rk-modeinfo b{color:#c6ff3a}
/* revisão geral: aba Objetivos cortada no celular, aviso de celular deitado ilegível */
@media (max-width:480px){.hub-tabs button{letter-spacing:.01em!important;font-size:12px!important;padding-left:2px!important;padding-right:2px!important;overflow:visible!important;white-space:nowrap}}
@media (max-width:370px){.hub-tabs button{font-size:11px!important;letter-spacing:0!important}}
#rotTip,#rotTip b,#rotTip small,#rotTip span{color:#0e0b1f!important}#rotTip small{opacity:.78;display:block;line-height:1.25}
@media (max-width:480px){.hub-tabs{grid-template-columns:1fr 1fr 1.45fr .9fr 1fr 1.1fr!important;padding-left:6px!important;padding-right:6px!important}.menu.hub .hub-tabs .ox,.hub-tabs button{clip-path:none!important}}
html body button#rkGo{background:#c6ff3a!important;color:#0e0b1f!important;border:0!important}html body button#rkGo *{color:#0e0b1f!important}
/* missão do dia + chamada do bônus no cartão Rankeada */
.ms-day{display:grid;grid-template-columns:minmax(0,1fr) 120px;gap:14px;align-items:center;padding:16px;margin:0 0 18px;background:rgba(43,33,112,.55);border:1px solid rgba(198,255,58,.45);border-left:4px solid #c6ff3a}
.ms-day b{display:block;font-family:var(--f-body);font-size:17px;color:#ffffff;margin:2px 0 4px}.ms-day small{display:block;margin-top:6px;color:rgba(255,255,255,.6);font-size:12.5px}
.ms-day .ms-r{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;font-weight:700;color:#c6ff3a;font-size:13px}
.ms-day.done{border-color:rgba(140,123,242,.3);border-left-color:#8c7bf2;opacity:.85}
@media (max-width:640px){.ms-day{grid-template-columns:minmax(0,1fr) 84px;padding:14px}}
.ht-live.bonus,.pj-live.bonus{background:#c6ff3a!important;color:#0e0b1f!important;font-weight:800!important}
/* barras de tempo: animam por transform a cada quadro (lisas, sem repintar a largura) */
.timer i{width:100%!important;transition:none!important;transform-origin:left center;will-change:transform}
/* fluidez: os painéis grandes não desfocam mais o fundo (o céu se mexe atrás deles e o navegador refazia o desfoque a cada quadro). Fundo um pouco mais fechado pra ficar igual. */
.box,body.modern .box,.panel,.card-panel{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:rgba(14,11,31,.84)!important}
/* partida em 3D: o canvas 3D fica por cima do 2D (que guarda o espaço); botão pra alternar */
.pitch3d{position:absolute;left:0;top:0;display:block;z-index:1;box-shadow:0 0 0 1px rgba(140,123,242,.35),0 24px 50px rgba(14,11,31,.45)}
.pitchwrap .mfx{z-index:3}
.pitchwrap>.v3d-tg{position:absolute!important;right:8px!important;left:auto!important;top:8px!important;bottom:auto!important;width:auto!important;margin:0!important;z-index:4;min-width:38px!important;height:26px!important;min-height:0!important;padding:0 8px!important;font-size:12px!important;line-height:1!important;border:1px solid rgba(255,255,255,.35);background:rgba(14,11,31,.72);color:#ffffff;font:700 12px/1 var(--f-body,Barlow),sans-serif;letter-spacing:.06em;border-radius:6px;cursor:pointer;clip-path:none!important}
.pitchwrap>.v3d-tg:hover{background:#c6ff3a;color:#0e0b1f;border-color:#c6ff3a}
.v3d-vg{position:absolute;left:0;top:0;right:0;bottom:0;z-index:2;pointer-events:none;background:radial-gradient(ellipse at 50% 55%,rgba(14,11,31,0) 55%,rgba(14,11,31,.42) 100%)}

/* perfil público de treinador */
.pfov{z-index:9000}.pfov .xbox{width:min(560px,100%)}#pfoB{display:flex;flex-direction:column;gap:12px}
.pfo-h{display:flex;gap:16px;align-items:center;padding-right:36px}.pfo-h>div{display:flex;flex-direction:column;gap:4px;align-items:flex-start;min-width:0}.pfo-h h2{margin:0;font-size:28px;line-height:1;overflow-wrap:anywhere}.pfo-h small{opacity:.7}
.pfov .xstats b{font-size:24px}.pfov .inv-h{margin:6px 0 0}
.pfo-2{display:grid;grid-template-columns:1fr 1fr;gap:8px}.pfo-c{display:flex;flex-direction:column;gap:2px;padding:12px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.05)}.pfo-c b{font-family:var(--f-display);font-size:22px;font-weight:400;text-transform:uppercase;color:hsl(77 100% 61%)}.pfo-c small{opacity:.65;font-size:12px}
.pfo-use{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.pfo-use.tx{justify-content:flex-start}.pfo-use .pf-used{display:flex;flex-direction:column;align-items:center;gap:4px}.pfo-use .pf-used small{opacity:.7;font-size:12px}
.pfo-chip{display:flex;flex-direction:column;padding:8px 12px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05)}.pfo-chip small{opacity:.65;font-size:11px}.pfo-nm{font-family:var(--f-display);font-weight:400;font-size:22px;text-transform:uppercase}
.rk-row[data-pfu],.fr-r[data-pfu],.xrank li[data-pfu],.aw-r[data-pfu],.admk[data-pfu]{cursor:pointer}.rk-row[data-pfu]:hover,.fr-r[data-pfu]:hover,.xrank li[data-pfu]:hover{filter:brightness(1.18)}

.pfo-fr{display:flex}.pfo-fr .fr-b{flex:1;min-height:44px}.pfo-ok{font-weight:700;color:hsl(77 100% 61%);padding:10px 0}

/* convite pra criar conta depois do torneio */
.gpov .xbox{width:min(440px,100%)}.gp-l{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.gp-l li{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-left:3px solid hsl(77 100% 61%);background:rgba(255,255,255,.05)}.gp-l b{font-family:var(--f-display);font-weight:400;font-size:18px;text-transform:uppercase}.gp-l span{font-size:14px;opacity:.8}.gpov .xbox>button{min-height:46px}

/* vestiário: atalho pra classificação */
.lg-tabbtn{display:flex;align-items:center;gap:10px;width:100%;min-height:46px;text-align:left}.lg-tabbtn span{font-family:var(--f-display);text-transform:uppercase;letter-spacing:.04em}.lg-tabbtn b{flex:1;font-weight:500;opacity:.8;font-size:14px;text-align:right}.lg-tabbtn i{font-style:normal;font-size:20px;color:hsl(77 100% 61%)}
.tabov .xbox{width:min(640px,100%);padding-top:54px}.tabov .lgtbox{border:0;background:none;padding:0;box-shadow:none}