/* Conceito: noite de jogo. Gramado listrado ao fundo, placar em letras condensadas, cartão dourado de craque no fim. */
:root{
  --bg:#07120d; --panel:#0f1f17; --panel2:#16291f; --line:#244434;
  --text:#f1f7f2; --muted:#a9bfb2; --accent:#f2c230; --accent-ink:#1a1400;
  --good:#3fe08a; --bad:#ff6161; --mid:#f2c230;
  --font-display:"Bebas Neue","Impact","Arial Narrow",sans-serif;
  --font-body:"Barlow","Segoe UI",system-ui,-apple-system,Roboto,sans-serif;
  --radius:12px;
  color-scheme:dark;
}
*{box-sizing:border-box}
/* tela travada como aplicativo: sem zoom de pinça nem de toque duplo, sem puxar para recarregar, sem seleção de texto
   nem menu no toque longo (os campos de texto continuam normais) */
*{touch-action:pan-x pan-y}
html,body{overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
input,textarea,select,[contenteditable]{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}
html,body{margin:0;background:var(--bg);color:var(--text);font:17px/1.55 var(--font-body);-webkit-text-size-adjust:100%}
body{
  min-height:100dvh;
  background:
    radial-gradient(900px 420px at 50% -8%,rgba(63,224,138,.16),transparent 65%),
    repeating-linear-gradient(90deg,rgba(255,255,255,.018) 0 64px,transparent 64px 128px),
    var(--bg);
}
body{padding-inline:max(18px,env(safe-area-inset-left,0px)) max(18px,env(safe-area-inset-right,0px))}
#app{max-width:560px;margin:0 auto;padding-top:calc(18px + env(safe-area-inset-top,0px));padding-bottom:calc(72px + env(safe-area-inset-bottom,0px))}
h1,h2,h3{margin:0;line-height:1.1;font-family:var(--font-display);font-weight:400;letter-spacing:.02em;text-wrap:balance}
h2{font-size:28px;margin-bottom:8px}
h3{font-size:22px;margin-bottom:10px}
p{margin:0 0 12px}

.hero{padding-top:18px}
.logo{font-family:var(--font-display);letter-spacing:.18em;text-transform:uppercase;color:var(--accent);font-size:16px}
.title{font-size:clamp(64px,22vw,104px);line-height:.9;margin:2px 0 8px;letter-spacing:.03em}
.ending{font-size:clamp(44px,13vw,64px);color:var(--accent);margin:2px 0 6px}
.sub{color:var(--muted);margin:0 0 18px;max-width:46ch}
.feat{margin:10px 0 0;padding-left:18px;color:var(--muted)}
.feat li{margin:2px 0}

.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:22px 20px;margin-bottom:16px}
.card p{font-size:18px;line-height:1.55}
.card.is-match{border-color:#2a6b49;background:linear-gradient(180deg,#10281c,var(--panel))}
.tagrow{display:flex;justify-content:space-between;align-items:center;gap:8px}
.tag{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-ink);background:var(--accent);border-radius:4px;padding:2px 9px;margin-bottom:10px}
.tag.match{background:var(--good)}
.minute{font-family:var(--font-display);font-size:26px;color:var(--good);margin-bottom:6px;font-variant-numeric:tabular-nums}

.btn{display:block;width:100%;text-align:left;font:inherit;font-size:17px;line-height:1.35;color:var(--text);background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:16px 18px;margin-top:12px;cursor:pointer;min-height:54px;transition:transform .12s,border-color .12s}
.btn:hover{border-color:var(--accent)}
.btn:active{transform:scale(.99)}
.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.btn.primary{background:var(--accent);color:var(--accent-ink);font-weight:700;text-align:center;border-color:var(--accent);font-size:17px}
.btn.ghost{background:transparent;text-align:center;color:var(--muted)}

.hud{padding:2px 0 16px}
.hud.compact{padding:0 0 9px}.hud.compact .hud-id{margin-bottom:6px}.hud.compact .hud-av,.hud.compact .av-ring{width:46px;height:46px}.hud.compact .av-crest{right:-5px;bottom:-3px;transform:scale(.82)}.hud.compact .hud-name b{font-size:20px}.hud.compact .hud-name span{font-size:11px}.hud.compact .hud-right .age b{font-size:22px}.hud.compact .hud-right{font-size:11px}.quick-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.quick-stats>span{display:flex;align-items:baseline;justify-content:space-between;gap:3px;padding:5px 7px;border:1px solid var(--line);border-radius:7px;background:rgba(255,255,255,.025)}.quick-stats small{overflow:hidden;color:var(--muted);font-size:8px;letter-spacing:.03em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.quick-stats b{color:var(--good);font-family:var(--font-display);font-size:18px;font-weight:400;line-height:1}
.hud-id{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.crest{flex:none}
.hud-name{display:flex;flex-direction:column;min-width:0;flex:1}
.hud-name b{font-family:var(--font-display);font-size:22px;font-weight:400;letter-spacing:.03em;line-height:1.05;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hud-name span{font-size:14px;line-height:1.25;color:var(--muted)}
.hud-right{display:flex;flex-direction:column;align-items:flex-end;gap:2px;font-size:14px;color:var(--muted);flex:none;white-space:nowrap;line-height:1.1}
.hud-right .age{color:var(--muted)}
.hud-right .age b{font-family:var(--font-display);font-size:26px;font-weight:400;color:var(--text);margin-right:2px}
.hud-right .cash{color:var(--accent);font-weight:600}
.bars{display:grid;grid-template-columns:repeat(2,1fr);gap:9px 18px}
.bar{font-size:12.5px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.07em}
.bar .lbl span:last-child{color:var(--text)}
.bar .track{height:7px;background:var(--panel2);border-radius:99px;overflow:hidden;margin-top:3px}
.bar .fill{height:100%;background:var(--good);transition:width .6s ease}
.bar .fill.low{background:var(--bad)}
.bar .fill.mid{background:var(--mid)}
.bar .lbl{display:flex;justify-content:space-between;font-variant-numeric:tabular-nums}

.fx{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 0}
.chip{font-size:13px;font-weight:600;border-radius:4px;padding:3px 9px;background:var(--panel2)}
.chip.up{color:var(--good)} .chip.down{color:var(--bad)}
.res{white-space:pre-line}
.profile dl{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;margin:12px 0 0}
.profile dt{color:var(--muted)} .profile dd{margin:0;font-weight:600}

.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:6px 0 14px}
.stats div{background:var(--panel2);border-radius:8px;padding:10px 6px;text-align:center}
.stats b{display:block;font-family:var(--font-display);font-weight:400;font-size:30px;line-height:1;font-variant-numeric:tabular-nums}
.stats span{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}
.stats .rate b{color:var(--accent)}
.trophy{color:var(--accent);font-weight:700}

.tablewrap{overflow-x:auto}
.hist{width:100%;border-collapse:collapse;font-size:13px;font-variant-numeric:tabular-nums}
.hist th{text-align:left;color:var(--muted);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.06em;padding:4px 8px 6px 0}
.hist td{padding:5px 8px 5px 0;border-top:1px solid var(--line);white-space:nowrap}

.score{font-family:var(--font-display);font-size:64px;line-height:1;color:var(--accent);margin:2px 0 6px;font-variant-numeric:tabular-nums}

/* Cartão de craque */
.fut{background:linear-gradient(155deg,#f7dd7a 0%,#d9a928 45%,#8c6a10 100%);color:#2a1d00;border-radius:16px 16px 40px 16px;padding:18px 18px 14px;margin:6px 0 14px;box-shadow:0 10px 30px rgba(242,194,48,.18)}
.fut-top{display:flex;justify-content:space-between;align-items:flex-start}
.fut-ovr{display:flex;flex-direction:column;line-height:1}
.fut-ovr b{font-family:var(--font-display);font-weight:400;font-size:68px}
.fut-ovr span{font-family:var(--font-display);font-size:24px;letter-spacing:.06em}
.fut-name{font-family:var(--font-display);font-size:30px;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid rgba(42,29,0,.35);padding-bottom:6px;margin-bottom:10px}
.fut-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px 10px}
.fut-grid div{display:flex;gap:6px;align-items:baseline}
.fut-grid b{font-family:var(--font-display);font-weight:400;font-size:26px;font-variant-numeric:tabular-nums}
.fut-grid span{font-size:12px;font-weight:700;letter-spacing:.08em}
.fut-foot{margin-top:10px;font-size:12px;font-weight:600;opacity:.8}

.ach-toast{display:flex;flex-direction:column;gap:2px;margin-top:14px;padding:12px 14px;border:1px solid var(--accent);border-radius:10px;background:rgba(242,194,48,.1)}
.ach-toast b{color:var(--accent);font-family:var(--font-display);font-weight:400;font-size:20px;letter-spacing:.04em}
.ach-toast span{font-size:15px}
.ach{display:flex;flex-direction:column;gap:2px;padding:14px 16px;margin-bottom:10px;border:1px solid var(--line);border-radius:10px;background:var(--panel);opacity:.55}
.ach.on{opacity:1;border-color:var(--accent)}
.ach b{font-family:var(--font-display);font-weight:400;font-size:21px;letter-spacing:.03em}
.ach.on b{color:var(--accent)}
.ach span{font-size:15px;color:var(--muted)}
.news{margin-top:16px;padding:12px 14px;background:#e9e2cf;color:#1b1710;border-radius:4px;border-left:4px solid #1b1710}
.news span{display:block;font-family:var(--font-display);letter-spacing:.14em;font-size:13px;text-transform:uppercase;opacity:.7}
.news b{display:block;font-family:var(--font-display);font-weight:400;font-size:24px;line-height:1.1;letter-spacing:.02em;margin-top:2px}
.asset{display:flex;gap:12px;align-items:center;justify-content:space-between;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:14px 16px;margin-bottom:10px}
.asset>div{display:flex;flex-direction:column;gap:2px;min-width:0}
.asset b{font-family:var(--font-display);font-weight:400;font-size:21px;letter-spacing:.03em}
.asset span{font-size:14px;color:var(--muted)}
.asset .cost{color:var(--accent);font-weight:600}
.asset .btn{width:auto;flex:none;margin:0;text-align:center;padding:10px 16px;min-height:44px}
.asset .btn:disabled{opacity:.45;cursor:not-allowed}
.asset.owned{border-color:var(--accent)}
.btn.daily{border-color:var(--accent);background:linear-gradient(180deg,rgba(242,194,48,.12),var(--panel2))}
.btn.daily b{display:block;font-family:var(--font-display);font-weight:400;font-size:24px;letter-spacing:.04em;color:var(--accent)}
.btn.daily span{display:block;font-size:15px;color:var(--muted)}
.tabs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}
.tabs .btn{text-align:center;margin-top:0}
.rank td small{display:block;color:var(--muted);font-size:12px}
.rank td:first-child{font-family:var(--font-display);font-size:22px;width:36px}
.rank td:last-child{text-align:right;font-weight:700;color:var(--accent)}
.rank tr.top td:first-child{color:var(--accent)}
.scoreline{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;margin:14px 0 4px;padding:12px 14px;background:var(--panel2);border-radius:10px;text-align:center}
.scoreline span{font-size:14px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.scoreline b{font-family:var(--font-display);font-weight:400;font-size:36px;letter-spacing:.06em;color:var(--text)}
.record{color:var(--muted);margin-top:-4px}
.record b{color:var(--good)}
.card{animation:rise .25s ease both}
@keyframes rise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.rel{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) 2.2ch;align-items:center;gap:12px;margin:10px 0}
.rel span{font-size:16px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rel small{display:block;font-size:12px;font-weight:500;color:var(--muted)}
.rel .track{height:7px;background:var(--panel2);border-radius:99px;overflow:hidden}
.rel .fill{height:100%;background:var(--good)}.rel .fill.low{background:var(--bad)}.rel .fill.mid{background:var(--mid)}
.rel b{font-variant-numeric:tabular-nums;text-align:right}
.resume{border-color:var(--accent)}
.resume-id{display:flex;align-items:center;gap:12px}
.resume-id div{display:flex;flex-direction:column;min-width:0}
.resume-id b{font-family:var(--font-display);font-weight:400;font-size:26px;letter-spacing:.03em;line-height:1.05}
.resume-id span{font-size:14px;color:var(--muted)}
.howto{margin:0 0 6px;border:1px solid var(--line);border-radius:10px;padding:12px 14px;background:var(--panel2)}
.howto summary{cursor:pointer;font-family:var(--font-display);font-size:20px;letter-spacing:.04em;color:var(--accent)}
.howto ul{margin:10px 0 2px;padding-left:20px;color:var(--text);font-size:16px}
.howto li{margin:4px 0}
.goal{display:flex;flex-direction:column;gap:2px;margin:12px 0;padding:12px 14px;border-radius:10px;border:1px solid var(--line);background:var(--panel2)}
.goal b{font-family:var(--font-display);font-weight:400;font-size:20px;letter-spacing:.04em}
.goal span{font-size:16px}
.goal.ok{border-color:var(--good)}.goal.ok b{color:var(--good)}
.goal.no{border-color:var(--bad)}.goal.no b{color:var(--bad)}
.goal.next b{color:var(--accent)}
/* Avatar */
.hud-av{position:relative;flex:none;width:58px;height:58px}
.av-ring{display:block;width:58px;height:58px;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 50% 25%,#2e7d4f,#0f1f17 75%);border:2px solid var(--accent)}
.av-ring .avatar{display:block;width:100%;height:100%;object-fit:cover}
.av-crest{position:absolute;right:-9px;bottom:-7px;filter:drop-shadow(0 2px 3px rgba(0,0,0,.5))}
.intro-av{display:flex;justify-content:center;margin:-4px 0 6px;background:radial-gradient(60% 55% at 50% 60%,rgba(63,224,138,.22),transparent 70%)}
.intro-av .avatar{display:block;width:auto;height:270px;filter:drop-shadow(0 14px 18px rgba(0,0,0,.55))}
.intro-av.small .avatar{height:190px}
.hero-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:6px}
.hero-av{display:block;width:auto;height:175px;margin-top:-6px;filter:drop-shadow(0 10px 14px rgba(0,0,0,.55))}
.fut-av{position:relative;flex:none}
.fut-av .avatar{display:block;width:118px;height:118px;filter:drop-shadow(0 6px 8px rgba(0,0,0,.35))}
.fut-crest{position:absolute;left:-18px;bottom:2px}
/* Animação e vida */
body::before{content:"";position:fixed;inset:-20% -10% auto -10%;height:60%;z-index:-1;pointer-events:none;
  background:radial-gradient(40% 60% at 25% 30%,rgba(255,255,230,.10),transparent 70%),radial-gradient(40% 60% at 75% 25%,rgba(255,255,230,.08),transparent 70%);
  animation:lights 14s ease-in-out infinite alternate}
@keyframes lights{from{transform:translateX(-4%)}to{transform:translateX(4%)}}
.snd{position:fixed;bottom:calc(12px + env(safe-area-inset-bottom,0px) + var(--vv-gap,0px));right:calc(12px + env(safe-area-inset-right,0px));z-index:20;width:40px;height:40px;opacity:.8;display:grid;place-items:center;border-radius:50%;border:1px solid var(--line);background:rgba(15,31,23,.85);color:var(--text);cursor:pointer}
.snd:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.app-dock{position:fixed;z-index:60;left:50%;bottom:calc(8px + env(safe-area-inset-bottom,0px) + var(--vv-gap,0px));display:grid;grid-template-columns:repeat(5,1fr);width:min(calc(100% - 24px),536px);height:68px;padding:5px 7px;border:1px solid #365b47;border-radius:17px;background:rgba(7,18,13,.96);box-shadow:0 14px 42px rgba(0,0,0,.64);backdrop-filter:blur(14px);transform:translateX(-50%)}.app-dock button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:0;border:0;border-radius:11px;background:transparent;color:#769485;font:inherit;cursor:pointer}.app-dock button::after{content:"";position:absolute;top:-2px;width:22px;height:3px;border-radius:99px;background:transparent}.app-dock svg{width:22px;height:22px}.app-dock span{overflow:hidden;max-width:100%;font-size:8px;font-weight:700;letter-spacing:.02em;text-overflow:ellipsis}.app-dock button.active{background:linear-gradient(180deg,rgba(242,194,48,.12),transparent);color:var(--accent)}.app-dock button.active::after{background:var(--accent);box-shadow:0 0 10px rgba(242,194,48,.5)}.app-dock button:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}#app:has(.app-dock){padding-bottom:calc(102px + env(safe-area-inset-bottom,0px))}body:has(.app-dock) .snd{display:none}body:has(.app-dock) .screen-actions{bottom:calc(84px + env(safe-area-inset-bottom,0px) + var(--vv-gap,0px))}body:has(.app-dock) .pwa-notice{bottom:calc(86px + env(safe-area-inset-bottom,0px) + var(--vv-gap,0px))}body:has(.app-dock):has(.screen-actions) .pwa-notice{bottom:calc(166px + env(safe-area-inset-bottom,0px) + var(--vv-gap,0px))}
.dock-screen{display:flex;flex-direction:column;gap:12px;margin-bottom:8px}.dock-screen>header{display:flex;align-items:center;justify-content:space-between;padding:4px 2px 0}.dock-screen>header span{color:var(--good);font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.dock-screen>header h1{font-size:42px;color:var(--accent)}.dock-back{display:flex;align-items:center;gap:6px;max-width:155px;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--text);font:22px/1 var(--font-body);cursor:pointer}.dock-back small{overflow:hidden;color:var(--muted);font-size:9px;line-height:1.1;text-align:left;text-overflow:ellipsis}.dock-back:focus-visible{outline:2px solid var(--accent)}.dock-hero{position:relative;overflow:hidden;padding:17px 18px;border:1px solid #3c7054;border-radius:14px;background:radial-gradient(circle at 90% 0,rgba(63,224,138,.18),transparent 40%),linear-gradient(135deg,#143c29,#0a1b12)}.dock-hero span,.dock-hero strong,.dock-hero small{display:block}.dock-hero span{color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.dock-hero b{display:block;color:var(--accent);font-family:var(--font-display);font-size:64px;font-weight:400;line-height:.95}.dock-hero strong{position:absolute;right:18px;top:28px;font-family:var(--font-display);font-size:29px;font-weight:400}.dock-hero small{color:var(--muted)}.dock-player{display:grid;grid-template-columns:68px 1fr auto;align-items:center;gap:12px;padding:13px;border:1px solid #3c7054;border-radius:14px;background:linear-gradient(135deg,#153a28,#0a1911)}.dock-player>span{width:68px;height:68px;overflow:hidden;border:2px solid var(--accent);border-radius:50%;background:var(--panel)}.dock-player .avatar{width:100%;height:100%;object-fit:cover}.dock-player small,.dock-player b,.dock-player em{display:block}.dock-player small{color:var(--good);font-size:10px;text-transform:uppercase}.dock-player b{font-family:var(--font-display);font-size:25px;font-weight:400}.dock-player em{color:var(--muted);font-size:11px;font-style:normal}.dock-player>strong{color:var(--accent);font-family:var(--font-display);font-size:54px;font-weight:400}.dock-bars{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.history-totals{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.history-totals div{padding:11px 5px;border:1px solid var(--line);border-radius:10px;background:var(--panel);text-align:center}.history-totals b,.history-totals span{display:block}.history-totals b{color:var(--accent);font-family:var(--font-display);font-size:29px;font-weight:400;line-height:1}.history-totals span{margin-top:4px;color:var(--muted);font-size:8px;text-transform:uppercase}.dock-news,.dock-history-list{padding:13px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.dock-news>span{color:var(--accent);font-size:10px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.dock-news p{margin:8px 0 0;padding-top:8px;border-top:1px solid var(--line);font-size:13px;line-height:1.35}.dock-history-list{display:grid;gap:9px}.dock-history-list div{padding-left:10px;border-left:2px solid var(--good)}.dock-history-list b,.dock-history-list span{display:block}.dock-history-list b{font-size:13px}.dock-history-list span{color:var(--muted);font-size:11px}.dock-empty{padding:24px;border:1px dashed var(--line);border-radius:12px;color:var(--muted);text-align:center}
.choice{animation:slidein .4s ease both;animation-delay:calc(var(--i) * 110ms + 120ms)}
@keyframes slidein{from{opacity:0;transform:translateX(-14px)}to{opacity:1;transform:none}}
.bar{position:relative}
.delta{position:absolute;right:0;top:-13px;font-style:normal;font-weight:800;font-size:13px;animation:floatup 1.6s ease both}
.delta.up{color:var(--good)} .delta.down{color:var(--bad)}
@keyframes floatup{0%{opacity:0;transform:translateY(6px) scale(.8)}20%{opacity:1;transform:none}80%{opacity:1}100%{opacity:.0;transform:translateY(-6px)}}
.bar .fill{transition:width .9s cubic-bezier(.2,.8,.2,1),background .3s}
.chip{animation:pop .4s ease both}
.chip:nth-child(2){animation-delay:.08s}.chip:nth-child(3){animation-delay:.16s}.chip:nth-child(4){animation-delay:.24s}
@keyframes pop{from{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}
.scoreboard{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;margin:6px 0 16px;padding:14px 12px;background:#07110c;border:1px solid #2a6b49;border-radius:10px;text-align:center}
.sb-team span{display:block;font-size:14px;font-weight:600;color:var(--muted);line-height:1.2;overflow-wrap:anywhere}
.sb-mid{display:flex;flex-direction:column;align-items:center;gap:2px}
.sb-score{font-family:var(--font-display);font-weight:400;font-size:42px;line-height:1;letter-spacing:.06em;font-variant-numeric:tabular-nums}
.sb-clock{font-family:var(--font-display);font-size:20px;color:var(--good);letter-spacing:.08em;font-variant-numeric:tabular-nums}
.scoreboard.flash-us{animation:flashus 1.2s ease}
.scoreboard.flash-them{animation:flashthem 1.2s ease}
@keyframes flashus{0%,100%{box-shadow:none}30%{box-shadow:0 0 0 3px var(--good),0 0 32px rgba(63,224,138,.5)}}
@keyframes flashthem{0%,100%{box-shadow:none}30%{box-shadow:0 0 0 3px var(--bad),0 0 28px rgba(255,97,97,.4)}}
.momentum{display:grid;grid-template-columns:auto minmax(80px,1fr) auto;align-items:center;gap:8px;margin:-8px 4px 16px;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.07em}
.momentum-track{position:relative;height:5px;border-radius:99px;background:linear-gradient(90deg,var(--bad),var(--mid) 50%,var(--good));box-shadow:inset 0 1px 2px rgba(0,0,0,.45)}
.momentum-track::after{content:"";position:absolute;left:50%;top:-3px;width:1px;height:11px;background:rgba(255,255,255,.35)}
.momentum-track i{position:absolute;top:50%;width:13px;height:13px;border:2px solid #fff;border-radius:50%;background:var(--mid);box-shadow:0 2px 8px rgba(0,0,0,.6);transform:translate(-50%,-50%);animation:momentum-in .55s cubic-bezier(.2,1.6,.4,1) both}
.momentum.good .momentum-track i{background:var(--good)}.momentum.bad .momentum-track i{background:var(--bad)}
.momentum-label{grid-column:1/-1;text-align:center;font-size:12px;color:var(--mid);margin-top:-3px}
.momentum.good .momentum-label{color:var(--good)}.momentum.bad .momentum-label{color:var(--bad)}
@keyframes momentum-in{from{opacity:0;transform:translate(-50%,-50%) scale(.35)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}
.goal-banner{font-family:var(--font-display);font-size:64px;line-height:1;letter-spacing:.06em;color:var(--accent);text-align:center;margin:-6px 0 8px;animation:goal 1.1s cubic-bezier(.2,1.6,.4,1) both}
@keyframes goal{from{opacity:0;transform:scale(.3) rotate(-6deg)}to{opacity:1;transform:none}}
.comm{list-style:none;margin:0 0 6px;padding:0;display:flex;flex-direction:column;gap:6px}
.comm li{font-size:15px;color:var(--muted);padding-left:12px;border-left:3px solid var(--line)}
.comm li.us{color:var(--text);border-left-color:var(--good)}
.match-cinematic{position:relative;height:224px;margin:0 0 16px;overflow:hidden;border:1px solid #397653;border-radius:13px;background:linear-gradient(180deg,#081a2c 0 38%,#123c29 38% 100%);box-shadow:inset 0 0 35px rgba(0,0,0,.4)}
.cinema-lights{position:absolute;inset:0 0 auto;height:54px;background:linear-gradient(180deg,rgba(216,239,255,.14),transparent)}.cinema-lights i{position:absolute;top:9px;width:5px;height:5px;border-radius:50%;background:#fffbd7;box-shadow:0 0 12px 4px rgba(255,251,215,.35)}.cinema-lights i:nth-child(1){left:14%}.cinema-lights i:nth-child(2){left:50%}.cinema-lights i:nth-child(3){right:14%}
.cinema-crowd{position:absolute;left:0;right:0;top:42px;height:50px;opacity:.38;background:radial-gradient(circle,#e8f4ec 0 1px,transparent 1.5px) 0 0/10px 9px,linear-gradient(180deg,#15251e,#0a130f)}
.cinema-pitch{position:absolute;left:0;right:0;top:88px;height:92px;overflow:hidden;background:repeating-linear-gradient(90deg,#246b43 0 16.66%,#1e603b 16.66% 33.33%);perspective:250px}.cinema-pitch::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.08),transparent 18%,rgba(0,0,0,.12))}.cinema-box{position:absolute;z-index:1;right:-2px;top:9px;width:25%;height:68px;border:1px solid rgba(255,255,255,.54)}.cinema-line{position:absolute;z-index:1;left:0;right:0;bottom:9px;height:1px;background:rgba(255,255,255,.32);transform:rotate(-1deg)}
.cinema-goal{position:absolute;z-index:4;right:3%;bottom:22px;width:38px;height:48px;border:3px solid #eef5ef;border-bottom-width:4px;filter:drop-shadow(0 2px 2px #0008)}.cinema-goal::before{content:"";position:absolute;inset:2px;background:repeating-linear-gradient(45deg,transparent 0 6px,rgba(255,255,255,.4) 6px 7px),repeating-linear-gradient(-45deg,transparent 0 6px,rgba(255,255,255,.32) 6px 7px)}.cinema-goal i{position:absolute;right:-4px;bottom:-5px;width:45px;height:5px;background:#fff8;transform:skewX(-38deg)}
.footballer{position:absolute;z-index:5;left:20%;bottom:20px;width:24px;height:49px;transform-origin:50% 90%;filter:drop-shadow(0 4px 3px #0008)}.footballer i{position:absolute;display:block}.footballer .head{left:7px;top:0;width:12px;height:12px;border-radius:50%;background:#b9764d}.footballer .body{left:5px;top:12px;width:16px;height:20px;border-radius:4px 4px 6px 6px;background:#e9c32d;box-shadow:inset 0 -5px #173d8a}.footballer .arm,.footballer .leg{width:5px;border-radius:4px;transform-origin:50% 2px}.footballer .arm{top:14px;height:20px;background:#b9764d}.footballer .arm.a{left:3px;transform:rotate(22deg)}.footballer .arm.b{right:1px;transform:rotate(-25deg)}.footballer .leg{top:30px;height:20px;background:#e7eef5;box-shadow:inset 0 -5px #1b1b1b}.footballer .leg.a{left:6px;transform:rotate(10deg)}.footballer .leg.b{right:4px;transform:rotate(-13deg)}
.footballer.rival{left:54%;z-index:3;transform:scale(.92)}.footballer.rival .body{background:#f1f1f1;box-shadow:inset 0 -5px #a62d2d}.footballer.keeper{left:82%;bottom:22px;z-index:4;transform:scale(.94)}.footballer.keeper .body{background:#e04a4a;box-shadow:inset 0 -5px #652020}.footballer.keeper .arm{background:#f0f0e7}
.cinema-ball{position:absolute;z-index:8;left:29%;bottom:22px;width:12px;height:12px;border:2px solid #161616;border-radius:50%;background:radial-gradient(circle at 35% 32%,#fff 0 36%,#222 38% 52%,#fff 54%);box-shadow:0 3px 4px #0008}.cinema-impact{position:absolute;z-index:7;right:8%;top:28px;width:35px;height:35px;border:2px solid transparent;border-radius:50%;opacity:0}
.cinema-caption{position:absolute;z-index:12;left:0;right:0;bottom:0;display:grid;grid-template-columns:1fr auto;align-items:end;gap:0 10px;height:48px;padding:7px 12px;background:linear-gradient(90deg,rgba(4,14,9,.97),rgba(12,34,23,.94));border-top:1px solid #3d6d51}.cinema-caption small,.cinema-caption b,.cinema-caption span{display:block}.cinema-caption small{color:var(--good);font-size:8px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.cinema-caption b{grid-row:1/3;grid-column:2;font-family:var(--font-display);font-size:25px;font-weight:400;color:var(--accent)}.cinema-caption span{overflow:hidden;color:var(--muted);font-size:10px;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}
.match-cinematic .hero{animation:cin-run 2.35s cubic-bezier(.25,.75,.3,1) both}.match-cinematic .hero .arm.a,.match-cinematic .hero .leg.b{animation:limb-a .24s ease-in-out 5 alternate}.match-cinematic .hero .arm.b,.match-cinematic .hero .leg.a{animation:limb-b .24s ease-in-out 5 alternate}.match-cinematic .rival{animation:rival-close 1.5s ease-out both}.match-cinematic .cinema-ball{animation:ball-carry 1.15s ease-in-out both}
@keyframes cin-run{0%{left:12%;transform:rotate(-3deg)}55%{left:43%;transform:rotate(4deg)}100%{left:47%;transform:rotate(-6deg)}}@keyframes rival-close{from{left:68%}to{left:57%}}@keyframes limb-a{to{transform:rotate(-36deg)}}@keyframes limb-b{to{transform:rotate(38deg)}}@keyframes ball-carry{0%{left:21%}65%{left:46%;bottom:20px}100%{left:53%;bottom:23px}}
.scene-goal .cinema-ball{animation:ball-goal 1.25s .72s cubic-bezier(.2,.7,.35,1) both}.scene-goal .keeper{animation:keeper-dive 1s 1.05s ease-out both}.scene-goal .hero{animation:goal-run 2.55s ease-out both}.scene-goal .cinema-impact{animation:net-flash .8s 1.65s ease-out both}.scene-goal .cinema-goal{animation:net-shake .42s 1.65s linear 2}
@keyframes ball-goal{0%{left:47%;bottom:22px;transform:none}52%{left:72%;bottom:58px;transform:rotate(360deg)}100%{left:91%;bottom:52px;transform:rotate(720deg)}}@keyframes keeper-dive{to{left:86%;bottom:42px;transform:rotate(-62deg) scale(.94)}}@keyframes goal-run{0%{left:12%}42%{left:46%;transform:rotate(-5deg)}72%{left:56%;transform:rotate(0)}100%{left:58%;bottom:25px;transform:rotate(-5deg) scale(1.08)}}@keyframes net-flash{35%{opacity:1;border-color:#fff;box-shadow:0 0 24px #fff8}100%{opacity:0;transform:scale(1.5)}}@keyframes net-shake{25%{transform:skewX(4deg)}75%{transform:skewX(-4deg)}}
.scene-shot .cinema-ball{animation:ball-shot 1.3s .65s cubic-bezier(.2,.7,.3,1) both}.scene-shot .keeper{animation:keeper-block 1s 1s ease-out both}.scene-save .hero{left:82%;animation:hero-save 1.2s .68s ease-out both}.scene-save .keeper{display:none}.scene-save .rival{left:24%;animation:kicker 1s ease-out both}.scene-save .cinema-ball{left:31%;animation:ball-save 1.35s .35s ease-out both}
@keyframes ball-shot{to{left:86%;bottom:43px;transform:rotate(680deg)}}@keyframes keeper-block{to{left:86%;bottom:32px;transform:rotate(-35deg)}}@keyframes hero-save{to{left:86%;bottom:44px;transform:rotate(-68deg) scale(1.02)}}@keyframes kicker{to{left:34%;transform:rotate(7deg)}}@keyframes ball-save{60%{left:80%;bottom:58px;transform:rotate(500deg)}100%{left:74%;bottom:70px;transform:rotate(650deg)}}
.scene-tackle .hero{animation:tackle-slide 1.4s .45s ease-out both}.scene-tackle .rival{animation:rival-trip 1.1s .8s ease-out both}.scene-tackle .cinema-ball{animation:ball-tackle 1.4s .55s ease-out both}.scene-intercept .hero{animation:intercept-run 1.45s ease-out both}.scene-intercept .cinema-ball{animation:ball-intercept 1.7s ease-in-out both}.scene-cross .hero{bottom:10px;animation:wing-run 1.25s ease-out both}.scene-cross .cinema-ball{bottom:12px;animation:ball-cross 1.75s .55s cubic-bezier(.2,.7,.35,1) both}.scene-pass .cinema-ball{animation:ball-pass 1.5s .45s ease-in-out both}.scene-dribble .hero{animation:hero-dribble 2s ease-in-out both}.scene-dribble .cinema-ball{animation:ball-dribble 2s ease-in-out both}
@keyframes tackle-slide{to{left:51%;bottom:13px;transform:rotate(68deg)}}@keyframes rival-trip{to{left:59%;bottom:30px;transform:rotate(-35deg)}}@keyframes ball-tackle{55%{left:56%}100%{left:40%;bottom:30px}}@keyframes intercept-run{0%{left:18%}100%{left:50%;transform:rotate(6deg)}}@keyframes ball-intercept{0%{left:69%}55%{left:52%;bottom:25px}100%{left:66%;bottom:39px}}@keyframes wing-run{to{left:48%;transform:rotate(7deg)}}@keyframes ball-cross{0%{left:44%;bottom:17px}48%{left:67%;bottom:72px}100%{left:88%;bottom:35px;transform:rotate(700deg)}}@keyframes ball-pass{0%{left:28%}55%{left:62%;bottom:32px}100%{left:76%;bottom:23px}}@keyframes hero-dribble{0%{left:15%}35%{left:38%;bottom:26px}62%{left:48%;bottom:17px}100%{left:66%;bottom:24px}}@keyframes ball-dribble{0%{left:24%}35%{left:45%;bottom:28px}62%{left:53%;bottom:15px}100%{left:73%;bottom:25px}}
.scene-concede{border-color:#7c3a3a}.scene-concede .hero{animation:defend-chase 1.45s ease-out both}.scene-concede .rival{animation:rival-attack 1.2s ease-out both}.scene-concede .cinema-ball{animation:ball-concede 1.4s .45s ease-out both}.scene-concede .keeper{animation:late-dive 1s 1s ease-out both}.scene-concede .cinema-caption b{color:var(--bad)}
@keyframes defend-chase{to{left:57%}}@keyframes rival-attack{to{left:61%}}@keyframes ball-concede{to{left:92%;bottom:48px;transform:rotate(680deg)}}@keyframes late-dive{to{left:84%;bottom:31px;transform:rotate(-48deg)}}
.tactical-moment{display:grid;grid-template-columns:150px 1fr;align-items:center;gap:12px;margin:-5px 0 15px;padding:10px;border:1px solid #2d6146;border-radius:11px;background:linear-gradient(135deg,rgba(28,92,55,.28),rgba(7,21,14,.8));overflow:hidden}.mini-pitch{position:relative;height:82px;border:1px solid rgba(255,255,255,.38);border-radius:3px;background:repeating-linear-gradient(90deg,rgba(63,224,138,.06) 0 25%,rgba(255,255,255,.015) 25% 50%)}.pitch-mid{position:absolute;left:50%;top:0;bottom:0;width:1px;background:rgba(255,255,255,.35)}.pitch-mid::after{content:"";position:absolute;left:50%;top:50%;width:28px;height:28px;border:1px solid rgba(255,255,255,.35);border-radius:50%;transform:translate(-50%,-50%)}.pitch-box{position:absolute;top:22%;bottom:22%;width:16%;border:1px solid rgba(255,255,255,.35)}.pitch-box.left{left:-1px;border-left:0}.pitch-box.right{right:-1px;border-right:0}.player-dot{position:absolute;z-index:2;left:var(--px);top:var(--py);display:grid;place-items:center;width:27px;height:27px;border:2px solid #fff;border-radius:50%;background:var(--accent);color:var(--accent-ink);font-size:8px;font-weight:800;transform:translate(-50%,-50%);box-shadow:0 3px 9px #000;animation:tactical-player .65s cubic-bezier(.2,1.5,.4,1) both}.ball-dot{position:absolute;z-index:3;left:var(--bx);top:var(--by);width:10px;height:10px;border:2px solid #111;border-radius:50%;background:#fff;box-shadow:0 2px 6px #000;transform:translate(-50%,-50%);animation:tactical-ball 1.1s cubic-bezier(.2,.8,.2,1) both}@keyframes tactical-player{from{opacity:0;transform:translate(-50%,-50%) scale(.3)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes tactical-ball{from{opacity:0;left:50%;top:50%}to{opacity:1;left:var(--bx);top:var(--by)}}.tactical-moment>div:last-child{min-width:0}.tactical-moment small,.tactical-moment b,.tactical-moment div>span{display:block}.tactical-moment small{color:var(--good);font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.tactical-moment b{font-family:var(--font-display);font-size:24px;font-weight:400}.tactical-moment div>span{color:var(--muted);font-size:12px;line-height:1.25}
.rating-big{display:flex;align-items:baseline;gap:10px;margin:2px 0 8px}
.rating-big span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:13px}
.rating-big b{font-family:var(--font-display);font-weight:400;font-size:54px;line-height:1;color:var(--accent)}
.performance-card,.season-performance{margin:14px 0;padding:13px;border:1px solid #456247;border-radius:12px;background:linear-gradient(145deg,rgba(31,95,57,.2),var(--panel2));overflow:hidden}.performance-title,.season-performance>div:first-child{display:flex;align-items:end;justify-content:space-between;gap:10px;margin-bottom:10px}.performance-title span,.season-performance>div:first-child span{color:var(--accent);font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.performance-title small,.season-performance>div:first-child small{color:var(--muted);font-size:11px;text-align:right}.performance-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.performance-stats.three{grid-template-columns:repeat(3,1fr)}.performance-stats div{position:relative;padding:10px 5px 9px;border-radius:8px;background:rgba(255,255,255,.045);text-align:center}.performance-stats b{display:block;color:#fff;font-family:var(--font-display);font-size:31px;font-weight:400;line-height:1;animation:stat-pop .5s cubic-bezier(.2,1.5,.4,1) both}.performance-stats div:nth-child(2) b{animation-delay:.08s}.performance-stats div:nth-child(3) b{animation-delay:.16s}.performance-stats div:nth-child(4) b{animation-delay:.24s}.performance-stats span{display:block;margin-top:4px;color:var(--muted);font-size:9px;line-height:1.1;text-transform:uppercase;letter-spacing:.04em}.season-running{display:flex;justify-content:space-between;gap:8px;margin-top:9px;padding-top:9px;border-top:1px solid var(--line);font-size:11px}.season-running span{color:var(--muted)}.season-running b{color:var(--good);text-align:right}.season-performance{margin:0}.season-performance .performance-stats.compact{grid-template-columns:repeat(4,1fr)}.season-performance .performance-stats.compact.three{grid-template-columns:repeat(3,1fr)}.season-performance .performance-stats.compact b{font-size:25px}@keyframes stat-pop{from{opacity:0;transform:translateY(8px) scale(.75)}to{opacity:1;transform:none}}
.individual-race{padding:13px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.race-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.race-head span,.leader-column>span{color:var(--accent);font-size:10px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.race-head small{color:var(--muted)}.leaderboards{display:grid;grid-template-columns:1fr 1fr;gap:8px}.leader-column{padding:9px;border-radius:9px;background:var(--panel2)}.leader-column>span{display:block;margin-bottom:6px;color:var(--muted)}.leader-row{display:grid;grid-template-columns:18px 1fr auto;align-items:center;gap:5px;min-width:0;padding:5px 3px;border-top:1px solid rgba(255,255,255,.05)}.leader-row i{color:var(--muted);font-size:10px;font-style:normal}.leader-row b{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.leader-row strong{font-family:var(--font-display);font-size:19px;font-weight:400}.leader-row.you{margin:0 -3px;padding:5px 6px;border-radius:5px;background:rgba(242,194,48,.09)}.leader-row.you i,.leader-row.you strong{color:var(--accent)}
.match-honor{position:relative;display:grid;grid-template-columns:42px 1fr;gap:0 10px;margin:8px 0 12px;padding:11px;border:1px solid #8b7121;border-radius:10px;background:linear-gradient(120deg,rgba(242,194,48,.17),rgba(242,194,48,.03));animation:honor-in .6s cubic-bezier(.2,1.4,.4,1) both}.match-honor i{grid-row:1/3;display:grid;place-items:center;color:var(--accent);font-size:30px;font-style:normal;text-shadow:0 0 16px rgba(242,194,48,.6)}.match-honor span{font-family:var(--font-display);font-size:24px;line-height:1}.match-honor small{color:var(--muted);font-size:11px}@keyframes honor-in{from{opacity:0;transform:scale(.9) translateY(8px)}to{opacity:1;transform:none}}
.award-ceremony{position:relative;overflow:hidden;margin:12px 0 16px;padding:24px 14px 16px;border:1px solid #9c7c24;border-radius:14px;background:radial-gradient(circle at 50% 0,rgba(242,194,48,.34),transparent 42%),linear-gradient(160deg,#1c281f,#0a130e);text-align:center}.award-ceremony::before,.award-ceremony::after{content:"";position:absolute;top:-45px;width:70px;height:190px;background:linear-gradient(180deg,rgba(255,232,148,.28),transparent);filter:blur(7px);transform:rotate(24deg);animation:award-light 2.8s ease-in-out infinite alternate}.award-ceremony::before{left:4%}.award-ceremony::after{right:4%;transform:rotate(-24deg);animation-delay:-1.4s}.award-ceremony>span{position:relative;color:var(--accent);font-size:10px;font-weight:800;letter-spacing:.18em}.award-ceremony>i{position:relative;display:block;margin:5px 0;color:var(--accent);font-size:42px;font-style:normal;text-shadow:0 0 24px rgba(242,194,48,.7);animation:award-star 1.6s ease-in-out infinite}.award-ceremony h3{position:relative;margin:0;font-family:var(--font-display);font-size:30px;font-weight:400}.award-ceremony p{position:relative;display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:11px 0 0}.award-ceremony p b{padding:6px 9px;border:1px solid rgba(242,194,48,.42);border-radius:99px;background:rgba(242,194,48,.08);color:#ffe79b;font-size:11px}@keyframes award-light{to{opacity:.45;transform:rotate(10deg) translateX(30px)}}@keyframes award-star{50%{transform:scale(1.12);text-shadow:0 0 34px rgba(242,194,48,.95)}}
.national-screen{overflow:hidden;padding:0 18px 18px;border:1px solid #d5b924;border-radius:16px;background:linear-gradient(160deg,#0b291b,#07140e);box-shadow:0 20px 55px rgba(0,0,0,.4)}.national-screen h1{font-size:clamp(44px,13vw,64px);color:#fff}.national-screen>p{color:#c4d6c9;line-height:1.45}.national-kicker{display:block;margin-top:16px;color:#f5dc32;font-size:11px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.national-hero{position:relative;height:260px;margin:0 -18px;overflow:hidden;background:radial-gradient(circle at 22% 38%,rgba(255,226,34,.28),transparent 24%),linear-gradient(135deg,#063d82 0 42%,#f2cf18 42% 45%,#087b3d 45%)}.national-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);transform:translateX(-100%);animation:national-shine 2.4s ease-in-out infinite}.call-player{position:absolute;z-index:2;right:1%;bottom:-78px}.call-player .avatar{width:auto;height:330px;filter:drop-shadow(0 15px 18px #001b)}.national-hero>span{position:absolute;z-index:3;right:14px;top:13px;color:#fff9;font-family:var(--font-display);font-size:24px}.flag-orbit{position:absolute;z-index:3;left:22px;top:48px;display:grid;place-items:center;width:130px;height:130px;border:1px solid #fff6;border-radius:50%;color:#fff}.flag-orbit i{position:absolute;inset:10px;border:2px solid #f5dc32;border-radius:50%;animation:flag-spin 7s linear infinite}.flag-orbit b{font-size:11px;letter-spacing:.18em}.flag-orbit strong{font-family:var(--font-display);font-size:55px;font-weight:400;line-height:.8}.national-details{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:15px 0}.national-details div{padding:10px 8px;border:1px solid #3f674e;border-radius:9px;background:rgba(255,255,255,.035)}.national-details span,.national-details b{display:block}.national-details span{color:#9ab2a1;font-size:9px;text-transform:uppercase}.national-details b{margin-top:3px;font-size:12px}.national-primary{border-color:#ffe12d!important;background:linear-gradient(135deg,#ffe12d,#e6ba16)!important;color:#102819!important}.international-stadium{position:relative;margin:0 -18px;padding:28px 16px 18px;overflow:hidden;background:radial-gradient(ellipse at 50% 100%,rgba(34,151,78,.42),transparent 55%),linear-gradient(#07172d,#0c3b31)}.stadium-lights{position:absolute;inset:0;background:repeating-radial-gradient(circle at 50% 0,#fff8 0 1px,transparent 2px 18px);opacity:.22;animation:stadium-flicker 2s ease-in-out infinite}.country-duel{position:relative;z-index:2;display:grid;grid-template-columns:1fr 36px 1fr;align-items:center;text-align:center}.country-duel>div{display:flex;flex-direction:column;align-items:center;gap:6px}.country-duel>div>b{font-family:var(--font-display);font-size:25px;font-weight:400}.country-duel>i{color:#f5dc32;font-family:var(--font-display);font-size:32px;font-style:normal}.brazil-disc{display:grid;place-items:center;width:58px;height:58px;border:5px solid #f5dc32;border-radius:50%;background:#0759a5;color:#fff;font-family:var(--font-display);font-size:24px;box-shadow:0 0 0 4px #138249}.international-stadium>small{position:relative;z-index:2;display:block;margin-top:14px;text-align:center;color:#d8e5dc;font-size:10px;letter-spacing:.09em;text-transform:uppercase}.national-role{display:flex;align-items:center;gap:12px;margin:14px 0;padding:12px;border:1px solid #3d684c;border-radius:10px;background:rgba(255,255,255,.04)}.national-role>span{display:grid;place-items:center;width:48px;height:48px;border-radius:8px;background:#f5dc32;color:#073b23;font-family:var(--font-display);font-size:23px}.national-role small,.national-role b{display:block}.national-role small{color:#9ab2a1;font-size:9px;text-transform:uppercase}.national-score{margin:0 -18px;padding:24px 16px 18px;background:linear-gradient(135deg,#0759a5,#0b7a3e);text-align:center}.national-score>span,.national-score>small{display:block;color:#fff9;font-size:10px;letter-spacing:.1em;text-transform:uppercase}.national-score>div{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;margin:10px 0}.national-score>div b{font-family:var(--font-display);font-size:21px;font-weight:400}.national-score strong{color:#f5dc32;font-family:var(--font-display);font-size:42px}.national-trophy{display:flex;flex-direction:column;align-items:center;margin:12px 0;padding:14px;border:1px solid #e4c52c;border-radius:12px;background:rgba(245,220,50,.08)}.national-trophy i{color:#f5dc32;font-size:38px;font-style:normal;animation:award-star 1.6s ease-in-out infinite}.national-trophy b{font-family:var(--font-display);font-size:31px;font-weight:400}.national-trophy span{color:#b4c8ba;font-size:11px}.national-performance{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:13px 0}.national-performance div{padding:10px 5px;border-radius:8px;background:var(--panel2);text-align:center}.national-performance b,.national-performance span{display:block}.national-performance b{color:#f5dc32;font-family:var(--font-display);font-size:28px;font-weight:400}.national-performance span{color:var(--muted);font-size:9px;text-transform:uppercase}.national-status{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid #b59d22;border-radius:12px;background:linear-gradient(110deg,rgba(7,89,165,.16),rgba(19,130,73,.14))}.national-status .brazil-disc{flex:none;width:46px;height:46px;border-width:4px;font-size:19px}.national-status small,.national-status b,.national-status em{display:block}.national-status small{color:#f5dc32;font-size:10px;font-weight:800;text-transform:uppercase}.national-status b{font-size:14px}.national-status em{color:var(--muted);font-size:10px;font-style:normal}@keyframes national-shine{55%,100%{transform:translateX(100%)}}@keyframes flag-spin{to{transform:rotate(360deg)}}@keyframes stadium-flicker{50%{opacity:.35}}
.career-hub{display:flex;flex-direction:column;gap:14px}
.hub-heading{display:flex;align-items:center;justify-content:space-between;gap:14px}.hub-heading h1{font-size:clamp(40px,12vw,58px);color:var(--accent)}
.hub-kicker{display:block;color:var(--muted);font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.season-track{display:grid;grid-template-columns:repeat(6,1fr);padding:13px 8px 9px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}
.season-stop{position:relative;display:flex;flex-direction:column;align-items:center;gap:5px;color:#607a6a;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}
.season-stop:not(:last-child)::after{content:"";position:absolute;z-index:0;top:6px;left:55%;width:90%;height:2px;background:var(--line)}
.season-stop i{position:relative;z-index:1;width:14px;height:14px;border:3px solid var(--panel);border-radius:50%;background:#365344;box-shadow:0 0 0 1px var(--line)}
.season-stop.done{color:var(--good)}.season-stop.done::after{background:var(--good)}.season-stop.done i{background:var(--good)}
.season-stop.now{color:var(--accent)}.season-stop.now i{background:var(--accent);box-shadow:0 0 0 1px var(--accent),0 0 16px rgba(242,194,48,.65);animation:season-pulse 1.8s ease-in-out infinite}
@keyframes season-pulse{50%{transform:scale(1.28);box-shadow:0 0 0 5px rgba(242,194,48,.12),0 0 18px rgba(242,194,48,.7)}}
.hub-next{position:relative;overflow:hidden;display:flex;flex-direction:column;padding:20px;border:1px solid #48795d;border-radius:14px;background:linear-gradient(135deg,rgba(19,76,45,.96),rgba(8,30,19,.98));box-shadow:0 14px 34px rgba(0,0,0,.25)}
.hub-next::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 60px,rgba(255,255,255,.025) 60px 120px);pointer-events:none}
.hub-next span,.hub-next small{position:relative;z-index:1;color:#b7d5c3;font-size:12px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.hub-next b{position:relative;z-index:1;font-family:var(--font-display);font-size:52px;font-weight:400;line-height:.95;color:#fff}.hub-next strong{position:relative;z-index:1;font-size:17px;color:var(--accent);margin:3px 0 8px}
.hub-status{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.hub-status div{min-width:0;padding:11px 10px;border:1px solid var(--line);border-radius:10px;background:var(--panel)}.hub-status span{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.07em}.hub-status b{display:block;overflow:hidden;color:var(--text);font-family:var(--font-display);font-size:20px;font-weight:400;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.hub-status .good b{color:var(--good)}.hub-status .bad b{color:var(--bad)}
.hub-status .table-status{grid-column:1/-1;padding:13px 14px;background:linear-gradient(100deg,rgba(31,95,57,.32),var(--panel))}.hub-status .table-status b{color:var(--accent);font-size:28px}
.hub-inbox{overflow:hidden;border:1px solid #315b45;border-radius:13px;background:linear-gradient(145deg,#10271b,#0a1b12);box-shadow:0 12px 30px rgba(0,0,0,.2)}.hub-inbox-head{display:flex;align-items:center;justify-content:space-between;padding:12px 13px 9px}.hub-inbox-head span,.hub-inbox-head b{display:block}.hub-inbox-head span{color:var(--good);font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.hub-inbox-head b{font-family:var(--font-display);font-size:25px;font-weight:400;line-height:1}.hub-inbox-head>small{padding:4px 7px;border-radius:99px;background:rgba(63,224,138,.09);color:var(--good);font-size:9px;font-weight:700;text-transform:uppercase}.hub-contacts{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;border-top:1px solid var(--line);background:var(--line)}.hub-contacts>button{display:grid;grid-template-columns:35px minmax(0,1fr) auto;align-items:center;gap:7px;min-width:0;padding:10px 8px;border:0;background:var(--panel);color:var(--text);font:inherit;text-align:left;cursor:pointer;animation:contact-in .32s calc(var(--contact-delay,0ms) + 80ms) ease both}.hub-contacts>button:active{background:#193425}.hub-contacts i{position:relative;display:grid;place-items:center;width:34px;height:34px;border:1px solid #4b7c60;border-radius:50%;background:#193a28;color:#fff;font-family:var(--font-display);font-size:20px;font-style:normal}.hub-contacts i.agent{border-color:#9a7b27;background:#403513;color:var(--accent)}.hub-contacts i.family{border-color:#84724b;background:#332b1c;color:#ffe0a1}.hub-contacts i em{position:absolute;right:-1px;top:-1px;width:9px;height:9px;border:2px solid var(--panel);border-radius:50%;background:var(--good);animation:message-pulse 2s ease-in-out infinite}.hub-contacts span,.hub-contacts b,.hub-contacts small{display:block;min-width:0}.hub-contacts b,.hub-contacts small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hub-contacts b{font-size:11px}.hub-contacts small{color:var(--muted);font-size:9px}.hub-contacts strong{color:var(--accent);font-size:18px;font-weight:400}.message-layer{position:fixed;z-index:110;inset:0;display:flex;align-items:flex-end;justify-content:center}.message-backdrop{position:absolute;inset:0;width:100%;border:0;background:rgba(0,0,0,.72);backdrop-filter:blur(4px)}.message-sheet{position:relative;width:min(100%,560px);padding:18px 18px calc(18px + env(safe-area-inset-bottom,0px));border:1px solid #3f7456;border-radius:20px 20px 0 0;background:linear-gradient(160deg,#143523,#08180f);box-shadow:0 -18px 60px rgba(0,0,0,.6);animation:message-up .28s cubic-bezier(.2,.85,.3,1) both}.message-close{position:absolute;right:13px;top:13px;display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--line);border-radius:50%;background:#0b2116;color:var(--text);font:26px/1 inherit;cursor:pointer}.message-person{display:flex;align-items:center;gap:11px;padding-right:45px}.message-person>i{display:grid;place-items:center;width:48px;height:48px;border:2px solid var(--good);border-radius:50%;background:#193a28;color:#fff;font-family:var(--font-display);font-size:27px;font-style:normal}.message-person>i.agent{border-color:var(--accent);background:#403513;color:var(--accent)}.message-person>i.family{border-color:#d0a653;background:#332b1c;color:#ffe0a1}.message-person span,.message-person small,.message-person b{display:block}.message-person small{color:var(--good);font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.message-person b{font-family:var(--font-display);font-size:25px;font-weight:400}.message-bubble{position:relative;margin:16px 0 14px;padding:14px 15px;border:1px solid #315b45;border-radius:4px 14px 14px;background:#102a1c}.message-bubble::before{content:"";position:absolute;left:18px;top:-7px;width:12px;height:12px;border-left:1px solid #315b45;border-top:1px solid #315b45;background:#102a1c;transform:rotate(45deg)}.message-bubble p{position:relative;margin:0;color:#eef8f1;font-size:16px;line-height:1.45}.message-bubble small{display:block;margin-top:7px;color:var(--muted);font-size:9px;text-align:right}.message-sheet>.btn{margin:0}@keyframes contact-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@keyframes message-pulse{50%{box-shadow:0 0 0 4px rgba(63,224,138,.12)}}@keyframes message-up{from{opacity:.35;transform:translateY(100%)}to{opacity:1;transform:none}}
.hub-alert{display:flex;flex-direction:column;padding:12px 14px;border-left:3px solid var(--good);border-radius:4px 10px 10px 4px;background:rgba(63,224,138,.07)}.hub-alert b{font-size:13px}.hub-alert span{color:var(--muted);font-size:14px}.hub-continue{margin-top:0}
.match-prematch{overflow:hidden;border:1px solid #2a6b49;border-radius:16px;background:var(--panel);box-shadow:0 18px 45px rgba(0,0,0,.32)}
.match-prematch.paged{min-height:510px;margin-bottom:84px}.prematch-progress{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:10px 12px;border-bottom:1px solid var(--line);background:#0a1811}.prematch-progress span{position:relative;padding-top:8px;color:#648071;font-size:9px;font-weight:800;letter-spacing:.05em;text-align:center;text-transform:uppercase}.prematch-progress span::before{content:"";position:absolute;left:3px;right:3px;top:0;height:3px;border-radius:99px;background:#294536}.prematch-progress span.now{color:var(--accent)}.prematch-progress span.now::before{background:var(--accent);box-shadow:0 0 10px rgba(242,194,48,.42)}.prematch-progress span.done{color:var(--good)}.prematch-progress span.done::before{background:var(--good)}.prematch-page{animation:prematch-page-in .28s ease both}.prematch-page>.weather-card{margin:10px 14px 0}.prematch-page>.league-context{margin:9px 14px 13px}.prematch-page>.coach-talk,.prematch-page>.prematch-role{margin-left:16px;margin-right:16px}.prematch-kicker{display:block;margin:18px 18px 3px;color:var(--good);font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.prematch-page>h2{margin:0 18px 15px;font-size:32px}.page-dressing>.lineup-card{margin:0 16px;padding:16px}.page-dressing .lineup-avatar{width:62px;height:62px}.page-dressing .lineup-card b{font-size:18px}.page-dressing .coach-talk{margin-top:12px;padding:14px}.page-dressing .prematch-role{margin-top:13px;font-size:14px;line-height:1.4}.dressing-focus{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 16px 16px;padding:11px 13px;border:1px solid #397653;border-radius:9px;background:rgba(63,224,138,.06)}.dressing-focus span{color:var(--muted);font-size:10px;text-transform:uppercase}.dressing-focus b{color:var(--good);font-family:var(--font-display);font-size:23px;font-weight:400}.page-preparation>.condition-report{margin:0 18px}.page-preparation>.prep-box{margin-top:10px}.prematch-sim{display:block;margin:7px auto 15px;border:0;background:transparent;color:var(--muted);font:inherit;font-size:13px;text-decoration:underline;cursor:pointer}.screen-actions{position:fixed;z-index:65;left:50%;bottom:calc(10px + env(safe-area-inset-bottom,0px) + var(--vv-gap,0px));display:grid;grid-template-columns:auto 1fr;gap:8px;width:min(calc(100% - 28px),532px);padding:8px;border:1px solid #385d49;border-radius:14px;background:rgba(7,18,13,.96);box-shadow:0 12px 38px rgba(0,0,0,.58);backdrop-filter:blur(12px);transform:translateX(-50%)}.screen-actions .btn{margin:0;min-height:50px}.screen-actions .ghost{width:92px;padding-inline:10px}.screen-actions .btn:only-child{grid-column:1/-1}.has-fixed-action{padding-bottom:78px}.match-fixed-next{position:fixed!important;z-index:65;left:50%;bottom:calc(10px + env(safe-area-inset-bottom,0px) + var(--vv-gap,0px));width:min(calc(100% - 28px),532px)!important;margin:0!important;box-shadow:0 10px 34px rgba(0,0,0,.58);transform:translateX(-50%)}@keyframes prematch-page-in{from{opacity:0;transform:translateX(10px)}to{opacity:1;transform:none}}
.match-prematch>.btn,.prematch-grid,.coach-talk,.prematch-role{margin-left:18px;margin-right:18px}.match-prematch>.btn{width:calc(100% - 36px)}.match-prematch>.btn:last-child{margin-bottom:18px}
.match-sky{position:relative;isolation:isolate;overflow:hidden;padding:20px 18px 18px;text-align:center;background:radial-gradient(circle at 50% 10%,rgba(255,255,220,.24),transparent 24%),linear-gradient(180deg,#183d2a 0%,#0a1e14 62%,#06100b 100%)}
.match-sky::before,.match-sky::after{content:"";position:absolute;z-index:-1;top:-25%;width:42%;height:100%;background:linear-gradient(165deg,rgba(255,255,225,.2),transparent 70%);filter:blur(6px);animation:stadium-light 4s ease-in-out infinite alternate}.match-sky::before{left:-8%;transform:rotate(-10deg)}.match-sky::after{right:-8%;transform:rotate(10deg);animation-delay:-2s}
.match-sky>i{position:absolute;z-index:-1;top:64px;width:5px;height:5px;border-radius:50%;background:#ffe88a;box-shadow:0 0 12px #ffe88a}.match-sky>i:nth-child(1){left:12%}.match-sky>i:nth-child(2){left:50%}.match-sky>i:nth-child(3){right:12%}
@keyframes stadium-light{from{opacity:.4;transform:translateX(-8%) rotate(-8deg)}to{opacity:1;transform:translateX(8%) rotate(8deg)}}
.match-kicker{display:block;color:var(--good);font-size:11px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.match-sky h2{font-size:34px;margin:4px 0 14px;color:#fff}
.fixture{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px}.fixture>div{display:flex;flex-direction:column;align-items:center;gap:7px;min-width:0}.fixture b{max-width:130px;font-family:var(--font-display);font-size:19px;font-weight:400;line-height:1.05;overflow-wrap:anywhere}.fixture>span{font-family:var(--font-display);font-size:34px;color:var(--accent);animation:versus-pulse 1.8s ease-in-out infinite}
@keyframes versus-pulse{50%{transform:scale(1.15);text-shadow:0 0 16px rgba(242,194,48,.65)}}
.match-sky>small{display:block;margin-top:12px;color:#9bbbab}.crowd-strip{position:absolute;z-index:-1;left:0;right:0;bottom:0;height:34%;opacity:.18;background:radial-gradient(circle,#fff 0 1px,transparent 1.5px) 0 0/11px 9px}
.prematch-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.weather-card,.lineup-card{min-width:0;display:flex;align-items:center;gap:10px;padding:12px;border:1px solid var(--line);border-radius:11px;background:var(--panel2)}.weather-card>b{flex:none;font-size:30px;color:var(--accent)}.weather-card>span,.lineup-card>div{min-width:0}.weather-card strong,.lineup-card b{display:block;font-size:14px}.weather-card small,.lineup-card span{display:block;color:var(--muted);font-size:12px;line-height:1.3}.weather-card em{display:block;margin-top:4px;color:var(--accent);font-size:10px;font-style:normal;font-weight:700;text-transform:uppercase}
.lineup-avatar{flex:none;width:48px;height:48px;overflow:hidden;border:2px solid var(--good);border-radius:50%;background:var(--panel)}.lineup-avatar .avatar{width:100%;height:100%;object-fit:cover}.lineup-card div>small{color:var(--good);font-size:10px;font-weight:700;text-transform:uppercase}
.lineup-card em{display:block;margin-top:3px;color:var(--accent);font-size:10px;font-style:normal;font-weight:700}
.league-context{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 18px 0}.league-context>div{padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--panel2)}.league-context small,.league-context span{display:block;color:var(--muted);font-size:10px}.league-context b{font-family:var(--font-display);font-size:26px;font-weight:400;color:var(--accent)}.league-context>strong{grid-column:1/-1;padding:7px 10px;border-left:3px solid var(--accent);border-radius:3px 8px 8px 3px;background:rgba(242,194,48,.07);font-size:12px;color:var(--accent)}
.coach-talk{margin-top:10px;padding:12px 14px;border-left:3px solid var(--accent);background:rgba(242,194,48,.07)}.coach-talk span{color:var(--accent);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.coach-talk p{margin:2px 0 0;font-family:var(--font-display);font-size:22px;line-height:1.15}.prematch-role{margin-top:12px;color:var(--muted);font-size:15px}
.market-head{margin-bottom:16px}.market-head>span{color:var(--accent);font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.market-head h1{font-size:clamp(48px,15vw,72px);color:#fff}.market-head p{color:var(--muted);max-width:48ch}
.market-duel{display:grid;grid-template-columns:1fr 38px 1fr;align-items:stretch;gap:8px}.contract{position:relative;overflow:hidden;padding:18px 14px 14px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(160deg,var(--panel2),var(--panel))}.contract.offer{border-color:var(--accent);box-shadow:0 12px 34px rgba(242,194,48,.11)}.contract>svg{display:block;margin:10px auto 6px}.contract-label{position:absolute;top:9px;left:10px;padding:2px 7px;border-radius:4px;background:var(--line);color:var(--muted);font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.contract.offer .contract-label{background:var(--accent);color:var(--accent-ink)}.contract h2{min-height:2.1em;margin:0 0 10px;text-align:center;font-size:23px}.contract dl{display:grid;gap:7px;margin:0}.contract dl>div{padding-top:6px;border-top:1px solid var(--line)}.contract dt{color:var(--muted);font-size:10px;letter-spacing:.06em;text-transform:uppercase}.contract dd{margin:0;font-weight:700;font-size:14px}.contract dd em{color:var(--good);font-size:10px;font-style:normal}.contract>small{display:block;margin-top:10px;color:var(--muted);font-size:11px;line-height:1.35}.market-vs{display:grid;place-items:center;color:var(--accent);font-family:var(--font-display);font-size:20px}
.agent-call{margin:14px 0;padding:13px 15px;border-left:3px solid var(--accent);border-radius:4px 10px 10px 4px;background:rgba(242,194,48,.07)}.agent-call b{color:var(--accent);font-family:var(--font-display);font-size:20px;font-weight:400}.agent-call p{margin:1px 0 0;font-size:15px}.contract-result{border-color:var(--accent)}
.prep-box{margin:14px 18px;padding:14px;border:1px solid var(--line);border-radius:12px;background:#091711}.prep-box>span{color:var(--accent);font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.prep-box>p{margin:5px 0 12px;color:var(--muted);font-size:14px;line-height:1.35}.prep-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.prep-options button{min-width:0;padding:11px 9px;border:1px solid #315542;border-radius:9px;background:var(--panel2);color:var(--text);font:inherit;text-align:left;cursor:pointer;transition:transform .18s,border-color .18s,background .18s}.prep-options button:hover,.prep-options button:focus-visible{transform:translateY(-2px);border-color:var(--accent);background:#183324}.prep-options b,.prep-options span,.prep-options em{display:block}.prep-options b{font-size:14px}.prep-options span{margin:4px 0 7px;color:var(--muted);font-size:11px;line-height:1.3}.prep-options em{color:var(--accent);font-size:10px;font-style:normal;font-weight:700}.prep-selected{position:relative;margin-top:7px;padding:11px 12px 11px 16px;border-left:3px solid var(--good);border-radius:4px 9px 9px 4px;background:rgba(63,224,138,.07);animation:prep-lock .35s ease both}.prep-selected b,.prep-selected small{display:block}.prep-selected small{padding-right:76px;color:var(--muted);font-size:12px}.prep-selected em{position:absolute;top:12px;right:10px;color:var(--good);font-size:11px;font-style:normal;font-weight:700}@keyframes prep-lock{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
.medical-room{overflow:hidden;padding:0 18px 18px;border:1px solid #35614b;border-radius:16px;background:var(--panel);box-shadow:0 18px 45px rgba(0,0,0,.32)}.medical-visual{position:relative;height:210px;margin:0 -18px 18px;overflow:hidden;background:radial-gradient(circle at 50% 55%,rgba(63,224,138,.2),transparent 35%),linear-gradient(180deg,#0d2c1e,#07130d)}.medical-visual::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 18px,rgba(63,224,138,.04) 19px 20px)}.medical-cross{position:absolute;z-index:3;top:14px;right:18px;color:var(--good);font:52px/1 var(--font-display);text-shadow:0 0 18px rgba(63,224,138,.65)}.body-scan{position:absolute;z-index:2;left:50%;bottom:-78px;transform:translateX(-50%)}.body-scan .avatar{width:auto;height:285px;filter:saturate(.65) drop-shadow(0 10px 15px #000)}.medical-visual>i{position:absolute;z-index:3;left:12%;right:12%;height:2px;background:linear-gradient(90deg,transparent,var(--good),transparent);box-shadow:0 0 12px var(--good);animation:medical-scan 2.8s ease-in-out infinite}.medical-visual>i:nth-of-type(2){animation-delay:-.9s}.medical-visual>i:nth-of-type(3){animation-delay:-1.8s}@keyframes medical-scan{0%,100%{top:15%;opacity:0}35%,65%{opacity:.7}50%{top:85%}}.medical-room h1{font-size:48px;color:#fff}.medical-room>p{color:var(--muted);line-height:1.45}.diagnosis{display:flex;flex-direction:column;margin:10px 0 14px;padding:13px 14px;border-left:3px solid var(--bad);border-radius:4px 10px 10px 4px;background:rgba(255,97,97,.07)}.diagnosis span{color:var(--bad);font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.diagnosis b{font-family:var(--font-display);font-size:25px;font-weight:400;text-transform:capitalize}.diagnosis em{color:var(--muted);font-size:12px;font-style:normal}.btn small{display:block;margin-top:2px;color:var(--muted);font-size:11px;font-weight:400}.danger-choice{border-color:#864343;color:#ffd3d3;background:rgba(255,97,97,.07)}
.availability-card{text-align:center}.card-icon{display:grid;place-items:center;width:70px;height:70px;margin:4px auto 12px;border:2px solid var(--accent);border-radius:50%;color:var(--accent);font-size:34px;animation:card-turn .6s cubic-bezier(.2,1.5,.4,1) both}@keyframes card-turn{from{opacity:0;transform:rotateY(90deg) scale(.7)}to{opacity:1;transform:none}}.discipline{display:grid;grid-template-columns:1fr auto;gap:7px 15px;margin:14px 0;padding:12px;text-align:left;border:1px solid var(--line);border-radius:10px;background:var(--panel2)}.discipline span{color:var(--muted)}.discipline b{color:var(--accent)}
.condition-report{display:grid;grid-template-columns:1fr auto;align-items:center;gap:6px 12px;margin:12px 0;padding:11px 13px;border:1px solid var(--line);border-radius:9px;background:var(--panel2)}.condition-report span{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.06em}.condition-report b{color:var(--accent)}.condition-report i{grid-column:1/-1;position:relative;height:6px;overflow:hidden;border-radius:99px;background:#263c30}.condition-report i::after{content:"";position:absolute;inset:0 auto 0 0;width:var(--condition);border-radius:inherit;background:linear-gradient(90deg,var(--good),var(--accent) 55%,var(--bad));animation:condition-grow .8s ease both}@keyframes condition-grow{from{width:0}}.match-alert{display:flex;flex-direction:column;margin:9px 0;padding:10px 12px;border-left:3px solid var(--accent);border-radius:4px 9px 9px 4px;background:rgba(242,194,48,.07)}.match-alert b{font-size:11px;letter-spacing:.08em;text-transform:uppercase}.match-alert span{font-size:14px}.medical-alert{border-left-color:var(--bad);background:rgba(255,97,97,.07)}.medical-alert b{color:var(--bad)}
.table-movement{display:flex;flex-direction:column;align-items:center;margin:12px 0;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--panel2)}.table-movement>span{color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.table-movement>div{display:flex;align-items:center;gap:12px;font-family:var(--font-display);font-size:34px}.table-movement>div b{color:var(--muted);font-weight:400}.table-movement>div i{color:var(--accent);font-style:normal;animation:table-arrow .7s ease both}.table-movement>div strong{color:var(--text);font-weight:400}.table-movement>small{color:var(--muted)}.table-movement.up{border-color:var(--good)}.table-movement.up>div strong,.table-movement.up>small{color:var(--good)}.table-movement.down{border-color:var(--bad)}.table-movement.down>div strong,.table-movement.down>small{color:var(--bad)}@keyframes table-arrow{from{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:none}}
.rivalry-screen{overflow:hidden;padding:0 18px 18px;border:1px solid #594f25;border-radius:16px;background:var(--panel);box-shadow:0 18px 45px rgba(0,0,0,.34)}.rivalry-stage{position:relative;display:grid;grid-template-columns:1fr 78px 1fr;height:255px;margin:0 -18px 18px;overflow:hidden;background:radial-gradient(circle at 50% 35%,rgba(242,194,48,.2),transparent 28%),linear-gradient(180deg,#183d2a,#07130d)}.rivalry-stage::after{content:"";position:absolute;inset:auto 0 0;height:32%;opacity:.22;background:repeating-linear-gradient(90deg,transparent 0 46px,rgba(255,255,255,.05) 46px 92px)}.duelist{position:relative;z-index:2;align-self:end;text-align:center}.duelist span{display:block;height:210px}.duelist .avatar{width:auto;height:225px;filter:drop-shadow(0 10px 13px #000)}.duelist b{position:absolute;left:8px;right:8px;bottom:9px;font-family:var(--font-display);font-size:24px;font-weight:400;text-shadow:0 2px 5px #000}.duelist em{position:absolute;top:15px;padding:4px 8px;border-radius:7px;background:var(--accent);color:var(--accent-ink);font-family:var(--font-display);font-size:24px;font-style:normal}.duelist.player em{left:12px}.duelist.rival em{right:12px}.duelist.rival .avatar{transform:scaleX(-1);filter:grayscale(.18) drop-shadow(0 10px 13px #000)}.duel-vs{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center}.duel-vs small{text-align:center;color:var(--muted);font-size:9px;font-weight:800;letter-spacing:.08em}.duel-vs strong{font-family:var(--font-display);font-size:55px;font-weight:400;color:var(--accent);text-shadow:0 0 22px rgba(242,194,48,.45);animation:versus-pulse 1.8s ease-in-out infinite}.duel-vs i{width:1px;height:48px;background:linear-gradient(transparent,var(--accent),transparent)}.rivalry-screen h1{font-size:clamp(42px,12vw,60px);color:#fff}.rivalry-screen>p{color:var(--muted);line-height:1.45}.rival-meter{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;margin:14px 0;padding:11px;border:1px solid var(--line);border-radius:10px;background:var(--panel2)}.rival-meter>span{font-size:11px;font-weight:700}.rival-meter>i{position:relative;height:7px;border-radius:99px;background:linear-gradient(90deg,var(--good),#314438 50%,var(--bad))}.rival-meter>i::after{content:"";position:absolute;left:50%;top:-3px;width:1px;height:13px;background:#fff8}.rival-meter>i b{position:absolute;top:50%;left:var(--duel);width:15px;height:15px;border:2px solid #fff;border-radius:50%;background:var(--accent);transform:translate(-50%,-50%);box-shadow:0 2px 8px #000;animation:momentum-in .55s cubic-bezier(.2,1.6,.4,1) both}.rival-meter>small{grid-column:1/-1;text-align:center;color:var(--accent);font-size:11px}.rivalry-result{border-color:#756325}.rival-result-line{display:flex;flex-direction:column;margin:14px 0;padding:12px;border-left:3px solid var(--accent);background:rgba(242,194,48,.07)}.rival-result-line span{color:var(--muted);font-size:10px;text-transform:uppercase}.rival-result-line b{font-family:var(--font-display);font-size:24px;font-weight:400}.rival-result-line small{color:var(--muted)}
.confetti{position:fixed;inset:0;width:100vw;height:100vh;pointer-events:none;z-index:50}
@media (max-width:440px){.prematch-grid{grid-template-columns:1fr}.fixture{gap:8px}.fixture b{font-size:17px}.match-prematch.paged .match-sky{padding:14px 13px 12px}.match-prematch.paged .match-sky h2{margin:2px 0 8px;font-size:29px}.match-prematch.paged .fixture .crest{width:43px;height:auto}.match-prematch.paged .fixture b{font-size:15px}.match-prematch.paged .match-sky>small{margin-top:7px;font-size:11px}.page-confrontation>.weather-card{padding:9px 10px}.page-confrontation>.weather-card small{display:none}.page-confrontation>.league-context>strong{padding:6px 8px}.season-stop span{font-size:9px}.market-duel{grid-template-columns:1fr}.market-vs{height:26px}.contract h2{min-height:0}.prep-options{grid-template-columns:1fr}.page-preparation .prep-options button{display:grid;grid-template-columns:1fr auto;gap:1px 8px;padding:9px 10px}.page-preparation .prep-options button span{grid-column:1/-1;margin:1px 0;font-size:10px}.page-preparation .prep-options button em{grid-column:2;grid-row:1}.medical-room h1{font-size:40px}.rivalry-stage{grid-template-columns:1fr 58px 1fr;height:225px}.duelist span{height:185px}.duelist .avatar{height:198px}.duel-vs strong{font-size:44px}.duelist b{font-size:20px}.tactical-moment{grid-template-columns:125px 1fr}.mini-pitch{height:74px}}
@media (prefers-reduced-motion:reduce){body::before{animation:none}.avatar{animation:none!important}.choice,.chip,.delta,.goal-banner,.scoreboard,.momentum-track i,.season-stop.now i,.match-sky::before,.match-sky::after,.fixture>span,.prep-selected,.medical-visual>i,.card-icon,.condition-report i::after,.duel-vs strong,.rival-meter>i b,.player-dot,.ball-dot,.table-movement>div i{animation:none!important}.delta{display:none}}
.small{font-size:12px;color:var(--muted);text-align:center;margin-top:18px}
.pwa-notice{position:fixed;z-index:80;left:max(12px,env(safe-area-inset-left,0px));right:max(12px,env(safe-area-inset-right,0px));bottom:calc(62px + env(safe-area-inset-bottom,0px) + var(--vv-gap,0px));max-width:536px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid var(--accent);border-radius:12px;background:rgba(7,18,13,.97);box-shadow:0 12px 36px rgba(0,0,0,.5);animation:notice-in .35s cubic-bezier(.2,.8,.2,1) both}
body:has(.screen-actions) .pwa-notice,body:has(.match-fixed-next) .pwa-notice{bottom:calc(92px + env(safe-area-inset-bottom,0px) + var(--vv-gap,0px))}
.pwa-notice span{font-size:14px;line-height:1.3}.pwa-notice>div{display:flex;align-items:center;gap:6px;flex:none}
.pwa-notice button{border:0;border-radius:7px;padding:9px 11px;background:var(--accent);color:var(--accent-ink);font:inherit;font-size:13px;font-weight:700;cursor:pointer}
.pwa-notice .pwa-dismiss{padding:6px 9px;background:transparent;color:var(--muted);font-size:21px;line-height:1}
@keyframes notice-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.pwa-install-button{display:none!important;text-align:center;color:var(--accent);border-color:#6b5a20;background:linear-gradient(135deg,rgba(242,194,48,.12),var(--panel2))}
html.pwa-can-install .pwa-install-button{display:block!important}
.pwa-guide-backdrop{position:fixed;z-index:90;inset:0;display:flex;align-items:flex-end;justify-content:center;padding:18px max(14px,env(safe-area-inset-right,0px)) calc(18px + env(safe-area-inset-bottom,0px)) max(14px,env(safe-area-inset-left,0px));background:rgba(0,0,0,.72);backdrop-filter:blur(4px);animation:guide-fade .2s ease both}
.pwa-guide{position:relative;width:min(100%,520px);max-height:min(88dvh,680px);overflow:auto;padding:26px 20px 20px;border:1px solid #8f7724;border-radius:20px;background:linear-gradient(180deg,#14271d,#09150f);box-shadow:0 24px 70px rgba(0,0,0,.7);animation:guide-up .35s cubic-bezier(.2,.85,.25,1) both}
.pwa-guide-close{position:absolute;top:10px;right:10px;width:40px;height:40px;border:0;border-radius:50%;background:var(--panel2);color:var(--text);font:28px/1 var(--font-body);cursor:pointer}
.pwa-guide-kicker{display:block;margin-bottom:6px;color:var(--accent);font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.pwa-guide h2{padding-right:38px;font-size:34px}.pwa-guide>p{color:var(--muted);line-height:1.45}
.pwa-guide-steps{display:grid;gap:10px;margin:18px 0}
.pwa-guide-step{display:grid;grid-template-columns:42px 1fr;align-items:center;gap:12px;padding:12px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.035)}
.pwa-guide-step b{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:var(--accent);color:var(--accent-ink);font-size:22px}.pwa-guide-step span{line-height:1.35}.pwa-guide-step small{display:block;color:var(--muted);font-size:13px}
.pwa-guide .pwa-primary{width:100%;border:0;border-radius:10px;padding:15px;background:var(--accent);color:var(--accent-ink);font:inherit;font-weight:700;cursor:pointer}.pwa-guide .pwa-later{display:block;margin:10px auto 0;border:0;padding:8px;background:transparent;color:var(--muted);font:inherit;cursor:pointer}
@keyframes guide-fade{from{opacity:0}to{opacity:1}}@keyframes guide-up{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
@media (max-width:380px){.stats b{font-size:26px}.fut-grid{grid-template-columns:repeat(2,1fr)}}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

.player-week{overflow:hidden;margin-bottom:82px;border:1px solid #396c50;border-radius:16px;background:#0a1a12;box-shadow:0 18px 45px rgba(0,0,0,.34)}
.week-scene{position:relative;height:160px;overflow:hidden;background:radial-gradient(circle at 78% 35%,rgba(63,224,138,.26),transparent 32%),linear-gradient(135deg,#16452e,#08150e)}.week-scene::after{content:"";position:absolute;inset:auto 0 0;height:42%;background:repeating-linear-gradient(90deg,rgba(255,255,255,.025) 0 42px,transparent 42px 84px);clip-path:polygon(0 55%,100% 0,100% 100%,0 100%)}.tone-gym .week-scene{background:radial-gradient(circle at 78% 30%,rgba(242,194,48,.24),transparent 32%),linear-gradient(135deg,#3a3319,#121108)}.tone-recovery .week-scene{background:radial-gradient(circle at 78% 30%,rgba(99,194,255,.25),transparent 32%),linear-gradient(135deg,#173a43,#081417)}.tone-home .week-scene{background:radial-gradient(circle at 78% 30%,rgba(255,170,102,.26),transparent 32%),linear-gradient(135deg,#49301d,#17100b)}.tone-media .week-scene{background:radial-gradient(circle at 78% 30%,rgba(198,126,255,.28),transparent 32%),linear-gradient(135deg,#342047,#110b18)}.tone-night .week-scene{background:radial-gradient(circle at 78% 30%,rgba(89,122,255,.3),transparent 32%),linear-gradient(135deg,#182755,#080c1c)}
.week-light{position:absolute;z-index:1;right:28px;top:-55px;width:115px;height:250px;background:linear-gradient(180deg,rgba(255,255,255,.23),transparent);filter:blur(8px);transform:rotate(13deg);animation:week-light 2.8s ease-in-out infinite alternate}.week-player{position:absolute;z-index:3;right:6px;bottom:-48px;width:155px;height:205px;text-align:center}.week-player .avatar{width:auto;height:205px;filter:drop-shadow(0 10px 14px rgba(0,0,0,.7));animation:week-player-in .5s cubic-bezier(.2,1.2,.4,1) both}.week-scene-copy{position:absolute;z-index:4;left:17px;top:21px;width:59%;text-shadow:0 2px 7px #000}.week-scene-copy span,.week-scene-copy small{display:block}.week-scene-copy span{color:var(--good);font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.week-scene-copy h1{margin:3px 0 6px;font-size:36px;color:#fff}.week-scene-copy small{color:#cad9d0;font-size:12px;line-height:1.3}
.week-condition{display:grid;grid-template-columns:1fr auto;align-items:center;gap:6px 10px;padding:11px 14px;border-top:1px solid #37614a;border-bottom:1px solid var(--line);background:#10261a}.week-condition span{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.07em}.week-condition b{font-size:13px}.week-condition b.good{color:var(--good)}.week-condition b.bad{color:var(--bad)}.week-condition>i{grid-column:1/-1;overflow:hidden;height:6px;border-radius:99px;background:#263c30}.week-condition>i em{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--good),var(--accent) 60%,var(--bad));animation:condition-grow .65s ease both}
.week-slots{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:10px 11px 0}.week-slot{position:relative;min-width:0;min-height:79px;padding:9px 9px 8px 38px;border:1px solid var(--line);border-radius:10px;background:var(--panel2)}.week-slot>i{position:absolute;left:9px;top:10px;display:grid;place-items:center;width:22px;height:22px;border-radius:7px;background:#254633;color:var(--accent);font-size:12px;font-style:normal}.week-slot>span,.week-slot>b,.week-slot>small{display:block}.week-slot>span{color:var(--muted);font-size:9px;text-transform:uppercase}.week-slot>b{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.week-slot>small{grid-column:1/-1;margin:5px 0 0 -29px;color:var(--accent);font-size:10px;line-height:1.2}.week-slot.empty{border-style:dashed;opacity:.62}.week-slot .fx{gap:3px;margin:5px 0 0 -29px}.week-slot .chip{padding:2px 5px;font-size:9px}
.week-instruction,.week-complete{margin:9px 11px;padding:10px 12px;border-left:3px solid var(--accent);border-radius:4px 9px 9px 4px;background:rgba(242,194,48,.07)}.week-instruction b,.week-instruction span,.week-complete span,.week-complete b{display:block}.week-instruction b{font-size:14px}.week-instruction span{color:var(--muted);font-size:11px;line-height:1.25}.week-choices{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:0 11px 12px}.week-choice{position:relative;display:grid;grid-template-columns:34px 1fr;align-items:center;gap:7px;min-width:0;min-height:56px;padding:7px 8px;border:1px solid #315542;border-radius:10px;background:#10251a;color:var(--text);font:inherit;text-align:left;cursor:pointer;transition:transform .16s,border-color .16s,background .16s}.week-choice:hover,.week-choice:focus-visible{border-color:var(--accent);background:#193525;transform:translateY(-2px)}.week-choice>i{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#254633;color:var(--accent);font-style:normal}.week-choice span,.week-choice b,.week-choice small{display:block;min-width:0}.week-choice b{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.week-choice small{overflow:hidden;color:var(--muted);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.week-choice em{position:absolute;right:5px;top:4px;color:var(--accent);font-size:9px;font-style:normal}.week-complete{border-left-color:var(--good);background:rgba(63,224,138,.07);animation:week-complete-in .4s ease both}.week-complete span{color:var(--good);font-size:10px;font-weight:800;letter-spacing:.1em}.week-complete b{margin-top:2px;font-family:var(--font-display);font-size:25px;font-weight:400}.week-complete p{margin:3px 0 0;color:var(--muted);font-size:12px;line-height:1.3}

/* conversas reativas da carreira */
.hub-contacts>button.has-unread{background:#142d1f}.hub-contacts>button.has-unread b{color:#fff}.hub-contacts i em{right:-5px;top:-6px;display:grid;place-items:center;min-width:17px;width:auto;height:17px;padding:0 4px;border:2px solid var(--panel);background:var(--good);color:#062014;font:700 8px/1 var(--font-body);animation:message-pulse 2s ease-in-out infinite}
.thread-sheet{display:flex;flex-direction:column;max-height:min(82vh,680px);padding-bottom:calc(14px + env(safe-area-inset-bottom,0px))}.message-history{display:flex;flex-direction:column;gap:9px;min-height:150px;margin:15px -3px 0;padding:2px 3px 6px;overflow-y:auto;overscroll-behavior:contain}.thread-message{align-self:flex-start;width:min(88%,430px);padding:10px 12px;border:1px solid #315b45;border-radius:5px 14px 14px;background:#102a1c}.thread-message.mine{align-self:flex-end;border-color:#8a7127;border-radius:14px 5px 14px 14px;background:#3b3217}.thread-message p{margin:0;color:#eef8f1;font-size:15px;line-height:1.4}.thread-message>small{display:block;margin-top:5px;color:var(--muted);font-size:8px;text-align:right}.message-replies{display:grid;gap:6px;margin-top:10px;padding-top:9px;border-top:1px solid var(--line)}.message-replies button{padding:9px 10px;border:1px solid #b08e2d;border-radius:9px;background:rgba(242,194,48,.09);color:var(--accent);font:700 12px/1.25 var(--font-body);text-align:left;cursor:pointer}.message-replies button:active{background:rgba(242,194,48,.2)}.thread-empty{padding:24px;color:var(--muted);font-size:13px;text-align:center}.message-typing{align-self:flex-start;display:flex;gap:4px;padding:12px 15px;border:1px solid #315b45;border-radius:5px 14px 14px;background:#102a1c}.message-typing i{width:6px;height:6px;border-radius:50%;background:#83a994;animation:typing-dot 1s ease-in-out infinite}.message-typing i:nth-child(2){animation-delay:.14s}.message-typing i:nth-child(3){animation-delay:.28s}@keyframes typing-dot{0%,60%,100%{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}
.message-notice{position:fixed;z-index:95;left:50%;bottom:calc(82px + env(safe-area-inset-bottom,0px) + var(--vv-gap,0px));display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:10px;width:min(calc(100% - 24px),536px);padding:10px 11px;border:1px solid #57916e;border-radius:13px;background:rgba(9,31,20,.97);box-shadow:0 16px 42px rgba(0,0,0,.58);color:var(--text);font:inherit;text-align:left;backdrop-filter:blur(12px);cursor:pointer;animation:message-notice-in .35s cubic-bezier(.2,.9,.3,1) both}.message-notice>i{position:relative;display:grid;place-items:center;width:40px;height:40px;border:2px solid var(--good);border-radius:50%;background:#193a28;color:#fff;font-family:var(--font-display);font-size:23px;font-style:normal}.message-notice>i.agent{border-color:var(--accent);background:#403513;color:var(--accent)}.message-notice>i.family{border-color:#d0a653;background:#332b1c;color:#ffe0a1}.message-notice>i em{position:absolute;right:-2px;top:-2px;width:9px;height:9px;border:2px solid #0b2418;border-radius:50%;background:var(--good)}.message-notice span,.message-notice small,.message-notice b,.message-notice p{display:block;min-width:0}.message-notice small{color:var(--good);font-size:8px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.message-notice b{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.message-notice p{overflow:hidden;margin:1px 0 0;color:#aac5b5;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.message-notice>strong{padding:6px 8px;border-radius:7px;background:var(--accent);color:var(--accent-ink);font-size:10px}body:has(.pwa-notice) .message-notice{bottom:calc(180px + env(safe-area-inset-bottom,0px) + var(--vv-gap,0px))}body:has(.screen-actions):has(.pwa-notice) .message-notice,body:has(.match-fixed-next):has(.pwa-notice) .message-notice{bottom:calc(250px + env(safe-area-inset-bottom,0px) + var(--vv-gap,0px))}@keyframes message-notice-in{from{opacity:0;transform:translate(-50%,18px)}to{opacity:1;transform:translate(-50%,0)}}

/* atualização de temporada */
.pwa-update-backdrop{position:fixed;z-index:125;inset:0;display:flex;align-items:flex-end;justify-content:center;padding:14px max(12px,env(safe-area-inset-right,0px)) calc(14px + env(safe-area-inset-bottom,0px)) max(12px,env(safe-area-inset-left,0px));background:rgba(0,0,0,.78);backdrop-filter:blur(6px);animation:guide-fade .2s ease both}.pwa-update-card{position:relative;width:min(100%,520px);max-height:min(92dvh,720px);overflow:auto;padding:0 18px 18px;border:1px solid #aa892d;border-radius:22px;background:linear-gradient(165deg,#153522,#07160e 72%);box-shadow:0 26px 80px rgba(0,0,0,.78);animation:guide-up .38s cubic-bezier(.2,.85,.25,1) both}.pwa-update-visual{position:relative;height:100px;margin:0 -18px 17px;overflow:hidden;border-bottom:1px solid #6e5d27;background:radial-gradient(circle at 50% 45%,rgba(242,194,48,.25),transparent 34%),repeating-linear-gradient(90deg,transparent 0 56px,rgba(255,255,255,.025) 56px 112px),linear-gradient(135deg,#235b39,#0b2417)}.pwa-update-visual::after{content:"";position:absolute;left:10%;right:10%;bottom:12px;height:1px;background:linear-gradient(90deg,transparent,#f2c23088,transparent)}.pwa-update-visual>i{position:absolute;left:50%;top:50%;width:68px;height:68px;border:1px solid #f2c23088;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 12px rgba(242,194,48,.05),0 0 30px rgba(242,194,48,.18);animation:update-ring 2.2s ease-in-out infinite}.pwa-update-visual>span{position:absolute;z-index:2;left:50%;top:43%;color:var(--accent);font-family:var(--font-display);font-size:44px;line-height:1;transform:translate(-50%,-50%)}.pwa-update-visual>b{position:absolute;right:14px;bottom:8px;color:#ffffff26;font-family:var(--font-display);font-size:31px;font-weight:400;letter-spacing:.12em}.pwa-update-kicker{display:block;color:var(--good);font-size:10px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.pwa-update-copy h2{margin:2px 0 5px;color:#fff;font-size:clamp(34px,10vw,46px)}.pwa-update-copy p{margin:0;color:#b5cbbd;font-size:14px;line-height:1.4}.pwa-update-card>ul{display:grid;gap:7px;margin:15px 0;padding:0;list-style:none}.pwa-update-card>ul li{display:grid;grid-template-columns:24px 1fr;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--line);border-radius:9px;background:rgba(255,255,255,.025);font-size:12px}.pwa-update-card>ul i{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:rgba(63,224,138,.12);color:var(--good);font-style:normal;font-weight:800}.pwa-update-safe{display:grid;grid-template-columns:36px 1fr;align-items:center;gap:9px;padding:10px 11px;border:1px solid #376c4e;border-radius:10px;background:rgba(63,224,138,.07)}.pwa-update-safe>span{font-size:25px}.pwa-update-safe b,.pwa-update-safe small{display:block}.pwa-update-safe b{color:var(--good);font-size:12px}.pwa-update-safe small{margin-top:2px;color:#94ae9f;font-size:10px;line-height:1.3}.pwa-update-status{display:flex;align-items:center;justify-content:center;gap:7px;min-height:30px;margin-top:7px;color:var(--muted);font-size:10px}.pwa-update-status>i{width:7px;height:7px;border-radius:50%;background:var(--good)}.pwa-update-card.is-updating .pwa-update-status>i{border:2px solid #486b58;border-top-color:var(--accent);background:transparent;animation:update-spin .7s linear infinite}.pwa-update-primary{width:100%;min-height:52px;border:0;border-radius:11px;background:var(--accent);color:var(--accent-ink);font:700 16px var(--font-body);cursor:pointer}.pwa-update-primary:disabled{opacity:.82}.pwa-update-later{display:block;margin:7px auto 0;padding:8px 12px;border:0;background:transparent;color:var(--muted);font:13px var(--font-body);cursor:pointer}.pwa-update-later:disabled{opacity:.35}.pwa-updated{position:fixed;z-index:120;left:50%;top:calc(12px + env(safe-area-inset-top,0px));display:grid;grid-template-columns:38px 1fr;align-items:center;gap:9px;width:min(calc(100% - 24px),520px);padding:10px 12px;border:1px solid #438665;border-radius:12px;background:rgba(9,35,22,.97);box-shadow:0 14px 42px rgba(0,0,0,.55);color:var(--text);transform:translateX(-50%);animation:updated-in .35s ease both}.pwa-updated>i{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--good);color:#062014;font-size:19px;font-style:normal;font-weight:800}.pwa-updated b,.pwa-updated small{display:block}.pwa-updated b{font-size:13px}.pwa-updated small{color:#a6c1b1;font-size:10px}@keyframes update-ring{50%{transform:translate(-50%,-50%) scale(1.08);box-shadow:0 0 0 18px rgba(242,194,48,.025),0 0 36px rgba(242,194,48,.3)}}@keyframes update-spin{to{transform:rotate(360deg)}}@keyframes updated-in{from{opacity:0;transform:translate(-50%,-12px)}to{opacity:1;transform:translate(-50%,0)}}
@keyframes week-light{to{opacity:.55;transform:rotate(8deg) translateX(12px)}}@keyframes week-player-in{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes week-complete-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

/* Legibilidade móvel: amplia somente textos pequenos sem mudar a estrutura dos cards. */
@media (max-width:600px){
  #app{font-size:17px}
  .hud.compact .hud-name b{font-size:22px}.hud.compact .hud-name span,.hud.compact .hud-right{font-size:13px}.hud.compact .hud-right .age b{font-size:24px}
  .quick-stats small{font-size:10px}.quick-stats b{font-size:20px}.bar{font-size:14px}.stats span,.hist th{font-size:12px}.hist{font-size:14px}
  .app-dock span{font-size:10px}.dock-screen>header span,.dock-hero span,.dock-player small,.dock-news>span{font-size:11px}.dock-back small,.history-totals span{font-size:10px}.dock-player em,.dock-history-list span{font-size:13px}.dock-news p,.dock-history-list b{font-size:14px}
  .momentum{font-size:12px}.cinema-caption small{font-size:10px}.cinema-caption span{font-size:12px}.tactical-moment small{font-size:11px}.tactical-moment div>span{font-size:13px}
  .performance-title span,.season-performance>div:first-child span,.performance-title small,.season-performance>div:first-child small{font-size:12px}.performance-stats span{font-size:11px}.season-running{font-size:13px}
  .race-head span,.leader-column>span{font-size:11px}.leader-row i{font-size:11px}.leader-row b{font-size:13px}.match-honor small{font-size:12px}
  .prematch-progress span{font-size:11px}.prematch-kicker{font-size:12px}.weather-card strong,.lineup-card b{font-size:15px}.weather-card small,.lineup-card span{font-size:13px}.weather-card em,.lineup-card div>small,.lineup-card em{font-size:11px}
  .league-context small,.league-context span{font-size:12px}.league-context>strong{font-size:13px}.coach-talk span{font-size:11px}.prematch-role{font-size:16px}
  .contract-label{font-size:11px}.contract dt{font-size:11px}.contract dd{font-size:15px}.contract dd em{font-size:11px}.contract>small{font-size:13px}.prep-box>span{font-size:12px}.prep-box>p{font-size:15px}.prep-options b{font-size:15px}.prep-options span{font-size:13px}.prep-options em{font-size:11px}.page-preparation .prep-options button span{font-size:12px}.prep-selected small{font-size:13px}.prematch-sim{font-size:14px}
  .condition-report span{font-size:13px}.match-alert b{font-size:12px}.match-alert span{font-size:15px}.table-movement>span{font-size:11px}.rival-meter>span,.rival-meter>small{font-size:12px}.rival-result-line span{font-size:11px}
  .week-scene-copy span{font-size:11px}.week-scene-copy small{font-size:13px}.week-condition span{font-size:12px}.week-condition b{font-size:14px}.week-slot>span{font-size:10px}.week-slot>b{font-size:13px}.week-slot>small{font-size:11px}.week-slot .chip{font-size:10px}.week-instruction b{font-size:15px}.week-instruction span{font-size:12px}.week-choice b{font-size:13px}.week-choice small{font-size:11px}.week-complete span{font-size:11px}.week-complete p{font-size:13px}
}

/* Conta opcional e save em nuvem */
.account-fab{position:fixed;z-index:65;right:calc(62px + env(safe-area-inset-right,0px));bottom:calc(12px + env(safe-area-inset-bottom,0px) + var(--vv-gap,0px));display:flex;align-items:center;justify-content:center;gap:4px;height:40px;padding:0 11px;border:1px solid #3a6b50;border-radius:20px;background:rgba(15,31,23,.92);box-shadow:0 7px 24px rgba(0,0,0,.35);color:var(--good);font:inherit;font-size:17px;cursor:pointer}.account-fab span{color:var(--text);font-size:11px;font-weight:700}.account-fab:focus-visible{outline:2px solid var(--accent);outline-offset:2px}body:has(.app-dock) .account-fab{bottom:calc(84px + env(safe-area-inset-bottom,0px) + var(--vv-gap,0px));right:calc(12px + env(safe-area-inset-right,0px))}.account-home-button{border-color:#3d7355;background:linear-gradient(135deg,rgba(63,224,138,.11),var(--panel2));color:var(--good)}
.account-backdrop{position:fixed;z-index:120;inset:0;display:flex;align-items:flex-end;justify-content:center;padding:18px max(14px,env(safe-area-inset-right,0px)) calc(18px + env(safe-area-inset-bottom,0px)) max(14px,env(safe-area-inset-left,0px));background:rgba(0,0,0,.76);backdrop-filter:blur(5px);animation:guide-fade .2s ease both}.account-backdrop[hidden]{display:none}.account-panel{position:relative;width:min(100%,536px);max-height:min(90dvh,760px);overflow:auto;padding:26px 20px 20px;border:1px solid #3d7355;border-radius:20px;background:radial-gradient(circle at 90% 0,rgba(63,224,138,.14),transparent 34%),linear-gradient(180deg,#14271d,#09150f);box-shadow:0 24px 70px rgba(0,0,0,.75);animation:guide-up .34s cubic-bezier(.2,.85,.25,1) both}.account-close{position:absolute;top:10px;right:10px;width:40px;height:40px;border:0;border-radius:50%;background:var(--panel2);color:var(--text);font:28px/1 var(--font-body);cursor:pointer}.account-kicker{display:block;margin-bottom:5px;color:var(--good);font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.account-panel h2{padding-right:42px;font-size:36px}.account-panel>div>p{margin:7px 0 16px;color:var(--muted);line-height:1.42}.account-panel form{display:grid;gap:8px;margin:12px 0;padding:13px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.025)}.account-panel label{font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.account-panel input{width:100%;min-height:48px;padding:11px 12px;border:1px solid #41624e;border-radius:9px;background:#07120d;color:var(--text);font:inherit;font-size:16px}.account-panel input:focus{outline:2px solid var(--good);outline-offset:1px}.account-panel form .btn{margin:0}.account-panel form small{color:var(--muted);font-size:12px;line-height:1.35}.account-inline{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.account-inline .btn{width:auto}.account-message{padding:10px 12px;border-left:3px solid var(--accent);border-radius:4px 9px 9px 4px;background:rgba(242,194,48,.08)!important;color:var(--text)!important;font-size:13px}.account-message.good{border-color:var(--good);background:rgba(63,224,138,.08)!important}.account-message.bad{border-color:var(--bad);background:rgba(255,97,97,.08)!important}.account-safety{display:flex;gap:10px;margin:14px 0;padding:12px;border:1px solid #315542;border-radius:10px;background:#10251a}.account-safety b{flex:none;color:var(--good)}.account-safety span{color:var(--muted);font-size:13px;line-height:1.4}.account-user{color:var(--text)!important;font-weight:700}.cloud-card{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0}.cloud-card>div{padding:12px;border:1px solid var(--line);border-radius:11px;background:var(--panel2)}.cloud-card span,.cloud-card b,.cloud-card small{display:block}.cloud-card span{color:var(--good);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.cloud-card b{margin:4px 0;font-size:14px}.cloud-card small{color:var(--muted);font-size:11px;line-height:1.3}.account-actions{display:grid;gap:8px}.account-actions .btn{margin:0}.cloud-auto{margin:12px 0!important;padding:9px 11px;border-radius:8px;background:rgba(242,194,48,.07);color:var(--muted)!important;font-size:12px}.cloud-auto.on{background:rgba(63,224,138,.08);color:var(--good)!important}body.account-open{overflow:hidden}.account-success{display:grid;gap:4px;margin:12px 0;padding:14px;border:1px solid #347351;border-radius:12px;background:rgba(63,224,138,.1)}.account-success b{color:var(--good);font-size:16px}.account-success span,.account-choice span{color:var(--muted);font-size:13px}.account-quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}.account-quick-actions .btn,.account-manage,.account-signout{margin:0}.account-choice{display:grid;gap:4px;margin:14px 0 6px;padding:12px;border-left:3px solid var(--accent);background:rgba(242,194,48,.07)}
.account-password-wrap{position:relative}.account-password-wrap input{padding-right:78px}.account-password-toggle{position:absolute;top:50%;right:7px;transform:translateY(-50%);min-width:62px;min-height:34px;padding:0 8px;border:0;border-radius:7px;background:#193325;color:var(--good);font:700 12px var(--font-body);cursor:pointer}.account-password-rules{display:flex;flex-wrap:wrap;gap:6px;margin:1px 0 4px}.account-password-rules span{padding:4px 7px;border-radius:12px;background:#1a2921;color:var(--muted);font-size:11px}.account-password-rules span:before{content:'○ ';font-weight:800}.account-password-rules span.ok{background:rgba(63,224,138,.12);color:var(--good)}.account-password-rules span.ok:before{content:'✓ '}.account-text-button{justify-self:center;padding:7px;border:0;background:none;color:var(--good);font:700 14px var(--font-body);text-decoration:underline;text-underline-offset:3px;cursor:pointer}.account-auth-switch{width:100%;margin:4px 0 0}.account-new-user{display:grid;gap:8px;margin:16px 0;padding:14px;border:1px solid var(--line);border-radius:12px;text-align:center;background:rgba(255,255,255,.025)}.account-new-user span{color:var(--muted);font-size:13px}.account-new-user .btn{margin:0}.account-email-state{display:grid;place-items:center;width:68px;height:68px;margin:18px auto 10px;border:1px solid #52735d;border-radius:50%;background:rgba(242,194,48,.12);color:var(--accent);font-size:32px;box-shadow:0 0 0 8px rgba(242,194,48,.04)}.account-email-state.good{border-color:#3d8059;background:rgba(63,224,138,.12);color:var(--good);box-shadow:0 0 0 8px rgba(63,224,138,.04)}.account-email-address{margin:0 0 14px!important;color:var(--text)!important;font-weight:800;text-align:center}.account-step-list{display:grid;gap:9px;margin:10px 0 18px;padding:14px 14px 14px 36px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.025);color:var(--muted);font-size:14px;line-height:1.4}.account-step-list li::marker{color:var(--good);font-weight:800}.account-help{display:block;margin:12px 0 0;color:var(--muted);font-size:12px;text-align:center}
#account-signup-form{gap:6px;margin-bottom:8px;padding-block:10px}
@media (max-width:380px){.account-fab span{display:none}.account-fab{width:40px;padding:0}.cloud-card,.account-quick-actions{grid-template-columns:1fr}.account-inline{grid-template-columns:1fr}.account-inline .btn{width:100%}.account-panel{padding-inline:16px}.account-panel h2{font-size:32px}.account-safety{display:grid}}

/* ===== Criação do jogador ===== */
.creator{padding:16px 14px 14px}
.creator-head{display:grid;gap:10px;margin-bottom:12px}
.creator-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.creator-steps button{display:flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:6px 4px;border:1px solid var(--line);border-radius:10px;background:var(--panel2);color:var(--muted);font:700 13px var(--font-body);cursor:pointer}
.creator-steps button b{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#0b1812;font-size:12px}
.creator-steps button.on{border-color:var(--accent);color:var(--text);background:rgba(242,194,48,.1)}
.creator-steps button.on b{background:var(--accent);color:#161100}
.creator-preview{display:flex;align-items:center;gap:14px;margin-bottom:14px;padding:12px;border:1px solid var(--line);border-radius:12px;background:radial-gradient(circle at 12% 0,rgba(63,224,138,.12),transparent 55%),#0b1812}
.creator-preview .shirt{flex:none;filter:drop-shadow(0 6px 10px rgba(0,0,0,.45))}
.creator-preview b{display:block;font:26px/1.05 "Bebas Neue",Impact,sans-serif;letter-spacing:.02em;overflow-wrap:anywhere}
.creator-preview small{display:block;margin-top:3px;color:var(--muted);font-size:13px}
.creator-body{display:grid;gap:10px}
.creator-row{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:8px}
.creator-field{display:grid;gap:5px}
.creator-field>span,.creator-label{color:var(--good);font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.creator-input{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px}
.creator-input input{width:100%;min-height:48px;padding:10px 12px;border:1px solid #41624e;border-radius:9px;background:#07120d;color:var(--text);font:inherit;font-size:16px}
.creator-input input:focus{outline:2px solid var(--good);outline-offset:1px}
.dice{width:48px;min-height:48px;border:1px solid var(--line);border-radius:9px;background:var(--panel2);font-size:19px;cursor:pointer}
.pick-grid{display:grid;gap:6px}
.pick-grid.three{grid-template-columns:repeat(3,1fr)}
.pick-grid.two{grid-template-columns:repeat(2,1fr)}
.pick{min-height:46px;padding:8px 6px;border:1px solid var(--line);border-radius:10px;background:var(--panel2);color:var(--text);font:700 14px var(--font-body);cursor:pointer}
.pick.on{border-color:var(--accent);background:rgba(242,194,48,.12);color:var(--accent)}
.creator-hint{margin:0;color:var(--muted);font-size:13px;line-height:1.4}
.kit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.kit{display:grid;justify-items:center;gap:5px;padding:9px 4px;border:1px solid var(--line);border-radius:10px;background:var(--panel2);color:var(--muted);font:600 11px/1.2 var(--font-body);cursor:pointer}
.kit i{width:34px;height:34px;border-radius:50%;border:3px solid var(--kb);background:var(--ka)}
.kit.on{border-color:var(--accent);color:var(--text)}
.creator-error{margin:2px 0 0;padding:10px 12px;border-left:3px solid var(--bad);border-radius:4px 9px 9px 4px;background:rgba(255,97,97,.1);color:var(--text);font-size:14px}
.creator-actions{position:sticky;bottom:0;z-index:5;display:grid;gap:6px;margin:0 -2px;padding:10px 2px calc(10px + env(safe-area-inset-bottom,0px));background:linear-gradient(180deg,rgba(7,18,13,0),var(--bg) 26%)}
.creator-actions .btn{margin:0;text-align:center}
.fut-number{margin-left:8px;color:var(--accent);font-size:.6em;letter-spacing:.06em}
@media (prefers-reduced-motion:reduce){.creator *{transition:none!important;animation:none!important}}
.creator-head .tag{justify-self:start}
.hero.compact{padding-top:calc(10px + env(safe-area-inset-top,0px))}
.hero.compact .title{font-size:clamp(46px,14vw,66px);margin-bottom:6px}
.hero.compact .hero-row{display:none}
body.creating .account-fab,body.creating .snd{display:none}
.creator-preview{gap:12px}
.creator-face{flex:none;width:84px;height:84px;object-fit:contain;filter:drop-shadow(0 6px 8px rgba(0,0,0,.4))}
.creator-preview>div{min-width:0;flex:1}
.creator-preview .shirt{margin-left:auto}
.look-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.heart-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.heart-pick{display:grid;justify-items:center;gap:3px;padding:7px 3px 6px;border:1px solid var(--line);border-radius:10px;background:var(--panel2);color:var(--text);cursor:pointer}
.heart-pick small{font-size:9.5px;font-weight:700;line-height:1.1;text-align:center;color:var(--muted)}
.heart-pick.on{border-color:#ff5a6e;background:rgba(255,90,110,.12);box-shadow:0 0 0 2px rgba(255,90,110,.25)}
.heart-pick.on small{color:#ffd1d7}
.dock-heart{display:flex;align-items:center;gap:4px;margin-top:3px;color:#ff9aa8;font-size:11.5px;font-style:normal;font-weight:700}
.offer-heart{display:block;margin:2px 0 1px;color:#ff8b9b;font-size:12px;font-style:normal;font-weight:800}
.offer-loan{display:block;margin:2px 0 1px;color:#7cc4ff;font-size:12px;font-style:normal;font-weight:800}
.gala{position:relative;overflow:hidden;margin:4px 0 2px;padding:16px 14px 14px;border:1px solid #6b5418;border-radius:14px;background:radial-gradient(circle at 50% -20%,rgba(255,215,90,.28),transparent 60%),linear-gradient(160deg,#1d1606,#0b0a06 70%);text-align:center}
.gala-lights{position:absolute;inset:0;background:repeating-conic-gradient(from 0deg at 50% -10%,rgba(255,220,120,.07) 0 6deg,transparent 6deg 18deg);pointer-events:none}
.gala-kicker{position:relative;display:block;color:#f5c84c;font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}
.gala h3{position:relative;margin:6px 0 10px;color:#fff3cf;font:400 26px/1.05 var(--font-display);letter-spacing:.02em}
.gala-list{position:relative;display:grid;gap:5px;margin:0;padding:0;list-style:none;text-align:left}
.gala-list li{display:grid;grid-template-columns:26px 20px 1fr auto;align-items:center;gap:6px;padding:7px 9px;border:1px solid rgba(245,200,76,.18);border-radius:9px;background:rgba(255,255,255,.04);opacity:0;animation:galaIn .45s ease-out forwards;animation-delay:var(--d,0s)}
.gala-list li i{color:#c9a54a;font-style:normal;font-weight:800;text-align:center}
.gala-list li b{overflow:hidden;color:#f3ead2;font-size:13.5px;white-space:nowrap;text-overflow:ellipsis}
.gala-list li small{color:#a99a74;font-size:11px;white-space:nowrap}
.gala-list li.first{border-color:#f5c84c;background:linear-gradient(90deg,rgba(245,200,76,.28),rgba(245,200,76,.06))}
.gala-list li.first i{color:#ffd96a}
.gala-list li.you{border-color:#3fe08a;box-shadow:0 0 0 1px rgba(63,224,138,.35) inset}
.gala-list li.you b{color:#9dffc8}
.gala.won{border-color:#f5c84c;box-shadow:0 0 30px rgba(245,200,76,.25)}
@keyframes galaIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.gala-list li{animation:none;opacity:1}}
.hh-loan{margin-left:6px;padding:2px 7px;border-radius:999px;background:rgba(124,196,255,.18);color:#bfe3ff;font-size:10px;font-style:normal;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.look{display:grid;place-items:center;padding:4px;border:1px solid var(--line);border-radius:12px;background:radial-gradient(circle at 50% 45%,rgba(63,224,138,.12),transparent 70%),var(--panel2);cursor:pointer}
.look img{width:100%;max-width:92px;height:auto;aspect-ratio:1}
.look.on{border-color:var(--accent);box-shadow:0 0 0 2px rgba(242,194,48,.35)}
.ball-dot{width:18px;height:18px;border:0;background:url(../assets/objects/bola.webp) center/contain no-repeat;box-shadow:none;filter:drop-shadow(0 2px 3px rgba(0,0,0,.75))}
.career-report{display:grid;gap:6px;margin:14px 0;padding:14px;border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:6px 12px 12px 6px;background:rgba(242,194,48,.06)}
.career-report.good{border-left-color:var(--good);background:rgba(63,224,138,.07)}
.career-report.bad{border-left-color:var(--bad);background:rgba(255,97,97,.07)}
.career-report>span{color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.career-report>b{font-size:17px;line-height:1.3}
.career-report p{margin:0;color:var(--text);font-size:15px;line-height:1.45}
.career-report p b{color:var(--accent)}
.career-report ul{margin:2px 0 0;padding-left:18px;color:var(--muted);font-size:14px;line-height:1.45}
.epilogue p{margin:8px 0 0;line-height:1.5}
.epi-highlight{display:grid;gap:2px;margin:14px 0 4px;padding:12px 14px;border-left:4px solid var(--accent);border-radius:6px 12px 12px 6px;background:rgba(242,194,48,.08)}
.epi-highlight small,.epi-label{color:var(--accent);font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.epi-highlight b{font-size:16px;line-height:1.35}
.epi-label{margin:14px 0 6px;color:var(--good)}
.epi-path{display:grid;gap:0;margin:0;padding:0;list-style:none}
.epi-path li{position:relative;display:flex;align-items:center;gap:10px;padding:6px 0 6px 2px}
.epi-path li+li:before{content:'';position:absolute;left:12px;top:-8px;height:14px;border-left:2px dotted var(--line)}
.epi-path b{display:block;font-size:15px;line-height:1.2}
.epi-path small{color:var(--muted);font-size:12px}

/* ===== Organização: cabeçalho compacto e nada flutuando sobre as escolhas ===== */
.hud{padding:0 0 10px}
.hud-id{gap:9px;margin-bottom:8px}
.hud-av{width:46px;height:46px}
.hud-name b{font-size:19px;line-height:1.05}
.hud-name span{font-size:12px;line-height:1.3}
.hud .bars{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px 10px;padding:8px 10px;border:1px solid var(--line);border-radius:12px;background:rgba(15,31,23,.72)}
.hud .bar{font-size:9.5px;letter-spacing:.05em}
.hud .bar .lbl{gap:4px}
.hud .bar .lbl span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hud .bar .lbl .val,.hud .bar .lbl span:last-child{font-size:12px}
.hud .bar .track{height:4px;margin-top:2px}
.hud .bar .delta{font-size:10px}
body.in-career .account-fab,body.in-career .snd{display:none!important}
.message-notice{top:calc(8px + env(safe-area-inset-top,0px));bottom:auto}
.dock-account{margin-top:4px;text-align:center}
.message-notice{transform:translateX(-50%)}
.hud .av-ring{width:46px;height:46px}
.hud .av-crest{right:-7px;bottom:-5px;transform:scale(.78);transform-origin:bottom right}
/* Central da carreira: ação principal no topo, detalhes nas abas */
.hub-heading h1{font-size:clamp(30px,9vw,42px)}
.career-hub .season-track{margin:8px 0 12px}
.hub-next .hub-continue{margin:14px 0 0;text-align:center}
.hub-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:12px 0 0}
.hub-summary button{display:grid;gap:2px;min-height:56px;padding:8px 9px;border:1px solid var(--line);border-radius:11px;background:var(--panel);color:var(--text);font:inherit;text-align:left;cursor:pointer}
.hub-summary span{color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.hub-summary b{font-size:15px;line-height:1.15}
.hub-summary .good b{color:var(--good)}.hub-summary .bad b{color:var(--bad)}
.hub-more{margin:8px 2px 0;color:var(--muted);font-size:12.5px;line-height:1.4}
.hub-more b{color:var(--text)}
.career-hub{padding-bottom:92px}
/* Fim de temporada em seções, com ações sempre visíveis */
.year-section{display:grid;gap:8px;margin:14px 0 0}
.year-label{color:var(--good);font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.year-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.year-facts span{display:grid;gap:2px;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:var(--panel2)}
.year-facts small{color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.year-facts b{font-size:15px}.year-facts b.good{color:var(--good)}.year-facts b.bad{color:var(--bad)}
.year-note{margin:0;padding:10px 12px;border-left:3px solid var(--accent);border-radius:4px 10px 10px 4px;background:rgba(242,194,48,.07);line-height:1.45}
.year-card .goal{margin:0}
.year-actions{position:sticky;bottom:0;z-index:5;display:grid;gap:6px;margin:14px -4px -6px;padding:12px 4px calc(10px + env(safe-area-inset-bottom,0px));background:linear-gradient(180deg,rgba(15,31,23,0),var(--panel) 24%)}
.year-actions .btn{margin:0;text-align:center}
.card.fold{padding:0}
.card.fold>summary{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;font:22px/1.1 var(--font-display,"Bebas Neue",Impact,sans-serif);letter-spacing:.02em;cursor:pointer;list-style:none}
.card.fold>summary::-webkit-details-marker{display:none}
.card.fold>summary::after{content:'+';color:var(--accent);font-size:26px}
.card.fold[open]>summary::after{content:'−'}
.card.fold[open]{padding-bottom:16px}
.card.fold>:not(summary){margin-left:18px;margin-right:18px}
/* Enquadramento: cabeçalho no topo e conteúdo no meio do espaço livre da tela */
#app{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;box-sizing:border-box}
#app>*{flex:none}
#app>.hud{margin-bottom:auto}
#app::after{content:'';flex:none;margin-top:auto}
/* Mercado da bola: propostas lado a lado e decisão sempre visível */
.market-duel{grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr)!important;gap:6px}
.market-vs{height:auto;font-size:15px}
.contract{padding:26px 9px 10px}
.contract>svg{margin:2px auto 4px}
.contract h2{font-size:17px;margin-bottom:6px;overflow-wrap:anywhere}
.contract dl{gap:4px}
.contract dl>div{padding-top:4px}
.contract dt{font-size:9.5px}
.contract dd{font-size:13.5px}
.contract>small{font-size:11.5px;margin-top:6px}
.agent-call{margin:10px 0}
.market-note{margin:0 0 4px}
.market-actions{position:sticky;bottom:0;z-index:5;display:grid;gap:6px;padding:10px 0 calc(10px + env(safe-area-inset-bottom,0px));background:linear-gradient(180deg,rgba(7,18,13,0),var(--bg) 22%)}
.market-actions .btn{margin:0;text-align:center}
.market-actions-row{display:grid;grid-template-columns:1fr 1fr;gap:6px}

/* ===== Tela de início: noite de estádio ===== */
body.on-home .account-fab{display:none!important}
body.on-home .snd{display:grid!important;top:calc(12px + env(safe-area-inset-top,0px));bottom:auto;z-index:30}
.home-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:4px;min-height:min(56vh,430px);margin:calc(-18px - env(safe-area-inset-top,0px)) -18px 10px;padding:calc(22px + env(safe-area-inset-top,0px)) 18px 0;overflow:hidden;border-radius:0 0 26px 26px}
.home-stadium{position:absolute;inset:0;z-index:-1;background:radial-gradient(120% 75% at 50% -5%,rgba(242,194,48,.13),transparent 60%),linear-gradient(180deg,#050d09 0%,#0a1c13 52%,#0f2a1b 100%)}
.home-stadium i{position:absolute;display:block}
.home-stadium .beam{top:-20%;width:46%;height:115%;background:linear-gradient(180deg,rgba(255,246,206,.30),rgba(255,246,206,0) 72%);clip-path:polygon(44% 0,56% 0,100% 100%,0 100%);filter:blur(5px);opacity:0;animation:beam-on 1.2s .15s ease-out forwards,beam-sway 7s 1.4s ease-in-out infinite alternate}
.home-stadium .beam.left{left:-14%;transform:rotate(-24deg);transform-origin:50% 0}
.home-stadium .beam.right{right:-14%;transform:rotate(24deg);transform-origin:50% 0;animation-delay:.45s,1.8s}
.home-stadium .crowd{left:0;right:0;top:44%;height:16%;background:radial-gradient(circle,rgba(255,255,255,.13) 0 1.4px,transparent 1.9px) 0 0/10px 8px,radial-gradient(circle,rgba(242,194,48,.18) 0 1.2px,transparent 1.8px) 5px 4px/14px 11px;-webkit-mask-image:linear-gradient(180deg,transparent,#000 35%,#000 70%,transparent);mask-image:linear-gradient(180deg,transparent,#000 35%,#000 70%,transparent);animation:crowd-flicker 2.4s steps(2) infinite}
.home-stadium .pitch{left:-40%;right:-40%;bottom:-2%;height:32%;background:repeating-linear-gradient(90deg,#16613a 0 46px,#124f2f 46px 92px);transform:perspective(260px) rotateX(58deg);transform-origin:50% 100%;box-shadow:inset 0 26px 34px rgba(0,0,0,.5)}
.home-brand{align-self:start;z-index:1}
.home-title{font-size:clamp(56px,18vw,92px)!important;line-height:.86;margin:4px 0 10px;text-shadow:0 8px 32px rgba(0,0,0,.65);animation:title-in .7s ease-out both}
.home-sub{max-width:15ch;margin:0;color:#c4d6cb;font-size:15px;line-height:1.4;animation:fade-up .7s .25s ease-out both}
.home-player{position:relative;align-self:end;z-index:1;margin-right:-6px}
.home-player .avatar{display:block;width:auto;height:min(40vh,290px);filter:drop-shadow(0 18px 18px rgba(0,0,0,.65));animation:player-in .8s .2s cubic-bezier(.2,.8,.2,1) both,idle-breathe 3.4s 1s ease-in-out infinite}
.home-ball{position:absolute;right:2px;bottom:8px;width:46px;height:46px;filter:drop-shadow(0 6px 6px rgba(0,0,0,.6));animation:ball-in .7s .7s ease-out both,ball-roll 7s 1.4s linear infinite}
.home-card{position:relative;margin:0 0 10px;padding:16px;border:1px solid var(--accent);border-radius:18px;background:radial-gradient(circle at 92% 0,rgba(242,194,48,.16),transparent 45%),linear-gradient(160deg,#142a1e,#0b1811);box-shadow:0 18px 40px rgba(0,0,0,.35);animation:fade-up .6s .35s ease-out both}
.home-card-id{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.home-card-id small{display:block;color:var(--good);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.home-card-id b{display:block;font:30px/1 "Bebas Neue",Impact,sans-serif;letter-spacing:.02em;overflow-wrap:anywhere}
.home-card-id b em{color:var(--accent);font-style:normal}
.home-card-id span{display:block;margin-top:4px;color:var(--muted);font-size:14px}
.home-cta{margin:0;text-align:center;font-size:18px;font-weight:800;animation:cta-pulse 2.6s 1.2s ease-in-out infinite}
.home-cta.solo{margin:0 0 10px;padding:18px;font-size:20px;animation:fade-up .6s .35s ease-out both,cta-pulse 2.6s 1.2s ease-in-out infinite}
.home-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 10px;animation:fade-up .6s .5s ease-out both}
.tile{display:grid;gap:2px;justify-items:start;min-height:86px;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--panel);color:var(--text);font:inherit;text-align:left;cursor:pointer;transition:transform .15s,border-color .15s}
.tile:active{transform:scale(.97)}
.tile i{font-style:normal;font-size:22px;line-height:1}
.tile b{font-size:15px;line-height:1.2}
.tile small{color:var(--muted);font-size:12px;line-height:1.3}
.tile.daily{border-color:#6b5a20;background:linear-gradient(135deg,rgba(242,194,48,.16),var(--panel))}
.home-new{text-align:center;animation:fade-up .6s .6s ease-out both}
.home-new small{display:block;margin-top:2px;color:var(--muted);font-size:12px;font-weight:400}
.home-how{margin:4px 0 8px;padding:0 4px;color:var(--muted);animation:fade-up .6s .7s ease-out both}
.home-how summary{padding:10px 0;color:var(--text);font-weight:700;cursor:pointer}
.home-how p{margin:0 0 6px;font-size:15px}
@keyframes beam-on{to{opacity:1}}
@keyframes beam-sway{to{transform:rotate(var(--sway,-18deg))}}
.home-stadium .beam.left{--sway:-19deg}.home-stadium .beam.right{--sway:19deg}
@keyframes crowd-flicker{50%{opacity:.75}}
@keyframes title-in{from{opacity:0;transform:translateY(14px) scale(.96);letter-spacing:.12em}to{opacity:1;transform:none}}
@keyframes player-in{from{opacity:0;transform:translateY(24px) scale(.94)}to{opacity:1;transform:none}}
@keyframes ball-in{from{opacity:0;transform:translateX(40px) rotate(-180deg)}to{opacity:1;transform:none}}
@keyframes idle-breathe{0%,100%{translate:0 0}50%{translate:0 -4px}}
@keyframes ball-roll{to{rotate:360deg}}
@keyframes fade-up{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes cta-pulse{0%,100%{box-shadow:0 0 0 0 rgba(242,194,48,0)}50%{box-shadow:0 0 0 7px rgba(242,194,48,.14)}}
@media (prefers-reduced-motion:reduce){
  .home-hero *,.home-card,.home-cta,.home-grid,.home-new,.home-how,.home-title,.home-sub{animation:none!important}
  .home-stadium .beam{opacity:1}
}
.home-logo{display:flex;align-items:center;gap:10px;animation:fade-up .6s ease-out both}
.home-logo img{width:44px;height:44px;border-radius:11px;filter:drop-shadow(0 6px 10px rgba(0,0,0,.55))}
.home-logo .logo{white-space:nowrap;font-size:14px;letter-spacing:.14em}
.icon-notice{display:flex;gap:12px;align-items:flex-start;margin:0 0 10px;padding:12px;border:1px solid var(--accent);border-radius:14px;background:rgba(242,194,48,.08);animation:fade-up .6s .4s ease-out both}
.icon-notice img{flex:none;width:48px;height:48px;border-radius:11px}
.icon-notice b{display:block;color:var(--accent);font-size:15px}
.icon-notice span{display:block;margin:3px 0 8px;color:var(--text);font-size:13.5px;line-height:1.4}
.icon-notice button{padding:7px 14px;border:0;border-radius:9px;background:var(--accent);color:var(--accent-ink);font:800 13px var(--font-body);cursor:pointer}
/* Início centralizado como um pôster: marca, título, frase e jogador em coluna */
.home-hero{grid-template-columns:1fr;justify-items:center;align-items:start;text-align:center;min-height:0;gap:0}
.home-brand{display:grid;justify-items:center;align-self:auto}
.home-logo{justify-content:center}
.home-title{font-size:clamp(54px,16.5vw,82px)!important;margin:8px 0 6px}
.home-sub{max-width:24ch;margin:0 auto;font-size:15px;line-height:1.4}
.home-player{margin:6px 0 0;align-self:auto}
.home-player .avatar{height:min(34vh,250px)}
.home-ball{right:-34px;bottom:6px}
.home-stadium .crowd{top:auto;bottom:24%;height:22%}
.home-logo img{width:52px;height:52px;border-radius:0;filter:drop-shadow(0 6px 10px rgba(0,0,0,.55))}
.icon-notice img{border-radius:0}
.cash.debt{color:var(--bad)!important}
/* Pré-jogo compacto para jogos comuns */
.page-quick{display:grid;gap:10px;margin-bottom:10px}
.quick-fixture{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(160deg,#143022,#0b1811);text-align:center}
.quick-fixture svg{width:40px;height:auto}
.quick-fixture b{display:block;font:22px/1.1 "Bebas Neue",Impact,sans-serif;letter-spacing:.02em;overflow-wrap:anywhere}
.quick-fixture small{display:block;margin-top:3px;color:var(--muted);font-size:12px}
.quick-fixture .match-kicker{display:block;font-size:10px}
.quick-role{margin:0;padding:10px 12px;border-left:3px solid var(--good);border-radius:4px 10px 10px 4px;background:rgba(63,224,138,.07);font-size:14px;line-height:1.45}
.match-prematch.quick .page-preparation>.prematch-kicker,.match-prematch.quick .page-preparation>h2,.match-prematch.quick .prep-box>p{display:none}
.match-prematch.quick .page-preparation .condition-report{margin:0 0 8px}

/* link de privacidade no rodapé */
.small a { color: inherit; text-decoration: underline; text-underline-offset: 2px; }

/* troca de idioma no rodapé */
.lang-switch { background: none; border: 0; padding: 4px 2px; color: inherit; font: inherit; text-decoration: underline; text-underline-offset: 2px; cursor: pointer; }

/* ranking em cartões */
.tabs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}.tabs .btn{margin:0;text-align:center;font-weight:700}
.rank-list{list-style:none;margin:0 0 16px;padding:0;display:grid;gap:8px}
.rank-row{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}
.rank-row.top{background:linear-gradient(90deg,rgba(242,194,48,.12),var(--panel) 70%);border-color:#6b5a1d}.rank-row.top2{background:linear-gradient(90deg,rgba(200,210,215,.10),var(--panel) 70%);border-color:#56606a}.rank-row.top3{background:linear-gradient(90deg,rgba(205,127,50,.12),var(--panel) 70%);border-color:#6b4a2a}
.rank-pos{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--panel2);color:var(--muted);font:400 24px/1 var(--font-display)}.rank-row.top .rank-pos{background:none;font-size:28px}
.rank-who{min-width:0}.rank-who b{display:block;overflow:hidden;font-size:17px;text-overflow:ellipsis;white-space:nowrap}.rank-who small{display:block;margin-top:2px;color:var(--muted);font-size:13px}
.rank-score{text-align:right}.rank-score strong{display:block;color:var(--accent);font:400 30px/1 var(--font-display)}.rank-score small{color:var(--muted);font-size:11px;letter-spacing:.06em;text-transform:uppercase}

/* conta: fluxo novo (abas, campos com erro, cartões de save) */
.account-fab.synced{border-color:var(--good)}.account-fab.synced:after{content:'';width:7px;height:7px;border-radius:50%;background:var(--good)}
.account-panel h2{padding-right:42px;margin:0 0 6px;font-size:34px}
.acc-lead{margin:0 0 14px;color:var(--muted);line-height:1.4}
.acc-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin:4px 0 14px;padding:4px;border-radius:12px;background:#0a1710;border:1px solid var(--line)}
.acc-tabs button{min-height:44px;border:0;border-radius:9px;background:none;color:var(--muted);font:700 15px var(--font-body);cursor:pointer;transition:background .15s,color .15s}.acc-tabs button.on{background:var(--accent);color:var(--accent-ink)}
.account-panel form{display:grid;gap:12px;margin:0 0 10px;padding:0;border:0;background:none}
.acc-field{display:grid;gap:6px}.acc-field label,.account-panel label{font-size:13px;font-weight:700;letter-spacing:0;text-transform:none;color:var(--text)}
.account-panel input.bad{border-color:var(--bad);outline-color:var(--bad)}
.acc-error{color:#ff8a8a;font-size:13px}.acc-error:empty{display:none}
.acc-password{position:relative}.acc-password input{padding-right:84px}.acc-eye{position:absolute;top:50%;right:6px;transform:translateY(-50%);min-width:66px;min-height:36px;border:0;border-radius:8px;background:#193325;color:var(--good);font:700 13px var(--font-body);cursor:pointer}
.acc-rules{display:flex;flex-wrap:wrap;gap:6px;margin-top:-4px}.acc-rules span{padding:4px 9px;border-radius:12px;background:#1a2921;color:var(--muted);font-size:12px}.acc-rules span:before{content:'○ '}.acc-rules span.ok{background:rgba(63,224,138,.14);color:var(--good)}.acc-rules span.ok:before{content:'✓ '}
.acc-primary,.acc-secondary,.acc-danger{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:52px;padding:12px 16px;border-radius:12px;font:700 17px var(--font-body);cursor:pointer;transition:transform .12s,opacity .15s}
.acc-primary{border:0;background:var(--accent);color:var(--accent-ink)}.acc-primary:active,.acc-secondary:active{transform:scale(.985)}.acc-primary:disabled,.acc-secondary:disabled{opacity:.55;cursor:default}
.acc-secondary{border:1px solid #41624e;background:var(--panel2);color:var(--text);margin-top:8px}.acc-danger{border:1px solid #6b3434;background:transparent;color:#ff9b9b;margin-top:8px}
.acc-link{display:block;margin:6px auto 0;padding:10px;border:0;background:none;color:var(--good);font:700 15px var(--font-body);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.acc-spin{width:16px;height:16px;border:2px solid rgba(26,20,0,.3);border-top-color:var(--accent-ink);border-radius:50%;animation:acc-turn .7s linear infinite}@keyframes acc-turn{to{transform:rotate(360deg)}}
.acc-status{margin:0 0 12px;padding:10px 12px;border-left:3px solid var(--accent);border-radius:4px 10px 10px 4px;background:rgba(242,194,48,.09);color:var(--text);font-size:14px;line-height:1.35}.acc-status.good{border-color:var(--good);background:rgba(63,224,138,.09)}.acc-status.bad{border-color:var(--bad);background:rgba(255,97,97,.09)}
.acc-benefits{display:grid;gap:8px;margin:16px 0 0;padding:14px;list-style:none;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.025);color:var(--muted);font-size:14px;line-height:1.35}
.acc-mail{display:grid;place-items:center;width:68px;height:68px;margin:6px auto 10px;border:1px solid #52735d;border-radius:50%;background:rgba(242,194,48,.12);color:var(--accent);font-size:32px}.acc-mail.good{border-color:#3d8059;background:rgba(63,224,138,.12);color:var(--good)}
.account-panel #account-content>h2:has(+.acc-address){text-align:center;padding-right:0}.acc-address{margin:0 0 12px;text-align:center;font-weight:800}
.acc-steps{display:grid;gap:9px;margin:10px 0 16px;padding:14px 14px 14px 34px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.025);color:var(--muted);font-size:15px;line-height:1.4}.acc-steps li::marker{color:var(--good);font-weight:800}
.acc-help{display:block;margin-top:12px;color:var(--muted);font-size:13px;text-align:center}
.acc-profile{display:flex;align-items:center;gap:12px;margin:0 0 14px;padding-right:44px}.acc-profile i{display:grid;place-items:center;flex:none;width:48px;height:48px;border-radius:50%;background:var(--accent);color:var(--accent-ink);font:400 26px/1 var(--font-display);font-style:normal}.acc-profile b{display:block;font-size:19px}.acc-profile span{color:var(--muted);font-size:14px}
.acc-ok{display:flex;gap:12px;align-items:center;margin:0 0 12px;padding:14px;border:1px solid #347351;border-radius:12px;background:rgba(63,224,138,.1)}.acc-ok i{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:50%;background:var(--good);color:#06210f;font-style:normal;font-weight:800}.acc-ok b{display:block;color:var(--good);font-size:16px}.acc-ok span{color:var(--muted);font-size:13px}
.acc-alert{display:grid;gap:3px;margin:0 0 12px;padding:12px 14px;border-left:3px solid var(--accent);border-radius:4px 10px 10px 4px;background:rgba(242,194,48,.09)}.acc-alert.good{border-color:var(--good);background:rgba(63,224,138,.09)}.acc-alert span{color:var(--muted);font-size:14px}
.acc-saves{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:6px}.acc-saves.one{grid-template-columns:1fr}.acc-save{display:flex;flex-direction:column;gap:4px;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--panel2)}.acc-save span{color:var(--good);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.acc-save b{font-size:15px;line-height:1.25}.acc-save small{color:var(--muted);font-size:12px}.acc-save .acc-primary{margin-top:auto;min-height:46px;font-size:15px}
.acc-options{margin-top:14px;border-top:1px solid var(--line);padding-top:6px}.acc-options summary{padding:12px 2px;color:var(--muted);font-weight:700;cursor:pointer}.acc-options form{margin-bottom:8px}.acc-inline{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.acc-inline .acc-secondary{width:auto;margin:0;min-height:48px}
@media (max-width:420px){.acc-saves{grid-template-columns:1fr}.acc-inline{grid-template-columns:1fr}.acc-inline .acc-secondary{width:100%}}

/* início: jogar agora + criar jogador */
.home-custom{margin:0 0 10px;padding:12px 16px;min-height:0;font-size:16px;font-weight:700}

/* fidelidade: sequência de dias, progresso das conquistas, galeria e recorde */
.streak-pill{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:4px 10px;margin:0 0 10px;padding:10px 14px;border:1px solid #7a5a1a;border-radius:14px;background:linear-gradient(90deg,rgba(242,140,40,.16),rgba(242,194,48,.08));color:var(--text);font-weight:800;font-size:16px;animation:fade-up .6s .4s ease-out both}
.streak-pill small{color:var(--muted);font-size:12px;font-weight:600}
.ach .ach-prog{display:block;height:6px;margin-top:8px;border-radius:4px;background:#1a2921;overflow:hidden}.ach .ach-prog em{display:block;height:100%;border-radius:4px;background:var(--good)}
.ach small{margin-top:3px;color:var(--muted);font-size:12px}
.hall-list{list-style:none;margin:0 0 16px;padding:0;display:grid;gap:8px}
.hall-row{display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}
.hall-row.best{border-color:#6b5a1d;background:linear-gradient(90deg,rgba(242,194,48,.12),var(--panel) 70%)}
.hall-av{width:52px;height:52px;overflow:hidden;border-radius:50%;background:var(--panel2)}.hall-av img{width:100%;height:100%;object-fit:cover;object-position:top}
.hall-who{min-width:0;display:grid;gap:1px}.hall-who b{overflow:hidden;font-size:16px;text-overflow:ellipsis;white-space:nowrap}.hall-who small,.hall-who span{color:var(--muted);font-size:12px}.hall-who em{color:var(--accent);font-style:normal;font-size:13px;font-weight:700}
.hall-row strong{text-align:right;color:var(--accent);font:400 28px/1 var(--font-display)}.hall-row strong small{display:block;color:var(--muted);font:600 10px var(--font-body);letter-spacing:.06em;text-transform:uppercase}
.record-pill{display:inline-block;margin:-6px 0 14px;padding:8px 14px;border-radius:20px;background:rgba(242,194,48,.14);border:1px solid #7a6420;color:var(--accent);font-weight:800}

/* lances ao vivo */
.play-screen{display:grid;gap:8px}
.play-screen .scoreboard{margin-bottom:0}.play-screen .momentum{display:none}
.play-title{display:grid;gap:1px;padding:0 2px}.play-title span{color:var(--good);font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.play-title b{font:400 24px/1.05 var(--font-display);letter-spacing:.02em}.play-title small{color:var(--muted);font-size:13px}
.play-stage{position:relative;height:max(300px,calc(100dvh - 400px));border:1px solid #2e6b46;border-radius:16px;overflow:hidden;background:#1d6b3a;box-shadow:0 10px 30px rgba(0,0,0,.35)}
.play-stage canvas{display:block;width:100%;height:100%;touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab}
.play-skip{margin:0;min-height:44px;padding:10px;text-align:center;font-size:14px}
.play-toggle{display:block;width:100%;margin:10px 0 0;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--panel2);color:var(--muted);font:600 14px var(--font-body);text-align:center;cursor:pointer}.play-toggle.on{border-color:#3d7355;color:var(--text)}.play-toggle.on b{color:var(--good)}

/* lances ao vivo em 3D: estádio por baixo, toques e textos por cima */
.play-stage canvas{position:absolute;inset:0}.play-stage .play-3d{pointer-events:none}
.play-stage .play-vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 85% 75% at 50% 52%,rgba(0,0,0,0) 58%,rgba(0,0,0,.34) 100%)}
.play-stage{height:max(340px,calc(100dvh - 330px))}

/* lance ao vivo em tela cheia */
body.playing-live{overflow:hidden}
body.playing-live .snd,body.playing-live .account-fab,body.playing-live .app-dock{display:none!important}
.play-screen.full{position:fixed;inset:0;z-index:95;background:#0c1826}
.play-screen.full .play-stage{position:absolute;inset:0;height:auto;margin:0;border:0;border-radius:0;box-shadow:none;padding:env(safe-area-inset-top,0px) 0 env(safe-area-inset-bottom,0px)}
.play-top{position:absolute;z-index:3;top:calc(env(safe-area-inset-top,0px) + 10px);left:12px;right:12px;display:flex;align-items:center;justify-content:space-between;gap:10px;pointer-events:none}
.play-score{display:flex;align-items:center;gap:8px;padding:7px 12px 7px 9px;border-radius:12px;background:rgba(6,14,10,.72);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(6px);color:#fff;font:700 14px var(--font-body);box-shadow:0 6px 18px rgba(0,0,0,.3)}
.play-score i{width:6px;height:22px;border-radius:3px}
.play-score strong{font:400 24px/1 var(--font-display);letter-spacing:.04em;padding:0 2px}.play-score strong small{font-size:16px;opacity:.7}
.play-score em{margin-left:2px;padding:3px 7px;border-radius:7px;background:#3fe08a;color:#06210f;font-style:normal;font-weight:800;font-size:12px}
.play-screen.full .play-skip{pointer-events:auto;min-height:36px;margin:0;padding:8px 13px;border:1px solid rgba(255,255,255,.18);border-radius:12px;background:rgba(6,14,10,.6);color:#e8f1eb;font:700 13px var(--font-body);backdrop-filter:blur(6px);cursor:pointer}
.play-intro{position:absolute;z-index:2;left:16px;right:16px;top:calc(env(safe-area-inset-top,0px) + 74px);display:grid;gap:3px;justify-items:center;text-align:center;pointer-events:none;text-shadow:0 2px 10px rgba(0,0,0,.6);animation:play-intro 3.2s ease forwards}
.play-intro span{padding:3px 9px;border-radius:8px;background:#f2c230;color:#1a1400;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;text-shadow:none}
.play-intro b{font:400 30px/1.05 var(--font-display);color:#fff;letter-spacing:.02em}.play-intro small{max-width:30ch;color:#e3efe7;font-size:13.5px}
@keyframes play-intro{0%{opacity:0;transform:translateY(-8px)}10%{opacity:1;transform:none}75%{opacity:1}100%{opacity:0;transform:translateY(-6px)}}

/* ===== Reformulação 2026-10: painel enxuto, Central de jogo + treino, atributos, mercado com propostas ===== */
.hud.slim{padding:0 0 12px}
.hud.slim .hud-id{margin-bottom:8px}
.hud.slim .hud-av,.hud.slim .av-ring{width:48px;height:48px}
.hud.slim .av-crest{right:-5px;bottom:-3px;transform:scale(.85)}
.hud.slim .hud-name b{font-size:21px}
.hud.slim .hud-name span{font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hud-ovr{display:grid;place-items:center;flex:none;min-width:58px;padding:5px 8px 4px;border:1px solid #6d5a1c;border-radius:12px;background:linear-gradient(160deg,rgba(242,194,48,.22),rgba(242,194,48,.05))}
.hud-ovr b{font:400 32px/0.95 var(--font-display);color:var(--accent)}
.hud-ovr small{color:#d8c98f;font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.hud-ovr.up{animation:ovr-up .9s ease}.hud-ovr.down b{color:var(--bad)}
@keyframes ovr-up{30%{transform:scale(1.14);box-shadow:0 0 22px rgba(242,194,48,.55)}}
.hud-meta{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px}
.hud-meta .energy{position:relative;overflow:hidden;height:26px;border:1px solid var(--line);border-radius:8px;background:var(--panel)}
.hud-meta .energy i{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,#1f7a4a,var(--good));opacity:.55;transition:width .5s}
.hud-meta .energy.mid i{background:linear-gradient(90deg,#8a6d12,var(--mid))}.hud-meta .energy.low i{background:linear-gradient(90deg,#7a1f1f,var(--bad))}
.hud-meta .energy em{position:relative;display:block;padding:0 9px;font-style:normal;font-size:12.5px;font-weight:700;line-height:24px;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.6)}
.hud-meta .cash{color:var(--accent);font-weight:700;font-size:15px;font-variant-numeric:tabular-nums}
.hud-meta .cash.debt{color:var(--bad)}
.hud-warn{display:flex;flex-wrap:wrap;gap:6px;margin-top:7px}
.hud-warn span{padding:3px 8px;border:1px solid #864343;border-radius:7px;background:rgba(255,97,97,.1);color:#ffc9c9;font-size:12px;font-weight:700}

.career-hub{display:flex;flex-direction:column;gap:12px}
.next-match{position:relative;overflow:hidden;padding:14px 14px 12px;border:1px solid #48795d;border-radius:16px;background:linear-gradient(160deg,rgba(19,76,45,.96),rgba(8,30,19,.98));box-shadow:0 14px 34px rgba(0,0,0,.28)}
.next-match::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 56px,rgba(255,255,255,.022) 56px 112px);pointer-events:none}
.next-match>*{position:relative}
.nm-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 8px}
.nm-top span{color:#b7d5c3;font-size:11px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;white-space:nowrap}
.nm-top em{margin-left:auto;white-space:nowrap}
.nm-top small{color:var(--muted);font-size:11px;text-align:right}
.nm-top em{padding:2px 8px;border-radius:6px;background:var(--accent);color:var(--accent-ink);font-size:10.5px;font-style:normal;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.nm-fixture{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin:10px 0 12px}
.nm-fixture>div{min-width:0;text-align:center}
.nm-fixture b{display:block;font:400 25px/1.05 var(--font-display);letter-spacing:.02em;color:#fff}
.nm-fixture b i{color:var(--accent);font-style:normal}
.nm-fixture small{color:#b7d5c3;font-size:12px}
.train-head{display:flex;flex-direction:column;padding-top:10px;border-top:1px solid rgba(255,255,255,.08)}
.train-head b{font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--good)}
.train-head small{min-height:2.6em;color:#cfe3d6;font-size:12.5px;line-height:1.3}
.train-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:8px 0 12px}
.train-chip{position:relative;display:grid;grid-template-rows:auto auto auto;justify-items:center;gap:1px;min-width:0;padding:7px 4px 9px;border:1px solid #2f5a42;border-radius:11px;background:rgba(7,22,14,.7);color:var(--text);font:inherit;cursor:pointer;transition:transform .12s,border-color .12s,background .12s}
.train-chip>span{font-size:16px;line-height:1.1}
.train-chip b{max-width:100%;overflow:hidden;font-size:10.5px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}
.train-chip strong{font:400 22px/1 var(--font-display);color:#fff}
.train-chip.key{border-color:#4d8a63}
.train-chip.extra strong{color:var(--muted);font-size:18px}
.train-chip.on{border-color:var(--accent);background:linear-gradient(180deg,rgba(242,194,48,.22),rgba(242,194,48,.06));box-shadow:0 0 0 1px var(--accent) inset}
.train-chip.on b{color:var(--accent)}
.train-chip:active{transform:scale(.96)}
.train-chip .xpbar{position:absolute;left:7px;right:7px;bottom:4px}
.train-chip .max{position:absolute;top:3px;right:4px;color:var(--accent);font-size:8px;font-weight:800}
.xpbar{display:block;height:3px;border-radius:99px;background:rgba(255,255,255,.1);overflow:hidden}
.xpbar em{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--good),#b6f5cf)}
.nm-play{margin:0;font-size:19px;min-height:56px;letter-spacing:.02em}
.nm-sim{display:block;margin:8px auto 0;border:0;background:transparent;color:var(--muted);font:inherit;font-size:13px;text-decoration:underline;cursor:pointer}
.hub-alert.warn{border-left-color:var(--mid);background:rgba(242,194,48,.08)}
.hub-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}
.hub-strip button{display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:9px 10px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--text);font:inherit;text-align:left;cursor:pointer}
.hub-strip span{color:var(--muted);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase}
.hub-strip b{max-width:100%;overflow:hidden;font-size:14px;text-overflow:ellipsis;white-space:nowrap}
.career-hub .hub-inbox .hub-contacts,.home-main .hub-inbox .hub-contacts{border-top:0}
.career-hub .goal,.home-main .goal{margin:0}

.attr-card{padding:12px 13px;border:1px solid #456247;border-radius:12px;background:linear-gradient(145deg,rgba(31,95,57,.2),var(--panel2))}
.attr-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:6px}
.attr-head span{color:var(--good);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.attr-head small{color:var(--muted);font-size:11px}
.attr-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:2px 10px;padding:6px 0;border-top:1px solid rgba(255,255,255,.06)}
.attr-row span{font-size:14.5px}
.attr-row b{font:400 26px/1 var(--font-display);color:#fff}
.attr-row.key b{color:var(--accent)}
.attr-row .xpbar{grid-column:1/-1}
.contract-card{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:6px}
.contract-card>div{display:flex;flex-direction:column;min-width:0;padding:9px 10px;border:1px solid var(--line);border-radius:10px;background:var(--panel)}
.contract-card span{color:var(--muted);font-size:10.5px;text-transform:uppercase;letter-spacing:.06em}
.contract-card b{overflow:hidden;font-size:14px;text-overflow:ellipsis;white-space:nowrap}
.contract-card small{color:var(--muted);font-size:11.5px}
.btn.shop-open{margin:0;text-align:center}

.current-deal{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin-bottom:12px;padding:11px 12px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}
.current-deal span{display:block;color:var(--muted);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase}
.current-deal b{display:block;font-size:16px}
.current-deal small{color:var(--muted);font-size:12px}
.current-deal .value{text-align:right}.current-deal .value b{color:var(--accent);font:400 22px/1 var(--font-display)}
.offer-list{display:grid;gap:10px;margin-bottom:12px}
.offer-card{padding:12px 13px 13px;border:1px solid #6d5a1c;border-radius:14px;background:linear-gradient(160deg,rgba(242,194,48,.1),var(--panel));animation:offer-in .35s calc(var(--i,0) * 90ms) ease both}
.offer-card.step-up{border-color:var(--accent);box-shadow:0 10px 30px rgba(242,194,48,.12)}
.offer-card.renewal{border-color:#3d7355;background:linear-gradient(160deg,rgba(63,224,138,.08),var(--panel))}
.offer-id{display:flex;align-items:center;gap:10px}
.offer-id b{display:block;font:400 24px/1.05 var(--font-display);letter-spacing:.02em}
.offer-id small{color:var(--muted);font-size:12px}
.offer-card dl{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:10px 0 0}
.offer-card dt{color:var(--muted);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase}
.offer-card dd{margin:0;font-weight:700;font-size:14px}
.offer-card dd em{font-style:normal;font-size:11px}.offer-card dd em.up{color:var(--good)}.offer-card dd em.down{color:var(--bad)}
.offer-card .btn{margin-top:10px;min-height:48px}
@keyframes offer-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.contract-crest{display:flex;justify-content:center;margin:2px 0 6px}

.match-end .match-sum{font-size:16px;color:var(--muted)}
.gains{margin:12px 0;padding:11px 12px;border:1px solid #456247;border-radius:12px;background:linear-gradient(145deg,rgba(31,95,57,.22),var(--panel2))}
.gains-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:4px}
.gains-head span{color:var(--good);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.gains-head small{color:var(--muted);font-size:12px}
.gain-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:2px 10px;padding:6px 0;border-top:1px solid rgba(255,255,255,.06)}
.gain-row span{font-size:14.5px}
.gain-row b{font:400 24px/1 var(--font-display)}
.gain-row b em{color:var(--good);font:700 12px var(--font-body)}
.gain-row small{color:var(--muted);font-size:12px;font-variant-numeric:tabular-nums}
.gain-row .xpbar{grid-column:1/-1}
.gain-row.up{animation:gain-up 1s .3s ease both}.gain-row.up b{color:var(--good)}
@keyframes gain-up{0%{background:transparent}35%{background:rgba(63,224,138,.16)}100%{background:transparent}}
.gains-none{color:var(--muted);font-size:14px}
.bonus-line{display:flex;align-items:center;justify-content:space-between;margin:10px 0;padding:10px 12px;border:1px solid #6d5a1c;border-radius:10px;background:rgba(242,194,48,.08)}
.bonus-line b{color:var(--accent);font-size:17px}
.goal.miss b{color:var(--muted)}
@media (max-width:380px){.train-grid{grid-template-columns:repeat(3,1fr)}.contract-card{grid-template-columns:1fr 1fr}.contract-card>div:first-child{grid-column:1/-1}.offer-card dl{grid-template-columns:1fr 1fr}}
@media (prefers-reduced-motion:reduce){.offer-card,.gain-row.up,.hud-ovr.up{animation:none}}

/* resumo dos lances ao vivo (fim de jogo e Seleção) */
.highlights{margin:12px 0;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--panel2)}
.highlights>span{display:block;margin-bottom:4px;color:var(--good);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.highlights>div{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:8px;padding:5px 0;border-top:1px solid rgba(255,255,255,.06)}
.highlights b{color:var(--muted);font-size:13px;font-variant-numeric:tabular-nums}
.highlights i{font-style:normal;font-size:15px;font-weight:700}
.highlights em{font-style:normal;font-family:var(--font-display);font-size:20px}
.highlights .good i{color:var(--good)}.highlights .bad i{color:var(--bad)}
.national-screen .highlights{text-align:left}
.tourney-head{margin:0 -18px;padding:16px 16px 6px;background:linear-gradient(135deg,#0759a5,#0b7a3e);text-align:center}
.tourney-head span{display:block;color:#f5dc32;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.national-screen .tourney-head h1{margin:4px 0 2px;font-size:clamp(30px,9vw,44px)}
.tourney-head small{display:block;margin-bottom:8px;color:#d8e5dc;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.country-duel .stars{margin-top:-2px}
.tourney-table{width:100%;margin:14px 0 4px;border-collapse:collapse;font-size:13px}
.tourney-table th{padding:4px 6px;color:#9ab2a1;font-size:10px;font-weight:700;text-align:left;text-transform:uppercase}
.tourney-table td{padding:7px 6px;border-top:1px solid #234a35}
.tourney-table th:nth-child(n+3),.tourney-table td:nth-child(n+3){text-align:center}
.tourney-table tr.you td{color:#f5dc32;font-weight:800}
.tourney-path{display:grid;gap:6px;margin:12px 0;padding:0;list-style:none}
.tourney-path li{display:grid;grid-template-columns:1fr auto;gap:2px 8px;padding:8px 10px;border:1px solid #2f5a42;border-left:4px solid #9ab2a1;border-radius:9px;background:rgba(255,255,255,.04)}
.tourney-path li.w{border-left-color:#3fe08a}
.tourney-path li.l{border-left-color:#ff5d5d}
.tourney-path li.d{border-left-color:#f5dc32}
.tourney-path small{grid-column:1/-1;color:#9ab2a1;font-size:10px;letter-spacing:.06em;text-transform:uppercase}
.tourney-path b{font-size:13.5px}
.tourney-path em{align-self:center;color:#c4d6c9;font-size:11px;font-style:normal}
.tourney-awards{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}
.tourney-awards b{padding:5px 10px;border:1px solid #e4c52c;border-radius:999px;background:rgba(245,220,50,.1);color:#ffe98a;font-size:12px}
.tourney-sim{margin-top:8px}
.national-primary small{display:block;margin-top:2px;font-size:12px;font-weight:600;opacity:.8}

/* disputa de pênaltis */
.shootout{text-align:center;padding-bottom:26px;margin-bottom:96px}
.shootout h2{font-size:34px;margin:4px 0 14px}
.so-row{display:grid;grid-template-columns:minmax(0,1fr) auto 34px;align-items:center;gap:10px;padding:10px 4px;border-top:1px solid var(--line)}
.so-row b{overflow:hidden;font-size:15px;text-align:left;text-overflow:ellipsis;white-space:nowrap}
.so-row span{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:5px;max-width:230px}
.so-row i{display:grid;place-items:center;width:26px;height:26px;border:2px solid #3b5547;border-radius:50%;font-style:normal;font-size:14px;font-weight:900}
.so-row i.ok{border-color:var(--good);background:rgba(63,224,138,.18);color:var(--good)}
.so-row i.no{border-color:var(--bad);background:rgba(255,97,97,.16);color:var(--bad)}
.so-row strong{font:400 30px/1 var(--font-display);color:var(--accent)}
.so-last{margin:12px 0 0;color:var(--muted);font-size:15px}

/* tabela do campeonato e copa */
.league-table{padding:10px 10px 8px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}
.lt-head{display:flex;align-items:baseline;justify-content:space-between;padding:0 4px 6px}
.lt-head span{color:var(--good);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.lt-head small{color:var(--muted);font-size:11px}
.league-table table{width:100%;border-collapse:collapse;font-size:13px;font-variant-numeric:tabular-nums}
.league-table th{padding:4px 3px;color:var(--muted);font-size:10px;font-weight:700;text-align:right;text-transform:uppercase}
.league-table th:nth-child(2),.league-table td:nth-child(2){text-align:left}
.league-table td{padding:5px 3px;border-top:1px solid rgba(255,255,255,.05);text-align:right}
.league-table td:first-child{width:22px;color:var(--muted);text-align:center;border-left:3px solid transparent}
.league-table td:nth-child(2){max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.stars{position:relative;display:block;width:max-content;margin:2px 0 1px;font-size:11px;line-height:1;letter-spacing:1px;color:rgba(255,255,255,.22)}
.stars::before{content:'★★★★★'}
.stars i{position:absolute;left:0;top:0;width:var(--p);overflow:hidden;white-space:nowrap;color:#f2c230}
.stars i::before{content:'★★★★★'}
.flag{display:inline-block;flex:none;margin:0 6px 0 0;vertical-align:-1px;border-radius:2px;box-shadow:0 0 0 1px rgba(0,0,0,.35)}
.ye-move{display:flex;flex-direction:column;align-items:center;gap:2px;margin:6px auto 0;padding:6px 16px 7px;border-radius:10px;text-align:center}
.ye-move b{font:400 24px/1 var(--font-display);letter-spacing:.06em;text-transform:uppercase}
.ye-move small{font-size:11.5px;font-weight:700;opacity:.85}
.ye-move.up{background:linear-gradient(180deg,rgba(46,204,113,.28),rgba(46,204,113,.1));border:1px solid rgba(46,204,113,.6);color:#bff5d3}
.ye-move.down{background:linear-gradient(180deg,rgba(231,76,60,.28),rgba(231,76,60,.1));border:1px solid rgba(231,76,60,.6);color:#ffc9c2}
.league-table td:nth-child(2) .crest{margin:-3px 6px -3px 0;vertical-align:middle;filter:drop-shadow(0 1px 1px rgba(0,0,0,.4))}
.league-table tr.champ td:first-child{border-left-color:var(--accent)}
.league-table tr.top td:first-child{border-left-color:var(--good)}
.league-table tr.down td:first-child{border-left-color:var(--bad)}
.league-table tr.you td{background:rgba(242,194,48,.12);color:#fff;font-weight:700}
.lt-legend{display:flex;flex-wrap:wrap;gap:10px;padding:8px 4px 0;color:var(--muted);font-size:11px}
.lt-legend span::before{content:"";display:inline-block;width:8px;height:8px;margin-right:4px;border-radius:2px;background:var(--muted)}
.lt-legend .champ::before{background:var(--accent)}.lt-legend .top::before{background:var(--good)}.lt-legend .down::before{background:var(--bad)}
.cup-status,.cup-note{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 13px;border:1px solid #6d5a1c;border-radius:12px;background:rgba(242,194,48,.08)}
.cup-status b,.cup-note b{color:var(--accent);font-size:14px}
.cup-status span,.cup-note span{font-size:14px;text-align:right}
.cup-note{margin:12px 0}
.table-movement.is-cup{display:none}

/* escalação provável e capitão */
.nm-lineup{display:flex;flex-direction:column;gap:1px;margin:-4px 0 12px;padding:8px 11px;border-left:3px solid var(--good);border-radius:4px 10px 10px 4px;background:rgba(0,0,0,.22)}
.nm-lineup b{font-size:13.5px}.nm-lineup span{color:#cfe3d6;font-size:12px;line-height:1.3}
.nm-injury{display:flex;flex-direction:column;gap:5px;margin:-4px 0 12px;padding:9px 11px;border-left:3px solid var(--bad);border-radius:4px 10px 10px 4px;background:rgba(0,0,0,.24)}
.nm-injury b{display:flex;align-items:center;gap:6px;color:#ff9a9a;font-size:13.5px}
.nm-injury b .ico{width:15px;height:15px}
.nm-injury small{color:#cfe3d6;font-size:12px}
.inj-bar{height:7px;overflow:hidden;border-radius:99px;background:rgba(255,255,255,.1)}
.inj-bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--bad),var(--mid),var(--good))}
.inj-phases{display:flex;flex-wrap:wrap;gap:4px}
.inj-phases em{padding:2px 7px;border:1px solid var(--line);border-radius:99px;color:var(--muted);font-size:10.5px;font-style:normal}
.inj-phases em.done{border-color:rgba(63,224,138,.35);color:var(--good)}
.inj-phases em.now{border-color:var(--accent);background:rgba(245,220,50,.12);color:var(--accent);font-weight:700}
.comeback-result .hub-alert{margin:10px 0 0}
.medical-room .btn.primary small{color:rgba(26,22,6,.72);font-family:var(--font-body);font-size:11.5px;font-weight:600;letter-spacing:0;text-transform:none}
.nm-lineup .nm-hang{margin-top:3px;color:var(--mid);font-weight:700}
.nm-duel{display:grid;grid-template-columns:40px 1fr 40px;align-items:center;gap:9px;margin:-6px 0 12px;padding:8px 10px;border-radius:10px;background:rgba(0,0,0,.22);box-shadow:inset 3px 0 0 var(--mid)}
.nm-duel.good{box-shadow:inset 3px 0 0 var(--good)}.nm-duel.bad{box-shadow:inset 3px 0 0 var(--bad)}
.nd-face{width:40px;height:40px;overflow:hidden;border-radius:50%;background:rgba(255,255,255,.08)}
.nd-face img{display:block;width:100%;height:100%;object-fit:cover}
.nd-mid{display:grid;gap:3px;min-width:0}
.nd-mid>b{color:#fff;font-size:12.5px}
.nd-names{display:flex;justify-content:space-between;gap:6px;color:#cfe3d6;font-size:11px}
.nd-names em{overflow:hidden;font-style:normal;white-space:nowrap;text-overflow:ellipsis}
.nd-bar{position:relative;display:block;height:7px;margin:3px 0;border-radius:99px;background:linear-gradient(90deg,var(--good),#314438 50%,var(--bad))}
.nd-bar::after{content:"";position:absolute;left:50%;top:-3px;width:1px;height:13px;background:#fff8}
.nd-bar u{position:absolute;top:50%;left:var(--duel);width:13px;height:13px;border:2px solid #fff;border-radius:50%;background:var(--accent);transform:translate(-50%,-50%);box-shadow:0 2px 6px #000}
.nd-mid small{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;color:#cfe3d6;font-size:11px;line-height:1.3}
.nd-dots{display:inline-flex;gap:3px}.nd-dots i{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.3)}.nd-dots i.up{background:var(--good)}.nd-dots i.down{background:var(--bad)}
.match-alert.duel-alert{border-left-color:var(--mid);background:rgba(255,255,255,.05)}.match-alert.duel-alert.up{border-left-color:var(--good);background:rgba(63,224,138,.08)}.match-alert.duel-alert.down{border-left-color:var(--bad);background:rgba(255,90,95,.08)}
.nm-coach{display:flex;align-items:center;gap:5px;margin-top:3px;color:#9fc2ad;font-size:11.5px}
.nm-coach .ico{flex:none;width:13px;height:13px}
.evo-card{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:12px 13px;border:1px solid rgba(242,194,48,.35);border-radius:12px;background:linear-gradient(160deg,rgba(242,194,48,.12),rgba(242,194,48,.03))}
.evo-card small,.evo-card b,.evo-card em{display:block}.evo-card small{color:var(--muted);font-size:12px}.evo-card b{font-family:var(--font-display);font-weight:400;font-size:26px;color:var(--accent);line-height:1.1}.evo-card em{font-style:normal;color:var(--muted);font-size:12px;line-height:1.3}
.ye-pot{margin:6px 0 0;color:var(--muted);font-size:13px}.ye-pot b{color:var(--text)}.ye-pot.up{color:var(--good)}.ye-pot.down{color:var(--bad)}
.evo-note span b{font:inherit;color:var(--text)}
.scout-card{display:grid;gap:8px;padding:12px 13px;border:1px solid rgba(90,140,255,.35);border-radius:12px;background:linear-gradient(160deg,rgba(40,70,140,.22),rgba(20,30,60,.12))}
.scout-row{display:grid;grid-template-columns:1fr 90px 38px;align-items:center;gap:8px;font-size:13px}
.scout-row i{position:relative;display:block;height:7px;border-radius:99px;background:rgba(255,255,255,.12);overflow:hidden}
.scout-row em{position:absolute;inset:0 auto 0 0;border-radius:99px;background:#5b9dff}
.scout-row b{text-align:right}
.scout-fav{margin:2px 0 0;color:var(--muted);font-size:13px}.scout-fav b{color:var(--text)}
.dock-coach{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:11px;padding:11px 13px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}
.dock-coach>span{width:48px;height:48px;border:2px solid var(--line);border-radius:50%;background:var(--panel2)}
.dock-coach small,.dock-coach b,.dock-coach em{display:block}
.dock-coach small{color:var(--good);font-size:10px;text-transform:uppercase}
.dock-coach b{font-size:15px}
.dock-coach em{color:var(--muted);font-size:12px;font-style:normal}
.dock-coach>strong{color:var(--accent);font-family:var(--font-display);font-size:30px;font-weight:400;line-height:1;text-align:center}
.dock-coach>strong small{color:var(--muted);font-family:var(--font-body);font-size:9px}
.nm-lineup.good b{color:var(--good)}.nm-lineup.mid{border-left-color:var(--mid)}.nm-lineup.mid b{color:var(--mid)}.nm-lineup.bad{border-left-color:var(--bad)}.nm-lineup.bad b{color:#ff9a9a}
.cap-badge{display:inline-grid;place-items:center;width:20px;height:20px;margin-left:4px;border-radius:5px;background:var(--accent);color:var(--accent-ink);font:900 13px/1 var(--font-body);font-style:normal;vertical-align:3px}

/* clima do clube: diretoria e torcida */
.hub-strip{grid-template-columns:repeat(2,1fr)}
.hub-strip button.ok{border-color:#3d7355}.hub-strip button.ok b{color:var(--good)}
.hub-strip button.bad{border-color:#864343}.hub-strip button.bad b{color:#ff9a9a}
.cup-status.board,.cup-status.fans{border-color:var(--line);background:var(--panel)}
.cup-status.board b,.cup-status.fans b{color:var(--text)}
.cup-status.board.ok span{color:var(--good)}.cup-status.board.bad span{color:#ff9a9a}

/* Centro de Treinamento: botão na Central, treino feito e relatório */
.ct-btn{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;width:100%;margin:10px 0 2px;padding:10px 12px;border:1px solid #3d7355;border-radius:12px;background:linear-gradient(135deg,rgba(63,224,138,.16),rgba(63,224,138,.04));color:var(--text);font:inherit;text-align:left;cursor:pointer}
.ct-btn>span{font-size:24px;line-height:1}.ct-btn b{display:block;font-size:14px;color:var(--good)}.ct-btn small{display:block;color:#cfe3d6;font-size:11.5px;line-height:1.25}.ct-btn i{color:var(--good);font-style:normal;font-size:16px}
.ct-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.ct-done{display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:10px;margin:2px 0 4px;padding:10px 12px;border:1px solid #3d7355;border-radius:12px;background:rgba(63,224,138,.08)}
.ct-done>span{font-size:22px}.ct-done b{display:block;font-size:13.5px;color:var(--good)}.ct-done small{display:block;color:#cfe3d6;font-size:12px}
.ct-done button{padding:7px 10px;border:1px solid var(--line);border-radius:9px;background:var(--panel2);color:var(--text);font:inherit;font-size:12px;cursor:pointer}
.train-report .tr-head{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:14px;margin:4px 0 12px}
.train-report h2{margin:0 0 4px;font-size:28px}.train-report .tr-head p{margin:0;color:#cfe3d6;font-size:14px;line-height:1.35}
.tr-grade{display:grid;place-items:center;align-content:center;width:84px;height:84px;border:3px solid var(--mid);border-radius:50%;background:rgba(0,0,0,.25)}
.tr-grade b{font-family:var(--font-display);font-weight:400;font-size:40px;line-height:.9;color:var(--mid)}.tr-grade small{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em}
.tr-grade.hi{border-color:var(--good)}.tr-grade.hi b{color:var(--good)}.tr-grade.lo{border-color:var(--bad)}.tr-grade.lo b{color:var(--bad)}
.tr-record{margin:0 0 12px;padding:9px 12px;border:1px solid var(--accent);border-radius:10px;background:rgba(242,194,48,.1);color:var(--accent);font-weight:700;font-size:14px}
.tr-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:12px}
.tr-stats div{padding:10px 11px;border:1px solid var(--line);border-radius:10px;background:var(--panel)}
.tr-stats span{display:block;color:var(--muted);font-size:10.5px;letter-spacing:.05em;text-transform:uppercase}.tr-stats b{display:block;margin-top:2px;font-family:var(--font-display);font-weight:400;font-size:26px;line-height:1}
.tr-reps{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}
.tr-reps>span,.tr-gps>span{color:var(--muted);font-size:10.5px;letter-spacing:.05em;text-transform:uppercase}
.tr-reps>div{display:flex;flex-wrap:wrap;gap:6px}
.tr-reps i{min-width:34px;padding:5px 7px;border-radius:8px;background:var(--panel2);font-style:normal;font-weight:800;font-size:13px;text-align:center;font-variant-numeric:tabular-nums}
.tr-reps i.top{background:rgba(242,194,48,.22);color:var(--accent)}.tr-reps i.ok{background:rgba(63,224,138,.16);color:var(--good)}.tr-reps i.mid{color:var(--mid)}.tr-reps i.no{background:rgba(255,97,97,.12);color:#ff9a9a}
.tr-gps{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin-bottom:12px;padding:9px 12px;border:1px dashed var(--line);border-radius:10px}
.tr-gps b{font-size:14px;font-variant-numeric:tabular-nums}

/* retratos 3D: o mesmo boneco das partidas (você e os personagens) */
.av3d.pending{filter:saturate(.6)}
.has-face{position:relative;overflow:hidden;padding:0}
.has-face>img.av3d{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 30%;border-radius:50%;transform:scale(1.25)}
.has-face>em{z-index:1}
span.creator-face{display:block;overflow:hidden;border-radius:14px;background:radial-gradient(circle at 50% 40%,rgba(63,224,138,.18),transparent 70%)}
span.creator-face img{width:100%;height:100%;object-fit:cover}

/* cenas de cinema: faixas pretas, legenda curta, escolhas com tom e memória dos personagens */
.cine-screen{position:fixed;inset:0;z-index:70;overflow:hidden;background:#0b0f0d;color:#fff}
.cine-stage{position:absolute;inset:0}
.cine-stage canvas{position:absolute;inset:0;display:block;width:100%;height:100%}
.cine-fallback{position:absolute;inset:0;display:grid;place-items:center;padding-bottom:30vh;background:radial-gradient(circle at 50% 40%,rgba(63,224,138,.16),transparent 60%),#0f1f17}
.cine-fallback img{width:auto;height:46vh;max-width:80vw;object-fit:contain}
.cine-stage.has-3d .cine-fallback{display:none}
.cine-bar{position:absolute;left:0;right:0;z-index:2;height:6vh;background:#000;pointer-events:none}
.cine-bar.top{top:0}.cine-bar.bottom{bottom:0}
.cine-title{position:absolute;top:calc(6vh + 14px);left:16px;right:96px;z-index:3;color:#f2c230;font:400 24px/1.05 var(--font-display);letter-spacing:.05em;text-shadow:0 2px 10px rgba(0,0,0,.7);pointer-events:none;animation:cine-title 4.5s ease forwards}
.cine-skip{position:absolute;top:calc(env(safe-area-inset-top,0px) + 8px);right:12px;z-index:4;padding:7px 12px;border:1px solid rgba(255,255,255,.25);border-radius:99px;background:rgba(0,0,0,.45);color:#fff;font:inherit;font-size:13px;cursor:pointer}
.cine-ui{position:absolute;left:12px;right:12px;bottom:calc(env(safe-area-inset-bottom,0px) + 14px);z-index:4;display:flex;flex-direction:column;gap:8px;max-width:560px;margin:0 auto}
.cine-line{display:grid;grid-template-columns:1fr auto;gap:2px 10px;width:100%;padding:12px 14px;border:1px solid #2f5a43;border-radius:14px;background:rgba(6,12,9,.9);color:#fff;font:inherit;text-align:left;cursor:pointer;box-shadow:0 10px 30px rgba(0,0,0,.45)}
.cine-line b{grid-column:1/-1;color:#f2c230;font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.cine-line span{font-size:17.5px;line-height:1.3;animation:cine-in .25s ease both}
.cine-line i{align-self:end;color:#3fe08a;font-style:normal;font-size:18px;animation:cine-blink 1s infinite}
.cine-choice{display:flex;flex-direction:column;gap:8px}
.cine-choice p{margin:0 0 2px;color:#fff;font-weight:800;text-shadow:0 2px 8px rgba(0,0,0,.8)}
.cine-opt{display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:10px;width:100%;padding:12px;border:1px solid #2f5a43;border-radius:14px;background:rgba(6,12,9,.92);color:#fff;font:inherit;font-size:16px;line-height:1.25;text-align:left;cursor:pointer;animation:cine-in .3s calc(var(--i) * 70ms) ease both}
.cine-opt:active,.cine-opt:focus-visible{border-color:var(--accent);outline:none}
.cine-opt i{font-size:22px;font-style:normal}
.cine-opt em{color:#a9bfb2;font-size:10px;font-style:normal;letter-spacing:.08em;text-transform:uppercase}
.cine-memo{align-self:flex-start;padding:6px 11px;border-radius:99px;background:rgba(242,194,48,.94);color:#1a1400;font-size:13px;font-weight:800;animation:cine-in .3s ease both}
.cine-play,.cine-sum{display:flex;flex-direction:column;gap:9px;padding:14px;border:1px solid #2f5a43;border-radius:14px;background:rgba(6,12,9,.92)}
.cine-play small,.cine-sum small{color:#a9bfb2;font-size:12px;letter-spacing:.06em;text-transform:uppercase}
.cine-play p{margin:0;font-size:17px}
.cine-sum b{color:#f2c230;font:400 24px var(--font-display);letter-spacing:.03em}
.cine-sum .fx{margin:0}
.cine-sim{border:0;background:transparent;color:#a9bfb2;font:inherit;font-size:13px;text-decoration:underline;cursor:pointer}
@keyframes cine-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes cine-title{0%{opacity:0;transform:translateY(-6px)}10%{opacity:1;transform:none}80%{opacity:1}100%{opacity:0}}
@keyframes cine-blink{50%{opacity:.3}}
.cine-skip[hidden]{display:none}

/* coletiva pós-jogo ao vivo: selo da TV, pergunta com relógio, flashes, manchete e promessa */
.cine-live{position:absolute;top:calc(env(safe-area-inset-top,0px) + 50px);right:12px;z-index:3;display:flex;align-items:center;gap:6px;padding:4px 9px;border-radius:6px;background:#d62828;color:#fff;font-size:12px;font-weight:900;letter-spacing:.1em;pointer-events:none}
.cine-live i{width:7px;height:7px;border-radius:50%;background:#fff;animation:cine-blink 1s infinite}
.press-q{padding:11px 13px;border:1px solid #2f5a43;border-radius:14px;background:rgba(6,12,9,.94);animation:cine-in .25s ease both}
.press-q b{display:block;color:#f2c230;font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.press-q p{margin:3px 0 0;font-size:17.5px;font-weight:700;line-height:1.3;text-shadow:none}
.press-clock{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;margin-top:10px}
.press-timer{position:relative;height:8px;overflow:hidden;border-radius:99px;background:rgba(255,255,255,.14)}
.press-timer i{position:absolute;inset:0;border-radius:inherit;background:#3fe08a;transform-origin:left center;transition:background .3s}
.press-timer.warn i{background:#f2c230}
.press-timer.hot i{background:#ff4d4d}
.press-clock span{min-width:30px;padding:3px 0;border-radius:8px;background:rgba(255,255,255,.1);font:400 20px/1 var(--font-display);text-align:center}
.cine-choice.press:has(.hot) .press-q{border-color:#ff4d4d;animation:press-hot .5s ease-in-out infinite alternate}
@keyframes press-hot{to{box-shadow:0 0 0 3px rgba(255,77,77,.35)}}
.cine-screen.shutter::after{content:"";position:absolute;inset:0;z-index:5;background:#fff;pointer-events:none;animation:shutter .7s ease-out both}
@keyframes shutter{0%{opacity:0}8%{opacity:.5}18%{opacity:0}30%{opacity:.35}42%{opacity:0}100%{opacity:0}}
.cine-sum .news{margin-top:2px;padding:10px 12px}
.cine-sum .news b{color:#1b1710;font-size:20px}
.press-promise{display:flex;flex-direction:column;gap:6px;padding:10px 12px;border:1px dashed #8b7121;border-radius:10px;background:rgba(242,194,48,.08)}
.cine-sum .press-promise b{color:#f2c230;font:700 15px/1.25 var(--font-body);letter-spacing:0}
.press-promise div{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.press-promise small{min-width:76px;color:#a9bfb2;font-size:11px;letter-spacing:.04em;text-transform:uppercase}
.press-promise .fx{margin:0}
.nm-promise{display:flex;align-items:center;gap:8px;margin:-4px 0 10px;padding:8px 11px;border:1px dashed #8b7121;border-radius:10px;background:rgba(242,194,48,.08);color:#f6e6b0;font-size:13.5px;font-weight:700}
.promise-note{display:flex;flex-direction:column;gap:2px;margin:8px 0 12px;padding:10px 12px;border-radius:10px;border:1px solid #3d6d51;background:rgba(63,224,138,.1)}
.promise-note.bad{border-color:#7c3a3a;background:rgba(255,77,77,.08)}
.promise-note b{font-size:15px}
.promise-note span{color:var(--muted);font-size:13.5px;line-height:1.35}

/* história: quatro contatos (com o amigo), nota de memória na conversa e o que ficou no fim */
.hub-contacts{grid-template-columns:repeat(2,1fr)}
.thread-note{align-self:center;margin:4px auto;padding:5px 10px;border-radius:99px;background:rgba(242,194,48,.14);color:var(--accent);font-size:12px;font-weight:700;text-align:center}
.epi-story{display:flex;flex-direction:column;gap:7px;margin:6px 0 4px;padding:0;list-style:none}
.epi-story li{padding:9px 12px;border-left:3px solid var(--accent);border-radius:4px 10px 10px 4px;background:rgba(242,194,48,.07);font-size:14px;line-height:1.35}

/* Central com cara de jogo: herói nas cores do clube, carta do geral, confronto com escudos grandes e números com ícones */
.hub-hero{position:relative;display:grid;grid-template-columns:minmax(0,42%) minmax(0,1fr);grid-template-areas:"player info";align-items:end;min-height:196px;margin:0 0 12px;padding:10px 12px 10px 0;overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:20px;background:repeating-linear-gradient(115deg,rgba(255,255,255,.045) 0 18px,transparent 18px 36px),radial-gradient(circle at 24% 80%,rgba(255,255,255,.2),transparent 42%),linear-gradient(165deg,rgba(0,0,0,.12),rgba(4,10,7,.82) 78%),var(--club-a);box-shadow:0 18px 40px rgba(0,0,0,.4);animation:hh-rise .45s ease both}
.hub-hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--club-b);opacity:.85}
.hh-crest{position:absolute;right:-34px;top:-18px;opacity:.16;transform:rotate(-9deg);pointer-events:none}
.hh-crest .crest{display:block}
.hh-player{grid-area:player;position:relative;align-self:end;justify-self:center;margin:-4px 0 -12px}
.hh-player::before{content:"";position:absolute;left:12%;right:12%;bottom:14px;height:22px;border-radius:50%;background:radial-gradient(ellipse,rgba(0,0,0,.55),transparent 70%)}
.hh-player .avatar{position:relative;display:block;width:auto;height:196px;filter:drop-shadow(0 10px 12px rgba(0,0,0,.45));animation:player-in .6s .1s cubic-bezier(.2,.8,.2,1) both,idle-breathe 3.4s 1s ease-in-out infinite}
.hh-info{grid-area:info;position:relative;display:flex;flex-direction:column;align-items:stretch;gap:5px;min-width:0}
.hh-ovr{position:relative;display:grid;justify-self:start;align-self:flex-start;grid-template-columns:auto auto;grid-template-rows:auto auto;align-items:center;column-gap:7px;padding:6px 12px 7px 10px;border-radius:12px 12px 12px 4px;background:linear-gradient(160deg,#f7e08a,#c99a12);color:#2a1d00;box-shadow:0 6px 16px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.6);animation:hh-pop .5s .25s cubic-bezier(.2,1.5,.4,1) both}
.hh-ovr b{grid-row:1/3;font:400 44px/0.9 var(--font-display)}
.hh-ovr small{font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.hh-ovr i{font-size:12px;font-style:normal;font-weight:900;letter-spacing:.06em}
.hh-ovr.silver{background:linear-gradient(160deg,#f1f4f6,#9ba7af);color:#1d2328}
.hh-ovr.bronze{background:linear-gradient(160deg,#e9b98b,#9a5a2c);color:#2a1406}
.hh-ovr.icon{background:linear-gradient(160deg,#ffffff,#d8c56a 45%,#7b5cc4);color:#1b1030}
.hh-name{margin:2px 0 0;max-width:100%;color:#fff;font:400 clamp(28px,8.2vw,36px)/.92 var(--font-display);letter-spacing:.02em;text-shadow:0 3px 12px rgba(0,0,0,.45);overflow-wrap:anywhere}
.hh-name small{display:block;margin-bottom:2px;color:rgba(255,255,255,.78);font:700 13px/1.1 var(--font-body);letter-spacing:.06em;text-transform:uppercase}
.hh-tags{display:flex;flex-wrap:wrap;gap:5px}
.hh-tags span{padding:3px 8px;border-radius:7px;background:rgba(0,0,0,.32);color:#fff;font-size:12px;font-weight:800}
.hh-tags .cap{background:var(--accent);color:var(--accent-ink)}
.hh-club{display:flex;align-items:center;gap:6px;max-width:100%;color:rgba(255,255,255,.86);font-size:12.5px;font-weight:700}
.hh-club span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hh-meta{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;margin-top:3px;padding:6px 8px;border-radius:10px;background:rgba(0,0,0,.34)}
.hh-energy{display:grid;grid-template-columns:auto minmax(24px,1fr) auto;align-items:center;gap:5px}
.hh-energy i{font-style:normal}
.hh-energy em{position:relative;height:9px;overflow:hidden;border-radius:99px;background:rgba(255,255,255,.16)}
.hh-energy em b{position:absolute;inset:0 auto 0 0;border-radius:inherit;background:linear-gradient(90deg,#3fe08a,#b8f560)}
.hh-energy.mid em b{background:linear-gradient(90deg,#f2c230,#ffe27a)}
.hh-energy.low em b{background:linear-gradient(90deg,#ff6161,#ff9a6a)}
.hh-energy strong{font:400 17px/1 var(--font-display)}
.hh-cash{color:var(--accent);font:400 18px/1 var(--font-display);letter-spacing:.02em;white-space:nowrap}
.hh-cash.debt{color:var(--bad)}
.hh-warn{display:flex;flex-wrap:wrap;gap:5px}
.hh-warn span{padding:3px 8px;border-radius:7px;background:rgba(255,97,97,.2);color:#ffb3b3;font-size:12px;font-weight:800}
@keyframes hh-rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes hh-pop{from{opacity:0;transform:scale(.6) rotate(-6deg)}to{opacity:1;transform:none}}
.career-hub .next-match{border-color:rgba(255,255,255,.14);background:linear-gradient(170deg,rgba(255,255,255,.06),rgba(0,0,0,0) 40%),linear-gradient(160deg,rgba(19,76,45,.96),rgba(8,30,19,.98))}
.career-hub .next-match::after{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,var(--club-a),var(--club-b))}
.nm-versus{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:6px;margin:10px 0 6px;font:inherit}
.nm-team{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:0}
.nm-team .crest{filter:drop-shadow(0 6px 10px rgba(0,0,0,.4));animation:hh-pop .45s .15s cubic-bezier(.2,1.5,.4,1) both}
.nm-team b{display:-webkit-box;max-width:100%;overflow:hidden;color:#fff;font:400 17px/1.02 var(--font-display);letter-spacing:.02em;text-align:center;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.nm-vs{display:flex;flex-direction:column;align-items:center;gap:3px}
.nm-vs b{color:var(--accent);font:400 30px/1 var(--font-display);letter-spacing:.06em;text-shadow:0 0 18px rgba(242,194,48,.35)}
.nm-vs small{color:#cfe3d6;font-size:11.5px;font-weight:700;white-space:nowrap}
.nm-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:0 0 10px}
.nm-month{display:block;margin:-2px auto 12px;padding:7px 14px;border:1px solid rgba(255,255,255,.16);border-radius:99px;background:rgba(0,0,0,.28);color:#d9ebe0;font:700 12.5px/1 var(--font-body);cursor:pointer}
.nm-month .ico{width:13px;height:13px;margin-right:2px;color:var(--accent);vertical-align:-2px}
.month-sim{display:grid;gap:10px}
.month-sim h2{margin:0;font:400 34px/1 var(--font-display);letter-spacing:.03em}
.ms-list{display:grid;gap:6px;margin:0;padding:0;list-style:none}
.ms-list li{display:grid;grid-template-columns:30px 1fr;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;background:rgba(255,255,255,.04)}
.ms-list li>b{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;font:400 18px/1 var(--font-display)}
.ms-list .ms-w>b{background:rgba(46,204,113,.25);color:#7ff0ad}.ms-list .ms-d>b{background:rgba(255,255,255,.12);color:#ddd}.ms-list .ms-l>b{background:rgba(231,76,60,.25);color:#ff9d92}
.ms-list span{display:block;font-weight:800;font-size:14px}
.ms-list small{display:block;color:var(--muted);font-size:11.5px}
.ms-list em{display:block;margin-top:2px;color:var(--accent);font-size:11.5px;font-style:normal;font-weight:700}
.ms-table{margin:0;color:#d9ebe0;font-weight:700}.ms-table .ico{width:14px;height:14px;color:var(--accent);vertical-align:-2px}
.ms-table i{font-style:normal}.ms-table .up{color:#7ff0ad}.ms-table .down{color:#ff9d92}
.nm-chips span{padding:4px 9px;border-radius:99px;background:rgba(0,0,0,.28);color:#d9ebe0;font-size:12px;font-weight:700}
.career-hub .hub-strip button,.home-main .hub-strip button{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;align-items:center;column-gap:9px;padding:10px 11px}
.career-hub .hub-strip button i,.home-main .hub-strip button i{grid-row:1/3;display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:rgba(255,255,255,.06);font-size:18px;font-style:normal}
.career-hub .hub-strip button span,.home-main .hub-strip button span{font-size:10px}
.career-hub .hub-strip button b,.home-main .hub-strip button b{font:400 21px/1.05 var(--font-display);letter-spacing:.02em}
@media (prefers-reduced-motion:reduce){.hub-hero,.hh-ovr,.hh-player .avatar,.nm-team .crest{animation:none!important}}
/* botão de jogar sempre à mão, logo acima da barra de baixo (como nos jogos) */
.hub-cta{position:fixed;z-index:59;left:12px;right:12px;bottom:calc(84px + env(safe-area-inset-bottom,0px) + var(--vv-gap,0px));display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;max-width:536px;margin:0 auto;padding:7px;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:rgba(7,18,13,.88);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 -4px 22px rgba(0,0,0,.4);animation:hh-rise .35s .1s ease both}
.hub-cta .nm-play{min-height:54px;margin:0;font-size:19px}
.hub-cta .nm-sim{display:flex;align-items:center;margin:0;padding:0 14px;border:1px solid var(--line);border-radius:12px;background:var(--panel2);color:var(--text);font-size:14px;font-weight:700;text-decoration:none;white-space:nowrap}
.career-hub{padding-bottom:168px}
body:has(.hub-cta) .pwa-notice{bottom:calc(160px + env(safe-area-inset-bottom,0px) + var(--vv-gap,0px))}
body.playing-live .hub-cta{display:none}

/* fim de jogo como cartão de premiação: placar nas cores do clube, carimbo do resultado, nota num selo e números com ícone */
.me-card{padding-top:0;overflow:hidden}
.me-head{position:relative;margin:0 -20px 14px;padding:14px 16px 16px;text-align:center;border-bottom:3px solid var(--club-b);background:repeating-linear-gradient(115deg,rgba(255,255,255,.045) 0 18px,transparent 18px 36px),linear-gradient(180deg,rgba(0,0,0,.1),rgba(4,10,7,.78)),var(--club-a)}
.me-comp{display:inline-block;max-width:100%;padding:3px 10px;overflow:hidden;border-radius:99px;background:rgba(0,0,0,.35);color:#fff;font-size:11px;font-weight:800;letter-spacing:.08em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}
.me-score{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px;margin:12px 0 4px}
.me-team{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:0}
.me-team .crest{filter:drop-shadow(0 6px 10px rgba(0,0,0,.4))}
.me-team b{display:-webkit-box;max-width:100%;overflow:hidden;color:#fff;font:400 15px/1.05 var(--font-display);letter-spacing:.03em;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.me-goals{color:#fff;font:400 58px/1 var(--font-display);letter-spacing:.02em;text-shadow:0 4px 18px rgba(0,0,0,.45);white-space:nowrap}
.me-goals em{margin:0 8px;color:rgba(255,255,255,.6);font-size:.6em;font-style:normal;vertical-align:.25em}
.me-result{display:inline-block;margin:6px 0 0;padding:4px 16px 2px;border-radius:10px;background:var(--good);color:#06240f;font:400 30px/1.05 var(--font-display);letter-spacing:.06em;transform:rotate(-2deg);box-shadow:0 6px 18px rgba(0,0,0,.35);animation:me-stamp .5s .2s cubic-bezier(.2,1.6,.4,1) both}
.res-d .me-result{background:var(--accent);color:var(--accent-ink)}
.res-l .me-result{background:#ff6161;color:#2a0606}
@keyframes me-stamp{from{opacity:0;transform:scale(2.2) rotate(-12deg)}to{opacity:1;transform:rotate(-2deg)}}
.me-player{display:grid;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:12px;margin:0 0 12px;padding:12px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:linear-gradient(135deg,rgba(255,255,255,.06),rgba(0,0,0,.18))}
.me-av{width:64px;height:64px;overflow:hidden;border:2px solid var(--club-b);border-radius:50%;background:radial-gradient(circle at 50% 30%,rgba(255,255,255,.2),var(--club-a) 80%)}
.me-av .avatar{display:block;width:100%;height:100%;object-fit:cover}
.me-rate{display:flex;flex-direction:column;align-items:center;justify-content:center;width:66px;height:66px;border:3px solid currentColor;border-radius:50%;background:#14231b;color:#c9d1d6;animation:hh-pop .5s .35s cubic-bezier(.2,1.5,.4,1) both}
.me-rate b{color:#fff;font:400 30px/1 var(--font-display)}
.me-rate small{font-size:8.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.me-rate.r-top{color:#f2c230;box-shadow:0 0 20px rgba(242,194,48,.45)}
.me-rate.r-good{color:#3fe08a}
.me-rate.r-bad{color:#ff6161}
.me-rate.r-na{color:#a9bfb2}
.me-pinfo{display:flex;flex-direction:column;gap:7px;min-width:0}
.me-honor{align-self:flex-start;padding:4px 9px;border-radius:7px;background:linear-gradient(120deg,#f7e08a,#c99a12);color:#2a1d00;font-size:12px;font-weight:900;letter-spacing:.04em;text-transform:uppercase}
.me-verdict{color:#d9ebe0;font-size:13.5px;font-weight:700;line-height:1.3}
.me-stats{display:flex;flex-wrap:wrap;gap:6px}
.me-stats span{display:grid;grid-template-columns:auto auto;align-items:center;column-gap:4px;padding:4px 8px;border-radius:9px;background:rgba(0,0,0,.28)}
.me-stats i{font-size:13px;font-style:normal}
.me-stats b{font:400 19px/1 var(--font-display)}
.me-stats small{grid-column:1/-1;color:var(--muted);font-size:9.5px;letter-spacing:.04em;text-transform:uppercase}
.me-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:8px;margin:0 0 12px}
.me-tile{display:flex;flex-direction:column;gap:2px;min-width:0;padding:10px;border:1px solid var(--line);border-radius:12px;background:var(--panel2)}
.me-tile small{color:var(--muted);font-size:10.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}
.me-tile b{color:#fff;font:400 24px/1.05 var(--font-display);white-space:nowrap}
.me-tile b i{color:var(--muted);font-size:.75em;font-style:normal}
.me-tile span{color:var(--muted);font-size:11.5px}
.me-tile.up b{color:var(--good)}.me-tile.down b{color:#ff9a9a}
.me-tile.gold{border-color:#6d5a1c;background:rgba(242,194,48,.08)}.me-tile.gold b{color:var(--accent)}
.me-card .fx{margin:0 0 12px}
@media (prefers-reduced-motion:reduce){.me-result,.me-rate{animation:none!important}}

/* fim de temporada como cartão: colocação grande (ou troféu) nas cores do clube e o seu boneco com a carta do geral */
.ye-card{padding-top:0;overflow:hidden}
.ye-head{padding-bottom:14px}
.ye-club{display:flex;align-items:center;justify-content:center;gap:9px;margin:12px 0 4px}
.ye-club .crest{filter:drop-shadow(0 6px 10px rgba(0,0,0,.4))}
.ye-club span{color:#fff;font:400 22px/1 var(--font-display);letter-spacing:.03em;text-align:left}
.ye-place{display:flex;align-items:baseline;justify-content:center;gap:6px;color:#fff;animation:hh-pop .5s .2s cubic-bezier(.2,1.5,.4,1) both}
.ye-place b{font:400 64px/1 var(--font-display);text-shadow:0 4px 18px rgba(0,0,0,.45)}
.ye-place small{font-size:15px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.ye-place .ye-champ{display:inline-block;padding:6px 16px 3px;border-radius:12px;background:linear-gradient(160deg,#f7e08a,#c99a12);color:#2a1d00;font-size:44px;transform:rotate(-2deg);box-shadow:0 8px 22px rgba(0,0,0,.35);text-shadow:none}
.ye-record{display:flex;justify-content:center;gap:6px;margin-top:6px}
.ye-record span{padding:3px 9px;border-radius:99px;background:rgba(0,0,0,.32);color:#fff;font-size:12.5px;font-weight:800}
.ye-record .w{color:#7cf0ad}.ye-record .d{color:#ffe27a}.ye-record .l{color:#ffadad}
.ye-trophy{margin:8px 0 0;color:#ffe9a6;font-size:14px;font-weight:800}
.ye-player{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:end;gap:10px;margin:0 0 14px;padding:10px 12px 0 4px;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:radial-gradient(circle at 22% 85%,rgba(255,255,255,.14),transparent 45%),linear-gradient(135deg,rgba(255,255,255,.05),rgba(0,0,0,.2))}
.ye-av .avatar{display:block;width:auto;height:180px;margin-bottom:-6px;filter:drop-shadow(0 10px 12px rgba(0,0,0,.45));animation:player-in .6s .1s cubic-bezier(.2,.8,.2,1) both}
.ye-right{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding-bottom:12px;min-width:0}
.ye-right .hh-ovr i.up{color:#0d6b33}.ye-right .hh-ovr i.down{color:#9a1c1c}
.ye-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;width:100%}
.ye-stats span{display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:6px;padding:6px 8px;border-radius:10px;background:rgba(0,0,0,.28)}
.ye-stats i{grid-row:1/3;font-size:16px;font-style:normal}
.ye-stats b{font:400 22px/1 var(--font-display);color:#fff}
.ye-stats small{color:var(--muted);font-size:9.5px;letter-spacing:.04em;text-transform:uppercase}
.ye-stats .r-top b{color:#f2c230}.ye-stats .r-good b{color:#3fe08a}.ye-stats .r-bad b{color:#ff8080}
.ye-card .year-note{margin:0 0 10px}
.ye-card.is-champ .ye-head{background:radial-gradient(circle at 50% 30%,rgba(255,226,122,.35),transparent 60%),repeating-linear-gradient(115deg,rgba(255,255,255,.045) 0 18px,transparent 18px 36px),linear-gradient(180deg,rgba(0,0,0,.1),rgba(4,10,7,.78)),var(--club-a)}
@media (prefers-reduced-motion:reduce){.ye-place,.ye-av .avatar{animation:none!important}}
/* vinheta entre telas: faixa inclinada nas cores do clube cruzando a tela */
#screen-wipe{position:fixed;inset:0;z-index:150;overflow:hidden;pointer-events:none;visibility:hidden}
#screen-wipe.go{visibility:visible}
#screen-wipe::before{content:"";position:absolute;top:-10%;bottom:-10%;left:0;width:72%;background:linear-gradient(90deg,var(--wa) 0 76%,var(--wb) 76% 84%,var(--wa) 84%);box-shadow:0 0 50px rgba(0,0,0,.4);transform:translateX(-125%) skewX(-14deg)}
#screen-wipe.go::before{animation:wipe-slide .6s cubic-bezier(.65,0,.35,1) both}
@keyframes wipe-slide{0%{transform:translateX(-125%) skewX(-14deg)}100%{transform:translateX(250%) skewX(-14deg)}}
@media (prefers-reduced-motion:reduce){#screen-wipe{display:none}}

/* cenas: cor de cada lugar por cima do 3D (casa quente, vestiário frio, sala neutra, imprensa e campo) */
.cine-stage::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none}
.cine-screen[data-set="casa"] .cine-stage::after{background:radial-gradient(ellipse 90% 80% at 50% 45%,rgba(0,0,0,0) 55%,rgba(36,16,4,.5)),linear-gradient(180deg,rgba(255,170,90,.07),rgba(255,130,50,.09))}
.cine-screen[data-set="vestiario"] .cine-stage::after{background:radial-gradient(ellipse 90% 80% at 50% 45%,rgba(0,0,0,0) 55%,rgba(0,22,30,.48)),linear-gradient(180deg,rgba(130,220,255,.06),rgba(0,0,0,0))}
.cine-screen[data-set="sala"] .cine-stage::after{background:radial-gradient(ellipse 90% 80% at 50% 45%,rgba(0,0,0,0) 58%,rgba(10,14,22,.4))}
.cine-screen[data-set="coletiva"] .cine-stage::after{background:radial-gradient(ellipse 90% 80% at 50% 45%,rgba(0,0,0,0) 58%,rgba(0,0,12,.45))}
.cine-screen[data-set="gramado"] .cine-stage::after{background:radial-gradient(ellipse 90% 80% at 50% 45%,rgba(0,0,0,0) 62%,rgba(0,24,0,.3))}

/* mesa de negociação: diretor e empresário frente a frente, paciência da diretoria e pedidos em degraus */
.offer-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-top:10px}
.offer-actions .btn{margin:0}
.offer-actions .nego-btn{padding-inline:14px;white-space:nowrap}
.nego{display:flex;flex-direction:column;gap:12px;padding-bottom:16px}
.nego-head{position:relative;display:flex;align-items:center;gap:12px;padding:12px 14px;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:repeating-linear-gradient(115deg,rgba(255,255,255,.045) 0 18px,transparent 18px 36px),linear-gradient(165deg,rgba(0,0,0,.15),rgba(4,10,7,.8)),var(--club-a)}
.nego-head>div{display:flex;flex-direction:column;min-width:0}
.nego-head span{color:rgba(255,255,255,.75);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.nego-head b{overflow:hidden;color:#fff;font:400 26px/1.05 var(--font-display);letter-spacing:.02em;text-overflow:ellipsis;white-space:nowrap}
.nego-head small{color:rgba(255,255,255,.8);font-size:12.5px;font-weight:700}
.nego-table{display:grid;grid-template-columns:76px minmax(0,1fr) 76px;align-items:center;gap:8px}
.nego-person{display:flex;flex-direction:column;align-items:center;gap:4px;margin:0;text-align:center}
.nego-face{display:block;width:64px;height:64px;overflow:hidden;border:2px solid var(--club-a);border-radius:50%;background:radial-gradient(circle at 50% 30%,#3a4a42,#14211a)}
.nego-person.you .nego-face{border-color:var(--accent)}
.nego-face .avatar{display:block;width:100%;height:100%;object-fit:cover}
.nego-person figcaption{display:flex;flex-direction:column;align-items:center;gap:1px}
.nego-person b{max-width:80px;font-size:12px;line-height:1.15}
.nego-person small{color:var(--muted);font-size:10px;line-height:1.15}
.nego-speech{position:relative;margin:0;padding:10px 12px;border-radius:14px;background:#f4f1e8;color:#1b1710;font-size:14.5px;font-weight:700;line-height:1.3;text-align:center;animation:cine-in .3s ease both}
.mood-tense .nego-speech,.mood-firm .nego-speech{background:#ffe2c2}
.mood-angry .nego-speech{background:#ffc9c9}
.mood-happy .nego-speech{background:#d6f5df}
.nego-patience{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;padding:9px 12px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}
.nego-patience span{font-size:12px;font-weight:800;white-space:nowrap}
.nego-patience i{position:relative;height:10px;overflow:hidden;border-radius:99px;background:rgba(255,255,255,.12)}
.nego-patience i b{position:absolute;inset:0 auto 0 0;border-radius:inherit;background:linear-gradient(90deg,#3fe08a,#b8f560);transition:width .5s ease}
.nego-patience.low i b{background:linear-gradient(90deg,#ff6161,#ffb36a)}
.nego-hint{margin:-4px 0 0;color:#f6e6b0;font-size:13.5px;font-weight:700}
.nego-grid{display:flex;flex-direction:column;gap:6px;padding:10px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}
.nego-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:center;gap:8px;padding:6px 2px}
.nego-row+.nego-row{border-top:1px solid rgba(255,255,255,.06)}
.nego-row.head{padding-top:0}
.nego-row.head b{color:var(--muted);font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.nego-row.head b:last-child{text-align:center}
.nego-label{font-size:13px;font-weight:800}
.nego-theirs{color:#cfe3d6;font-size:13.5px;font-weight:700}
.nego-step{display:grid;grid-template-columns:34px minmax(92px,auto) 34px;align-items:center;gap:4px}
.nego-step button{height:34px;border:1px solid var(--line);border-radius:10px;background:var(--panel2);color:#fff;font:700 20px/1 var(--font-body);cursor:pointer}
.nego-step button:active{transform:scale(.94)}
.nego-step button:disabled{opacity:.35;cursor:default}
.nego-step strong{display:flex;flex-direction:column;align-items:center;color:var(--accent);font:400 19px/1.05 var(--font-display);text-align:center;white-space:nowrap}
.nego-step strong em{color:var(--good);font:800 10.5px var(--font-body);font-style:normal}
.nego-actions{display:grid;gap:8px}
.nego-actions .btn{margin:0}
.nego-stamp{align-self:center;padding:6px 18px 3px;border-radius:12px;background:var(--good);color:#06240f;font:400 30px/1.05 var(--font-display);letter-spacing:.05em;transform:rotate(-2deg);box-shadow:0 8px 20px rgba(0,0,0,.35);animation:me-stamp .5s cubic-bezier(.2,1.6,.4,1) both}
.nego-stamp.walk{background:#ff6161;color:#2a0606}
@media (max-width:370px){.nego-row{grid-template-columns:minmax(0,1fr) auto}.nego-theirs{display:none}.nego-row.head b:first-of-type{display:none}}

/* rede social da torcida: card na Central e perfil com linha do tempo no estilo de celular */
.hub-social{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;padding:11px 12px;border:1px solid #3a4f63;border-radius:13px;background:linear-gradient(135deg,rgba(77,124,255,.14),rgba(214,40,120,.1)),var(--panel);color:var(--text);font:inherit;text-align:left;cursor:pointer}
.hub-social .hs-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,#f58529,#dd2a7b 55%,#8134af);color:#fff;font-size:20px}.hub-social .hs-icon .ico{width:21px;height:21px}
.hub-social b{display:block;font-size:14.5px}
.hub-social b em{margin-left:4px;padding:1px 6px;border-radius:99px;background:#e2304a;color:#fff;font-size:10px;font-style:normal;font-weight:900;vertical-align:2px}
.hub-social small{display:block;overflow:hidden;color:#cfd8e6;font-size:12.5px;text-overflow:ellipsis;white-space:nowrap}
.hub-social .hs-cta{padding:6px 11px;border-radius:99px;background:linear-gradient(90deg,#ff5a8a,#7a5cff);color:#fff;font-size:12.5px;font-style:normal;font-weight:900}
.hub-social strong{color:var(--muted);font-size:20px}
.sf{display:flex;flex-direction:column;gap:10px}
.sf-profile{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"av name" "stats stats";align-items:center;gap:10px 12px;padding:14px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:linear-gradient(160deg,rgba(0,0,0,.15),rgba(4,10,7,.82)),var(--club-a)}
.sf-ring{grid-area:av;display:block;width:62px;height:62px;padding:3px;border-radius:50%;background:conic-gradient(#ffcf3a,#ff5a8a,#7a5cff,#ffcf3a)}
.sf-ring .avatar{display:block;width:100%;height:100%;border:2px solid #10161a;border-radius:50%;background:#1b2a24;object-fit:cover}
.sf-profile>div{grid-area:name;min-width:0}
.sf-profile b{display:block;color:#fff;font-size:17px}
.sf-profile small{display:block;overflow:hidden;color:rgba(255,255,255,.78);font-size:12.5px;text-overflow:ellipsis;white-space:nowrap}
.sf-check{display:inline-grid;place-items:center;width:16px;height:16px;border-radius:50%;background:#3b8cff;color:#fff;font-size:10px;font-style:normal;vertical-align:1px}
.sf-profile dl{grid-area:stats;display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0}
.sf-profile dl div{padding:8px;border-radius:10px;background:rgba(0,0,0,.3);text-align:center}
.sf-profile dt{color:rgba(255,255,255,.7);font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.sf-profile dd{margin:0;color:#fff;font:400 26px/1.05 var(--font-display)}
.sf-toast{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;padding:10px 12px;border:1px solid #3d7355;border-radius:12px;background:rgba(63,224,138,.1);font-weight:800;animation:cine-in .3s ease both}
.sf-toast .fx{margin:0}
.sf-compose{display:grid;gap:7px;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}
.sf-compose>b{font-size:14px}
.sf-compose button{display:grid;grid-template-columns:30px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;column-gap:8px;padding:9px 11px;border:1px solid var(--line);border-radius:12px;background:var(--panel2);color:var(--text);font:inherit;text-align:left;cursor:pointer}
.sf-compose button i{grid-row:1/3;font-size:20px;font-style:normal}
.sf-compose button span{font-size:14.5px;font-weight:800}
.sf-compose button small{color:var(--muted);font-size:11.5px}
.sf-compose button:active{transform:scale(.98)}
.sf-done,.sf-empty{margin:0;padding:10px 12px;border-radius:12px;background:var(--panel);color:var(--muted);font-size:13.5px}
.sf-post{display:flex;flex-direction:column;gap:8px;padding:12px;border:1px solid var(--line);border-radius:14px;background:#101a15}
.sf-post.mine{border-color:#5a4b8a;background:linear-gradient(160deg,rgba(122,92,255,.12),#101a15 55%)}
.sf-post.fresh{animation:cine-in .4s ease both}
.sf-post header{display:flex;align-items:center;gap:9px}
.sf-post header b{display:block;font-size:13.5px}
.sf-post header small{color:var(--muted);font-size:11.5px}
.sf-av{display:grid;place-items:center;width:34px;height:34px;flex:none;border-radius:50%;background:var(--c);color:#fff;font-size:15px;font-style:normal;font-weight:900}
.sf-me{display:block;width:34px;height:34px;flex:none;overflow:hidden;border-radius:50%;background:#1b2a24}
.sf-me .avatar{display:block;width:100%;height:100%;object-fit:cover}
.sf-post>p{margin:0;font-size:15px;line-height:1.4}
.sf-photo{display:grid;place-items:end center;height:210px;overflow:hidden;border-radius:12px;background:radial-gradient(circle at 50% 38%,rgba(255,255,255,.25),transparent 55%),repeating-linear-gradient(115deg,rgba(255,255,255,.05) 0 18px,transparent 18px 36px),linear-gradient(170deg,var(--club-a),#0c1410)}
.sf-photo.kind-familia{background:radial-gradient(circle at 50% 38%,rgba(255,220,170,.35),transparent 55%),linear-gradient(170deg,#c98a5a,#3a2416)}
.sf-photo.kind-treino{background:radial-gradient(circle at 50% 38%,rgba(255,255,255,.25),transparent 55%),repeating-linear-gradient(0deg,#4f9a46 0 26px,#5aa850 26px 52px)}
.sf-photo .avatar{display:block;width:auto;height:200px;filter:drop-shadow(0 8px 10px rgba(0,0,0,.4))}
.sf-stats{display:flex;gap:16px;color:#cfd8e6;font-size:13px}
.sf-stats b{color:#fff}
.sf-comment{padding:6px 9px;border-radius:9px;background:rgba(255,255,255,.04);font-size:13px;line-height:1.35}
.sf-comment b{color:#9fc3ff}
.sf-comment.bad b{color:#ff9a9a}

/* comemoração de gol: grade de opções na aba Jogador (as trancadas mostram o que falta) */
.celeb-card{display:flex;flex-direction:column;gap:10px;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}
.celeb-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px}
.celeb-head span{font-size:13px;font-weight:900;letter-spacing:.04em;text-transform:uppercase}
.celeb-head small{color:var(--muted);font-size:11.5px}
.celeb-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.celeb-opt{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:0;padding:9px 5px;border:1px solid var(--line);border-radius:12px;background:var(--panel2);color:var(--text);font:inherit;text-align:center;cursor:pointer}
.celeb-opt i{font-size:24px;font-style:normal;line-height:1.1}
.celeb-opt b{font-size:11.5px;line-height:1.15}
.celeb-opt small{color:var(--muted);font-size:9.5px;line-height:1.15}
.celeb-opt.on{border-color:var(--accent);background:linear-gradient(180deg,rgba(242,194,48,.22),rgba(242,194,48,.05));box-shadow:0 0 0 1px var(--accent) inset}
.celeb-opt.on b{color:var(--accent)}
.celeb-opt.locked{opacity:.55;cursor:default}
.celeb-opt:not(.locked):active{transform:scale(.96)}
.trophy-room-btn{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;width:100%;padding:13px 14px;border:1px solid #6b5420;border-radius:12px;background:radial-gradient(circle at 12% 50%,rgba(242,194,48,.22),transparent 45%),linear-gradient(135deg,#3a2a10,#160f06);color:var(--text);font:inherit;text-align:left;cursor:pointer}.trophy-room-btn span{font-size:26px}.trophy-room-btn b{color:var(--accent);font-family:var(--font-display);font-size:24px;font-weight:400}.trophy-room-btn small{color:var(--muted);font-size:11px}.trophy-room-btn:focus-visible{outline:2px solid var(--accent)}
/* abertura de cinema: o estádio em 3D por baixo, faixas de cinema, clarão do gol e o nome do jogo batendo na tela */
.opening{position:fixed;inset:0;z-index:400;overflow:hidden;background:#000;color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;transition:opacity .45s ease}
.opening.op-out{opacity:0}
.opening .opening-stage{position:absolute;inset:0;height:auto;margin:0;border:0;border-radius:0;box-shadow:none;background:#000;opacity:0;transition:opacity .9s ease}
.opening.op-roll .opening-stage{opacity:1}
.opening .opening-stage canvas{cursor:pointer}
.opening-load{position:absolute;left:50%;top:50%;width:76px;height:76px;margin:-38px 0 0 -38px;animation:op-pulse 1.1s ease-in-out infinite;transition:opacity .3s}
.opening.op-roll .opening-load,.opening.op-title .opening-load{opacity:0}
.opening-bar{position:absolute;left:0;right:0;z-index:3;height:9vh;background:#000;pointer-events:none;transition:transform .8s cubic-bezier(.6,0,.2,1)}
.opening-bar.top{top:0;transform:translateY(-101%)}.opening-bar.bottom{bottom:0;transform:translateY(101%)}
.opening.op-roll .opening-bar{transform:none}
.opening.op-title .opening-bar.top{transform:translateY(-101%)}.opening.op-title .opening-bar.bottom{transform:translateY(101%)}
.opening-flash{position:absolute;inset:0;z-index:4;background:#fff;opacity:0;pointer-events:none}
.opening.op-goal .opening-flash{animation:op-flash .75s ease-out}
.opening-title{position:absolute;z-index:5;left:0;right:0;top:calc(10vh + env(safe-area-inset-top,0px));display:flex;flex-direction:column;align-items:center;padding:0 16px;text-align:center;opacity:0;pointer-events:none}
.opening.op-title .opening-title{animation:op-slam .7s cubic-bezier(.18,1.45,.35,1) both}
.opening-title::before{content:"";position:absolute;z-index:-1;left:50%;top:48%;width:180vmax;height:180vmax;margin:-90vmax 0 0 -90vmax;background:repeating-conic-gradient(from 0deg,rgba(255,213,84,.22) 0 5deg,transparent 5deg 15deg);-webkit-mask:radial-gradient(circle,#000 0,rgba(0,0,0,.55) 10%,transparent 26%);mask:radial-gradient(circle,#000 0,rgba(0,0,0,.55) 10%,transparent 26%);animation:op-rays 18s linear infinite}
.opening-title img{width:58px;height:58px;margin-bottom:4px;filter:drop-shadow(0 6px 16px rgba(0,0,0,.7))}
.opening-title small{display:block;padding-left:.14em;font:400 clamp(30px,10.5vw,58px)/.92 var(--font-display);letter-spacing:.14em;color:#fff;text-shadow:0 3px 0 #2a1a00,0 8px 22px rgba(0,0,0,.75)}
.opening-title b{display:block;font:400 clamp(66px,23vw,140px)/.84 var(--font-display);letter-spacing:.01em;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.95) 50%,transparent 60%) no-repeat,linear-gradient(180deg,#fff4bf 0%,#f8d04a 44%,#c88610 54%,#ffdc63 100%);background-size:260% 100%,100% 100%;background-position:170% 0,0 0;-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 4px 0 #3a2400) drop-shadow(0 12px 26px rgba(0,0,0,.7))}
.opening.op-title .opening-title b{animation:op-shine 2.8s ease-in-out .7s infinite}
.opening-title span{display:block;margin-top:10px;padding:5px 14px 5px calc(14px + .5em);border:1px solid rgba(255,214,90,.55);border-radius:99px;background:rgba(0,0,0,.45);font:800 13px var(--font-body);letter-spacing:.5em;color:#ffe48a;backdrop-filter:blur(4px)}
.opening-spark{position:absolute;left:50%;top:55%;width:0;height:0}
.opening-spark i{position:absolute;left:-4px;top:-4px;width:8px;height:8px;border-radius:50%;background:#ffe27a;box-shadow:0 0 12px 3px rgba(255,205,64,.85);opacity:0}
.opening.op-title .opening-spark i{animation:op-spark 1s cubic-bezier(.1,.7,.3,1) var(--d) both}
.opening-tap{position:absolute;z-index:5;left:0;right:0;bottom:calc(6vh + env(safe-area-inset-bottom,0px) + var(--vv-gap,0px));margin:0;text-align:center;font:800 14px var(--font-body);letter-spacing:.28em;text-transform:uppercase;color:#fff;text-shadow:0 2px 10px #000,0 0 18px rgba(0,0,0,.8);opacity:0;pointer-events:none}
.opening.op-title .opening-tap{animation:op-tap 1.4s ease-in-out 1.1s infinite both}
.opening-skip{position:absolute;z-index:6;top:calc(12px + env(safe-area-inset-top,0px));right:calc(12px + env(safe-area-inset-right,0px));min-height:34px;padding:7px 14px;border:1px solid rgba(255,255,255,.28);border-radius:99px;background:rgba(0,0,0,.5);color:#fff;font:700 12px var(--font-body);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:opacity .3s}
.opening.op-title .opening-skip{opacity:0;pointer-events:none}
.opening-skip:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.opening.op-static{background:radial-gradient(ellipse 90% 60% at 50% 32%,#215f3c 0,#0b2015 55%,#040a07 100%)}
@keyframes op-pulse{50%{transform:scale(1.08);filter:drop-shadow(0 0 18px rgba(242,194,48,.7))}}
@keyframes op-flash{0%{opacity:.9}100%{opacity:0}}
@keyframes op-slam{0%{opacity:0;transform:scale(2.8) rotate(-4deg)}45%{opacity:1}70%{transform:scale(.94) rotate(.5deg)}100%{opacity:1;transform:none}}
@keyframes op-shine{0%{background-position:170% 0,0 0}55%,100%{background-position:-70% 0,0 0}}
@keyframes op-rays{to{transform:rotate(360deg)}}
@keyframes op-spark{0%{opacity:1;transform:rotate(var(--a)) translateX(0) scale(1.2)}100%{opacity:0;transform:rotate(var(--a)) translateX(var(--r)) scale(.2)}}
@keyframes op-tap{0%,100%{opacity:.4}50%{opacity:1}}
/* ===== Menu principal (v.550): noite de estádio com refletores e flashes, a marca dourada da abertura e botões de jogo ===== */
.mm{position:relative;isolation:isolate;display:flex;flex-direction:column;gap:10px;margin:calc(-18px - env(safe-area-inset-top,0px)) -18px 0;padding:calc(14px + env(safe-area-inset-top,0px)) 16px 4px;overflow:hidden}
.mm-stadium{position:absolute;z-index:-1;left:0;right:0;top:0;height:min(92vh,760px);overflow:hidden;background:radial-gradient(95% 52% at 50% 0,rgba(64,118,170,.5),rgba(64,118,170,0) 72%),linear-gradient(180deg,#050c14 0,#08141f 34%,#0b2117 64%,var(--bg) 100%)}
.mm-stadium i{position:absolute;display:block}
.mm-flood{top:calc(8px + env(safe-area-inset-top,0px));width:96px;height:30px;border-radius:5px;background:radial-gradient(circle,#fffdf3 0 2.6px,transparent 3.2px) 2px 1px/13px 10px,#26303a;box-shadow:0 0 16px 5px rgba(255,248,220,.6),0 0 70px 30px rgba(255,240,190,.22);animation:mm-flood 3.4s ease-in-out infinite}
.mm-flood.l{left:-22px;transform:rotate(-12deg)}.mm-flood.r{right:-22px;transform:rotate(12deg);animation-delay:-1.7s}
.mm-beam{top:-2%;width:62%;height:96%;background:linear-gradient(180deg,rgba(255,246,214,.3),rgba(255,246,214,0) 78%);filter:blur(7px);transform-origin:50% 0;animation:mm-beam 9s ease-in-out infinite alternate}
.mm-beam.l{left:-20%;clip-path:polygon(38% 0,50% 0,100% 100%,20% 100%);--b0:-16deg;--b1:-5deg}
.mm-beam.r{right:-20%;clip-path:polygon(50% 0,62% 0,80% 100%,0 100%);--b0:16deg;--b1:5deg;animation-delay:-4.5s}
.mm-crowd{left:-4%;right:-4%;top:37%;height:19%;background:radial-gradient(circle,rgba(255,255,255,.16) 0 1.3px,transparent 1.8px) 0 0/9px 7px,radial-gradient(circle,rgba(242,194,48,.24) 0 1.2px,transparent 1.8px) 4px 3px/13px 10px,radial-gradient(circle,rgba(63,224,138,.18) 0 1.2px,transparent 1.8px) 8px 6px/17px 12px,linear-gradient(180deg,#0e1b25,#10261c);-webkit-mask-image:linear-gradient(180deg,transparent,#000 30%,#000 82%,transparent);mask-image:linear-gradient(180deg,transparent,#000 30%,#000 82%,transparent)}
.mm-flash{left:0;right:0;top:37%;height:19%;background:radial-gradient(circle,#fff 0 1.7px,rgba(255,255,255,.4) 2.4px,transparent 3.6px) 7px 5px/53px 31px,radial-gradient(circle,#fff 0 1.5px,transparent 2.6px) 31px 17px/71px 43px,radial-gradient(circle,#fff6c8 0 1.9px,transparent 3px) 19px 9px/97px 37px;animation:mm-flash 1.6s steps(1) infinite}
.mm-pitch{left:-55%;right:-55%;top:55%;height:42%;background:radial-gradient(34% 40% at 50% 34%,rgba(255,252,220,.3),transparent 72%),repeating-linear-gradient(90deg,#1b7442 0 52px,#166036 52px 104px);transform:perspective(320px) rotateX(52deg);transform-origin:50% 0;-webkit-mask-image:linear-gradient(180deg,#000 50%,transparent);mask-image:linear-gradient(180deg,#000 50%,transparent)}
.mm-dust{inset:0;background:radial-gradient(circle,rgba(255,236,170,.75) 0 1.2px,transparent 2px) 0 0/118px 150px,radial-gradient(circle,rgba(255,255,255,.55) 0 1px,transparent 1.6px) 60px 70px/86px 112px;opacity:.55;animation:mm-dust 16s linear infinite}
.mm-brand{display:flex;flex-direction:column;align-items:center;text-align:center;animation:mm-drop .8s cubic-bezier(.2,1.3,.4,1) both}
.mm-brand img{width:54px;height:54px;filter:drop-shadow(0 6px 12px rgba(0,0,0,.6))}
.mm-brand small{display:block;margin-top:2px;padding-left:.14em;font:400 clamp(26px,8.4vw,42px)/.95 var(--font-display);letter-spacing:.14em;color:#fff;text-shadow:0 3px 0 #2a1a00,0 8px 20px rgba(0,0,0,.7)}
.mm-title{font:400 clamp(62px,20.5vw,116px)/.84 var(--font-display);letter-spacing:.01em;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.95) 50%,transparent 60%) no-repeat,linear-gradient(180deg,#fff4bf 0%,#f8d04a 44%,#c88610 54%,#ffdc63 100%);background-size:260% 100%,100% 100%;background-position:170% 0,0 0;-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 4px 0 #3a2400) drop-shadow(0 10px 22px rgba(0,0,0,.6));animation:mm-shine 3.8s ease-in-out 1.2s infinite}
.mm-tag{margin-top:8px;padding:4px 12px 4px calc(12px + .45em);border:1px solid rgba(255,214,90,.5);border-radius:99px;background:rgba(0,0,0,.42);font:800 11px var(--font-body);letter-spacing:.45em;color:#ffe48a}
.mm-hero{position:relative;display:flex;justify-content:center;align-items:flex-end;height:min(37vh,300px);margin-top:-4px}
.mm-player{position:relative;height:100%;animation:mm-rise .9s .15s cubic-bezier(.2,.9,.25,1) both}
.mm-player::before{content:"";position:absolute;z-index:-1;left:50%;top:6%;width:250px;height:250px;margin-left:-125px;border-radius:50%;background:radial-gradient(closest-side,rgba(255,222,120,.3),rgba(255,222,120,0))}
.mm-player::after{content:"";position:absolute;z-index:-1;left:50%;bottom:-6px;width:200px;height:34px;margin-left:-100px;border-radius:50%;background:radial-gradient(closest-side,rgba(255,250,215,.55),rgba(255,250,215,0))}
.mm-player .avatar{display:block;width:auto;height:100%;filter:drop-shadow(0 14px 14px rgba(0,0,0,.6));animation:idle-breathe 3.4s 1.1s ease-in-out infinite}
.mm-card{position:absolute;left:max(4px,calc(50% - 178px));bottom:16%;display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:6px;width:104px;padding:10px 9px 9px;border-radius:12px 12px 12px 3px;background:linear-gradient(160deg,#fbe58f,#c99a12);color:#2a1d00;box-shadow:0 12px 26px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.65);transform:rotate(-5deg);animation:mm-card .7s .6s cubic-bezier(.2,1.4,.4,1) both,mm-float 4.2s 1.5s ease-in-out infinite}
.mm-card.bronze{background:linear-gradient(160deg,#ecc196,#9c6234);color:#2b1606}
.mm-card.silver{background:linear-gradient(160deg,#f6f8fa,#9ba7b3);color:#1d242b}
.mm-card.icon{background:linear-gradient(160deg,#30302c,#0b0b0a);color:#f2c230;box-shadow:0 12px 26px rgba(0,0,0,.5),inset 0 0 0 1px #c99a12}
.mm-card b{grid-row:1/3;font:400 46px/.82 var(--font-display)}
.mm-card small{font-size:11px;font-weight:900;letter-spacing:.1em}
.mm-card span{display:flex}.mm-card span svg,.mm-card span img{width:24px;height:24px}
.mm-card strong{grid-column:1/-1;margin-top:6px;padding-top:5px;border-top:1px solid currentColor;overflow:hidden;font:400 19px/1 var(--font-display);letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap}
.mm-card em{grid-column:1/-1;font-size:11px;font-style:normal;font-weight:800;opacity:.75}
.mm-main{display:grid;gap:9px;margin-top:2px}
.mm-play,.mm-sub{position:relative;display:flex;align-items:center;gap:14px;width:100%;border-radius:8px;font:inherit;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;overflow:hidden}
.mm-play{min-height:76px;padding:10px 20px 10px 16px;border:0;background:linear-gradient(180deg,#ffe36e 0%,#f5c21f 52%,#dfa30a 100%);color:#1d1400;transform:skewX(-9deg);box-shadow:0 5px 0 #946500,0 14px 30px rgba(242,194,48,.3),inset 0 1px 0 rgba(255,255,255,.75);animation:mm-slide .7s .35s cubic-bezier(.2,1.1,.3,1) both}
.mm-play>*,.mm-sub>*{transform:skewX(9deg)}
.mm-play .ico{flex:none;width:44px;height:44px;padding:10px 8px 10px 12px;border-radius:50%;background:#1d1400;color:#ffd43a;box-shadow:0 0 0 3px rgba(29,20,0,.15)}
.mm-play b{display:block;font:400 40px/.88 var(--font-display);letter-spacing:.03em;text-transform:uppercase}
.mm-play small{display:block;margin-top:3px;font-size:12.5px;font-weight:700;opacity:.78}
.mm-play::after{content:"";position:absolute;top:-10%;bottom:-10%;left:-40%;width:28%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.7),transparent);transform:skewX(-20deg);animation:mm-sweep 3.4s 1.6s ease-in-out infinite}
.mm-play:active{transform:skewX(-9deg) translateY(3px);box-shadow:0 2px 0 #946500,0 8px 18px rgba(242,194,48,.25),inset 0 1px 0 rgba(255,255,255,.75)}
.mm-sub{min-height:58px;padding:9px 18px 9px 16px;border:1px solid rgba(242,194,48,.55);background:linear-gradient(90deg,rgba(242,194,48,.16),rgba(242,194,48,.03)),#0d1a13;color:var(--text);transform:skewX(-9deg);animation:mm-slide .7s .45s cubic-bezier(.2,1.1,.3,1) both}
.mm-sub .ico{flex:none;width:30px;height:30px;color:var(--accent)}
.mm-sub b{display:block;font:400 24px/1 var(--font-display);letter-spacing:.04em;text-transform:uppercase}
.mm-sub small{display:block;color:var(--muted);font-size:12px}
.mm-sub:active{transform:skewX(-9deg) translateY(2px)}
.mm-play:focus-visible,.mm-sub:focus-visible,.mm-mode:focus-visible,.mm-new:focus-visible{outline:2px solid #fff;outline-offset:3px}
.mm-kicker{display:flex;align-items:center;gap:8px;margin:2px 2px -3px;color:var(--accent);font:800 11px/1 var(--font-body);letter-spacing:.22em;text-transform:uppercase}
.mm-kicker::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,rgba(242,194,48,.55),rgba(242,194,48,0))}
/* modo história: cartaz de cinema (faixas pretas com os furos do filme, luz de projetor e o carimbo EM BREVE) */
.mm-story{position:relative;display:grid;justify-items:start;align-content:center;gap:4px;width:100%;min-height:124px;padding:24px 128px 22px 16px;border:1px solid rgba(242,194,48,.35);border-radius:10px;overflow:hidden;font:inherit;text-align:left;color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;background:radial-gradient(120% 90% at 82% -12%,rgba(255,214,120,.36),rgba(255,214,120,0) 56%),radial-gradient(90% 80% at -6% 112%,rgba(130,48,210,.3),rgba(130,48,210,0) 62%),linear-gradient(180deg,#0d0a12,#050407);box-shadow:0 12px 26px rgba(0,0,0,.45),inset 0 0 0 1px rgba(255,255,255,.04);animation:mm-story-in .7s .5s cubic-bezier(.2,1,.3,1) both}
.mm-story::before,.mm-story::after{content:"";position:absolute;left:0;right:0;height:12px;background:linear-gradient(90deg,rgba(255,255,255,.2) 0 6px,transparent 6px) 4px 50%/15px 5px repeat-x,#020203}
.mm-story::before{top:0}.mm-story::after{bottom:0}
.mm-story>*{position:relative}
.mm-story .mm-story-light{position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(255,236,190,.13) 46%,transparent 62%);transform:translateX(-100%);animation:mm-story-light 5.5s 2s ease-in-out infinite;pointer-events:none}
.mm-story-kicker{display:flex;align-items:center;gap:6px;color:#ffe9a8;font:800 10.5px/1 var(--font-body);letter-spacing:.24em;text-transform:uppercase}
.mm-story-kicker .ico{width:16px;height:16px;color:#f2c230}
.mm-story-title{font:400 clamp(30px,9vw,40px)/.9 var(--font-display);letter-spacing:.05em;text-transform:uppercase;background:linear-gradient(180deg,#fff7da 10%,#f2c230 58%,#b8860b);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 3px 10px rgba(242,194,48,.35))}
.mm-story small{color:rgba(255,255,255,.72);font-size:12px;line-height:1.3}
.mm-soon{position:absolute;right:12px;top:50%;max-width:104px;padding:7px 10px 6px;border:2px solid #f2c230;border-radius:6px;color:#f2c230;font:400 19px/1 var(--font-display);font-style:normal;letter-spacing:.08em;text-align:center;transform:translateY(-50%) rotate(-8deg);box-shadow:0 0 18px rgba(242,194,48,.25),inset 0 0 10px rgba(242,194,48,.15);animation:mm-soon 2.6s 1.4s ease-in-out infinite}
.mm-story:active{transform:translateY(2px)}
.mm-story:focus-visible{outline:2px solid #fff;outline-offset:3px}
@keyframes mm-story-in{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes mm-story-light{0%{transform:translateX(-100%)}55%,100%{transform:translateX(100%)}}
@keyframes mm-soon{0%,100%{transform:translateY(-50%) rotate(-8deg) scale(1)}50%{transform:translateY(-50%) rotate(-8deg) scale(1.06)}}
.soon-toast{position:fixed;z-index:150;left:50%;bottom:calc(20px + env(safe-area-inset-bottom,0px) + var(--vv-gap,0px));display:grid;gap:3px;width:min(calc(100% - 32px),360px);padding:12px 16px;border:1px solid rgba(242,194,48,.5);border-radius:12px;background:#0d0b10;box-shadow:0 14px 30px rgba(0,0,0,.5);text-align:center;transform:translateX(-50%);animation:soon-in .3s both}
.soon-toast b{color:#f2c230;font:400 21px/1 var(--font-display);letter-spacing:.06em;text-transform:uppercase}
.soon-toast span{color:var(--muted);font-size:12.5px;line-height:1.35}
@keyframes soon-in{from{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%,0)}}
@media (prefers-reduced-motion:reduce){.mm-story,.mm-story .mm-story-light,.mm-soon,.soon-toast{animation:none!important}}
.mm-streak{display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:center;padding:9px 14px;border:1px solid rgba(255,122,48,.45);border-radius:10px;background:linear-gradient(90deg,rgba(255,106,31,.2),rgba(255,106,31,.04));animation:fade-up .55s .5s ease-out both}
.mm-streak .ico{grid-row:1/3;width:30px;height:30px;color:#ff7a2f;filter:drop-shadow(0 0 8px rgba(255,122,47,.6));animation:mm-flame 1.2s ease-in-out infinite}
.mm-streak b{font-size:15px}.mm-streak small{color:var(--muted);font-size:12px}
.mm-modes{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:2px}
.mm-mode{position:relative;display:grid;grid-template-columns:40px 1fr;grid-template-rows:auto auto;align-items:center;column-gap:10px;min-height:70px;padding:10px 12px 10px 14px;border:1px solid rgba(255,255,255,.09);border-radius:8px;background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.015)),#0e1f17;color:var(--text);font:inherit;text-align:left;cursor:pointer;transform:skewX(-7deg);box-shadow:0 8px 18px rgba(0,0,0,.28);overflow:hidden;-webkit-tap-highlight-color:transparent;animation:mm-tile .55s calc(.55s + var(--i,0) * .07s) cubic-bezier(.2,1.1,.3,1) both}
.mm-mode>*{transform:skewX(7deg)}
.mm-mode::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--c)}
.mm-mode .ico{grid-row:1/3;width:40px;height:40px;padding:8px;border-radius:10px;background:var(--c);color:#fff;box-shadow:inset 0 -3px 0 rgba(0,0,0,.22),0 4px 10px rgba(0,0,0,.3)}
.mm-mode b{align-self:end;font:400 20px/.95 var(--font-display);letter-spacing:.03em;text-transform:uppercase}
.mm-mode small{align-self:start;margin-top:2px;color:var(--muted);font-size:11.5px;line-height:1.25}
.mm-mode:active{transform:skewX(-7deg) scale(.97)}
.mm-mode.daily{--c:#e39a12;grid-column:1/-1;min-height:66px;padding-right:74px;border-color:rgba(242,194,48,.5);background:linear-gradient(135deg,rgba(242,194,48,.22),rgba(242,194,48,.03)),#15200f}
.mm-mode.daily b{font-size:23px}
.mm-mode.rank{--c:#2f7de1}.mm-mode.ach{--c:#9b51e0}.mm-mode.hall{--c:#1f9e5f}
.mm-mode.acct{--c:#1597ad}
.mm-badge{position:absolute;top:50%;right:14px;margin-top:-9px;padding:2px 7px;border-radius:99px;background:#ff4d4d;color:#fff;font:900 9px/1.4 var(--font-body);font-style:normal;letter-spacing:.1em;box-shadow:0 0 12px rgba(255,77,77,.55);animation:mm-badge 1.6s ease-in-out infinite}
.mm-bar{position:absolute;left:66px;right:14px;bottom:8px;height:3px;border-radius:99px;background:rgba(255,255,255,.12);overflow:hidden}.mm-bar i{display:block;height:100%;border-radius:99px;background:var(--c)}
.mm-new{display:block;width:100%;margin-top:4px;padding:11px 14px;border:1px dashed rgba(255,255,255,.18);border-radius:10px;background:transparent;color:var(--text);font:700 15px var(--font-body);text-align:center;cursor:pointer;animation:fade-up .55s .9s ease-out both}
.mm-new small{display:block;margin-top:2px;color:var(--muted);font-size:12px;font-weight:400}
.mm .pwa-install-button .ico{width:18px;height:18px;margin:-3px 4px 0 0;vertical-align:middle}
.mm .home-how{margin-top:2px}
.mm>.small{margin-top:2px}
@keyframes mm-drop{from{opacity:0;transform:translateY(-30px) scale(1.14)}to{opacity:1;transform:none}}
@keyframes mm-rise{from{opacity:0;transform:translateY(40px) scale(.9)}to{opacity:1;transform:none}}
@keyframes mm-slide{from{opacity:0;transform:skewX(-9deg) translateX(-70px)}to{opacity:1;transform:skewX(-9deg)}}
@keyframes mm-tile{from{opacity:0;transform:skewX(-7deg) translateY(18px)}to{opacity:1;transform:skewX(-7deg)}}
@keyframes mm-card{from{opacity:0;transform:rotate(-5deg) scale(.4)}to{opacity:1;transform:rotate(-5deg)}}
@keyframes mm-float{50%{translate:0 -6px}}
@keyframes mm-shine{0%{background-position:170% 0,0 0}55%,100%{background-position:-70% 0,0 0}}
@keyframes mm-sweep{0%{left:-40%}55%,100%{left:130%}}
@keyframes mm-flood{50%{box-shadow:0 0 22px 8px rgba(255,248,220,.75),0 0 90px 36px rgba(255,240,190,.3)}}
@keyframes mm-beam{from{transform:rotate(var(--b0))}to{transform:rotate(var(--b1))}}
@keyframes mm-flash{0%{background-position:7px 5px,31px 17px,19px 9px}25%{background-position:40px 12px,5px 30px,70px 20px}50%{background-position:22px 25px,60px 4px,40px 30px}75%{background-position:48px 2px,20px 22px,8px 14px}}
@keyframes mm-dust{to{background-position:0 -300px,60px -154px}}
@keyframes mm-badge{50%{transform:skewX(7deg) scale(1.14)}}
@keyframes mm-flame{50%{transform:scale(1.12) rotate(-4deg)}}
@media (prefers-reduced-motion:reduce){.mm *,.mm *::before,.mm *::after{animation:none!important}}
/* ===== Ícones desenhados (v.560) e a Central no visual do menu: botões inclinados, VS dourado, faixa com selos ===== */
.ico{display:inline-block;flex:none;width:1.15em;height:1.15em;vertical-align:-.2em}
.nm-top span .ico{width:14px;height:14px;margin-right:2px;color:var(--accent);vertical-align:-2px}
.nm-top em .ico{width:12px;height:12px;vertical-align:-1px}
.nm-vs b{display:inline-block;padding:3px 12px 1px;border-radius:6px;background:linear-gradient(180deg,#ffe36e,#e0a40a);color:#1d1400;font:400 26px/1 var(--font-display);text-shadow:none;transform:skewX(-9deg);box-shadow:0 3px 0 #8c5f00,0 0 22px rgba(242,194,48,.35)}
.nm-vs small .ico{width:13px;height:13px;color:var(--accent);vertical-align:-2px}
.nm-chips span .ico{width:13px;height:13px;color:var(--accent);vertical-align:-2px}
.train-chip>span{display:flex;height:18px;align-items:center}
.train-chip>span .ico{width:17px;height:17px;color:#cfe3d6}
.train-chip.key>span .ico{color:var(--good)}
.train-chip.on>span .ico{color:var(--accent)}
.ct-btn>span .ico,.ct-done>span .ico{width:26px;height:26px;color:#ff8a2a}
.ct-btn i .ico{width:16px;height:16px}
.hh-energy i .ico{width:15px;height:15px;color:#ffd43a}
.hh-warn span .ico{width:12px;height:12px;vertical-align:-1px}
.hub-strip button{display:grid;grid-template-columns:32px minmax(0,1fr);grid-template-rows:auto auto;column-gap:9px;align-items:center;position:relative;overflow:hidden;border-left:3px solid var(--c,#2e7d4f)}
.hub-strip button>i{grid-row:1/3;display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:var(--c,#2e7d4f);color:#fff;font-style:normal;box-shadow:inset 0 -3px 0 rgba(0,0,0,.22)}
.hub-strip button>i .ico{width:18px;height:18px}
.hub-strip button:nth-child(1){--c:#e39a12}.hub-strip button:nth-child(2){--c:#d64545}.hub-strip button:nth-child(3){--c:#1f9e5f}.hub-strip button:nth-child(4){--c:#2f7de1}
.hub-strip span,.hub-strip b{align-self:end}.hub-strip b{align-self:start;font:400 19px/1.05 var(--font-display);letter-spacing:.02em}
.hub-cta{padding:7px 12px}
.hub-cta .nm-play{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;min-height:54px;margin:0;border:0;border-radius:8px;background:linear-gradient(180deg,#ffe36e 0%,#f5c21f 52%,#dfa30a 100%);color:#1d1400;font:400 27px/1 var(--font-display);letter-spacing:.04em;text-transform:uppercase;transform:skewX(-9deg);box-shadow:0 4px 0 #946500,inset 0 1px 0 rgba(255,255,255,.75);overflow:hidden}
.hub-cta .nm-play>*{transform:skewX(9deg)}
.hub-cta .nm-play .ico{width:32px;height:32px;padding:8px 6px 8px 9px;border-radius:50%;background:#1d1400;color:#ffd43a}
.hub-cta .nm-play::after{content:"";position:absolute;top:-10%;bottom:-10%;left:-40%;width:26%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.65),transparent);transform:skewX(-20deg);animation:mm-sweep 3.6s 1.2s ease-in-out infinite}
.hub-cta .nm-play:active{transform:skewX(-9deg) translateY(2px);box-shadow:0 2px 0 #946500,inset 0 1px 0 rgba(255,255,255,.75)}
.hub-cta .nm-sim{display:flex;align-items:center;gap:7px;margin:0;padding:0 15px;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:#13241a;color:var(--text);font:400 20px/1 var(--font-display);letter-spacing:.04em;text-transform:uppercase;text-decoration:none;transform:skewX(-9deg)}
.hub-cta .nm-sim>*{transform:skewX(9deg)}
.hub-cta .nm-sim .ico{width:18px;height:18px;color:var(--accent)}
.hub-cta .nm-sim:active{transform:skewX(-9deg) translateY(2px)}
.attr-row span .ico,.gain-row span .ico{width:15px;height:15px;margin-right:2px;color:var(--accent);vertical-align:-2px}
@media (prefers-reduced-motion:reduce){.hub-cta .nm-play::after{animation:none}}
/* fim de jogo e fim de temporada com os ícones desenhados */
.me-stats i{display:flex}.me-stats i .ico{width:15px;height:15px;color:var(--accent)}
.ye-stats i{display:flex}.ye-stats i .ico{width:20px;height:20px;color:var(--accent)}
.me-tile small .ico{width:12px;height:12px;margin-right:1px;color:var(--accent);vertical-align:-1px}
.me-tile.gold small .ico{color:#ffd43a}
.me-honor .ico{width:12px;height:12px;vertical-align:-1px}
/* botão principal do jogo inteiro (v.560): o mesmo desenho do JOGAR do menu. Só o fundo inclina (um ::before dourado
   com sombra embaixo e um brilho passando); o texto fica reto, em letra de placar */
.btn.primary:not(.nm-play){position:relative;isolation:isolate;border-color:transparent;background:transparent;box-shadow:none;color:#1d1400;font:400 23px/1.15 var(--font-display);letter-spacing:.05em;text-transform:uppercase}
.btn.primary:not(.nm-play)::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:8px;background:linear-gradient(100deg,transparent 40%,rgba(255,255,255,.55) 50%,transparent 60%) no-repeat,linear-gradient(180deg,#ffe36e 0%,#f5c21f 52%,#dfa30a 100%);background-size:250% 100%,100% 100%;background-position:170% 0,0 0;transform:skewX(-9deg);box-shadow:0 4px 0 #946500,0 10px 22px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.75);animation:btn-shine 3.8s 1s ease-in-out infinite}
.btn.primary:not(.nm-play):hover{border-color:transparent}
.btn.primary:not(.nm-play):active::before{transform:skewX(-9deg) translateY(2px);box-shadow:0 2px 0 #946500,inset 0 1px 0 rgba(255,255,255,.75)}
.btn.primary:disabled{color:rgba(29,20,0,.6)}.btn.primary:disabled::before{filter:grayscale(.85) brightness(.75);animation:none}
.btn.primary .ico{width:20px;height:20px;margin:-3px 7px 0 0;vertical-align:middle}
@keyframes btn-shine{0%{background-position:170% 0,0 0}55%,100%{background-position:-70% 0,0 0}}
@media (prefers-reduced-motion:reduce){.btn.primary::before{animation:none!important}}
.dice{display:grid;place-items:center;color:var(--accent)}.dice .ico{width:21px;height:21px}
.btn.ghost .ico{width:19px;height:19px;margin:-3px 4px 0 0;color:var(--accent);vertical-align:middle}
/* marca do jogo compacta (criação do jogador) */
.mm-brand.compact{margin:2px 0 12px}.mm-brand.compact small{font-size:clamp(20px,6.4vw,30px)}.mm-brand.compact .mm-title{font-size:clamp(48px,15vw,78px)}.mm-brand.compact .mm-tag{margin-top:6px}
/* aba Jogador (v.570): cartinhas com o seu boneco em cada comemoração e roupa; ícones nas abas */
.celeb-opt{padding:6px 5px 8px}
.celeb-opt .celeb-photo{position:relative;display:block;width:100%;height:92px;margin-bottom:2px;overflow:hidden;border-radius:9px;background:radial-gradient(circle at 50% 30%,rgba(255,222,120,.22),transparent 65%),linear-gradient(180deg,#1b3a29,#0e1f16)}
.celeb-opt .celeb-photo .avatar{display:block;width:auto;height:118%;margin:-2% auto 0;filter:drop-shadow(0 6px 6px rgba(0,0,0,.5))}
.celeb-card:not(.fit-card) .celeb-photo .avatar{height:104%;margin:-1% auto 0}
.celeb-opt .celeb-photo>.ico{position:absolute;right:6px;bottom:6px;width:20px;height:20px;padding:3px;border-radius:6px;background:rgba(0,0,0,.65);color:#fff}
.celeb-opt.locked .celeb-photo .avatar{filter:grayscale(1) brightness(.55)}
.celeb-opt .celeb-dice{display:grid;place-items:center;width:100%;height:92px;margin-bottom:2px;border-radius:9px;background:linear-gradient(180deg,#1b3a29,#0e1f16);color:var(--accent)}
.celeb-opt .celeb-dice .ico{width:40px;height:40px}
.celeb-opt.on .celeb-photo,.celeb-opt.on .celeb-dice{box-shadow:0 0 0 2px var(--accent) inset}
.celeb-head span .ico{width:15px;height:15px;margin-right:2px;color:var(--accent);vertical-align:-2px}
.cup-status b .ico,.press-promise b .ico,.promise-note b .ico{width:15px;height:15px;margin-right:2px;color:var(--accent);vertical-align:-2px}
.trophy-room-btn>span .ico{width:26px;height:26px}
.shop-open .ico,.dock-account .ico{width:19px;height:19px;margin:-3px 5px 0 0;color:var(--accent);vertical-align:middle}
/* ===== Escolhas, loja e conquistas (v.580) ===== */
/* respostas: letra num selo inclinado e o fundo escuro inclinado (o texto fica reto) */
.btn.choice{position:relative;isolation:isolate;display:grid;grid-template-columns:36px 1fr;align-items:center;gap:12px;padding:14px 16px 14px 12px;border-color:transparent;background:transparent}
.btn.choice::before{content:"";position:absolute;inset:0;z-index:-1;border:1px solid rgba(255,255,255,.1);border-left:4px solid var(--accent);border-radius:8px;background:linear-gradient(135deg,rgba(255,255,255,.07),rgba(255,255,255,.015)),#10221a;transform:skewX(-6deg);box-shadow:0 8px 18px rgba(0,0,0,.28);transition:border-color .15s,background .15s}
.btn.choice:hover{border-color:transparent}.btn.choice:hover::before{border-color:rgba(242,194,48,.55);border-left-color:var(--accent);background:linear-gradient(135deg,rgba(242,194,48,.14),rgba(242,194,48,.03)),#13261c}
.btn.choice:active::before{transform:skewX(-6deg) translateY(2px)}
.choice-key{display:grid;place-items:center;width:34px;height:34px;border-radius:7px;background:linear-gradient(180deg,#ffe36e,#e0a40a);color:#1d1400;font:400 22px/1 var(--font-display);font-style:normal;transform:skewX(-6deg);box-shadow:0 3px 0 #8c5f00}
.btn.choice>span{min-width:0}
/* loja: ícone do item num selo colorido; comprar em dourado */
.asset{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:12px}
.asset-ico{display:grid;place-items:center;width:44px;height:44px;border-radius:11px;background:linear-gradient(160deg,#2f7de1,#1b4f9c);color:#fff;font-style:normal;box-shadow:inset 0 -3px 0 rgba(0,0,0,.22)}
.asset-ico .ico{width:24px;height:24px}
.asset.owned .asset-ico{background:linear-gradient(160deg,#ffe36e,#c99a12);color:#1d1400}
.asset .btn.buy{border-color:transparent;background:linear-gradient(180deg,#ffe36e,#e0a40a);color:#1d1400;font:400 19px/1 var(--font-display);letter-spacing:.04em;text-transform:uppercase;box-shadow:0 3px 0 #8c5f00}
/* conquistas: medalha dourada, cadeado ou interrogação num selo */
.ach{display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:12px;align-items:start}
.ach>*:not(.ach-ico){grid-column:2}
.ach-ico{grid-row:1/span 4;display:grid;place-items:center;width:44px;height:44px;border-radius:11px;background:#1a2a21;color:#7c958a;font:400 24px/1 var(--font-display);font-style:normal}
.ach-ico .ico{width:22px;height:22px}
.ach.on .ach-ico{background:linear-gradient(160deg,#ffe36e,#c99a12);color:#1d1400;box-shadow:0 0 16px rgba(242,194,48,.35)}
/* ícones nos botões de pular e simular, no negociar e nos tons das respostas das cenas */
.play-skip .ico,.cine-skip .ico{width:14px;height:14px;margin-left:2px;vertical-align:-2px}
.nego-btn .ico{width:16px;height:16px;margin:-2px 4px 0 0;color:var(--accent);vertical-align:middle}
.cine-opt i .ico{width:22px;height:22px}
.cine-sum small .ico{width:13px;height:13px;vertical-align:-2px}
.cine-opt.tone-ousado i{color:#ff7a2f}.cine-opt.tone-frio i{color:#7fd3ff}.cine-opt.tone-lider i{color:var(--accent)}
/* ===== Carta que evolui (v.590) ===== */
.cardup{position:fixed;inset:0;z-index:380;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:20px;overflow:hidden;background:radial-gradient(circle at 50% 44%,rgba(32,72,50,.95),rgba(3,8,6,.97) 70%);cursor:pointer;-webkit-tap-highlight-color:transparent;animation:cu-in .3s ease both}
.cardup.cu-out{animation:cu-fade .35s ease forwards}
.cardup-rays{position:absolute;left:50%;top:46%;width:170vmax;height:170vmax;margin:-85vmax 0 0 -85vmax;background:repeating-conic-gradient(from 0deg,rgba(255,213,84,.16) 0 6deg,transparent 6deg 18deg);-webkit-mask:radial-gradient(circle,#000 0,rgba(0,0,0,.5) 14%,transparent 34%);mask:radial-gradient(circle,#000 0,rgba(0,0,0,.5) 14%,transparent 34%);animation:op-rays 16s linear infinite;pointer-events:none}
.cardup-kicker{position:relative;margin:0;padding-left:.42em;color:#ffe48a;font:800 13px var(--font-body);letter-spacing:.42em;text-transform:uppercase}
.cardup-card{position:relative;width:200px;height:286px;padding:16px 14px 12px;overflow:hidden;border-radius:16px 16px 28px 28px;color:#2a1d00;background:linear-gradient(160deg,#fbe58f,#c99a12);box-shadow:0 22px 50px rgba(0,0,0,.6),inset 0 0 0 2px rgba(255,255,255,.35);backface-visibility:hidden;animation:cu-card .75s cubic-bezier(.2,1.25,.35,1) both}
.cardup-card.bronze{background:linear-gradient(160deg,#ecc196,#9c6234);color:#2b1606}
.cardup-card.silver{background:linear-gradient(160deg,#f6f8fa,#9ba7b3);color:#1d242b}
.cardup-card.gold{background:linear-gradient(160deg,#fbe58f,#c99a12);color:#2a1d00}
.cardup-card.icon{background:linear-gradient(160deg,#30302c,#0b0b0a);color:#f2c230;box-shadow:0 22px 50px rgba(0,0,0,.6),inset 0 0 0 2px #c99a12}
.cardup-top{position:relative;z-index:2;display:grid;grid-template-columns:auto auto;justify-content:start;align-items:center;column-gap:6px;row-gap:4px}
.cardup-top b{grid-row:1/3;font:400 58px/.82 var(--font-display)}
.cardup-top small{font-size:13px;font-weight:900;letter-spacing:.08em}
.cardup-top svg,.cardup-top img{width:26px;height:26px}
.cardup-face{position:absolute;right:-8px;top:14px;width:168px;height:168px}
.cardup-face .avatar{display:block;width:100%;height:100%;object-fit:cover;filter:drop-shadow(0 8px 10px rgba(0,0,0,.35))}
.cardup-card strong{position:absolute;left:14px;right:14px;bottom:34px;overflow:hidden;padding-top:6px;border-top:1px solid currentColor;font:400 27px/1 var(--font-display);letter-spacing:.05em;text-align:center;text-overflow:ellipsis;white-space:nowrap}
.cardup-card em{position:absolute;left:0;right:0;bottom:14px;font-size:11px;font-style:normal;font-weight:900;letter-spacing:.3em;text-align:center;text-transform:uppercase;opacity:.75}
.cardup-shine{position:absolute;inset:-20%;z-index:3;background:linear-gradient(110deg,transparent 40%,rgba(255,255,255,.75) 50%,transparent 60%);transform:translateX(-120%);pointer-events:none}
.cardup.cu-burst .cardup-shine{animation:cu-shine .9s ease-out}
.cardup.cu-burst .cardup-card{animation:cu-pop .45s cubic-bezier(.2,1.6,.35,1)}
.cardup-spark{position:absolute;left:50%;top:46%;width:0;height:0;pointer-events:none}
.cardup-spark i{position:absolute;left:-4px;top:-4px;width:8px;height:8px;border-radius:50%;background:#ffe27a;box-shadow:0 0 12px 3px rgba(255,205,64,.85);opacity:0}
.cardup.cu-burst .cardup-spark i{animation:op-spark .9s cubic-bezier(.1,.7,.3,1) var(--d) both}
.cardup-label{position:relative;margin:0;color:var(--accent);font:400 40px/1 var(--font-display);letter-spacing:.04em;text-shadow:0 4px 18px rgba(0,0,0,.6);text-transform:uppercase;opacity:0;transform:scale(.6)}
.cardup.cu-burst .cardup-label{animation:cu-label .5s cubic-bezier(.2,1.6,.35,1) both}
.cardup-tap{position:relative;margin:2px 0 0;color:#cfe3d6;font-size:13px;letter-spacing:.2em;text-transform:uppercase;opacity:0;animation:op-tap 1.4s ease-in-out 1.8s infinite both}
@keyframes cu-in{from{opacity:0}}
@keyframes cu-fade{to{opacity:0}}
@keyframes cu-card{0%{opacity:0;transform:perspective(700px) rotateY(180deg) scale(.4)}60%{opacity:1}100%{transform:perspective(700px) rotateY(0) scale(1)}}
@keyframes cu-pop{40%{transform:scale(1.08)}}
@keyframes cu-shine{from{transform:translateX(-120%)}to{transform:translateX(120%)}}
@keyframes cu-label{from{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.cardup,.cardup *{animation:none!important}.cardup-label,.cardup-tap{opacity:1;transform:none}}
/* ícones do clima, do CT e do relatório de treino (v.600) */
.weather-card b .ico{width:30px;height:30px;color:var(--accent)}
.quick-fixture small .ico{width:13px;height:13px;color:var(--accent);vertical-align:-2px}
.play-score strong .ico{width:16px;height:16px;vertical-align:-3px}
.tr-head h2 .ico{width:24px;height:24px;margin-right:4px;color:var(--accent);vertical-align:-3px}
/* ===== Ranking com pódio (v.620) ===== */
.rank-head{margin:6px 0 14px}.rank-head>span{display:block;color:var(--good);font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.rank-head h1{margin:2px 0 6px;color:var(--accent);font:400 clamp(40px,12vw,58px)/.95 var(--font-display)}.rank-head .sub{margin:0}
.rank-podium{display:grid;grid-template-columns:1fr 1.15fr 1fr;align-items:end;gap:8px;margin:4px 0 14px}
.rp{position:relative;display:flex;flex-direction:column;align-items:center;min-width:0;text-align:center;animation:fade-up .55s ease-out both}
.rp1{animation-delay:.15s}.rp2{animation-delay:.05s}.rp3{animation-delay:.25s}
.rp-crown{display:block;margin-bottom:-2px;color:#ffd43a;filter:drop-shadow(0 0 10px rgba(255,212,58,.6))}.rp-crown .ico{width:30px;height:30px}
.rp-medal{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;color:#1d1400;font:400 26px/1 var(--font-display);font-style:normal;background:radial-gradient(circle at 35% 30%,#fff3b0,#f5c21f 45%,#b8860b);box-shadow:0 0 0 3px rgba(0,0,0,.35),0 6px 14px rgba(0,0,0,.45)}
.rp2 .rp-medal{background:radial-gradient(circle at 35% 30%,#ffffff,#c9d1d8 45%,#8a96a1)}
.rp3 .rp-medal{background:radial-gradient(circle at 35% 30%,#ffd9b3,#d08a4e 45%,#8f5427)}
.rp1 .rp-medal{width:56px;height:56px;font-size:32px}
.rp-who{width:100%;margin-top:6px;min-width:0}.rp-who b{display:block;overflow:hidden;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.rp-who small{display:block;overflow:hidden;color:var(--muted);font-size:10.5px;text-overflow:ellipsis;white-space:nowrap}
.rp strong{margin:4px 0 6px;color:#fff;font:400 26px/1 var(--font-display)}
.rp1 strong{color:var(--accent);font-size:32px}
.rp-step{display:block;width:100%;height:40px;border-radius:8px 8px 0 0;background:linear-gradient(180deg,#24432f,#12261b);box-shadow:inset 0 2px 0 rgba(255,255,255,.08)}
.rp1 .rp-step{height:70px;background:linear-gradient(180deg,#5c4a12,#2a2208);box-shadow:inset 0 2px 0 rgba(255,214,90,.35)}
.rp2 .rp-step{height:52px}
.rank-row .rank-pos{border-radius:9px;background:linear-gradient(160deg,#20392b,#12261b);color:#d9ebe0}

/* v.630: avisos da conta e do save na nuvem (só na tela inicial) */
.cloud-notice{position:fixed;z-index:140;top:calc(10px + env(safe-area-inset-top,0px));left:50%;display:flex;align-items:stretch;width:min(calc(100% - 24px),460px);transform:translateX(-50%);border:1px solid rgba(242,194,48,.6);border-radius:12px;background:rgba(9,18,13,.95);box-shadow:0 12px 32px rgba(0,0,0,.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:cn-in .5s .2s cubic-bezier(.2,1.1,.3,1) both}
.cloud-notice[hidden],body:not(.on-home) .cloud-notice,body.account-open .cloud-notice{display:none}
.cloud-notice.restore{border-color:rgba(63,224,138,.65)}
.cn-main{flex:1;min-width:0;display:grid;gap:3px;padding:10px 4px 10px 14px;border:0;background:none;color:var(--text);font:inherit;text-align:left;text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent}
.cn-main b{color:var(--accent);font-size:13.5px;line-height:1.2}
.cloud-notice.restore .cn-main b{color:var(--good)}
.cn-main span{color:var(--muted);font-size:11.5px;line-height:1.35}
.cn-x{flex:none;width:42px;border:0;border-left:1px solid rgba(255,255,255,.08);background:none;color:var(--muted);font:24px/1 var(--font-body);cursor:pointer}
@keyframes cn-in{from{opacity:0;transform:translate(-50%,-16px)}to{opacity:1;transform:translate(-50%,0)}}
.mm-login{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:7px 10px;border:0;background:none;color:var(--muted);font:inherit;font-size:13px;line-height:1.3;cursor:pointer;animation:fade-up .55s .75s ease-out both}
.mm-login .ico{flex:none;width:18px;height:18px;color:var(--good)}
.mm-login b{color:var(--text);text-decoration:underline;text-decoration-color:rgba(63,224,138,.6);text-underline-offset:3px}
.dock-account small{display:block;margin-top:4px;color:var(--muted);font-size:11.5px;font-weight:600;letter-spacing:0;text-transform:none}
.dock-account.ok small{color:var(--good)}
.dock-account.warn{border-color:rgba(242,194,48,.6)}
.dock-account.warn small{color:var(--accent)}
.save-full{position:fixed;z-index:150;left:50%;bottom:calc(16px + env(safe-area-inset-bottom,0px) + var(--vv-gap,0px));display:grid;gap:3px;width:min(calc(100% - 24px),440px);padding:12px 14px;border:1px solid var(--bad);border-radius:12px;background:rgba(30,10,10,.96);box-shadow:0 12px 32px rgba(0,0,0,.55);transform:translateX(-50%);animation:cn-in .4s ease-out both}
.save-full b{color:#ff9a9a;font-size:14px}
.save-full span{color:var(--muted);font-size:12px;line-height:1.35}
@media (prefers-reduced-motion:reduce){.cloud-notice,.mm-login,.save-full{animation:none}}

/* v.660: arena de treino (tela inicial) */
.mm-mode.arena{--c:#e0702f;grid-column:1/-1;min-height:62px;border-color:rgba(224,112,47,.5);background:linear-gradient(135deg,rgba(224,112,47,.22),rgba(224,112,47,.03)),#1b170f}
.arena{display:grid;gap:12px;padding-bottom:20px}
.ar-head{position:relative;display:grid;grid-template-columns:118px 1fr;align-items:end;gap:10px;min-height:176px;padding:12px 14px 0;border:1px solid rgba(242,194,48,.38);border-radius:18px;overflow:hidden;background:radial-gradient(circle at 22% 100%,rgba(242,194,48,.28),transparent 46%),radial-gradient(circle at 90% 0,rgba(63,224,138,.16),transparent 42%),linear-gradient(160deg,#173a26,#0a1710);animation:fade-up .45s ease-out both}
.ar-head:before{content:'';position:absolute;left:-10%;right:-10%;bottom:-38px;height:70px;border-radius:50%;background:rgba(63,224,138,.14);filter:blur(2px)}
.ar-star{position:relative;align-self:end}
.ar-star img{display:block;width:118px;height:auto;margin-bottom:-6px;filter:drop-shadow(0 12px 18px rgba(0,0,0,.55))}
.ar-title{position:relative;padding-bottom:14px}
.ar-title small{display:block;color:var(--accent);font-size:11px;font-weight:800;letter-spacing:.22em}
.ar-title h1{margin:2px 0 6px;color:#fff;font:400 58px/.9 var(--font-display);letter-spacing:.02em;text-shadow:0 4px 0 rgba(0,0,0,.35)}
.ar-title p{margin:0;color:var(--muted);font-size:13px;line-height:1.38}
.ar-level{display:flex;align-items:center;gap:6px;animation:fade-up .45s .08s ease-out both}
.ar-level span{margin-right:2px;color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.ar-level button{flex:1;min-height:42px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.04);color:var(--text);font:800 13px var(--font-body);cursor:pointer;-webkit-tap-highlight-color:transparent}
.ar-level button.on{border-color:var(--accent);background:rgba(242,194,48,.16);color:var(--accent)}
.ar-sub{margin:6px 2px -2px;color:#fff;font:400 24px var(--font-display);letter-spacing:.05em}
.ar-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ar-card{position:relative;display:grid;align-content:start;gap:4px;min-height:114px;padding:12px 12px 14px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(160deg,rgba(255,255,255,.07),rgba(255,255,255,.015));color:var(--text);font:inherit;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;animation:fade-up .4s calc(.05s * var(--i,0)) ease-out both}
.ar-card:active{transform:scale(.98)}
.ar-card .ico{width:26px;height:26px;color:var(--accent)}
.ar-card b{padding-right:34px;font-size:14.5px;line-height:1.2}
.ar-card small{color:var(--muted);font-size:11.5px;line-height:1.35}
.ar-card em{position:absolute;top:10px;right:10px;padding:2px 7px;border-radius:999px;background:rgba(63,224,138,.14);color:var(--good);font-size:12px;font-style:normal;font-weight:800}
.ar-card.top{grid-column:1/-1;min-height:96px;border-color:rgba(242,194,48,.6);background:linear-gradient(110deg,rgba(242,194,48,.2),rgba(242,194,48,.04) 60%),#0f2017}
.ar-card.top b{font-size:17px}
.ar-result{position:absolute;left:12px;right:12px;bottom:calc(18px + env(safe-area-inset-bottom,0px) + var(--vv-gap,0px));z-index:6;display:grid;gap:8px;padding:16px;border:1px solid rgba(255,255,255,.14);border-radius:16px;background:rgba(8,16,11,.94);box-shadow:0 18px 40px rgba(0,0,0,.6);animation:fade-up .35s ease-out both}
.ar-result b{color:#fff;font:400 40px/1 var(--font-display);letter-spacing:.02em}
.ar-result.win b{color:var(--accent)}
.ar-result p{margin:0;color:var(--muted);font-size:13px;line-height:1.42}
.ar-tally{display:flex;flex-wrap:wrap;gap:14px;color:var(--muted);font-size:12px}
.ar-tally strong{color:#fff}
.ar-actions{display:grid;grid-template-columns:1.25fr 1fr;gap:8px}
.ar-actions .btn{margin:0}
@media (prefers-reduced-motion:reduce){.ar-head,.ar-level,.ar-card,.ar-result{animation:none}}
/* Desafio do dia: o tema do dia (--dc é a cor dele), a trilha dos 5 lances, o resultado e os melhores de hoje */
.daily-ch{--dc:#f2c230;display:grid;gap:12px;padding-bottom:20px}
.dc-hero{position:relative;overflow:hidden;min-height:250px;border:1px solid var(--dc);border-radius:18px;background:#07110d;box-shadow:0 18px 44px rgba(0,0,0,.5),0 0 40px -14px var(--dc);animation:fade-up .45s ease-out both}
.dc-hero .mm-stadium.dc-sky{z-index:0;inset:0;height:auto;border-radius:inherit}
.dc-hero:after{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,rgba(4,10,8,.88) 0,rgba(4,10,8,.55) 55%,rgba(4,10,8,0) 100%),linear-gradient(0deg,rgba(4,10,8,.9),rgba(4,10,8,0) 45%);pointer-events:none}
.dc-hero-star{position:absolute;right:-8px;bottom:58px;z-index:1;width:150px;pointer-events:none}
.dc-hero-star img{display:block;width:150px;height:auto;filter:drop-shadow(0 14px 18px rgba(0,0,0,.6)) drop-shadow(0 0 24px rgba(255,255,255,.08))}
.dc-hero-text{position:relative;z-index:2;max-width:66%;padding:16px 16px 0}
.dc-kicker{display:flex;align-items:center;gap:6px;color:var(--dc);font-size:11px;font-weight:900;letter-spacing:.18em}
.dc-kicker .ico{width:14px;height:14px}
.dc-hero h1{margin:6px 0 6px;color:#fff;font:400 50px/.9 var(--font-display);letter-spacing:.02em;text-transform:uppercase;text-shadow:0 4px 0 rgba(0,0,0,.4),0 0 26px color-mix(in srgb,var(--dc) 45%,transparent)}
.dc-hero p{margin:0;color:rgba(255,255,255,.8);font-size:13px;line-height:1.38}
.dc-meta{position:absolute;left:10px;right:10px;bottom:10px;z-index:2;display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:6px}
.dc-meta>span{display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:6px;padding:7px 9px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:rgba(0,0,0,.55);backdrop-filter:blur(4px)}
.dc-meta .ico{grid-row:1/3;width:16px;height:16px;color:var(--dc)}
.dc-meta b{color:#fff;font:400 21px/1 var(--font-display);letter-spacing:.03em;font-variant-numeric:tabular-nums}
.dc-meta b small{color:var(--muted);font-size:13px}
.dc-meta>span>small{color:var(--muted);font-size:9.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.dc-trail{position:relative;display:grid;gap:8px;margin:0;padding:0;list-style:none}
.dc-trail:before{content:"";position:absolute;left:25px;top:24px;bottom:24px;width:3px;border-radius:3px;background:linear-gradient(180deg,var(--dc),rgba(255,255,255,.08))}
.dc-stop{position:relative;display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:8px;padding:10px 12px 10px 0;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.03);animation:fade-up .4s calc(.06s * var(--i)) ease-out both}
.dc-stop.next{border-color:var(--dc);background:linear-gradient(110deg,color-mix(in srgb,var(--dc) 22%,transparent),rgba(255,255,255,.02) 70%);box-shadow:0 0 26px -12px var(--dc)}
.dc-stop.done{border-color:rgba(63,224,138,.35)}
.dc-stop.wait{opacity:.72}
.dc-node{position:relative;z-index:1;display:grid;place-items:center;justify-self:center;width:38px;height:38px;border:2px solid rgba(255,255,255,.2);border-radius:50%;background:#0b1712;color:#fff;font:400 20px/1 var(--font-display);font-style:normal}
.dc-stop.next .dc-node{border-color:#fff;background:var(--dc);color:#141005;animation:dc-pulse 1.6s ease-in-out infinite}
.dc-stop.done .dc-node{border-color:var(--good);background:#16573a}
.dc-body{min-width:0}
.dc-body small{display:block;color:var(--muted);font-size:11px;letter-spacing:.03em}
.dc-body b{display:block;margin:2px 0 6px;color:#fff;font-size:15px;line-height:1.2}
.dc-goals{display:flex;flex-wrap:wrap;gap:5px}
.dc-goals em{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:99px;background:rgba(255,255,255,.07);color:var(--text);font-size:11px;font-style:normal;font-weight:700}
.dc-goals .ico{width:12px;height:12px}
.dc-goals em.dc-bonus{background:color-mix(in srgb,var(--dc) 18%,transparent);color:var(--dc)}
.dc-res{display:grid;justify-items:end;gap:2px}
.dc-res b{color:#fff;font:400 22px/1 var(--font-display)}
.dc-stars{display:inline-flex;gap:1px}
.dc-stars i{display:block;width:13px;height:13px;color:rgba(255,255,255,.18)}
.dc-stars i .ico{display:block;width:100%;height:100%}
.dc-stars i.on{color:#ffd23a;filter:drop-shadow(0 0 4px rgba(255,210,58,.6))}
.dc-stars.big{justify-self:center;gap:6px}
.dc-stars.big i{width:34px;height:34px}
.dc-stars.big i.on{animation:dc-star .5s calc(.22s * var(--k) + .15s) cubic-bezier(.2,1.6,.4,1) both}
.dc-now{padding:3px 8px;border-radius:99px;background:var(--dc);color:#141005;font-size:10px;font-weight:900;letter-spacing:.1em}
.dc-now:empty{display:none}
.dc-lock{color:rgba(255,255,255,.28)}
.dc-lock .ico{width:16px;height:16px}
.dc-final{position:relative;overflow:hidden;display:grid;justify-items:center;gap:4px;padding:18px 14px 14px;border:1px solid var(--dc);border-radius:16px;background:radial-gradient(120% 90% at 50% 0,color-mix(in srgb,var(--dc) 28%,transparent),transparent 70%),#0d1712;text-align:center}
.dc-final>small{color:var(--dc);font-size:11px;font-weight:900;letter-spacing:.2em}
.dc-final>strong{color:#fff;font:400 78px/1 var(--font-display);text-shadow:0 0 32px var(--dc)}
.dc-final.fresh>strong{animation:dc-pop .7s cubic-bezier(.2,1.5,.4,1) both}
.dc-final-stars{display:inline-flex;align-items:center;gap:5px;color:#ffd23a;font-weight:900}
.dc-final-stars .ico{width:17px;height:17px}
.dc-badge{padding:5px 12px;border-radius:99px;background:var(--dc);color:#141005;font-size:13px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}
.dc-final p{margin:4px 0 6px;color:var(--text);font-size:13px}
.dc-final-actions{display:grid;grid-template-columns:1.35fr 1fr;gap:8px;width:100%}
.dc-final-actions .btn,.dc-final>.btn{margin:0}
.dc-final>.btn{width:100%;margin-top:6px}
.dc-confetti{position:absolute;inset:0;pointer-events:none}
.dc-confetti i{position:absolute;top:-14px;left:calc(var(--k) * 5.5% + 1%);width:7px;height:12px;border-radius:2px;background:var(--dc);animation:dc-fall 2.6s calc(var(--k) * .06s) ease-in forwards}
.dc-confetti i:nth-child(3n){background:#fff}.dc-confetti i:nth-child(3n+1){background:#3fe08a}.dc-confetti i:nth-child(4n){width:9px;height:9px;border-radius:50%}
.dc-top{display:grid;gap:8px;padding:12px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.03)}
.dc-top>span{display:flex;align-items:center;gap:6px;color:var(--accent);font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.dc-top>span .ico{width:15px;height:15px}
.dc-top ol{display:grid;gap:6px;margin:0;padding:0;list-style:none}
.dc-top li{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:8px;padding:7px 10px;border-radius:10px;background:rgba(0,0,0,.25)}
.dc-top li i{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:rgba(255,255,255,.1);font-style:normal;font-weight:900;font-size:12px}
.dc-top li i .ico{width:14px;height:14px}
.dc-top li.p1 i{background:#ffd23a;color:#1a1400}
.dc-top li b{overflow:hidden;color:#fff;text-overflow:ellipsis;white-space:nowrap}
.dc-top li span{color:var(--accent);font:400 21px/1 var(--font-display)}
.dc-top-wait{color:var(--muted);font-size:12.5px}
.dc-top-all{justify-self:end;padding:2px;border:0;background:none;color:var(--accent);font:700 13px var(--font-body);cursor:pointer}
.dc-name{display:grid;gap:6px}
.dc-name label{font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.dc-msg{color:var(--bad);font-size:12.5px}
.dc-go{box-shadow:0 0 32px -10px var(--dc)}
.dc-rule{margin:0;font-size:12px}
.dc-chip{position:absolute;top:calc(60px + env(safe-area-inset-top,0px));left:50%;z-index:5;display:inline-flex;align-items:center;gap:6px;max-width:92%;padding:6px 12px;overflow:hidden;border:1px solid var(--dc);border-radius:99px;background:rgba(0,0,0,.62);color:#fff;font-size:12px;font-weight:800;white-space:nowrap;text-overflow:ellipsis;transform:translateX(-50%);pointer-events:none;animation:dc-chip 0.4s 3.1s ease-out both}
.dc-chip em{display:inline-flex;align-items:center;gap:4px;color:var(--dc);font-style:normal}
.dc-chip .ico{width:13px;height:13px}
.dc-result{gap:7px}
.dc-lines{display:grid;gap:4px;margin:0;padding:0;list-style:none}
.dc-lines li{display:flex;justify-content:space-between;gap:10px;color:var(--text);font-size:13px}
.dc-lines li b{color:var(--good);font:800 14px/1.3 var(--font-body);letter-spacing:0}
.dc-lines li.neg b{color:var(--bad)}
.mm-mode.daily{grid-template-rows:auto auto auto}.mm-mode.daily .ico{grid-row:1/4}.mm-mode.daily>.mm-daily-theme,.mm-mode.daily>small{grid-column:2}
.mm-daily-theme{display:block;margin-top:1px;color:var(--dc,var(--accent));font-size:11px;font-style:normal;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.mm-mode.daily[style*="--dc"]{--c:var(--dc);border-color:color-mix(in srgb,var(--dc) 60%,transparent);background:linear-gradient(135deg,color-mix(in srgb,var(--dc) 24%,transparent),rgba(255,255,255,.02)),#121c14}
@keyframes dc-chip{from{opacity:0;transform:translate(-50%,-6px)}to{opacity:1;transform:translateX(-50%)}}
@keyframes dc-pulse{50%{box-shadow:0 0 0 7px color-mix(in srgb,var(--dc) 22%,transparent)}}
@keyframes dc-star{from{opacity:0;transform:scale(.2) rotate(-40deg)}to{opacity:1;transform:none}}
@keyframes dc-pop{from{opacity:0;transform:scale(.4)}to{opacity:1;transform:none}}
@keyframes dc-fall{0%{opacity:1;transform:translateY(0) rotate(0)}100%{opacity:0;transform:translateY(340px) rotate(540deg)}}
@media (prefers-reduced-motion:reduce){.dc-hero,.dc-stop,.dc-stop.next .dc-node,.dc-stars.big i.on,.dc-final.fresh>strong,.dc-chip,.dc-confetti i{animation:none}}
/* v.1360: visual mais limpo (Central, aba Jogador) */
.nm-sub{margin:-2px 0 10px;color:var(--muted);font-size:12.5px;text-align:center}
.nm-month{margin:0 auto 12px;padding:6px 12px;border:0;background:rgba(255,255,255,.06);font-size:12.5px}
.nm-lineup{margin:-2px 0 10px;padding:7px 11px}.nm-lineup span{font-size:11.5px}
.nm-duel{margin:-2px 0 12px;padding:7px 9px}
.train-head small{min-height:0;color:var(--muted);font-size:12px}
.ct-btn small{color:var(--muted)}
.hub-strip{grid-template-columns:1fr 1fr}
.hub-strip button{padding:8px 10px;border-color:rgba(255,255,255,.06);background:rgba(255,255,255,.035)}
.hub-inbox{border-color:rgba(255,255,255,.07);background:rgba(255,255,255,.025);box-shadow:none}
.career-hub .hub-contacts,.home-main .hub-contacts{grid-template-columns:repeat(4,1fr)}
.career-hub .hub-contacts>button,.home-main .hub-contacts>button{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:5px;padding:10px 4px;border:0;text-align:center}
.career-hub .hub-contacts>button small,.career-hub .hub-contacts>button strong,.home-main .hub-contacts>button small,.home-main .hub-contacts>button strong{display:none}
.career-hub .hub-contacts>button span,.home-main .hub-contacts>button span{display:block;min-width:0}.career-hub .hub-contacts>button b,.home-main .hub-contacts>button b{display:block;overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.hub-social{padding:9px 11px;border-color:rgba(255,255,255,.08);background:rgba(255,255,255,.03)}
.career-hub .goal,.home-main .goal{padding:9px 12px;border-color:rgba(255,255,255,.07);background:rgba(255,255,255,.025)}
.career-hub .goal b,.home-main .goal b{font-size:14px;letter-spacing:.06em}.career-hub .goal span,.home-main .goal span{font-size:13.5px;color:#d7e4dc}
.pick-fold{border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(255,255,255,.03)}
.pick-fold>summary{display:flex;align-items:center;gap:8px;padding:12px 13px;cursor:pointer;list-style:none;font-weight:700;font-size:14px}
.pick-fold>summary::-webkit-details-marker{display:none}
.pick-fold>summary span{flex:1;min-width:0}.pick-fold>summary b{color:var(--accent);font-size:13px}
.pick-fold>summary i{color:var(--muted);font-style:normal;font-size:18px;transition:transform .15s}.pick-fold[open]>summary i{transform:rotate(90deg)}
.pick-fold>article{margin:0;border:0;border-top:1px solid rgba(255,255,255,.06);border-radius:0 0 12px 12px;background:none;box-shadow:none}
.pick-fold .celeb-head,.pick-fold .attr-head{display:none}
/* ===== v.1370 identidade: o gramado e os objetos da semana do jogador (figurinha, ingresso, quadro) ===== */
:root{
  --grass:#133a24;--grass-b:#16412a;--chalk:#eef3ee;--paper:#f3f4ef;--paper-2:#e2e5dc;--ink:#141a17;--ink-2:#58625c;
  --gold:#f2c230;--ok-ink:#17803f;--mid-ink:#a46a00;--bad-ink:#c4362c;
  --font-display:"Big Shoulders Display","Bebas Neue","Impact","Arial Narrow",sans-serif;
  /* placas lisas de lousa no lugar das caixas com borda: o fundo é o gramado, a informação fica em lousa escura */
  --panel:#0e2318;--panel2:#132d20;--line:rgba(238,243,238,.08);--good:#4cc27c;--bad:#ff5a4f;--muted:#a3b8ab;
}
body{background:radial-gradient(120% 60% at 50% 0%,rgba(255,255,255,.05),transparent 60%),repeating-linear-gradient(180deg,var(--grass) 0 76px,var(--grass-b) 76px 152px)}
h1,h2,h3{font-weight:800;letter-spacing:.01em}

/* figurinha: papel, o jogador num painel da cor do clube com a faixa da segunda cor, a nota num selo dourado */
.hub-hero{grid-template-columns:minmax(0,40%) minmax(0,1fr);min-height:184px;margin:4px 2px 16px;padding:12px 14px 12px 0;border:0;border-radius:14px;background:var(--paper);color:var(--ink);box-shadow:0 1px 0 rgba(0,0,0,.18),0 14px 26px rgba(0,0,0,.38);transform:rotate(-1deg)}
.hub-hero::before{content:"";position:absolute;left:0;top:0;bottom:0;width:40%;background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(0,0,0,.18)),var(--club-a);box-shadow:inset -6px 0 0 var(--club-b)}
.hub-hero::after{display:none}
.hh-crest{right:-26px;top:-14px;opacity:.07;filter:grayscale(1)}
.hh-player{z-index:1;margin:-6px 0 -14px}
.hh-player::before{display:none}
.hh-player .avatar{height:188px;filter:drop-shadow(0 8px 8px rgba(0,0,0,.35))}
.hh-info{z-index:1;padding:66px 0 0 14px;gap:6px;position:static}
.hh-ovr{position:absolute;right:12px;top:12px;z-index:2;border-radius:50%;width:62px;height:62px;padding:0;grid-template-columns:1fr;grid-template-rows:auto auto;justify-items:center;align-content:center;row-gap:0;background:radial-gradient(circle at 35% 30%,#ffe98f,#e5b51c 70%);color:#2a1d00;box-shadow:0 0 0 3px var(--paper),0 0 0 5px #d7a514,0 6px 12px rgba(0,0,0,.25)}
.hh-ovr b{grid-row:auto;font:900 30px/.9 var(--font-display)}
.hh-ovr small{font:800 10px/1 var(--font-body);letter-spacing:0;text-transform:none}
.hh-ovr i{display:none}
.hh-name{color:var(--ink);font:900 clamp(30px,8.6vw,38px)/.88 var(--font-display);text-transform:uppercase;text-shadow:none;letter-spacing:0}
.hh-name small{color:var(--ink-2);font:700 13px/1.1 var(--font-body);letter-spacing:0;text-transform:none}
.hh-tags span{padding:2px 7px;border-radius:5px;background:var(--paper-2);color:var(--ink);font-size:12px}
.hh-tags .cap{background:var(--gold);color:#2a1d00}
.hh-club{color:var(--ink);font-size:13px}
.hh-meta{padding:0;margin-top:2px;background:none}
.hh-energy em{background:var(--paper-2)}
.hh-energy strong{font:800 16px/1 var(--font-display);color:var(--ink)}
.hh-cash{color:var(--ink);font:800 17px/1 var(--font-display)}
.hh-warn span{color:var(--bad-ink)}

/* o ingresso do próximo jogo: canhoto destacável, picote, o jogo no corpo e o carimbo da escalação */
.career-hub{gap:14px}
.ticket{position:relative;display:grid;grid-template-columns:70px minmax(0,1fr);margin:0 2px;border-radius:12px;background:var(--paper);color:var(--ink);box-shadow:0 1px 0 rgba(0,0,0,.18),0 14px 26px rgba(0,0,0,.34);-webkit-mask:radial-gradient(circle at 70px 0,transparent 9px,#000 9.5px) top/100% 51% no-repeat,radial-gradient(circle at 70px 100%,transparent 9px,#000 9.5px) bottom/100% 51% no-repeat;mask:radial-gradient(circle at 70px 0,transparent 9px,#000 9.5px) top/100% 51% no-repeat,radial-gradient(circle at 70px 100%,transparent 9px,#000 9.5px) bottom/100% 51% no-repeat}
.tk-stub{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:12px 4px;border-right:2px dashed rgba(20,26,23,.28);background:var(--club-a);color:var(--club-ink,#fff);border-radius:12px 0 0 12px;box-shadow:inset 0 -6px 0 var(--club-b)}
.tk-stub b{font:900 40px/.9 var(--font-display)}
.tk-stub small{font-size:11px;font-weight:700;opacity:.9}
.tk-stub em{margin-top:6px;padding:2px 6px;border-radius:4px;background:var(--club-ink,#fff);color:var(--club-a);font-size:11px;font-style:normal;font-weight:800}
.tk-main{position:relative;min-width:0;padding:10px 12px 12px}
.ticket .nm-top{justify-content:flex-start}
.ticket .nm-top .tk-round{display:none}
.ticket .nm-top small,.ticket .nm-top em{margin:0;text-align:left;color:var(--ink-2);font-size:12px;font-weight:700}
.ticket .nm-top em{padding:2px 7px;border-radius:4px;background:var(--gold);color:#2a1d00;letter-spacing:0;text-transform:none}
.ticket .nm-versus{margin:6px 0 2px}
.ticket .nm-team b{color:var(--ink);font:900 15.5px/1 var(--font-display);text-transform:uppercase;overflow-wrap:anywhere}
.ticket .nm-team .crest{filter:drop-shadow(0 3px 4px rgba(0,0,0,.2))}
.ticket .nm-vs b{padding:0;background:none;box-shadow:none;color:var(--ink);font:900 26px/1 var(--font-display);transform:none}
.ticket .nm-vs small{color:var(--ink-2);font-size:11.5px}
.ticket .nm-vs small .ico{color:var(--ink-2)}
.ticket .nm-sub{display:flex;justify-content:center;gap:12px;margin:4px 0 0;color:var(--ink-2);font-size:12px}
.ticket .stars{color:rgba(20,26,23,.16)}
.tk-stamp{position:absolute;right:10px;top:8px;padding:3px 8px 2px;border:2.5px solid currentColor;border-radius:6px;font:900 14px/1 var(--font-display);text-transform:uppercase;transform:rotate(-7deg);opacity:.82;mix-blend-mode:multiply}
.tk-stamp b{font-weight:900}
.tk-stamp.good{color:var(--ok-ink)}.tk-stamp.mid{color:var(--mid-ink)}.tk-stamp.bad{color:var(--bad-ink)}
.career-hub>.nm-month{align-self:center;margin:-4px 0 0;padding:6px 12px;border:0;border-radius:99px;background:rgba(0,0,0,.25);color:var(--chalk);font-size:12.5px}

/* o quadro da semana (escalação, briga pela vaga e treino): lousa escura, giz claro */
.week-board{display:flex;flex-direction:column;gap:10px;padding:12px;border-radius:12px;background:#0f251a;box-shadow:inset 0 0 0 1px rgba(238,243,238,.07)}
.week-board .nm-lineup{margin:0;padding:0;border:0;background:none}
.week-board .nm-lineup span{color:#cfdcd3;font-size:12.5px}
.week-board .nm-lineup .nm-hang{color:#ffd166;font-weight:700}
.week-board .nm-duel{margin:0;padding:0;background:none;box-shadow:none}
.week-board .nd-bar{height:6px;background:linear-gradient(90deg,rgba(238,243,238,.55),rgba(238,243,238,.12))}
.week-board .nd-bar::after{background:rgba(238,243,238,.5)}
.week-board .nd-bar u{border-color:var(--grass);background:var(--gold);box-shadow:none}
.week-board .nd-face{border:2px solid rgba(238,243,238,.3)}
.week-board .train-head{padding-top:2px;border-top:0}
.week-board .train-head b{color:var(--chalk);font-size:15px;letter-spacing:0;text-transform:none}
.week-board .train-grid{margin:2px 0 0}
.week-board .train-chip{border:1.5px dashed rgba(238,243,238,.22);background:none}
.week-board .train-chip.on{border:1.5px solid var(--chalk);background:rgba(238,243,238,.1);box-shadow:none}
.week-board .train-chip.on b{color:var(--chalk)}
.week-board .ct-btn{margin:2px 0 0;border:0;background:rgba(238,243,238,.07)}
.week-board .ct-btn b{color:var(--chalk)}

/* números do campeonato, contatos, rede social e meta: sem caixas pesadas */
.career-hub .hub-strip button,rede social e meta: sem caixas pesadas */
.home-main .hub-strip button{border:0;border-radius:10px;background:rgba(0,0,0,.22)}
.career-hub .hub-strip span,.home-main .hub-strip span{letter-spacing:0;text-transform:none;font-size:11.5px}
.career-hub .hub-strip b,.home-main .hub-strip b{font:800 19px/1.05 var(--font-display)}
.career-hub .hub-inbox,.home-main .hub-inbox{border:0;background:none}
.career-hub .hub-contacts,.home-main .hub-contacts{gap:0;background:none;border:0}
.career-hub .hub-contacts>button,.home-main .hub-contacts>button{background:none}
.career-hub .hub-contacts i,.home-main .hub-contacts i{width:46px;height:46px;border:2px solid var(--paper);box-shadow:0 4px 10px rgba(0,0,0,.3)}
.career-hub .goal b,.home-main .goal b{color:var(--gold);font:800 15px/1 var(--font-display);letter-spacing:.02em;text-transform:none}

/* o botão de jogar: chapado, sem brilho correndo */
.hub-cta{border:0;background:rgba(9,24,16,.9)}
.hub-cta .nm-play{border-radius:10px;background:var(--gold);box-shadow:0 3px 0 #a87d00;transform:none;font:900 24px/1 var(--font-display);letter-spacing:.01em;white-space:nowrap}
.hub-cta .nm-play .ico{width:30px;height:30px;padding:8px 6px 8px 9px}
.hub-cta .nm-play>*{transform:none}
.hub-cta .nm-play::after{display:none}
.hub-cta .nm-sim{border:0;border-radius:10px;background:rgba(238,243,238,.08);transform:none;font:800 19px/1 var(--font-display)}
.hub-cta .nm-sim>*{transform:none}
.hub-cta .nm-play:active,.hub-cta .nm-sim:active{transform:translateY(2px)}

/* abas: título em letra normal, sem o rótulo em maiúsculas por cima */
.dock-screen>header>div{display:flex;flex-direction:column-reverse}
.dock-screen>header span{color:var(--muted);font-size:12px;font-weight:600;letter-spacing:0;text-transform:none}
.dock-screen>header h1{font-weight:900}
@media (prefers-reduced-motion:reduce){.hub-hero{transform:none}}
/* v.1370: rótulos em letra normal (as maiúsculas espaçadas ficam só nos botões, no carimbo, nos nomes impressos e nos cabeçalhos de tabela) */
.tag,.quick-stats small,.bar,.stats span,.news span,.dock-screen>header span,.dock-hero span,.dock-player small,.history-totals span,.dock-news>span,.momentum,.cinema-caption small,.tactical-moment small,.performance-title span,.season-performance>div:first-child span,.performance-stats span,.race-head span,.leader-column>span,.national-kicker,.national-details span,.international-stadium>small,.national-role small,.national-performance span,.national-status small,.hub-kicker,.season-stop,.hub-next span,.hub-next small,.hub-status span,.hub-inbox-head span,.hub-inbox-head>small,.message-person small,.prematch-progress span,.prematch-kicker,.dressing-focus span,.match-kicker,.weather-card em,.lineup-card div>small,.coach-talk span,.market-head>span,.contract-label,.contract dt,.prep-box>span,.diagnosis span,.condition-report span,.match-alert b,.table-movement>span,.rival-result-line span,.pwa-guide-kicker,.week-scene-copy span,.week-condition span,.week-slot>span,.message-notice small,.pwa-update-kicker,.account-kicker,.account-panel label,.cloud-card span,.creator-field>span,.creator-label,.gala-kicker,.hh-loan,.career-report>span,.epi-highlight small,.epi-label,.hub-summary span,.year-label,.year-facts small,.home-card-id small,.rank-score small,.acc-save span,.hall-row strong small,.play-title span,.play-intro span,.hud-ovr small,.nm-top span,.nm-top em,.train-head b,.hub-strip span,.attr-head span,.contract-card span,.current-deal span,.offer-card dt,.gains-head span,.highlights>span,.tourney-head span,.tourney-head small,.tourney-path small,.lt-head span,.dock-coach small,.tr-grade small,.tr-stats span,.tr-reps>span,.tr-gps>span,.cine-line b,.cine-opt em,.cine-play small,.cine-sum small,.press-q b,.press-promise small,.hh-ovr small,.hh-name small,.me-comp,.me-rate small,.me-honor,.me-stats small,.me-tile small,.ye-place small,.ye-stats small,.nego-head span,.sf-profile dt,.celeb-head span,.mm-kicker,.mm-story-kicker,/* botão principal do jogo inteiro (v.560): o mesmo desenho do JOGAR do menu. Só o fundo inclina (um ::before dourado
   com sombra embaixo e um brilho passando); o texto fica reto,em letra de placar */
.btn.primary:not(.nm-play),.rank-head>span,.ar-level span,.dc-meta>span>small,.dc-top>span,.dc-name label,.mm-daily-theme{text-transform:none;letter-spacing:0}
/* v.1370: aba Jogador com a mesma figurinha da Central; caixas das abas sem borda (placas de lousa); na tabela, a sua linha na cor do clube */
.dock-player{border:0;border-radius:14px;background:var(--paper);color:var(--ink);box-shadow:0 1px 0 rgba(0,0,0,.18),0 12px 22px rgba(0,0,0,.32);transform:rotate(-.6deg)}
.dock-player>span{border:3px solid var(--paper);background:var(--club-a);box-shadow:0 0 0 2px var(--club-b)}
.dock-player small{color:var(--ink-2);font-weight:700}
.dock-player b{color:var(--ink);font-size:25px;font-weight:900;line-height:.95;text-transform:uppercase}
.dock-player em{color:var(--ink-2)}
.dock-player .dock-heart{color:#b3263b}
.dock-player>strong{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffe98f,#e5b51c 70%);color:#2a1d00;font-size:30px;font-weight:900;line-height:1;box-shadow:0 0 0 3px var(--paper),0 0 0 5px #d7a514}
.dock-screen article,.dock-screen .contract-card>div,.dock-coach,.evo-card,.attr-card,.league-table{border-color:transparent}
.evo-card,.attr-card,.dock-coach{background:var(--panel)}
.evo-card b{color:var(--gold)}
.league-table tr.you td{background:rgba(242,194,48,.14);background:color-mix(in srgb,var(--club-a) 26%,transparent)}
.league-table tr.you td:nth-child(2){box-shadow:inset 3px 0 0 var(--club-b)}
@media (prefers-reduced-motion:reduce){.dock-player{transform:none}}
/* v.1370: o botão principal de todas as telas liso, como o Jogar partida (sem brilho correndo nem inclinação) */
.btn.primary:not(.nm-play){font-weight:900}
.btn.primary:not(.nm-play)::before{border-radius:10px;background:var(--gold);transform:none;box-shadow:0 3px 0 #a87d00;animation:none}
.btn.primary:not(.nm-play):active::before{transform:translateY(2px);box-shadow:0 1px 0 #a87d00}
/* v.1390: a tela inicial com a figurinha. O seu jogador numa figurinha de álbum, com o material da nota (bronze, prata,
   ouro e holográfica para os craques), brilho que segue o dedo e a abertura de pacote. O título fica enxuto no alto. */
.mm-brand.v2{flex-direction:row;justify-content:flex-start;padding-right:52px;align-items:center;gap:10px;margin-top:2px;text-align:left;animation:fade-up .5s ease-out both}
.mm-brand.v2 img{width:42px;height:42px;border-radius:11px;filter:drop-shadow(0 4px 10px rgba(0,0,0,.55))}
.mm-brand.v2>span{display:flex;flex-direction:column;align-items:flex-start}
.mm-brand.v2 h1{margin:0;font:900 31px/.92 var(--font-display);letter-spacing:.005em;color:#fff;text-shadow:0 2px 14px rgba(0,0,0,.55)}
.mm-brand.v2 small{display:block;margin:3px 0 0;padding:0;font:800 17px/1 var(--font-display);letter-spacing:.01em;color:var(--gold);text-shadow:none}
.mm-hero.v2{display:block;height:auto;margin:16px 0 22px;perspective:1100px}
.fig-wrap{position:relative;width:clamp(222px,64vw,286px);aspect-ratio:5/7;margin:0 auto;transform-style:preserve-3d;touch-action:pan-y}
/* a sombra da figurinha no gramado */
.fig-wrap::before{content:"";position:absolute;left:10%;right:10%;bottom:-30px;height:30px;border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.6),rgba(0,0,0,0));transform:translateZ(-40px)}
.fig{position:absolute;inset:0;border-radius:18px;transform-style:preserve-3d;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));will-change:transform;cursor:grab;-webkit-tap-highlight-color:transparent}
.fig-face,.fig-back{position:absolute;inset:0;border-radius:18px;overflow:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.fig-face{display:flex;flex-direction:column;padding:9px;background:var(--frame);box-shadow:0 26px 44px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.6),inset 0 -2px 0 rgba(0,0,0,.18)}
/* a foto: as cores do clube atrás do jogador, com listras e a luz de refletor no alto */
.fig-photo{position:relative;flex:1;min-height:0;border-radius:11px 11px 3px 3px;overflow:hidden;
  background:radial-gradient(70% 46% at 50% 18%,rgba(255,250,225,.42),rgba(255,250,225,0) 70%),repeating-linear-gradient(118deg,rgba(255,255,255,0) 0 18px,rgba(255,255,255,.07) 18px 36px),radial-gradient(120% 90% at 50% 30%,var(--fm),var(--fd));
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.25)}
.fig-photo .fig-av{position:absolute;left:50%;bottom:0;width:auto;max-width:none;height:100%;transform:translateX(-50%);filter:drop-shadow(0 8px 14px rgba(0,0,0,.45))}
.fig-photo .fig-av.pending{opacity:.6}
/* a nota num selo do material da figurinha */
.fig-ovr{position:absolute;left:17px;top:17px;z-index:2;display:grid;place-items:center;align-content:center;width:62px;height:62px;border-radius:50%;background:var(--seal);color:var(--seal-ink);box-shadow:0 4px 10px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.7),inset 0 -2px 0 rgba(0,0,0,.2)}
.fig-ovr b{font:900 32px/.86 var(--font-display)}
.fig-ovr small{margin-top:1px;font:800 12px/1 var(--font-body);letter-spacing:.04em}
.fig-crest{position:absolute;right:17px;top:17px;z-index:2;display:flex;filter:drop-shadow(0 3px 6px rgba(0,0,0,.45))}
.fig-crest svg,.fig-crest img{width:42px;height:42px}
/* a faixa do nome, na cor do clube */
.fig-strip{position:relative;display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:8px;margin-top:6px;padding:8px 12px 9px;border-radius:3px 3px 10px 10px;background:var(--fa);color:var(--fink);box-shadow:inset 0 0 0 1px rgba(0,0,0,.12)}
.fig-strip strong{overflow:hidden;padding-top:3px;font:900 27px/1.08 var(--font-display);text-transform:uppercase;letter-spacing:.01em;text-overflow:ellipsis;white-space:nowrap}
.fig-strip span{grid-column:1;overflow:hidden;margin-top:2px;font:600 12.5px/1.2 var(--font-body);opacity:.85;text-overflow:ellipsis;white-space:nowrap}
.fig-strip em{grid-column:2;grid-row:1/3;font:900 34px/1 var(--font-display);font-style:normal;opacity:.55}
/* brilho: a faixa metálica e o reflexo andam com o dedo (só transformações: nada é redesenhado) */
.fig-foil,.fig-glare{position:absolute;pointer-events:none;border-radius:inherit}
.fig-foil{left:-100%;top:-100%;width:300%;height:300%;background:repeating-linear-gradient(118deg,rgba(255,255,255,0) 0 7%,rgba(255,255,255,.55) 9.5%,rgba(255,255,255,0) 12%);mix-blend-mode:overlay;opacity:var(--foil,.3);transform:translate(calc((var(--mx,.5) - .5) * -22%),calc((var(--my,.5) - .5) * -14%))}
.fig-glare{left:-50%;top:-50%;width:200%;height:200%;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.62),rgba(255,255,255,.12) 18%,rgba(255,255,255,0) 34%);mix-blend-mode:soft-light;transform:translate(calc((var(--mx,.5) - .5) * 50%),calc((var(--my,.5) - .5) * 50%))}
/* materiais: a moldura e o selo */
.fig.bronze{--frame:linear-gradient(140deg,#f6d6b0,#b8794a 38%,#f0c597 54%,#8b5529);--seal:linear-gradient(140deg,#f8dcbc,#a96b38);--seal-ink:#2b1606;--foil:.32}
.fig.silver{--frame:linear-gradient(140deg,#ffffff,#b4bdc7 38%,#f5f8fb 54%,#8996a3);--seal:linear-gradient(140deg,#ffffff,#a5b0bb);--seal-ink:#1d242b;--foil:.42}
.fig.gold{--frame:linear-gradient(140deg,#fff4b8,#e0ab1b 38%,#ffe88f 54%,#b07c06);--seal:linear-gradient(140deg,#fff2a6,#d9a112);--seal-ink:#2a1d00;--foil:.5}
.fig.icon{--frame:conic-gradient(from 210deg,#ff8a8a,#ffd56f,#8bffb8,#78ccff,#cf99ff,#ff8a8a);--seal:linear-gradient(140deg,#34342f,#0b0b0a);--seal-ink:#f2c230;--foil:.55}
.fig.icon .fig-foil{background:repeating-linear-gradient(118deg,#ff6b6b 0,#ffd36b 2.5%,#6bffad 5%,#6bc4ff 7.5%,#c68bff 10%,#ff6b6b 12.5%);mix-blend-mode:color-dodge;opacity:.22}
.fig.icon .fig-ovr{box-shadow:0 4px 10px rgba(0,0,0,.4),inset 0 0 0 2px #f2c230}
.fig.blank{--frame:#f6f7f2;--seal:linear-gradient(140deg,#ffffff,#d9ddd4);--seal-ink:#141a17;--foil:.18}
.fig.blank .fig-av{filter:grayscale(.15) drop-shadow(0 8px 14px rgba(0,0,0,.45))}
/* o verso (aparece na abertura do pacote) */
.fig-back{display:grid;place-items:center;align-content:center;gap:12px;transform:rotateY(180deg);background:radial-gradient(70% 50% at 50% 40%,rgba(242,194,48,.22),rgba(242,194,48,0)),repeating-linear-gradient(45deg,#12402a 0 14px,#0f3622 14px 28px);box-shadow:0 26px 44px rgba(0,0,0,.55),inset 0 0 0 9px #f3f4ef}
.fig-back img{width:72px;height:72px;border-radius:18px}
.fig-back b{font:900 26px/1 var(--font-display);color:#fff}
/* abertura do pacote: vira do verso para a frente, com um clarão no meio do giro */
.fig-wrap.abre{animation:fig-abre 1.6s ease-in-out var(--abre-d,0ms) both}
.fig-wrap.abre::after{content:"";position:absolute;left:-35%;top:-25%;width:170%;height:150%;border-radius:50%;background:radial-gradient(closest-side,rgba(255,250,222,.9),rgba(255,250,222,0));pointer-events:none;animation:fig-clarao 1.6s ease-out var(--abre-d,0ms) both}
@keyframes fig-abre{0%{transform:translateY(70px) rotateY(180deg) scale(.6)}16%{transform:translateY(0) rotateY(180deg) scale(.9)}26%{transform:rotateY(186deg) rotate(-2deg) scale(.92)}34%{transform:rotateY(176deg) rotate(2deg) scale(.93)}40%{transform:rotateY(180deg) scale(.93);animation-timing-function:cubic-bezier(.5,0,.3,1)}66%{transform:translateY(-8px) rotateY(-10deg) scale(1.06)}100%{transform:none}}
@keyframes fig-clarao{0%,46%{opacity:0;transform:scale(.3)}58%{opacity:.95}100%{opacity:0;transform:scale(1.25)}}
/* os botões do menu lisos, como os do resto do jogo (sem inclinação nem brilho correndo) */
.mm-play{transform:none;border-radius:16px;background:var(--gold);box-shadow:0 5px 0 #b8860b,0 14px 30px rgba(242,194,48,.22)}
.mm-play::after{display:none}
.mm-play>*,.mm-sub>*,.mm-mode>*{transform:none}
.mm-play,.mm-sub{animation:fade-up .55s .35s ease-out both}
.mm-mode{animation:fade-up .5s calc(.45s + var(--i,0) * .06s) ease-out both}
.mm-play:active{transform:translateY(3px);box-shadow:0 2px 0 #b8860b,0 8px 18px rgba(242,194,48,.2)}
.mm-play b{font:900 38px/.9 var(--font-display);text-transform:none;letter-spacing:.005em}
.mm-sub{transform:none;border-radius:14px}
.mm-sub:active{transform:translateY(2px)}
.mm-sub b{font:900 24px/1 var(--font-display);text-transform:none;letter-spacing:.005em}
.mm-mode{transform:none;border-radius:14px}
.mm-mode:active{transform:scale(.97)}
.mm-mode b{font:900 20px/.95 var(--font-display);text-transform:none;letter-spacing:.005em}
@media (prefers-reduced-motion:reduce){.fig-wrap.abre,.fig-wrap.abre::after{animation:none}}
/* v.1400: a meta bônus com progresso (quanto falta, o ritmo e o prêmio), os contatos com o selo inteiro e o papel de
   cada um, e o comentário da torcida como um post de verdade */
.career-hub .goal.bonus,.goal.bonus,e o comentário da torcida como um post de verdade */
.home-main .goal.bonus{gap:6px;padding:12px 14px 11px;border:0;border-radius:14px;background:var(--paper);color:var(--ink);box-shadow:0 10px 24px rgba(0,0,0,.25)}
.goal.bonus .gb-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.career-hub .goal.bonus b,.goal.bonus b,.home-main .goal.bonus b{color:var(--ink);font:900 19px/1 var(--font-display);letter-spacing:.005em}
.goal.bonus .gb-head em{flex:none;padding:4px 9px 3px;border-radius:8px;background:var(--gold);color:var(--ink);font:900 17px/1 var(--font-display);font-style:normal;box-shadow:0 2px 0 #b8860b}
.career-hub .goal.bonus>span,.goal.bonus>span,.home-main .goal.bonus>span{color:var(--ink-2);font-size:14px;line-height:1.35}
.gb-bar{position:relative;height:10px;margin-top:4px;border-radius:99px;background:rgba(20,26,23,.12);overflow:visible}
.gb-bar i{display:block;height:100%;min-width:6px;border-radius:99px;background:linear-gradient(90deg,#2f9b5c,#4cc27c)}
.gb-bar u{position:absolute;top:-4px;bottom:-4px;width:3px;margin-left:-1.5px;border-radius:2px;background:var(--ink);opacity:.55}
.goal.bonus.behind .gb-bar i{background:linear-gradient(90deg,#c98a0a,#f2c230)}
.goal.bonus.done .gb-bar i{background:linear-gradient(90deg,#1f8a4a,#3fd17d)}
.goal.bonus small{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--ink-2);font-size:13px;font-weight:600}
.career-hub .goal.bonus small span,.goal.bonus small span,.home-main .goal.bonus small span{color:var(--ink-2);font-size:13px}
.goal.bonus small strong{flex:none;padding:3px 8px;border-radius:99px;background:rgba(23,128,63,.12);color:var(--ok-ink);font-size:12px;font-weight:800}
.goal.bonus.behind small strong{background:rgba(164,106,0,.13);color:var(--mid-ink)}
.goal.bonus.done small strong{background:#1f8a4a;color:#fff}
.career-hub .hub-contacts>button,.home-main .hub-contacts>button{gap:6px;padding:10px 2px 8px}
.career-hub .hub-contacts i.hc,.home-main .hub-contacts i.hc{overflow:visible;width:56px;height:56px;padding:0;border:2px solid var(--paper);background:#193a28}
.career-hub .hub-contacts .hc-face,.home-main .hub-contacts .hc-face{position:absolute;inset:0;overflow:hidden;border-radius:50%}
.career-hub .hub-contacts .hc-face>img.av3d,.home-main .hub-contacts .hc-face>img.av3d{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 30%;transform:scale(1.25)}
.career-hub .hub-contacts i.hc em,.home-main .hub-contacts i.hc em{z-index:2;right:-6px;top:-5px;min-width:21px;height:21px;padding:0 5px;border:2px solid var(--grass,#133a24);font-size:11px;font-weight:800}
.career-hub .hub-contacts>button.has-unread i.hc,.home-main .hub-contacts>button.has-unread i.hc{border-color:var(--good);box-shadow:0 0 0 3px rgba(76,194,124,.3),0 4px 10px rgba(0,0,0,.3)}
.career-hub .hub-contacts>button small,.home-main .hub-contacts>button small{display:block;overflow:hidden;margin-top:1px;color:var(--muted);font-size:11px;text-overflow:ellipsis;white-space:nowrap}
.hub-social.v2{display:flex;flex-direction:column;align-items:stretch;gap:9px;padding:11px 12px 12px;border:0;border-radius:14px;background:rgba(6,16,12,.55);text-align:left}
.hub-social.v2 .hs-top{display:flex;align-items:center;gap:9px}
.hub-social.v2 .hs-icon{width:32px;height:32px;border-radius:9px;background:var(--club-a,#1d6b3d);color:var(--club-ink,#fff);box-shadow:inset 0 0 0 1px rgba(255,255,255,.2)}
.hub-social.v2 .hs-icon .ico{width:18px;height:18px}
.hub-social.v2 .hs-top>b{display:block;font:900 22px/1 var(--font-display);color:#fff}
.hub-social.v2 .hs-top>b small{display:inline;overflow:visible;color:var(--muted);font:600 13px var(--font-body);white-space:normal}
.hub-social.v2 .hs-top>em{padding:2px 7px;border-radius:99px;background:var(--bad,#ff5a4f);color:#fff;font-size:11px;font-style:normal;font-weight:800}
.hub-social.v2 .hs-cta{margin-left:auto;padding:8px 14px 7px;border-radius:10px;background:var(--gold);color:var(--ink);font:900 17px/1 var(--font-display);font-style:normal;box-shadow:0 3px 0 #b8860b}
.hub-social.v2 .hs-top>strong{margin-left:auto}
.hs-post{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:start;gap:9px;padding:10px 11px;border-radius:12px;background:var(--paper);color:var(--ink)}
.hs-av{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--fc);color:#fff;font:900 18px/1 var(--font-display)}
.hs-post b{display:block;font-size:13px;font-weight:800}
.hs-post p{margin:1px 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:14px;line-height:1.3}
.hub-social .hs-likes{display:block;overflow:visible;color:#d23a4c;font-size:12.5px;font-weight:800;white-space:nowrap}
.hs-empty{margin:0;color:var(--muted);font-size:13.5px}
/* v.1410: as tabelas. Todas as ligas do mundo (bandeiras e divisões), a tabela numa folha de papel, o líder nas cores
   dele, as zonas de cada liga pelas vagas do país e os últimos 5 jogos em bolinhas */
.lt2{display:grid;gap:10px}
.lt2-countries{display:flex;gap:7px;overflow-x:auto;margin:0 -16px;padding:2px 16px 4px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.lt2-countries::-webkit-scrollbar{display:none}
.lt2-country{position:relative;flex:none;display:flex;align-items:center;gap:7px;padding:8px 12px;border:0;border-radius:99px;background:rgba(6,16,12,.55);color:var(--chalk);font:700 13.5px var(--font-body);cursor:pointer;-webkit-tap-highlight-color:transparent}
.lt2-country .flag{width:20px;height:13px;border-radius:2px;box-shadow:0 0 0 1px rgba(0,0,0,.25)}
.lt2-country.on{background:var(--paper);color:var(--ink)}
.lt2-country>i{position:absolute;right:4px;top:4px;width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 2px rgba(6,16,12,.8)}
.lt2-divs{display:flex;gap:6px;flex-wrap:wrap}
.lt2-divs button{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:76px;min-height:40px;padding:6px 12px;border:1px solid rgba(238,243,238,.16);border-radius:10px;background:none;color:var(--chalk);font:900 18px/1 var(--font-display);cursor:pointer}
.lt2-divs button small{margin-top:2px;color:var(--gold);font:700 10.5px/1 var(--font-body)}
.lt2-divs button.on{border-color:var(--gold);background:var(--gold);color:var(--ink)}
.lt2-divs button.on small{color:var(--ink)}
.lt2-sheet{overflow:hidden;border-radius:16px;background:var(--paper);color:var(--ink);box-shadow:0 14px 30px rgba(0,0,0,.28)}
.lt2-head{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:10px;padding:14px 14px 0}
.lt2-head .flag{width:30px;height:20px;border-radius:3px;box-shadow:0 0 0 1px rgba(0,0,0,.15)}
.lt2-head b{display:block;font:900 24px/1 var(--font-display)}
.lt2-head small{display:block;margin-top:3px;color:var(--ink-2);font-size:12.5px;font-weight:600}
.lt2-prog{grid-column:1/-1;display:block;height:5px;margin:11px 0 0;border-radius:99px;background:rgba(20,26,23,.1);overflow:hidden}
.lt2-prog em{display:block;height:100%;border-radius:99px;background:var(--ink)}
.lt2-leader{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;margin:12px 10px 4px;padding:12px 14px;border-radius:12px;overflow:hidden;color:var(--lk);
  background:repeating-linear-gradient(118deg,rgba(255,255,255,0) 0 16px,rgba(255,255,255,.08) 16px 32px),linear-gradient(135deg,var(--la),color-mix(in srgb,var(--la) 70%,#000));box-shadow:inset 0 -4px 0 var(--lb)}
.lt2-lcrest{display:flex;filter:drop-shadow(0 4px 8px rgba(0,0,0,.35))}
.lt2-leader small{display:block;font:800 12px/1 var(--font-body);opacity:.8}
.lt2-leader b{display:block;overflow:hidden;margin-top:2px;font:900 25px/1.05 var(--font-display);text-overflow:ellipsis;white-space:nowrap}
.lt2-leader em{display:block;margin-top:2px;font-size:12.5px;font-style:normal;font-weight:600;opacity:.85}
.lt2-leader strong{font:900 42px/.9 var(--font-display);text-align:right}
.lt2-leader strong small{display:block;font:800 11px/1 var(--font-body);opacity:.8}
.lt2-table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
.lt2-table th{padding:10px 4px 6px;color:var(--ink-2);font:800 11px var(--font-body);text-align:right}
.lt2-table th:nth-child(1){padding-left:12px;text-align:center}.lt2-table th:nth-child(2){text-align:left}.lt2-table th:last-child{padding-right:14px}
.lt2-table td{padding:7px 4px;border-top:1px solid rgba(20,26,23,.07);font-size:14px;text-align:right}
.lt2-table td.pos{width:40px;padding-left:10px;text-align:center}
.lt2-table td.pos i{display:inline-grid;place-items:center;width:25px;height:25px;border-radius:7px;color:var(--ink-2);font:900 15px/1 var(--font-display);font-style:normal}
.lt2-table tr.champ td.pos i{background:var(--gold);color:var(--ink)}
.lt2-table tr.up td.pos i,.lt2-table tr.cont td.pos i{background:#2f9b5c;color:#fff}
.lt2-table tr.cont td.pos i{background:#2b6fd6}
.lt2-table tr.down td.pos i{background:#d8352a;color:#fff}
.lt2-table td.club{max-width:0;width:100%;text-align:left}
.lt2-table td.club .crest{float:left;margin:2px 8px 0 0;filter:drop-shadow(0 1px 1px rgba(0,0,0,.25))}
.lt2-table td.club span{display:block;overflow:hidden}
.lt2-table td.club b{display:block;overflow:hidden;font-size:14.5px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}
.lt2-table td.pts{padding-right:14px;font:900 19px/1 var(--font-display)}
.form{display:flex;gap:3px;margin-top:3px}
.form i{width:7px;height:7px;border-radius:50%;background:#9aa39d}
.form i.w{background:#2f9b5c}.form i.l{background:#d8352a}
.lt2-table tr.you td{background:var(--club-a,#f2c230);color:var(--club-ink,#141a17)}
.lt2-table tr.you td.pos i{box-shadow:0 0 0 2px var(--club-ink,#141a17)}
.lt2-table tr.you td.club b{font-weight:900}
.lt2-legend{display:flex;flex-wrap:wrap;gap:8px 12px;padding:10px 14px 14px;border-top:1px solid rgba(20,26,23,.07);color:var(--ink-2);font-size:12px;font-weight:600}
.lt2-legend span{display:flex;align-items:center;gap:5px}
.lt2-legend span::before{content:"";width:10px;height:10px;border-radius:3px;background:#9aa39d}
.lt2-legend .champ::before{background:var(--gold)}.lt2-legend .up::before{background:#2f9b5c}.lt2-legend .cont::before{background:#2b6fd6}.lt2-legend .down::before{background:#d8352a}
.lt2-legend .fw::before{display:none}
.lt2-legend .fw i{width:7px;height:7px;border-radius:50%;background:#9aa39d}.lt2-legend .fw i.w{background:#2f9b5c}.lt2-legend .fw i.l{background:#d8352a}
/* v.1410: o painel da temporada. Copas como chaveamento, diretoria e torcida como termômetros, o calendário numa linha
   e a sua temporada com a nota num selo */
.cups{display:grid;gap:10px}
.cup-path{padding:12px 14px 12px;border-radius:14px;background:rgba(6,16,12,.55)}
.cup-path header{display:flex;align-items:center;justify-content:space-between;gap:10px}
.cup-path header b{display:flex;align-items:center;gap:7px;font:900 21px/1 var(--font-display);color:#fff}
.cup-path header b .ico{width:18px;height:18px;color:var(--gold)}
.cup-path header em{padding:4px 9px 3px;border-radius:8px;background:var(--gold);color:var(--ink);font:900 16px/1 var(--font-display);font-style:normal}
.cup-path ol{display:flex;margin:14px 0 10px;padding:0;list-style:none}
.cup-path li{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0;text-align:center}
.cup-path li:not(:last-child)::after{content:"";position:absolute;top:11px;left:calc(50% + 14px);right:calc(-50% + 14px);height:3px;border-radius:2px;background:rgba(238,243,238,.14)}
.cup-path li.done:not(:last-child)::after{background:#2f9b5c}
.cup-path li i{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:rgba(238,243,238,.12);color:#fff;font:900 13px/1 var(--font-body);font-style:normal}
.cup-path li span{overflow:hidden;max-width:100%;color:var(--muted);font-size:11.5px;font-weight:700;line-height:1.15;text-overflow:ellipsis}
.cup-path li.done i{background:#2f9b5c}.cup-path li.done span{color:#cfe9d8}
.cup-path li.now i{background:var(--gold);box-shadow:0 0 0 4px rgba(242,194,48,.25)}.cup-path li.now span{color:var(--gold)}
.cup-path li.lost i{background:#d8352a}.cup-path li.lost span{color:#ff9a90}
.cup-path>small{display:block;color:#d4e0d7;font-size:13px}
.cup-path.won{background:linear-gradient(135deg,rgba(242,194,48,.22),rgba(6,16,12,.55))}
.cup-path.out>small{color:var(--muted)}
.season-gauges{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.gauge{display:flex;flex-direction:column;gap:6px;padding:12px 13px;border-radius:14px;background:var(--paper);color:var(--ink)}
.gauge>span{display:flex;align-items:center;gap:6px;color:var(--ink-2);font-size:12.5px;font-weight:800}
.gauge>span .ico{width:15px;height:15px}
.gauge>b{font:900 19px/1.02 var(--font-display)}
.gauge-pos{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:2px}
.gauge-pos div{padding:6px 7px;border-radius:9px;background:rgba(20,26,23,.06)}
.gauge-pos small{display:block;color:var(--ink-2);font-size:11px;font-weight:700}
.gauge-pos strong{display:block;font:900 20px/1 var(--font-display)}
.gauge>em{align-self:flex-start;padding:3px 8px;border-radius:99px;font-size:11.5px;font-style:normal;font-weight:800}
.gauge.board.ok>em{background:rgba(23,128,63,.13);color:var(--ok-ink)}
.gauge.board.bad>em{background:rgba(196,54,44,.12);color:var(--bad-ink)}
.gauge-bar{height:10px;margin-top:auto;border-radius:99px;background:rgba(20,26,23,.1);overflow:hidden}
.gauge-bar i{display:block;height:100%;border-radius:99px;background:#9aa39d}
.gauge.fans.top .gauge-bar i{background:var(--gold)}.gauge.fans.good .gauge-bar i{background:#2f9b5c}.gauge.fans.mid .gauge-bar i{background:#e29a1b}.gauge.fans.bad .gauge-bar i{background:#d8352a}
.gauge.fans>small{color:var(--ink-2);font-size:12px;font-weight:700}
.season-cal{margin:12px 0;padding:12px 12px 10px;border-radius:14px;background:rgba(6,16,12,.55)}
.season-cal header{display:flex;align-items:baseline;justify-content:space-between;padding:0 2px}
.season-cal header b{font:900 20px/1 var(--font-display);color:#fff}
.season-cal header small{color:var(--gold);font-size:12.5px;font-weight:700}
.season-cal ol{display:grid;grid-template-columns:repeat(8,1fr);margin:12px 0 0;padding:0;list-style:none}
.season-cal li{position:relative;display:flex;flex-direction:column;align-items:center;gap:5px;min-width:0}
.season-cal li:not(:last-child)::after{content:"";position:absolute;top:6px;left:50%;width:100%;height:2px;background:rgba(238,243,238,.14)}
.season-cal li.done:not(:last-child)::after{background:#2f9b5c}
.season-cal li i{position:relative;z-index:1;width:14px;height:14px;border-radius:50%;background:#30473a;box-shadow:0 0 0 3px rgba(6,16,12,.9)}
.season-cal li.done i{background:#2f9b5c}
.season-cal li.now i{background:var(--gold);box-shadow:0 0 0 3px rgba(6,16,12,.9),0 0 0 6px rgba(242,194,48,.3)}
.season-cal li span{color:var(--muted);font-size:11px;font-weight:700}
.season-cal li.now span{color:var(--gold)}.season-cal li.done span{color:#cfe9d8}
.season-cal li em{display:flex;color:var(--gold)}.season-cal li em .ico{width:13px;height:13px}
.season-me{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:6px 12px;margin:0 0 12px;padding:14px;border-radius:14px;background:var(--paper);color:var(--ink)}
.sm-seal{display:grid;place-items:center;align-content:center;width:64px;height:64px;border-radius:50%;background:linear-gradient(140deg,#ffffff,#d9ddd4);box-shadow:0 3px 8px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.8)}
.sm-seal.gold{background:linear-gradient(140deg,#fff2a6,#d9a112)}.sm-seal.silver{background:linear-gradient(140deg,#ffffff,#a5b0bb)}.sm-seal.bronze{background:linear-gradient(140deg,#f8dcbc,#a96b38)}
.sm-seal b{font:900 26px/.9 var(--font-display)}
.sm-seal small{font-size:10.5px;font-weight:800}
.sm-head b{display:block;font:900 24px/1 var(--font-display)}
.sm-head small{display:block;margin-top:3px;color:var(--ink-2);font-size:12.5px;font-weight:600}
.season-me .performance-stats{grid-column:1/-1;margin:4px 0 0}
.season-me .performance-stats div{background:rgba(20,26,23,.06);border:0}
.season-me .performance-stats b{color:var(--ink)}
.season-me .performance-stats span{color:var(--ink-2)}
/* v.1410: a disputa individual no mesmo papel do painel (artilharia e assistências como um quadro de jornal) */
.dock-screen .individual-race{padding:14px;border:0;border-radius:14px;background:var(--paper);color:var(--ink)}
.individual-race .race-head span{color:var(--ink);font:900 22px/1 var(--font-display);letter-spacing:.005em;text-transform:none}
.individual-race .race-head small{color:var(--ink-2);font-size:12.5px;font-weight:600}
.individual-race .leader-column{padding:8px 10px;background:rgba(20,26,23,.05)}
.individual-race .leader-column>span{color:var(--ink-2);font-size:12px;font-weight:800;letter-spacing:0;text-transform:none}
.individual-race .leader-row{border-top-color:rgba(20,26,23,.08)}
.individual-race .leader-row i{display:grid;place-items:center;width:20px;height:20px;border-radius:6px;color:var(--ink-2);font:900 13px/1 var(--font-display)}
.individual-race .leader-row:first-of-type i{background:var(--gold);color:var(--ink)}
.individual-race .leader-row b{font-size:13.5px}
.individual-race .leader-row strong{font:900 21px/1 var(--font-display);color:var(--ink)}
.individual-race .leader-row.you{margin:0 -4px;padding:5px 4px;background:var(--club-a,#f2c230);color:var(--club-ink,#141a17)}
.individual-race .leader-row.you i,.individual-race .leader-row.you strong{color:var(--club-ink,#141a17)}
/* v.1420: copas de cada país e copas continentais (abas Ligas, Copas e Internacional, chaves e grupos) */
.season-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-bottom:10px;padding:4px;border-radius:14px;background:rgba(6,16,12,.55)}
.season-tabs button{min-height:40px;border:0;border-radius:10px;background:none;color:var(--muted);font:900 19px/1 var(--font-display);cursor:pointer}
.season-tabs button.on{background:var(--paper);color:var(--ink)}
.lt2-sheet.comp{margin-top:10px;padding-bottom:6px}
.lt2-sheet.comp .lt2-head{padding-bottom:4px}
.cup-champ{margin-top:12px}
.cup-champ strong{font-size:34px}
.ko-round{margin:12px 10px 0;padding:10px 0 4px;border-top:1px solid rgba(20,26,23,.08)}
.ko-round header{display:flex;align-items:baseline;justify-content:space-between;padding:0 4px 8px}
.ko-round header b{font:900 19px/1 var(--font-display)}
.ko-round header small{color:var(--ink-2);font-size:12px;font-weight:700}
.ko-round.later p{margin:0 4px 6px;color:var(--ink-2);font-size:13px}
.ties{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.tie{padding:6px 8px;border-radius:10px;background:rgba(20,26,23,.05)}
.tie>div{display:grid;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:6px;padding:3px 0}
.tie>div b{overflow:hidden;font-size:13px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}
.tie>div strong{font:900 17px/1 var(--font-display)}
.tie>div.w b{font-weight:800}.tie>div.l{opacity:.5}
.tie small{display:block;margin-top:2px;color:var(--ink-2);font-size:11px;font-weight:700}
.tie.you{background:var(--club-a,#f2c230);color:var(--club-ink,#141a17)}
.tie.you small{color:inherit;opacity:.8}
.tie.pending{outline:2px dashed rgba(20,26,23,.2);outline-offset:-2px}
.grps{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.grp{padding:8px;border-radius:10px;background:rgba(20,26,23,.05)}
.grp>b{display:block;margin:0 2px 4px;font:900 16px/1 var(--font-display)}
.grp table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
.grp td{padding:3px 2px;font-size:12px;text-align:right}
.grp td:first-child{max-width:0;width:100%;text-align:left}
.grp td:first-child .crest{float:left;margin-right:5px}
.grp td:first-child span{display:block;overflow:hidden;font-weight:600;text-overflow:ellipsis;white-space:nowrap}
.grp td.pts{font:900 15px/1 var(--font-display)}
.grp tr.q td:first-child span{font-weight:800}
.grp tr.q td:first-child{box-shadow:inset 3px 0 0 #2f9b5c;padding-left:5px}
.grp tr.you td{background:var(--club-a,#f2c230);color:var(--club-ink,#141a17)}
.grp-note{margin:8px 4px 0;color:var(--ink-2);font-size:12px}
.comp-empty{margin:12px 14px 10px;color:var(--ink-2);font-size:14px}
/* v.1430: a figurinha da Central com a foto de figurinha na cor forte do clube */
.hub-hero::before{background:radial-gradient(80% 50% at 50% 12%,rgba(255,250,225,.5),rgba(255,250,225,0) 70%),repeating-linear-gradient(118deg,rgba(255,255,255,0) 0 14px,rgba(255,255,255,.09) 14px 28px),radial-gradient(130% 90% at 50% 30%,var(--hh-m),var(--hh-d));box-shadow:inset -6px 0 0 var(--hh-s)}
.hub-hero .hh-player{grid-area:auto;justify-self:stretch;align-self:stretch;position:absolute;left:0;top:0;bottom:0;z-index:1;width:40%;margin:0;overflow:hidden;border-radius:14px 0 0 14px}
.hub-hero .hh-player .avatar.hh-card{position:absolute;left:-30px;right:-24px;bottom:0;margin:0 auto;width:auto;max-width:none;height:100%;filter:drop-shadow(0 8px 12px rgba(0,0,0,.4));animation:player-in .6s .1s cubic-bezier(.2,.8,.2,1) both}
.hub-hero .hh-player .avatar.hh-card.pending{opacity:.6}
/* v.1440: mercado vivo na aba Jogador */
.mkt{margin-top:12px;padding:14px;border-radius:14px;background:var(--paper);color:var(--ink)}
.mkt>header{display:flex;align-items:baseline;justify-content:space-between}
.mkt>header b{font:900 24px/1 var(--font-display)}
.mkt>header small{color:var(--ink-2);font-size:12.5px;font-weight:700}
.mkt-sub{margin:10px 0 6px;color:var(--ink-2);font-size:13px;font-weight:700}
.mkt-list{display:grid;gap:6px;margin:0;padding:0;list-style:none}
.mkt-list li{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:4px 10px;padding:8px 10px;border-radius:10px;background:rgba(20,26,23,.05)}
.mkt-list li>div b{display:block;overflow:hidden;font-size:14.5px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}
.mkt-list li>div small{display:flex;align-items:center;gap:4px;color:var(--ink-2);font-size:11.5px}
.mkt-list li>div small .flag{width:14px;height:10px}
.mkt-bar{display:block;height:6px;margin-top:5px;border-radius:99px;background:rgba(20,26,23,.1);overflow:hidden}
.mkt-bar em{display:block;height:100%;border-radius:99px;background:#9aa39d}
.mkt-list li.warm .mkt-bar em{background:#e29a1b}.mkt-list li.hot .mkt-bar em{background:#2f9b5c}
.mkt-trend{font-size:13px;color:var(--ink-2)}.mkt-trend.up{color:#2f9b5c}.mkt-trend.down{color:#d8352a}
.mkt-tag{grid-column:2/-1;justify-self:start;padding:2px 8px;border-radius:99px;background:var(--gold);color:var(--ink);font-size:11px;font-style:normal;font-weight:800}
.mkt-clause{display:flex;align-items:center;justify-content:space-between;margin-top:10px;padding:10px 12px;border-radius:10px;background:var(--ink);color:#fff}
.mkt-clause span{font-size:13px;font-weight:700;opacity:.8}.mkt-clause b{font:900 22px/1 var(--font-display);color:var(--gold)}
.mkt-note{margin:10px 0 0;padding:9px 11px;border-radius:10px;font-size:13.5px;font-weight:600}
.mkt-note.ok{background:rgba(23,128,63,.1);color:var(--ok-ink)}.mkt-note.bad{background:rgba(196,54,44,.1);color:var(--bad-ink)}
.mkt-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
.mkt-actions button{display:flex;align-items:flex-start;gap:8px;padding:10px;border:1px solid rgba(20,26,23,.15);border-radius:12px;background:#fff;color:var(--ink);font:inherit;text-align:left;cursor:pointer}
.mkt-actions button .ico{flex:none;width:18px;height:18px;margin-top:1px}
.mkt-actions button b{display:block;font-size:13.5px;font-weight:800;line-height:1.2}
.mkt-actions button small{display:block;margin-top:2px;color:var(--ink-2);font-size:11.5px;line-height:1.25}
.mkt-actions button:disabled{opacity:.55;cursor:default}
.mkt-confirm{margin-top:10px;padding:12px;border-radius:12px;background:rgba(196,54,44,.08)}
.mkt-confirm p{margin:0 0 10px;font-size:13.5px}
.mkt-confirm>div{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.offer-clause,.offer-scout{display:block;margin-top:3px;font-size:12px;font-style:normal;font-weight:800}
.offer-clause{color:#b07c06}.offer-scout{color:#2f9b5c}
/* v.1450: prêmios durante a temporada. Material especial da seleção da temporada, o gráfico da evolução e o jogador do mês */
.fig.tots{--frame:linear-gradient(140deg,#1b2a6b,#0c1238 45%,#2a3f9b 60%,#0a0f2e);--seal:linear-gradient(140deg,#fff2a6,#d9a112);--seal-ink:#0c1238;--foil:.5}
.fig.tots .fig-face{box-shadow:0 26px 44px rgba(0,0,0,.55),inset 0 0 0 2px #f2c230}
.fig.tots .fig-strip{background:#0c1238;color:#f2c230}
.fig.tots .fig-foil{background:repeating-linear-gradient(118deg,rgba(242,194,48,0) 0 6%,rgba(242,194,48,.55) 8.5%,rgba(120,170,255,.35) 10%,rgba(242,194,48,0) 12%);mix-blend-mode:screen;opacity:.45}
.hh-ovr.tots{background:linear-gradient(140deg,#1b2a6b,#0c1238)!important;color:#f2c230!important;box-shadow:0 0 0 3px #f2c230,0 6px 14px rgba(0,0,0,.3)!important}
.growth,.potm{margin-top:12px;padding:14px;border-radius:14px;background:var(--paper);color:var(--ink)}
.growth>header,.potm>header{display:flex;align-items:baseline;justify-content:space-between;gap:8px}
.growth>header b,.potm>header b{font:900 22px/1 var(--font-display)}
.growth>header small,.potm>header small{color:var(--ink-2);font-size:12.5px;font-weight:700;text-align:right}
.growth-chart{position:relative;margin-top:10px}
.growth-chart svg{display:block;width:100%;height:auto;overflow:visible}
.growth-chart path{fill:none;stroke:var(--ink);stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round}
.growth-chart circle{fill:var(--paper);stroke:var(--ink);stroke-width:2}
.growth-chart circle.now{fill:var(--gold)}
.growth-chart text{font:800 10px var(--font-body);fill:var(--ink)}
.growth-chart rect.gv{fill:rgba(47,155,92,.35)}
.growth-ages{position:relative;height:16px}
.growth-ages span{position:absolute;top:2px;transform:translateX(-50%);color:var(--ink-2);font-size:10.5px;font-weight:700;white-space:nowrap}
.growth-legend{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:4px;color:var(--ink-2);font-size:12px;font-weight:700}
.growth-legend span{display:flex;align-items:center;gap:5px}
.growth-legend span::before{content:"";width:12px;height:4px;border-radius:2px;background:var(--ink)}
.growth-legend .v::before{height:10px;width:10px;border-radius:3px;background:rgba(47,155,92,.45)}
.potm{margin:0 0 12px}
.potm ul{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:10px 0 0;padding:0;list-style:none}
.potm li{padding:7px 8px;border-radius:10px;background:rgba(20,26,23,.05);min-width:0}
.potm li span{display:block;color:var(--ink-2);font-size:11px;font-weight:800}
.potm li b{display:block;overflow:hidden;font-size:12.5px;text-overflow:ellipsis;white-space:nowrap}
.potm li.you{background:var(--gold)}
.potm li.you span{color:var(--ink)}
/* aba História (v.1460): estante de madeira, ficha de papel, recortes de jornal e linha do tempo com escudos */
.hx-shelf{position:relative;display:block;width:100%;padding:13px 14px 0;border:0;border-radius:12px;background:radial-gradient(ellipse 60% 70% at 50% 0,rgba(255,226,150,.2),transparent 70%),linear-gradient(#24170c,#140d06);box-shadow:inset 0 0 0 1px rgba(242,194,48,.18),0 6px 16px rgba(0,0,0,.35);color:var(--text);font:inherit;text-align:left;cursor:pointer;overflow:hidden}
.hx-shelf:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.hx-shelf-top{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.hx-shelf-top b{color:var(--accent);font-family:var(--font-display);font-size:25px;font-weight:700;line-height:1}
.hx-shelf-top small{color:#c9b48a;font-size:12px}
.hx-shelf-row{display:flex;align-items:flex-end;justify-content:center;gap:clamp(2px,1.6vw,10px);min-height:58px;padding:8px 2px 0}
.hx-piece{display:block;width:calc(46px * var(--sc));height:calc(54px * var(--sc));filter:drop-shadow(0 3px 2px rgba(0,0,0,.55))}
.hx-piece svg{width:100%;height:100%}
.hx-piece.gold svg{fill:#f2c230}.hx-piece.silver svg{fill:#d5dce2}.hx-piece.green svg{fill:#2fb35a}.hx-piece.white svg{fill:#f4f4f0}
.hx-piece.gold svg{stroke:#8a6512;stroke-width:.5}.hx-piece.silver svg{stroke:#6f7a82;stroke-width:.5}.hx-piece.green svg{stroke:#0f5a2a;stroke-width:.5}.hx-piece.white svg{stroke:#555;stroke-width:.4}
.hx-shelf-empty{align-self:center;color:#a8946c;font-size:13px;font-style:normal}
.hx-plank{display:block;height:13px;margin:0 -14px;background:linear-gradient(#8a5a2e,#6a4220 45%,#3c240f);box-shadow:0 -1px 0 rgba(255,220,170,.25)}
.hx-ficha{position:relative;padding:12px 15px 14px;border-radius:4px;background:linear-gradient(#f3ead6,#e8dcc2);color:#1f1a12;box-shadow:0 1px 0 #cdbd9c,0 8px 18px rgba(0,0,0,.35);transform:rotate(-.6deg)}
.hx-ficha::before{content:"";position:absolute;inset:0 0 auto;height:6px;border-radius:4px 4px 0 0;background:repeating-linear-gradient(90deg,var(--club-a) 0 14px,var(--club-b) 14px 28px)}
.hx-ficha header{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:4px 0 8px;border-bottom:1.5px solid #1f1a12}
.hx-ficha header span{font-family:var(--font-display);font-size:21px;font-weight:700;line-height:1}
.hx-ficha header small{color:#6b5f48;font-size:12px}
.hx-ficha-body{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:center;padding-top:10px}
.hx-big b{display:block;font-family:var(--font-display);font-size:66px;font-weight:800;line-height:.85;color:#1f1a12}
.hx-big span{display:block;margin-top:4px;font-size:14px;font-weight:700}
.hx-big small{display:block;color:#6b5f48;font-size:12px}
.hx-ficha dl{margin:0;display:grid;gap:3px}
.hx-ficha dl div{display:flex;align-items:baseline;gap:6px;font-size:13px}
.hx-ficha dl div::after{content:"";order:1;flex:1;border-bottom:1.5px dotted #a8987a;transform:translateY(-3px)}
.hx-ficha dt{order:0;color:#4a4132}.hx-ficha dd{order:2;margin:0;font-family:var(--font-display);font-size:19px;font-weight:700;line-height:1}
.hx-press{display:grid;gap:8px}
.hx-clip{position:relative;padding:11px 13px 12px;background:#ebe7dc;color:#191714;box-shadow:0 6px 14px rgba(0,0,0,.3);clip-path:polygon(0 2%,6% 0,14% 1.5%,25% 0,38% 1.2%,52% 0,66% 1.4%,79% 0,90% 1.6%,100% 0,99.4% 50%,100% 100%,88% 98.6%,74% 100%,60% 98.8%,45% 100%,30% 98.5%,16% 100%,5% 98.6%,0 100%,.6% 50%)}
.hx-clip small{display:block;color:#7a2a1a;font-size:11px;font-weight:700}
.hx-clip.lead{transform:rotate(.5deg)}
.hx-clip.lead h3{margin:4px 0 0;font-family:var(--font-display);font-size:25px;font-weight:800;line-height:1.02}
.hx-clips{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.hx-clip.c0{transform:rotate(-1deg)}.hx-clip.c1{transform:rotate(.9deg)}
.hx-clip p{margin:3px 0 0;font-size:13px;line-height:1.3}
.hx-line{padding:13px 13px 6px;border-radius:12px;background:rgba(6,20,13,.78);box-shadow:inset 0 0 0 1px rgba(255,255,255,.07)}
.hx-line h2{margin:0 0 8px;color:var(--accent);font-family:var(--font-display);font-size:22px;font-weight:700}
.hx-line ol{position:relative;margin:0;padding:0;list-style:none}
.hx-line ol::before{content:"";position:absolute;left:16px;top:8px;bottom:8px;width:2px;background:rgba(255,255,255,.14)}
.hx-line li{position:relative;display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;padding:8px 0}
.hx-line li+li{border-top:1px solid rgba(255,255,255,.06)}
.hx-dot{position:relative;z-index:1;display:grid;place-items:center;width:34px;height:36px;border-radius:50%;background:#0d2318}
.hx-dot .crest{width:26px;height:30px}
.hx-line li.now .hx-dot{box-shadow:0 0 0 2px var(--accent)}
.hx-line li.won .hx-dot{box-shadow:0 0 0 2px #f2c230,0 0 12px rgba(242,194,48,.45)}
.hx-yr b{display:block;font-size:15px;line-height:1.15}
.hx-yr small{display:block;color:var(--muted);font-size:12px}
.hx-nums{display:flex;gap:10px;margin-top:3px;font-size:12px;color:#c9d6cd}.hx-nums i{font-style:normal}.hx-nums b{display:inline;color:var(--text);font-size:13px}
.hx-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:5px}
.hx-tags u{display:inline-flex;align-items:center;gap:3px;padding:2px 7px;border-radius:99px;background:rgba(255,255,255,.08);color:#cfe0d5;font-size:11px;text-decoration:none}
.hx-tags u.t-cup{background:#f2c230;color:#2a1d00;font-weight:700}.hx-tags u.t-cup svg{width:11px;height:11px;fill:currentColor}
.hx-tags u.t-up{color:#7ee2a3}.hx-tags u.t-down{color:#ff9a8a}.hx-tags u.t-award{color:#f2d77a}
.hx-rate{min-width:40px;padding:5px 0;border-radius:7px;font-family:var(--font-display);font-size:19px;font-style:normal;font-weight:700;text-align:center}
.hx-rate.r8{background:#f2c230;color:#2a1d00}.hx-rate.r7{background:#2f9e5b;color:#fff}.hx-rate.r6{background:#5d6b63;color:#fff}.hx-rate.r5{background:#8b3a2e;color:#fff}.hx-rate.r0{background:rgba(255,255,255,.08);color:var(--muted)}
.hx-more summary{padding:9px 0 8px;color:var(--accent);font-size:13px;font-weight:700;cursor:pointer;list-style:none}.hx-more summary::-webkit-details-marker{display:none}.hx-more summary::before{content:"+ "}.hx-more[open] summary::before{content:"− "}
@media (prefers-reduced-motion:reduce){.hx-ficha,.hx-clip{transform:none}}
/* copas continentais (v.1470): as vagas de cada copa na tabela, a fase de liga e o 3º que cai para a Sul-Americana */
.lt2-table tr.cont2 td.pos i{background:#e07b22;color:#fff}.lt2-table tr.cont3 td.pos i{background:#14a39a;color:#fff}
.lt2-legend .cont2::before{background:#e07b22}.lt2-legend .cont3::before{background:#14a39a}
.comp-zone{margin:10px 2px 4px;font:800 15px/1 var(--font-display)}
.lt2-table.comp-lp td.club span b{font-size:13px}
.grp tr.q3 td:first-child{box-shadow:inset 3px 0 0 #e07b22;padding-left:5px}

/* v.1490: a tela do dinheiro. O extrato do banco em papel (com picote embaixo), as categorias e as vitrines com etiqueta */
.wal-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:8px 2px 14px}
.wal-head h2{margin:0;font-size:42px;line-height:.95;color:var(--gold)}
.wal-back{flex:none;border:0;border-radius:99px;padding:9px 16px;background:rgba(6,16,12,.55);color:var(--chalk);font:700 14px var(--font-body);cursor:pointer}
.wal-slip{position:relative;margin:0 6px 18px;padding:16px 18px 26px;background:var(--paper);color:var(--ink);border-radius:4px 4px 0 0;box-shadow:0 14px 28px rgba(0,0,0,.35);transform:rotate(.5deg);-webkit-mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) 50%/16px 100%;mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) 50%/16px 100%}
.wal-slip header{display:flex;align-items:center;gap:10px}
.wal-bank{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--ink);color:var(--gold)}
.wal-bank .ico{width:18px;height:18px}
.wal-slip header b{display:block;font:800 20px/1 var(--font-display)}
.wal-slip header small{display:block;margin-top:2px;font-size:13px;color:var(--ink-2)}
.wal-bal{margin:14px 0 10px}
.wal-bal small{display:block;font-size:13px;font-weight:600;color:var(--ink-2)}
.wal-bal strong{display:block;font:800 46px/1 var(--font-display);font-variant-numeric:tabular-nums}
.wal-bal.neg strong{color:var(--bad-ink)}
.wal-bal em{display:block;margin-top:4px;font-style:normal;font-size:13.5px;font-weight:600;color:var(--ok-ink)}
.wal-lines{list-style:none;margin:0;padding:10px 0 0;border-top:1.5px dashed rgba(20,26,23,.25)}
.wal-lines li{display:flex;justify-content:space-between;gap:10px;padding:3px 0;font-size:15px}
.wal-lines b,.wal-ev b{font-variant-numeric:tabular-nums;white-space:nowrap}
.wal-slip .in{color:var(--ok-ink)}.wal-slip .out{color:var(--bad-ink)}
.wal-fix{display:flex;align-items:center;gap:6px;margin:10px 0 0;font-size:13.5px;font-weight:600;color:var(--ink-2)}
.wal-fix .ico{width:15px;height:15px}
.wal-ev{list-style:none;margin:10px 0 0;padding:10px 0 0;border-top:1.5px dashed rgba(20,26,23,.25)}
.wal-ev li{display:grid;grid-template-columns:auto 1fr auto;align-items:baseline;gap:8px;padding:3px 0;font-size:13.5px;line-height:1.3}
.wal-ev small{color:var(--ink-2);font-size:12px}
.wal-cats{margin-bottom:10px}
.wal-cats .lt2-country .ico{width:16px;height:16px}
.wal-cats .lt2-country.on{color:var(--wc)}
.wal-hint{margin:0 4px 10px;font-size:13px;color:var(--muted)}
.wal-list{display:grid;gap:10px;margin-bottom:18px}
.wal-item{position:relative;display:grid;grid-template-columns:46px minmax(0,1fr);gap:4px 12px;padding:14px 14px 12px 17px;border-radius:14px;background:var(--paper);color:var(--ink);box-shadow:0 10px 22px rgba(0,0,0,.3);overflow:hidden}
.wal-item::before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--wc)}
.wal-ico{display:grid;place-items:center;width:46px;height:46px;border-radius:12px;background:var(--wc);color:#fff;box-shadow:inset 0 -3px 0 rgba(0,0,0,.18)}
.wal-ico .ico{width:24px;height:24px}
.wal-txt{min-width:0}
.wal-txt b{display:block;font:800 21px/1.05 var(--font-display)}
.wal-txt span{display:block;margin-top:3px;font-size:14px;line-height:1.35;color:var(--ink-2)}
.wal-txt em{display:block;margin-top:5px;font-style:normal;font-size:12.5px;font-weight:700;color:var(--wc)}
.wal-item.own .wal-txt{padding-right:46px}
.wal-foot{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px;padding-top:10px;border-top:1.5px dashed rgba(20,26,23,.16)}
.wal-foot.wrap{flex-wrap:wrap;justify-content:flex-start}
.wal-foot.wrap:empty{display:none}
.wal-tag{position:relative;display:inline-block;padding:5px 12px 4px 20px;background:var(--gold);color:#1a1400;font:800 18px/1.05 var(--font-display);font-variant-numeric:tabular-nums;clip-path:polygon(11px 0,100% 0,100% 100%,11px 100%,0 50%)}
.wal-tag::before{content:"";position:absolute;left:8px;top:50%;width:5px;height:5px;margin-top:-2.5px;border-radius:50%;background:var(--paper)}
.wal-tag small{display:block;font:600 11.5px/1.2 var(--font-body)}
.wal-btn{flex:none;min-height:42px;padding:9px 16px;border:0;border-radius:10px;background:var(--ink);color:var(--paper);font:800 16px/1 var(--font-display);cursor:pointer;-webkit-tap-highlight-color:transparent}
.wal-btn:disabled{opacity:.38;cursor:not-allowed}
.wal-btn.ghost{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 2px rgba(20,26,23,.22)}
.wal-foot.wrap .wal-btn:first-of-type{margin-left:auto}
.wal-lock{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;font-weight:700;color:var(--ink-2)}
.wal-lock .ico{width:15px;height:15px}
.wal-done{font-size:13.5px;font-weight:700;color:var(--ok-ink)}
.wal-item.lock .wal-ico{background:#9aa49e}
.wal-item.lock .wal-txt,.wal-item.lock .wal-tag{opacity:.62}
.wal-stamp{position:absolute;right:12px;top:12px;padding:3px 8px 2px;border:2.5px solid var(--wc);border-radius:6px;color:var(--wc);font:900 15px/1 var(--font-display);text-transform:uppercase;transform:rotate(-8deg);opacity:.85;mix-blend-mode:multiply}
.wal-empty{display:flex;gap:8px;align-items:center;margin:4px;color:var(--muted);font-size:14.5px}
.wal-empty .ico{width:16px;height:16px}
@media (prefers-reduced-motion:no-preference){.wal-btn{transition:transform .12s}.wal-btn:active{transform:scale(.96)}}

/* v.1500: vestiário. O jogador em 3D na frente do armário (madeira, plaquinha com nome e número, luz de cima), as abas e
   as opções num painel de papel; na aba Jogador, o cartão que abre o vestiário */
.lk-card{display:grid;grid-template-columns:86px minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;margin:0 0 14px;padding:0 14px 0 0;border:0;border-radius:14px;background:var(--paper);color:var(--ink);text-align:left;box-shadow:0 10px 22px rgba(0,0,0,.3);overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent}
.lk-card-img{position:relative;height:104px;background:radial-gradient(70% 90% at 50% 20%,#3d5a48,#16261c);overflow:hidden}
.lk-card-img img{position:absolute;left:50%;top:-6px;width:118px;height:auto;transform:translateX(-50%)}
.lk-card-txt small{display:block;font-size:12.5px;font-weight:700;color:var(--ok-ink)}
.lk-card-txt b{display:block;font:800 21px/1.05 var(--font-display)}
.lk-card-txt em{display:block;margin-top:3px;font-style:normal;font-size:13.5px;color:var(--ink-2)}
.lk-card>i .ico{width:20px;height:20px;color:var(--ink-2)}
.lk-stage{position:relative;height:min(62vh,430px);margin:0 0 12px;border-radius:18px;overflow:hidden;background:
  radial-gradient(46% 62% at 50% 0%,rgba(255,236,190,.34),transparent 72%),
  linear-gradient(180deg,transparent 78%,rgba(0,0,0,.35) 78.2%,#1b1712 100%),
  repeating-linear-gradient(90deg,#2a3a31 0 2px,#22312a 2px 58px),#22312a;box-shadow:inset 0 0 60px rgba(0,0,0,.55),0 14px 28px rgba(0,0,0,.35)}
.lk-locker{position:absolute;left:50%;top:16px;bottom:22%;width:58%;transform:translateX(-50%);border-radius:8px 8px 2px 2px;background:
  linear-gradient(90deg,rgba(0,0,0,.28),transparent 8%,transparent 92%,rgba(0,0,0,.28)),
  repeating-linear-gradient(90deg,#6d4a2c 0 16px,#7a5432 16px 17px,#68462a 17px 33px),#6d4a2c;box-shadow:0 0 0 6px #4a3220,inset 0 -40px 50px rgba(0,0,0,.35)}
.lk-locker::before{content:"";position:absolute;left:0;right:0;top:0;height:8px;background:var(--ca);box-shadow:0 3px 0 var(--cb)}
.lk-plate{position:absolute;left:50%;top:22px;transform:translateX(-50%) rotate(-1.5deg);display:flex;align-items:center;gap:8px;padding:5px 12px 4px;background:var(--paper);color:var(--ink);border-radius:3px;box-shadow:0 3px 8px rgba(0,0,0,.35);white-space:nowrap}
.lk-plate b{font:800 17px/1 var(--font-display);text-transform:uppercase}
.lk-plate i{font:800 20px/1 var(--font-display);font-style:normal;color:var(--ca);-webkit-text-stroke:.6px rgba(0,0,0,.25)}
.lk-hook{position:absolute;left:50%;top:62px;width:16px;height:8px;margin-left:-8px;border-radius:0 0 8px 8px;border:3px solid #c9ccc6;border-top:0}
.lk-canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:grab}
.lk-canvas:active{cursor:grabbing}
.lk-fallback{position:absolute;left:50%;bottom:4%;height:88%;width:auto;transform:translateX(-50%)}
.lk-stage.live .lk-fallback{display:none}
.lk-views{position:absolute;left:10px;bottom:10px;display:flex;padding:3px;border-radius:99px;background:rgba(6,16,12,.72);backdrop-filter:blur(4px)}
.lk-views button{border:0;border-radius:99px;padding:7px 11px;background:none;color:var(--chalk);font:700 13px var(--font-body);cursor:pointer}
.lk-views button.on{background:var(--paper);color:var(--ink)}
.lk-dice{position:absolute;right:10px;bottom:10px;display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:50%;background:var(--gold);color:#1a1400;box-shadow:0 6px 14px rgba(0,0,0,.4);cursor:pointer}
.lk-dice .ico{width:22px;height:22px}
.lk-hint{position:absolute;right:12px;top:10px;font-size:12px;font-weight:600;color:rgba(238,243,238,.7)}
.lk-stage:not(.live) .lk-hint{display:none}
.lk-toast{position:absolute;left:50%;bottom:62px;transform:translateX(-50%);max-width:86%;padding:8px 14px;border-radius:10px;background:rgba(6,16,12,.9);color:var(--chalk);font-size:13.5px;font-weight:600;text-align:center}
.lk-tabs{display:flex;gap:7px;overflow-x:auto;margin:0 -16px 10px;padding:2px 16px 4px;scrollbar-width:none}
.lk-tabs::-webkit-scrollbar{display:none}
.lk-tabs button{flex:none;display:flex;align-items:center;gap:6px;padding:8px 13px;border:0;border-radius:99px;background:rgba(6,16,12,.55);color:var(--chalk);font:700 13.5px var(--font-body);cursor:pointer}
.lk-tabs button .ico{width:16px;height:16px}
.lk-tabs button.on{background:var(--paper);color:var(--ink)}
.lk-opts{margin-bottom:18px;padding:6px 16px 14px;border-radius:16px;background:var(--paper);color:var(--ink);box-shadow:0 12px 26px rgba(0,0,0,.32)}
.lk-group{padding:12px 0 4px}
.lk-group+.lk-group{border-top:1.5px dashed rgba(20,26,23,.16)}
.lk-group header{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:9px}
.lk-group header b{font:800 18px/1 var(--font-display)}
.lk-group header small{font-size:13px;font-weight:600;color:var(--ink-2)}
.lk-chips{display:flex;flex-wrap:wrap;gap:7px}
.lk-chip{display:inline-flex;align-items:center;gap:5px;min-height:38px;padding:7px 13px;border:0;border-radius:99px;background:#e4e7df;color:var(--ink);font:700 14px var(--font-body);cursor:pointer}
.lk-chip.on{background:var(--ink);color:var(--paper)}
.lk-chip.lock{color:var(--ink-2)}
.lk-chip .ico,.lk-sw .ico{width:14px;height:14px}
.lk-colors{display:flex;flex-wrap:wrap;gap:9px}
.lk-sw{position:relative;display:grid;place-items:center;width:40px;height:40px;padding:0;border:0;border-radius:50%;background:none;cursor:pointer}
.lk-sw i{display:block;width:32px;height:32px;border-radius:50%;box-shadow:inset 0 0 0 1.5px rgba(0,0,0,.18),inset 0 -5px 8px rgba(0,0,0,.14)}
.lk-sw.on{box-shadow:0 0 0 3px var(--ink)}
.lk-sw.none i{background:repeating-linear-gradient(135deg,#e4e7df 0 5px,#d2d6cd 5px 7px)}
.lk-sw.lock i{opacity:.45}
.lk-sw .ico{position:absolute;right:-1px;bottom:-1px;padding:2px;width:18px;height:18px;border-radius:50%;background:var(--ink);color:var(--paper)}
.lk-presets{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:10px 0 2px}
.lk-preset{display:flex;flex-direction:column;gap:4px;padding:11px 12px;border:0;border-radius:12px;background:#e9ece4;color:var(--ink);text-align:left;cursor:pointer}
.lk-preset b{font:800 19px/1 var(--font-display)}
.lk-preset span{font-size:12.5px;line-height:1.3;color:var(--ink-2)}
.lk-preset.on{background:var(--ink);color:var(--paper)}
.lk-preset.on span{color:rgba(243,244,239,.75)}
.lk-swatches{display:flex;gap:4px;margin-top:3px}
.lk-swatches u{display:block;width:16px;height:16px;border-radius:50%;box-shadow:inset 0 0 0 1.5px rgba(0,0,0,.2)}
.lk-note{display:flex;gap:8px;align-items:center;margin:12px 0 4px;font-size:14px;color:var(--ink-2)}
.lk-note .ico{width:18px;height:18px}
@media (prefers-reduced-motion:no-preference){.lk-chip,.lk-sw,.lk-preset{transition:background .15s,box-shadow .15s,transform .12s}.lk-chip:active,.lk-sw:active,.lk-preset:active{transform:scale(.95)}}

/* v.1510: criar jogador como a ficha de inscrição da peneira. No alto, o seu jogador em 3D num campinho de terra ao
   entardecer (trave, refletor, poeira); embaixo, a ficha de papel com clipe; a posição se escolhe no mini campo */
.cr-top{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin:2px 0 12px}
.cr-top>b{font:800 24px/1 var(--font-display);text-align:center;color:var(--chalk)}
.cr-back,.cr-dice{display:inline-flex;align-items:center;gap:6px;border:0;border-radius:99px;padding:9px 14px;background:rgba(6,16,12,.6);color:var(--chalk);font:700 14px var(--font-body);cursor:pointer}
.cr-back::before{content:"";width:8px;height:8px;border-left:2.5px solid currentColor;border-bottom:2.5px solid currentColor;transform:rotate(45deg);margin-right:2px}
.cr-dice{background:var(--gold);color:#1a1400}.cr-dice .ico{width:17px;height:17px}
.cr-stage{height:min(46vh,330px);background:#1c1a2b}
.cr-sky{position:absolute;inset:0;background:radial-gradient(60% 50% at 78% 8%,rgba(255,244,214,.55),transparent 60%),linear-gradient(180deg,#2a2546 0%,#7c4a6a 38%,#e08a4e 62%,#f2b062 70%,#3a2a1c 70.4%)}
.cr-sky::after{content:"";position:absolute;right:16%;top:6%;width:10px;height:56%;background:linear-gradient(180deg,#3a3a40,#24242a)}
.cr-goal{position:absolute;left:50%;top:30%;width:62%;height:40.5%;transform:translateX(-50%);border:5px solid #f2f2ee;border-bottom:0;border-radius:3px 3px 0 0;background:repeating-linear-gradient(90deg,rgba(255,255,255,.14) 0 1px,transparent 1px 12px),repeating-linear-gradient(0deg,rgba(255,255,255,.14) 0 1px,transparent 1px 12px);opacity:.9}
.cr-ground{position:absolute;left:0;right:0;bottom:0;height:30%;background:radial-gradient(70% 60% at 50% 30%,rgba(255,214,150,.22),transparent 70%),linear-gradient(180deg,#8a5a34,#6e4526 60%,#523319);box-shadow:inset 0 2px 0 rgba(255,255,255,.25)}
.cr-ground::before{content:"";position:absolute;left:8%;right:8%;top:22%;height:2px;background:rgba(255,255,255,.55)}
.cr-stage .lk-canvas{z-index:2}
.cr-fallback{position:absolute;left:50%;bottom:6%;height:86%;width:auto;transform:translateX(-50%);z-index:2}
.cr-stage.live .cr-fallback{display:none}
.cr-plate{top:auto;bottom:12px;left:12px;transform:rotate(-2deg);z-index:3}
.cr-plate i{color:#b3261e}
.creator.card{position:relative;padding:20px 16px 16px;border:0;border-radius:6px 6px 14px 14px;background:var(--paper);color:var(--ink);box-shadow:0 16px 30px rgba(0,0,0,.38)}
.creator .creator-head{margin:-6px 0 14px}
.creator .creator-steps{gap:5px}
.creator .creator-steps button{min-height:42px;border:0;border-radius:10px;background:#e4e7df;color:var(--ink-2);font:700 13px var(--font-body)}
.creator .creator-steps button b{background:#cfd4ca;color:var(--ink)}
.creator .creator-steps button.on{background:var(--ink);color:var(--paper)}
.creator .creator-steps button.on b{background:var(--gold);color:#1a1400}
.creator .creator-steps button.done b{background:var(--ok-ink);color:#fff}
.cr-sheet-top{position:relative;display:block;margin:0 0 14px;padding:0 0 12px;border:0;border-bottom:1.5px dashed rgba(20,26,23,.2);border-radius:0;background:none}
.cr-sheet-top small{display:block;font-size:12.5px;font-weight:700;color:var(--ink-2)}
.cr-sheet-top b{display:block;margin-top:4px;font:800 32px/1 var(--font-display);overflow-wrap:anywhere}
.cr-sheet-top em{display:block;margin-top:4px;font-style:normal;font-size:14px;color:var(--ink-2)}
.creator.card::before{content:"";position:absolute;left:50%;top:-12px;width:78px;height:24px;margin-left:-39px;border-radius:7px 7px 4px 4px;background:linear-gradient(180deg,#d9dde0,#9aa1a6 60%,#7d848a);box-shadow:0 4px 8px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.7)}
.creator.card::after{content:"";position:absolute;left:50%;top:-5px;width:26px;height:8px;margin-left:-13px;border-radius:4px;background:#5b6267}
.creator .creator-field>span,.creator .creator-label{color:var(--ink-2);font-size:13px;font-weight:700;letter-spacing:0;text-transform:none}
.creator .creator-label{margin-top:6px}
.creator .creator-input input{border:1.5px solid rgba(20,26,23,.2);background:#fff;color:var(--ink)}
.creator .creator-input input:focus{outline:2px solid var(--ok-ink)}
.creator .dice{border:0;background:#e4e7df;color:#8a6a00}
.creator .pick{border:0;background:#e4e7df;color:var(--ink);font-weight:700}
.creator .pick.on{background:var(--ink);color:var(--paper)}
.creator .creator-hint{color:var(--ink-2);display:flex;gap:6px;align-items:flex-start}
.creator .creator-hint .ico{flex:none;width:16px;height:16px;margin-top:1px}
.creator .creator-error{background:rgba(196,54,44,.1);color:var(--bad-ink)}
.cr-posbox{display:grid;grid-template-columns:140px minmax(0,1fr);gap:14px;align-items:center}
.cr-pitch{position:relative;height:224px;border-radius:8px;background:repeating-linear-gradient(180deg,#2f8a4c 0 22px,#2a7d45 22px 44px);box-shadow:inset 0 0 0 2px rgba(255,255,255,.75),0 4px 10px rgba(0,0,0,.18);overflow:hidden}
.cr-pitch>i{position:absolute;pointer-events:none}
.cr-mid{left:0;right:0;top:-1px;height:2px;background:rgba(255,255,255,.75)}
.cr-arc{left:50%;top:-26px;width:52px;height:52px;margin-left:-26px;border:2px solid rgba(255,255,255,.75);border-radius:50%}
.cr-box{left:24%;right:24%;bottom:-2px;height:22%;border:2px solid rgba(255,255,255,.75)}
.creator .cr-spot{position:absolute;z-index:1;width:38px;height:38px;min-height:0;margin:-19px 0 0 -19px;padding:0;border-radius:50%;background:#f3f4ef;color:var(--ink);font:800 13px/1 var(--font-display);box-shadow:0 3px 6px rgba(0,0,0,.3)}
.creator .cr-spot.on{background:var(--gold);color:#1a1400;transform:scale(1.12)}
.cr-you{width:52px;height:52px;margin:-26px 0 0 -26px;border-radius:50%;border:2px dashed rgba(255,255,255,.9);animation:cr-pulse 2.4s ease-in-out infinite}
@keyframes cr-pulse{50%{transform:scale(1.12);opacity:.6}}
.cr-posinfo b{display:block;font:800 26px/1 var(--font-display)}
.cr-posinfo p{margin:6px 0 0;font-size:14px;line-height:1.4;color:var(--ink-2)}
.cr-look .lk-group:first-child{padding-top:2px}
.cr-origins{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.creator .cr-origin{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:2px 8px;padding:10px 11px;text-align:left;min-height:64px}
.cr-origin .ico{grid-row:span 2;width:20px;height:20px}
.cr-origin b{font:800 16px/1.05 var(--font-display)}
.cr-origin small{font-size:12px;font-weight:600;line-height:1.25;opacity:.75}
.creator .heart-pick{border:0;background:#e4e7df;color:var(--ink)}
.creator .heart-pick small{color:var(--ink-2)}
.creator .heart-pick.on{background:#ffe1e5;box-shadow:0 0 0 2px #d6455a}
.creator .heart-pick.on small{color:#a3263a}
body.creating .creator-actions{grid-template-columns:auto 1fr;padding-top:14px}
body.creating .creator-actions .btn.ghost{padding-inline:18px}
@media (prefers-reduced-motion:reduce){.cr-you{animation:none}}

/* v.1520: pente fino */
.diagnosis b{display:block;text-transform:none}
.diagnosis b::first-letter{text-transform:uppercase}
.btn.national-primary{text-align:center;font-family:var(--font-display);font-size:23px;font-weight:800;line-height:1.1}
.award-ceremony>span,.ar-title small,.national-score>span,.national-score>small{letter-spacing:.02em;text-transform:none}
.mkt-trend{font-size:12.5px;font-weight:800;white-space:nowrap}
.lk-stage .lk-plate i{color:var(--cn,var(--ca))}
.dc-kicker{letter-spacing:.02em}
.hero .logo{letter-spacing:.02em;text-transform:none}
/* a dica do vestiário numa plaquinha escura (legível em cima de qualquer cor do armário) */
.lk-hint{top:10px;left:10px;right:auto;bottom:auto;padding:5px 11px;border-radius:99px;background:rgba(6,16,12,.78);color:var(--chalk);font-size:12.5px;white-space:nowrap;pointer-events:none;z-index:2}
/* o destaque do seu clube aparece mesmo com camisa branca; o nome do clube no contrato quebra em vez de cortar */
.lt2-table tr.you td,.grp tr.you td,.tie.you,.individual-race .leader-row.you{background:var(--club-hl,var(--club-a,#f2c230));color:var(--club-hl-ink,var(--club-ink,#141a17))}
.contract-card b{white-space:normal;line-height:1.15}

/* v.1590: lances por jogo (aba Jogador) */
.beats-pref{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px;padding:12px 14px;border-radius:14px;background:var(--panel)}
.beats-pref>div:first-child{min-width:0}
.beats-pref b{display:block;font:800 18px/1.1 var(--font-display);color:var(--chalk)}
.beats-pref small{display:block;margin-top:3px;font-size:12.5px;color:var(--muted)}
.bp-opts{flex:none;display:flex;gap:5px}
.bp-opts button{display:grid;justify-items:center;gap:1px;min-width:54px;padding:6px 6px 5px;border:0;border-radius:10px;background:rgba(255,255,255,.06);color:var(--chalk);cursor:pointer}
.bp-opts button b{font:800 20px/1 var(--font-display);color:inherit}
.bp-opts button span{font-size:11px;font-weight:700;opacity:.8}
.bp-opts button.on{background:var(--gold);color:#1a1400}
@media (max-width:360px){.beats-pref{flex-direction:column;align-items:stretch}.bp-opts button{flex:1}}
.full-play b em{margin-left:4px;padding:1px 6px;border-radius:99px;background:rgba(242,194,48,.18);color:var(--gold);font:700 11px/1.4 var(--font-body);font-style:normal;vertical-align:middle}
.full-play .bp-opts button{min-width:48px;padding:9px 8px}

/* v.1610: como jogar as partidas (uma escolha só, na tela de antes do jogo e na aba Jogador) */
.match-style{margin:12px 0;padding:12px;border-radius:14px;background:var(--panel)}
.match-style header{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin:0 2px 9px}
.match-style header b{font:800 18px/1.1 var(--font-display);color:var(--chalk)}
.match-style header small{font-size:12px;color:var(--muted)}
.ms-opts{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.ms-opts button{display:grid;gap:2px;padding:10px 11px;border:0;border-radius:11px;background:rgba(255,255,255,.06);color:var(--chalk);text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent}
.ms-opts button b{font:800 18px/1 var(--font-display)}
.ms-opts button span{font-size:12px;line-height:1.3;color:var(--muted)}
.ms-opts button.on{background:var(--gold);color:#1a1400}
.ms-opts button.on span{color:rgba(26,20,0,.75)}
.ms-chips{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:4px 10px;margin:10px 2px 6px}
.ms-chips>span{font:800 15px/1 var(--font-display);color:var(--chalk)}
.ms-chips>div{display:flex;gap:5px;overflow-x:auto;scrollbar-width:none}
.ms-chips>div::-webkit-scrollbar{display:none}
.ms-chips button{flex:none;padding:7px 11px;border:0;border-radius:99px;background:rgba(6,16,12,.55);color:var(--chalk);font:700 13px var(--font-body);cursor:pointer}
.ms-chips button.on{background:var(--gold);color:#1a1400}
.ms-chips small{grid-column:2;font-size:12px;color:var(--muted)}
.ms-chips{display:block;margin:12px 2px 6px}
.ms-chips>span{display:block;margin:0 2px 7px}
.ms-chips>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;overflow:visible}
.ms-chips button{padding:9px 4px;text-align:center;white-space:nowrap}
.ms-chips small{display:block;margin-top:6px;text-align:center}

/* v.1710: a energia da carreira (o selo acima do JOGAR PARTIDA e a janela) */
.hub-cta .energy-badge{grid-column:1/-1;display:flex;align-items:center;gap:8px;margin:0 0 2px;padding:6px 12px 6px 8px;border:0;border-radius:10px;background:rgba(6,16,12,.82);color:var(--chalk);font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;box-shadow:0 6px 18px rgba(0,0,0,.25)}
.energy-badge .eb-bolt{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--gold);color:#1a1400}
.energy-badge b{font:800 22px/1 var(--font-display)}
.energy-badge b small{font-size:14px;color:var(--muted)}
.energy-badge .eb-cells{display:flex;gap:3px;flex:1;min-width:0}
.energy-badge .eb-cells i{flex:1;max-width:16px;height:8px;border-radius:3px;background:rgba(255,255,255,.14)}
.energy-badge .eb-cells i.on{background:var(--gold)}
.energy-badge.low .eb-cells i.on{background:#ff9f2e}
.energy-badge.empty .eb-bolt{background:#c4362c;color:#fff}
.energy-badge em{font-style:normal;font-size:12.5px;color:var(--muted);white-space:nowrap}
.energy-backdrop{position:fixed;z-index:126;inset:0;display:flex;align-items:flex-end;justify-content:center;padding:14px max(12px,env(safe-area-inset-right,0px)) calc(14px + env(safe-area-inset-bottom,0px) + var(--vv-gap,0px)) max(12px,env(safe-area-inset-left,0px));background:rgba(0,0,0,.72)}
.energy-sheet{display:grid;gap:12px;width:min(100%,440px);padding:18px 16px 14px;border-radius:18px;background:linear-gradient(180deg,#132c1f,#0b1a12);border:1px solid rgba(242,194,48,.35);box-shadow:0 30px 60px rgba(0,0,0,.5)}
.es-head{display:flex;align-items:center;gap:12px}
.es-head .es-bolt{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--gold)}
.es-head .es-bolt svg{width:26px;height:26px}
.es-head div{flex:1;display:grid;gap:2px}
.es-head b{font:800 26px/1 var(--font-display);color:var(--chalk)}
.es-head small{font-size:13px;color:var(--muted)}
.es-head strong{font:900 34px/1 var(--font-display);color:var(--gold)}
.es-head strong small{font-size:18px;color:var(--muted)}
.es-wait{margin:0;font-size:14px;color:var(--chalk)}
.es-ad{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;border:0;border-radius:14px;background:var(--gold);color:#1a1400;font:inherit;text-align:left;cursor:pointer}
.es-ad>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#1a1400;color:var(--gold);font-size:14px}
.es-ad div{flex:1;display:grid;gap:2px}
.es-ad b{font:800 21px/1 var(--font-display)}
.es-ad small{font-size:12.5px;color:rgba(26,20,0,.75)}
.es-ad.loading{opacity:.85;cursor:progress}
.es-ad.loading>span{color:transparent;border:3px solid rgba(242,194,48,.35);border-top-color:var(--gold);animation:es-spin .8s linear infinite}
@keyframes es-spin{to{transform:rotate(360deg)}}
/* o Continuar esperando o anúncio de entre partidas: girando, não parado em cinza */
.ad-wait{position:relative;cursor:progress}
.ad-wait::after{content:"";position:absolute;right:14px;top:50%;width:16px;height:16px;margin-top:-8px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:es-spin .8s linear infinite}
@media (prefers-reduced-motion:reduce){.es-ad.loading>span{animation:none}}
.es-ad em{font:900 26px/1 var(--font-display);font-style:normal}
.es-ad:disabled{opacity:.45}
.es-shop{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.es-shop button{display:grid;gap:2px;justify-items:start;padding:10px 12px;border:1px solid rgba(255,255,255,.16);border-radius:12px;background:rgba(255,255,255,.05);color:var(--chalk);font:inherit;text-align:left;cursor:pointer}
.es-shop button b{font:800 18px/1 var(--font-display)}
.es-shop button small{font-size:12px;color:var(--muted)}
.es-shop button span{margin-top:4px;font:700 15px var(--font-body);color:var(--gold)}
.es-shop button:only-child{grid-column:1/-1}
.es-close{padding:10px;border:0;background:none;color:var(--muted);font:700 15px var(--font-body);cursor:pointer}

/* v.1760: entrar com Google (o botão branco com o G colorido, como o Google pede) e o "ou com e-mail" */
.acc-google{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:52px;padding:12px 16px;border:1px solid #dadce0;border-radius:12px;background:#fff;color:#1f1f1f;font:600 17px var(--font-body);cursor:pointer}
.acc-google:active{transform:scale(.985)}
.acc-google:disabled{opacity:.6;cursor:default}
.acc-google-note{margin:8px 2px 0;font-size:13px;line-height:1.35;color:#ffb44d}
.acc-or{display:flex;align-items:center;gap:10px;margin:14px 0 6px;color:var(--muted);font-size:13px}
.acc-or::before,.acc-or::after{content:"";flex:1;height:1px;background:var(--line)}
.acc-gis{display:flex;justify-content:center;min-height:44px;color-scheme:light}
.acc-gis iframe{max-width:100%}
.acc-gis[hidden],.acc-google[hidden]{display:none}
/* v.1800: tour guiado das telas da carreira (uma coisa de cada vez, o resto escurecido) */
.tour{position:fixed;inset:0;z-index:300;cursor:pointer;animation:guide-fade .2s ease both;-webkit-tap-highlight-color:transparent}
.tour-hole{position:fixed;border-radius:14px;box-shadow:0 0 0 200vmax rgba(3,10,6,.74);outline:2px solid var(--accent);outline-offset:2px;pointer-events:none;transition:top .3s ease,left .3s ease,width .3s ease,height .3s ease}
.tour-hole::after{content:"";position:absolute;inset:-8px;border:2px solid var(--accent);border-radius:20px;opacity:0;animation:tour-pulse 1.5s ease-out infinite}
@keyframes tour-pulse{from{transform:scale(.97);opacity:.7}to{transform:scale(1.05);opacity:0}}
.tour-card{position:fixed;left:16px;right:16px;max-width:440px;margin:0 auto;display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px 12px;align-items:center;padding:14px 16px;border:1px solid #3d7355;border-radius:16px;background:linear-gradient(180deg,#14271d,#0b1810);box-shadow:0 18px 44px rgba(0,0,0,.6);transition:top .3s ease}
.tour-card em{grid-row:span 2;display:grid;place-items:center;min-width:40px;height:30px;padding:0 6px;border-radius:9px;background:var(--accent);color:#1a1400;font:900 14px var(--font-body);font-style:normal}
.tour-card p{margin:0;color:var(--text);font:700 15px/1.35 var(--font-body)}
.tour-card div{display:flex;align-items:center;justify-content:space-between;gap:10px}
.tour-card small{color:var(--muted);font-size:12px}
.tour-skip{padding:6px 2px;border:0;background:none;color:var(--muted);font:700 13px var(--font-body);text-decoration:underline;cursor:pointer}
@media (prefers-reduced-motion:reduce){.tour-hole,.tour-card{transition:none}.tour-hole::after{animation:none}}
/* v.1830: seus dribles (estrelas, como fazer, o que falta, maestria) */
.db-hint{margin:4px 2px 10px;color:var(--muted);font-size:13px;line-height:1.4}
.drib-book{display:grid;gap:8px;margin:0;padding:0;list-style:none}
.drib-book li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--panel2)}
.drib-book li.locked{opacity:.62}
.drib-book li.sig{border-color:#f2c230;background:linear-gradient(90deg,rgba(242,194,48,.14),transparent 70%),var(--panel2)}
.db-stars{min-width:62px;color:#f2c230;font-size:13px;letter-spacing:1px}
.drib-book li div{display:grid;gap:3px;min-width:0}
.drib-book li b{font-size:15px}
.drib-book li b small{margin-left:6px;padding:2px 7px;border-radius:7px;background:#f2c230;color:#1a1400;font-size:11px;font-weight:800}
.drib-book li div>small{color:var(--muted);font-size:12px}
.db-bar{display:block;height:4px;border-radius:2px;background:rgba(255,255,255,.1);overflow:hidden}
.db-bar b{display:block;height:100%;background:var(--good)}
.drib-book li.locked .db-bar b{background:#8a9a90}
.db-med,.db-lock{font-style:normal;font-size:12px;font-weight:800;white-space:nowrap;color:var(--muted)}
.db-med.m1{color:#d59a5f}.db-med.m2{color:#d6dde2}.db-med.m3{color:#f2c230}
/* treino guiado antes da carreira (v.1900): a lousa do vestiário, escrita a giz */
.school{display:grid;place-items:center;min-height:calc(100dvh - 40px);padding:20px 16px calc(24px + env(safe-area-inset-bottom,0px))}
.sc-board{width:min(100%,460px);display:grid;gap:12px;padding:22px 20px 20px;border-radius:14px;background:#1d2b23 linear-gradient(160deg,rgba(255,255,255,.05),rgba(0,0,0,.18));border:10px solid #6b4a2b;box-shadow:inset 0 0 40px rgba(0,0,0,.45),0 22px 50px rgba(0,0,0,.55);color:var(--chalk);animation:fade-up .4s ease-out both}
.sc-kick{color:var(--gold);font-weight:800;font-size:13px}
.sc-board h1{margin:0;font:400 44px/0.95 var(--font-display);letter-spacing:.01em;color:#fff}
.sc-board p{margin:0;color:#d7e2da;font-size:14px;line-height:1.45}
.sc-board .sc-note{color:var(--muted);font-size:12.5px}
.sc-steps{margin:2px 0 0;padding:0;list-style:none;counter-reset:sc;display:grid;gap:8px}
.sc-steps li{counter-increment:sc;display:flex;align-items:center;gap:10px;font-weight:700;font-size:15px}
.sc-steps li:before{content:counter(sc);display:grid;place-items:center;width:28px;height:28px;border:2px solid rgba(238,243,238,.75);border-radius:50%;font:400 18px/1 var(--font-display)}
.sc-gest{margin:0;padding:0;list-style:none;display:grid;gap:4px}
.sc-gest li{display:flex;justify-content:space-between;gap:12px;padding:6px 0;border-bottom:1px dashed rgba(238,243,238,.18);font-size:13.5px}
.sc-gest li:last-child{border-bottom:0}
.sc-gest b{color:#fff;font-weight:800}
.sc-gest span{color:var(--gold);font-weight:700;text-align:right}
.sc-actions{display:grid;gap:8px;margin-top:4px}
.sc-actions .btn{margin:0}
@media (prefers-reduced-motion:reduce){.sc-board{animation:none}}

/* aba Início (v.2000): o ingresso do próximo jogo, a tabela em volta de você numa folha de papel, dois selos e a meta */
.home-quick{display:grid;gap:12px}
.home-ticket{cursor:pointer;transition:transform .15s}
.home-ticket:active{transform:scale(.985)}
.home-ticket .tk-main{display:flex;flex-direction:column;padding:12px 14px 10px}
.home-go{align-self:flex-end;display:inline-flex;align-items:center;gap:4px;margin-top:6px;padding:5px 10px;border-radius:999px;background:var(--club-hl,var(--club-a));color:var(--club-hl-ink,#fff);font-size:12px;font-weight:800}
.home-go .ico{width:14px;height:14px}
.home-table{position:relative;display:grid;gap:4px;padding:12px 12px 16px;border-radius:12px;background:var(--paper);color:var(--ink);box-shadow:0 14px 26px rgba(0,0,0,.3);cursor:pointer;overflow:hidden}
.home-table header{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:0 4px 6px;border-bottom:2px solid rgba(20,26,23,.12)}
.home-table header b{font:400 19px/1 var(--font-display)}
.home-table header small{color:var(--ink-2);font-size:12px;font-weight:700}
.ht-row{display:grid;grid-template-columns:30px 28px minmax(0,1fr) auto;align-items:center;gap:8px;padding:7px 6px;border-radius:9px}
.ht-row+.ht-row{border-top:1px dashed rgba(20,26,23,.14)}
.ht-row i{color:var(--ink-2);font:400 22px/1 var(--font-display);font-style:normal;text-align:center}
.ht-row.champ i,.ht-row.up i,.ht-row.lib i,.ht-row.uel i,.ht-row.conf i{color:var(--ok-ink)}
.ht-row.down i{color:var(--bad-ink)}
.ht-row span{min-width:0}
.ht-row span b{display:block;overflow:hidden;font-weight:800;font-size:14.5px;text-overflow:ellipsis;white-space:nowrap}
.ht-row strong{font:400 22px/1 var(--font-display)}
.ht-row strong small{margin-left:2px;color:var(--ink-2);font:700 11px var(--font-body,inherit)}
.ht-row.you{border-top-color:transparent;background:var(--club-hl,var(--club-a));color:var(--club-hl-ink,#fff);box-shadow:0 4px 10px rgba(0,0,0,.18)}
.ht-row.you+.ht-row{border-top-color:transparent}
.ht-row.you i,.ht-row.you strong small{color:inherit;opacity:.85}
.ht-season{position:absolute;left:0;right:0;bottom:0;height:5px;background:rgba(20,26,23,.1)}
.ht-season b{display:block;height:100%;background:var(--club-hl,var(--club-a))}
.home-seals{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.home-seal{display:flex;align-items:center;gap:10px;min-width:0;padding:12px;border-radius:12px;background:var(--panel);box-shadow:inset 0 0 0 1px var(--line)}
.home-seal>span{display:grid;flex:none;place-items:center;width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.08);color:var(--muted)}
.home-seal>span .ico{width:20px;height:20px}
.home-seal div{min-width:0}
.home-seal small{display:block;color:var(--muted);font-size:11.5px;font-weight:700}
.home-seal b{display:block;overflow:hidden;font:400 21px/1.05 var(--font-display);text-overflow:ellipsis;white-space:nowrap}
.home-seal.role>span{background:var(--gold);color:#2a1d00}
.home-seal.good>span{background:var(--good);color:#06210f}
.home-seal.bad>span{background:var(--bad);color:#2a0705}
.home-seal.good b{color:var(--good)}.home-seal.bad b{color:var(--bad)}
@media (prefers-reduced-motion:reduce){.home-ticket{transition:none}}
/* calendário (v.2010): um calendário de parede em papel, com as argolas em cima; cada jogo no seu dia */
.nm-row{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin:0 auto 12px}
.nm-row .nm-month{margin:0}
.home-cal{display:grid;grid-template-columns:30px minmax(0,1fr) auto;grid-template-rows:auto auto;align-items:center;column-gap:10px;width:100%;padding:10px 12px;border:0;border-radius:12px;background:rgba(6,16,12,.55);color:#eef3ee;text-align:left;cursor:pointer}
.home-cal>span{grid-row:1/3;display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:var(--club-hl,var(--club-a));color:var(--club-hl-ink,#fff)}
.home-cal>span .ico{width:17px;height:17px}
.home-cal b{font:400 18px/1 var(--font-display)}
.home-cal small{grid-column:2;color:#b9cdc1;font-size:12px;font-weight:700}
.home-cal>.ico{grid-column:3;grid-row:1/3;width:16px;height:16px;color:var(--gold)}
.season-cal[data-act]{cursor:pointer}
.cal{display:grid;gap:14px}
.cal-months{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:4px}
.cal-m{display:grid;justify-items:center;gap:3px;padding:7px 0 6px;border:0;border-radius:9px;background:rgba(6,16,12,.5);color:#b9cdc1;cursor:pointer}
.cal-m b{font:400 15px/1 var(--font-display)}
.cal-m small{display:grid;place-items:center;min-width:18px;height:18px;padding:0 4px;border-radius:99px;background:rgba(238,243,238,.1);font-size:11px;font-weight:800}
.cal-m.done{color:#7fa58e}
.cal-m.done small{background:#2f9b5c;color:#fff}
.cal-m.now small{background:var(--gold);color:#2a1d00}
.cal-m.on{background:var(--paper);color:var(--ink);box-shadow:0 6px 14px rgba(0,0,0,.3)}
.cal-sheet{position:relative;margin-top:8px;padding:18px 10px 10px;border-radius:14px;background:var(--paper);color:var(--ink);box-shadow:0 1px 0 rgba(0,0,0,.18),0 16px 30px rgba(0,0,0,.36)}
.cal-sheet::before,.cal-sheet::after{content:"";position:absolute;top:-9px;width:10px;height:22px;border-radius:6px;background:linear-gradient(90deg,#8d948f,#e4e8e3 45%,#8d948f);box-shadow:0 2px 3px rgba(0,0,0,.35)}
.cal-sheet::before{left:22%}
.cal-sheet::after{right:22%}
.cal-head{display:grid;grid-template-columns:38px minmax(0,1fr) 38px;align-items:center;gap:6px;padding:0 0 10px;border-bottom:2px solid rgba(20,26,23,.12)}
.cal-head div{display:grid;justify-items:center;gap:3px;text-align:center}
.cal-head b{font:400 26px/1 var(--font-display)}
.cal-head small{color:var(--ink-2);font-size:12px;font-weight:700}
.cal-arrow{display:grid;place-items:center;width:38px;height:38px;border:0;border-radius:50%;background:var(--paper-2);color:var(--ink);font:700 24px/1 var(--font-body);cursor:pointer}
.cal-arrow:disabled{opacity:.3;cursor:default}
.cal-wd{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));padding:8px 0 4px;text-align:center;color:var(--ink-2);font-size:11px;font-weight:800}
.cal-wd span:first-child,.cal-wd span:last-child{color:var(--ink)}
.cal-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px}
.cal-day{position:relative;display:grid;place-items:center;aspect-ratio:1/1.08;min-width:0;padding:0;border:0;border-radius:7px;background:rgba(20,26,23,.04);color:var(--ink);font:inherit}
.cal-day>i{position:absolute;left:4px;top:3px;font-style:normal;font-size:10.5px;font-weight:800;color:var(--ink-2)}
.cal-day.out{background:none}
.cal-day.out>i{opacity:.35}
.cal-day.match{background:#fff;box-shadow:inset 0 0 0 1px rgba(20,26,23,.1);cursor:pointer}
.cal-day.match>svg,.cal-day.match>.crest,.cal-day.match>span:not(.cd-cup){margin-top:4px}
.cal-day .cd-cup{display:grid;place-items:center;width:26px;height:26px;margin-top:4px;border-radius:50%;background:var(--paper-2);color:var(--ink-2)}
.cal-day .cd-cup .ico{width:15px;height:15px}
.cd-kind{position:absolute;right:2px;top:2px;display:grid;place-items:center;width:15px;height:15px;border-radius:50%;background:var(--ink);color:#fff}
.cd-kind .ico{width:9px;height:9px}
.cd-kind.cup,.cdd-kind.cup{background:#c98a12;color:#fff}
.cd-kind.cont,.cdd-kind.cont{background:#1f5fbf;color:#fff}
.cd-kind.mund,.cdd-kind.mund{background:#7a3fb8;color:#fff}
.cd-res{position:absolute;left:50%;bottom:2px;transform:translateX(-50%);padding:1px 4px;border-radius:4px;background:#8a928d;color:#fff;font-size:10px;font-weight:800;line-height:1.2;white-space:nowrap}
.cal-day.w .cd-res{background:#21894c}
.cal-day.l .cd-res{background:#c8372d}
.cal-day.done:not(.w):not(.l):not(.d){opacity:.55}
.cal-day.next{background:var(--club-hl,var(--club-a));box-shadow:0 4px 10px rgba(0,0,0,.25)}
.cal-day.next>i{color:var(--club-hl-ink,#fff)}
.cal-day.sel{outline:2.5px solid var(--ink);outline-offset:1px}
.cal-day.next.sel{outline-color:var(--ink)}
.cal-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 12px;padding:10px 0 0;color:var(--ink-2);font-size:11.5px;font-weight:700}
.cal-legend span{display:inline-flex;align-items:center;gap:4px}
.cal-legend .ico{width:13px;height:13px}
.cal-legend .nx i{width:12px;height:12px;border-radius:3px;background:var(--club-hl,var(--club-a))}
.cal-detail{display:grid;gap:10px;padding:12px 12px 14px;border-radius:14px;background:var(--paper);color:var(--ink);box-shadow:0 14px 26px rgba(0,0,0,.3)}
.cal-detail header{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:9px}
.cdd-kind{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--ink);color:#fff}
.cdd-kind .ico{width:16px;height:16px}
.cal-detail header b{display:block;overflow:hidden;font:400 17px/1.05 var(--font-display);text-overflow:ellipsis;white-space:nowrap}
.cal-detail header small{color:var(--ink-2);font-size:12px;font-weight:700}
.cdd-tag{padding:4px 8px;border-radius:99px;background:var(--paper-2);font-size:11.5px;font-style:normal;font-weight:800;white-space:nowrap}
.cdd-tag.w{background:#21894c;color:#fff}
.cdd-tag.l{background:#c8372d;color:#fff}
.cdd-tag.next{background:var(--club-hl,var(--club-a));color:var(--club-hl-ink,#fff)}
.cdd-vs{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px}
.cdd-vs>span{display:grid;justify-items:center;gap:5px;min-width:0;text-align:center}
.cdd-vs>span b{max-width:100%;overflow:hidden;font-size:13px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}
.cdd-vs strong{font:400 34px/1 var(--font-display);letter-spacing:.02em}
.cdd-vs strong.w{color:#21894c}
.cdd-vs strong.l{color:#c8372d}
.cdd-vs .cd-cup.big{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--paper-2);color:var(--ink-2)}
.cdd-vs .cd-cup.big .ico{width:22px;height:22px}
.cdd-note{margin:0;text-align:center;color:var(--ink-2);font-size:12.5px;font-weight:700}
.cdd-note b{color:var(--ink);font:400 20px/1 var(--font-display);vertical-align:-2px}
.cal-detail .btn.cdd-go{justify-self:center;display:inline-flex;align-items:center;gap:6px;width:auto;min-height:0;margin:0;padding:10px 20px;font-size:16px}
.cdd-go .ico{width:15px;height:15px}
/* calendário (v.2020): janela, Data FIFA, salário, jogador do mês, aniversário, hoje, resumo do mês */
.cal-day.win{background:repeating-linear-gradient(135deg,rgba(242,194,48,.30) 0 5px,rgba(242,194,48,.12) 5px 10px)}
.cal-day.fifa{background:rgba(31,95,191,.16)}
.cal-day.match.win,.cal-day.match.fifa{box-shadow:inset 0 0 0 1px rgba(20,26,23,.1),inset 0 -4px 0 rgba(242,194,48,.7)}
.cal-day.match.fifa{box-shadow:inset 0 0 0 1px rgba(20,26,23,.1),inset 0 -4px 0 rgba(31,95,191,.55)}
.cal-day.ev{cursor:pointer}
.cal-day.today>i{left:2px;top:2px;display:grid;place-items:center;min-width:17px;height:17px;padding:0 3px;border-radius:99px;background:var(--ink);color:#fff}
.cd-ev{position:absolute;left:50%;bottom:3px;display:flex;gap:2px;transform:translateX(-50%)}
.cd-ev b{display:grid;place-items:center;width:15px;height:15px;padding:0;margin:0;font-size:0;border-radius:50%;background:var(--ink-2);color:#fff}
.cd-ev .ico{width:9px;height:9px}
.cd-ev .e-win{background:#c98a12}
.cd-ev .e-fifa,.cd-ev .e-nat{background:#1f5fbf}
.cd-ev .e-pay{background:#21894c}
.cd-ev .e-potm{background:#8a928d}
.cd-ev .e-potm.won{background:#e5b51c;color:#2a1d00}
.cd-ev .e-bday{background:#c2417e}
.cal-day.match .cd-ev{bottom:1px;transform:translateX(-50%) scale(.85)}
.cal-day.ev:not(.match) .cd-ev{bottom:auto;top:50%;transform:translate(-50%,-30%)}
.cal-head .cal-wdl{display:flex;align-items:center;gap:4px;margin-top:2px}
.cal-wdl b{padding:2px 6px;border-radius:5px;background:#8a928d;color:#fff;font-size:11px;font-weight:800}
.cal-wdl b.w{background:#21894c}
.cal-wdl b.l{background:#c8372d}
.cal-wdl i{margin-left:2px;color:var(--ink-2);font-size:11.5px;font-style:normal;font-weight:700}
.cal-legend .lg-win i,.cal-legend .lg-fifa i{width:14px;height:12px;border-radius:3px}
.cal-legend .lg-win i{background:repeating-linear-gradient(135deg,rgba(242,194,48,.75) 0 3px,rgba(242,194,48,.3) 3px 6px)}
.cal-legend .lg-fifa i{background:rgba(31,95,191,.35)}
.cdd-notes{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:0}
.cdd-notes span{display:inline-flex;align-items:center;gap:4px;padding:4px 9px;border-radius:99px;background:var(--paper-2);font-size:12px;font-weight:800}
.cdd-notes .ico{width:13px;height:13px}
.cdd-notes .hot{background:#fde3d8;color:#a8321b}
.cdd-notes .tired{background:#fff1cc;color:#7a5600}
.cdd-ev{display:grid;gap:6px;margin:0;padding:0;list-style:none}
.cdd-ev li{display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:9px;padding:8px 9px;border-radius:10px;background:#fff;box-shadow:inset 0 0 0 1px rgba(20,26,23,.08)}
.cdd-ev li>span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--ink-2);color:#fff}
.cdd-ev li>span .ico{width:15px;height:15px}
.cdd-ev li.e-win>span{background:#c98a12}
.cdd-ev li.e-fifa>span,.cdd-ev li.e-nat>span{background:#1f5fbf}
.cdd-ev li.e-pay>span{background:#21894c}
.cdd-ev li.e-potm.won>span{background:#e5b51c;color:#2a1d00}
.cdd-ev li.e-bday>span{background:#c2417e}
.cdd-ev b{display:block;font:400 16px/1.1 var(--font-display)}
.cdd-ev small{display:block;margin-top:2px;color:var(--ink-2);font-size:12.5px;font-weight:600;line-height:1.3}
.cal-detail .cdd-day b{font:400 20px/1 var(--font-display)}
.cal-detail .cdd-day b::first-letter{text-transform:uppercase}
.cal-detail .cdd-day small{color:var(--ink-2);font-size:12px;font-weight:700}
.cal-detail header{grid-template-columns:30px minmax(0,1fr) auto}
.cal-detail .cdd-day{grid-template-columns:1fr}
.cal-day.ev:not(.match) .cd-ev b{width:21px;height:21px}
.cal-day.ev:not(.match) .cd-ev .ico{width:12px;height:12px}
/* aba Início com o calendário (v.2030): tudo um pouco mais baixo para o calendário caber inteiro */
.home-quick{gap:10px}
.home-ticket .tk-main{padding:8px 12px 8px}
.home-ticket .nm-versus{margin:4px 0 2px}
.home-ticket .nm-team b{display:block;max-width:100%;overflow:hidden;font-size:14px;text-overflow:ellipsis;white-space:nowrap}
.home-ticket .tk-stub{padding:8px 4px}
.home-ticket .tk-stub b{font-size:32px}
.home-ticket .home-go{margin-top:2px;padding:4px 9px}
.cal.compact{gap:10px}
.cal.compact .cal-months{gap:3px}
.cal.compact .cal-m{gap:2px;padding:5px 0 4px}
.cal.compact .cal-m b{font-size:13px}
.cal.compact .cal-m small{min-width:15px;height:15px;font-size:10px}
.cal.compact .cal-sheet{margin-top:6px;padding:14px 8px 8px}
.cal.compact .cal-head{grid-template-columns:32px minmax(0,1fr) 32px;padding-bottom:7px}
.cal.compact .cal-arrow{width:32px;height:32px;font-size:20px}
.cal.compact .cal-head b{font-size:22px}
.cal.compact .cal-head small{font-size:11.5px}
.cal.compact .cal-wd{padding:6px 0 3px;font-size:10.5px}
.cal.compact .cal-grid{gap:2px}
.cal.compact .cal-day{aspect-ratio:1/.92}
.cal.compact .cal-day.match>svg,.cal.compact .cal-day.match>.crest,.cal.compact .cal-day .cd-cup{margin-top:6px;transform:scale(.88)}
.cal.compact .cal-legend{gap:4px 10px;padding-top:7px;font-size:10.5px}
.cal.compact .cal-legend .ico{width:11px;height:11px}
.home-quick .ht-row{padding:5px 6px}
.home-quick .ht-row i,.home-quick .ht-row strong{font-size:19px}
.home-quick .home-table{padding:10px 10px 13px}
.home-quick .home-seals{gap:8px}
.home-quick .home-seal{gap:8px;padding:8px 10px}
.home-quick .home-seal>span{width:30px;height:30px}
.home-quick .home-seal>span .ico{width:16px;height:16px}
.home-quick .home-seal b{font-size:18px}
/* (v.2040) seis botões na barra de baixo: Início, Jogo, Temporada, Jogador, História e Som */
.app-dock{grid-template-columns:repeat(6,minmax(0,1fr));padding:5px 4px}
.app-dock button{min-width:0;padding-left:0;padding-right:0}
.app-dock span{overflow:hidden;font-size:10px;letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap}
/* dia a dia (v.2050): a faixa dos próximos dias e o que fazer hoje */
.day-board{display:grid;gap:10px;padding:12px 12px 12px;border-radius:14px;background:var(--paper);color:var(--ink);box-shadow:0 1px 0 rgba(0,0,0,.18),0 14px 26px rgba(0,0,0,.32)}
.day-board header{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:0 2px}
.day-board header b{font:400 24px/1 var(--font-display)}
.day-board header small{color:var(--ink-2);font-size:12px;font-weight:700;text-align:right}
.dy-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}
.dy-cell{position:relative;display:grid;justify-items:center;gap:1px;min-width:0;padding:6px 0 5px;border-radius:9px;background:rgba(20,26,23,.05)}
.dy-cell small{color:var(--ink-2);font-size:10.5px;font-weight:800}
.dy-cell>b{font:400 20px/1 var(--font-display)}
.dy-cell span{display:grid;place-items:center;height:26px}
.dy-cell span b{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--ink-2);color:#fff}
.dy-cell span .ico{width:12px;height:12px}
.dy-cell .e-win{background:#c98a12}.dy-cell .e-fifa,.dy-cell .e-nat{background:#1f5fbf}.dy-cell .e-pay{background:#21894c}.dy-cell .e-potm.won{background:#e5b51c;color:#2a1d00}.dy-cell .e-bday{background:#c2417e}
.dy-cell.win{background:repeating-linear-gradient(135deg,rgba(242,194,48,.30) 0 5px,rgba(242,194,48,.12) 5px 10px)}
.dy-cell.fifa{background:rgba(31,95,191,.16)}
.dy-cell.now{background:var(--ink);color:#fff}
.dy-cell.now small{color:rgba(255,255,255,.7)}
.dy-cell.match{background:#fff;box-shadow:inset 0 0 0 2px var(--club-hl,var(--club-a))}
.dy-cell.now.match{background:var(--club-hl,var(--club-a));color:var(--club-hl-ink,#fff);box-shadow:none}
.dy-ev{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}
.dy-ev li{display:inline-flex;align-items:center;gap:6px;padding:4px 10px 4px 4px;border-radius:99px;background:#fff;box-shadow:inset 0 0 0 1px rgba(20,26,23,.08);font-size:12.5px}
.dy-ev li span{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--ink-2);color:#fff}
.dy-ev li span .ico{width:12px;height:12px}
.dy-ev .e-win span{background:#c98a12}.dy-ev .e-fifa span,.dy-ev .e-nat span{background:#1f5fbf}.dy-ev .e-pay span{background:#21894c}.dy-ev .e-bday span{background:#c2417e}.dy-ev .e-potm.won span{background:#e5b51c;color:#2a1d00}
.dy-acts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.dy-act{display:grid;grid-template-columns:30px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;column-gap:8px;min-width:0;padding:8px 9px;border:0;border-radius:11px;background:#fff;color:var(--ink);text-align:left;box-shadow:inset 0 0 0 1px rgba(20,26,23,.1);cursor:pointer;font:inherit}
.dy-act>span{grid-row:1/3;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--paper-2);color:var(--ink-2)}
.dy-act>span .ico{width:16px;height:16px}
.dy-act b{overflow:hidden;font:400 16px/1.05 var(--font-display);text-overflow:ellipsis;white-space:nowrap}
.dy-act small{overflow:hidden;color:var(--ink-2);font-size:11.5px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}
.dy-act.on{background:var(--club-hl,var(--club-a));color:var(--club-hl-ink,#fff);box-shadow:0 4px 10px rgba(0,0,0,.18)}
.dy-act.on>span{background:rgba(255,255,255,.22);color:inherit}
.dy-act.on small{color:inherit;opacity:.85}
.dy-last{display:flex;align-items:center;flex-wrap:wrap;gap:4px;margin:0;color:var(--ink-2);font-size:12.5px;line-height:1.35}
.dy-last span{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--paper-2)}
.dy-last span .ico{width:11px;height:11px}
.dy-last b{color:var(--ink)}
.dy-btns{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}
.day-board .btn.dy-next,.day-board .btn.dy-go{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:100%;min-height:0;margin:0;padding:11px 12px;font-size:16px}
.day-board .dy-next .ico,.day-board .dy-go .ico{width:15px;height:15px}
.dy-skip{display:inline-flex;align-items:center;gap:5px;padding:0 13px;border:0;border-radius:12px;background:var(--ink);color:#fff;font:800 13px/1 var(--font-body);cursor:pointer}
.dy-skip .ico{width:14px;height:14px;color:var(--gold)}
/* pente fino (v.2060): a sua linha na disputa individual com o número legível na cor do clube */
.individual-race .leader-row.you b,.individual-race .leader-row.you strong{color:var(--club-hl-ink,var(--club-ink,#141a17))}
