@font-face{font-family:'Titillium Web';src:url('./fonts/titillium-web-semibold.woff') format('woff');font-weight:400 700;font-display:swap} /* 23.24b: Titillium Web (OFL), escolhida pela usuária */
/* Modo Manager (M0). Mesma paleta da bíblia de arte; celular vertical primeiro, PC com barra lateral. */
:root{--bg:#0F0E14;--panel:#2A2736;--panel2:#1E1C26;--line:#46424F;--mute:#9A94A0;--text:#F4F0E8;--gold:#F2C230;--green:#3FA35B;--green2:#6CC47E;--red:#E5402E;--blue:#3F8FD8}
*{box-sizing:border-box}
html,body.mg-body{margin:0;background:var(--bg);color:var(--text)}
body.mg-body{font:600 14px/1.35 'Titillium Web',ui-rounded,system-ui,sans-serif;-webkit-text-size-adjust:100%}
.mg-shell{max-width:560px;margin:0 auto;padding:8px 8px 84px}
.mg-top{display:flex;align-items:center;gap:8px;background:var(--panel);border:3px solid var(--bg);box-shadow:0 0 0 2px var(--team,var(--gold));padding:6px 8px;margin:2px 2px 10px;position:sticky;top:2px;z-index:5}
.mg-top img{image-rendering:pixelated;flex:none}
.mg-top div{flex:1;min-width:0}.mg-top b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mg-top small{color:var(--mute);font-size:11px}
.mg-money{color:var(--gold);white-space:nowrap}
.mg-nav{position:fixed;left:0;right:0;bottom:0;display:flex;background:var(--panel2);border-top:2px solid var(--line);z-index:10;padding-bottom:env(safe-area-inset-bottom)}
.mg-nav button{flex:1;position:relative;font:inherit;font-size:10px;color:var(--mute);background:none;border:0;padding:6px 2px 8px;display:flex;flex-direction:column;align-items:center;gap:2px;cursor:pointer;text-transform:uppercase;letter-spacing:.03em}
.mg-nav button span{font-size:18px;line-height:1}
.mg-nav button.on{color:var(--gold)}
.mg-nav em{position:absolute;top:3px;left:calc(50% + 6px);font-style:normal;background:var(--red);color:var(--text);font-size:10px;min-width:16px;padding:0 3px;border-radius:8px}
.mg-main h2{margin:4px 0 8px;color:var(--gold);font-size:15px;letter-spacing:.05em;text-transform:uppercase}
.mg-card{background:var(--panel);border:2px solid var(--line);padding:8px 10px;margin:0 0 10px}
.mg-card h4{display:flex;align-items:center;gap:6px;margin:0 0 6px;color:var(--mute);font-size:11px;letter-spacing:.06em;text-transform:uppercase}
.mg-card>b{display:block;font-size:15px}
.mg-card small,.mg-row small{display:block;color:var(--mute);font-size:11px;font-weight:400}
.mg-next{border-color:var(--gold)}
.mg-mute{color:var(--mute);font-weight:400;font-size:12px}
.mg-warn{color:var(--gold);font-weight:400}
.mg-notice{background:var(--red);color:var(--text);padding:6px 8px;margin:0 0 8px}
.mg-btn{font:inherit;font-size:11px;color:var(--text);background:var(--line);border:2px solid var(--bg);box-shadow:inset 0 -3px 0 #2A2736,inset 0 2px 0 #6A6573;padding:7px 9px;margin:3px 4px 3px 0;cursor:pointer;text-transform:uppercase;letter-spacing:.04em}
.mg-btn.small{padding:5px 7px;font-size:10px}
.mg-btn.gold{background:var(--green);box-shadow:inset 0 -3px 0 #26703C,inset 0 2px 0 var(--green2)}
.mg-btn.big{display:block;width:100%;margin:0 0 6px;padding:13px;font-size:14px;background:var(--gold);color:var(--bg);box-shadow:inset 0 -4px 0 #B88A17,inset 0 2px 0 #FFE27A}
.mg-btn.big.go{background:var(--green);color:var(--text);box-shadow:inset 0 -4px 0 #26703C,inset 0 2px 0 var(--green2)}
.mg-btn.wide{display:block;width:100%;margin:0 0 10px}
.mg-btn.right{margin-left:auto}
.mg-btn:disabled{opacity:.4;cursor:not-allowed}
.mg-btn:not(:disabled):active{transform:translateY(1px)}
.mg-tabs{display:flex;gap:4px;margin:0 0 8px}
.mg-tabs button{flex:1;font:inherit;font-size:11px;color:var(--text);background:var(--line);border:2px solid var(--bg);padding:7px 4px;cursor:pointer;text-transform:uppercase}
.mg-tabs button.on{background:var(--gold);color:var(--bg)}
.mg-row{display:flex;align-items:center;gap:6px;padding:6px 0;border-top:1px solid var(--line)}
.mg-row:first-of-type{border-top:0}
.mg-row>span{flex:1;min-width:0}
.mg-row em{color:var(--mute);font-style:normal}
.mg-pend{display:flex;align-items:center;gap:6px;font-weight:400;padding:3px 0}
.mg-pend span{flex:1}.mg-pend.block{color:var(--gold);font-weight:700}
.mg-mail{border-top:1px solid var(--line)}
.mg-mail:first-of-type{border-top:0}
.mg-mail-h{display:grid;grid-template-columns:1fr auto;grid-template-areas:"from date" "subj subj";gap:0 8px;width:100%;text-align:left;font:inherit;color:var(--mute);background:none;border:0;padding:7px 2px;cursor:pointer}
.mg-from{grid-area:from;font-size:11px;text-transform:uppercase;letter-spacing:.04em}
.mg-date{grid-area:date;font-size:11px;font-weight:400}
.mg-subj{grid-area:subj;font-weight:400;color:var(--text)}
.mg-mail.unread .mg-subj{font-weight:700}
.mg-mail.unread .mg-from::before{content:"● ";color:var(--gold)}
.mg-mail.p2.unread .mg-from::before{color:var(--red)}
.mg-mail-b{padding:2px 2px 8px}
.mg-mail-b p{margin:0 0 6px;font-weight:400;color:var(--text)}
.mg-news{list-style:none;margin:0;padding:0}
.mg-news li{font-weight:400;padding:4px 0;border-top:1px solid var(--line)}
.mg-news li:first-child{border-top:0}
.mg-news small{color:var(--mute);margin-right:4px}
.mg-skills{display:grid;grid-template-columns:auto 1fr 28px;gap:3px 6px;align-items:center;margin-top:6px;font-size:11px}
.mg-skills span{color:var(--mute);font-weight:400}.mg-skills b{text-align:right}
.mg-bar{display:inline-block;width:100%;height:8px;background:var(--bg);border:1px solid var(--line);vertical-align:middle}
.mg-bar i{display:block;height:100%;background:var(--green)}
.mg-table{overflow-x:auto}
.mg-table table{width:100%;border-collapse:collapse;font-weight:400}
.mg-table th{text-align:left;color:var(--mute);font-size:11px;padding:4px}
.mg-table td{padding:5px 4px;border-top:1px solid var(--line);vertical-align:middle}
.mg-table td small{display:block;color:var(--mute);font-size:11px}
.mg-table tr.own td{color:var(--gold);font-weight:700}
.mg-table img{image-rendering:pixelated;vertical-align:middle}
.mg-field{display:block;margin:6px 0;color:var(--mute);font-size:11px;text-transform:uppercase}
.mg-field input:not([type=radio]):not([type=color]),.mg-field select,.mg-card>select{display:block;width:100%;margin-top:3px;font:inherit;font-size:14px;color:var(--text);background:var(--panel2);border:2px solid var(--line);padding:7px}
.mg-emblems{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}
.mg-emblems label{cursor:pointer}
.mg-emblems input{position:absolute;opacity:0}
.mg-emblems img{display:block;border:2px solid var(--line);image-rendering:pixelated;background:var(--panel2)}
.mg-emblems input:checked+img{border-color:var(--gold)}
.mg-colors{display:flex;gap:12px}.mg-colors input{display:block;margin-top:3px;width:56px;height:32px;border:2px solid var(--line);background:none}
.mg-soon{opacity:.75;border-style:dashed}
.mg-soon p{margin:0;font-weight:400}
.mg-link{display:block;text-align:center;color:var(--mute);margin-top:10px}

.mg-setup{padding:6px 0 4px;border-top:1px solid var(--line)}
.mg-setup:first-of-type{border-top:0}
.mg-setup>div:first-child{display:flex;justify-content:space-between}
.mg-setup em{font-style:normal;color:var(--gold)}
.mg-setup input{width:100%;accent-color:var(--gold);margin:6px 0 2px}
.mg-ends{display:flex;justify-content:space-between;color:var(--mute);font-size:11px;font-weight:400}
.mg-run{border-top:1px solid var(--line);padding:6px 0}
.mg-run:first-of-type{border-top:0}
.mg-run>div{display:flex;gap:8px;align-items:baseline}
.mg-run>div span{color:var(--text)}.mg-run>div small{margin-left:auto;color:var(--mute);font-weight:400}
.mg-run.best>div span{color:var(--green2)}
.mg-run p{margin:3px 0 0;font-weight:400;color:var(--text)}

.mg-person{display:flex;gap:8px;align-items:flex-start;margin-bottom:4px}
.mg-person>div{flex:1;min-width:0}
.mg-face{flex:none;width:40px;height:40px;display:grid;place-items:center;background:var(--panel2);border:2px solid var(--line);color:var(--gold);font-size:13px}
.mg-row select{font:inherit;color:var(--text);background:var(--panel2);border:2px solid var(--line);padding:4px}
.mg-good{color:var(--green2);font-weight:400}

.mg-proj{border-top:1px solid var(--line);padding:6px 0}
.mg-proj:first-of-type{border-top:0}
.mg-proj>div:first-child{display:flex;justify-content:space-between;gap:8px;align-items:baseline}
.mg-row>span .mg-bar{margin-top:4px}
.mg-hr{border:0;border-top:1px dashed var(--line);margin:6px 0}
@media (min-width:900px){
  .mg-shell{max-width:1100px;display:grid;grid-template-columns:170px 1fr;grid-template-rows:auto 1fr;gap:0 14px;padding:12px 16px 24px}
  .mg-top{grid-column:1/-1}
  .mg-nav{position:sticky;top:76px;align-self:start;flex-direction:column;border:2px solid var(--line);background:var(--panel2)}
  .mg-nav button{flex-direction:row;justify-content:flex-start;gap:8px;font-size:12px;padding:10px 12px}
  .mg-nav em{position:static;margin-left:auto}
  .mg-cols{display:grid;grid-template-columns:1fr 1fr;gap:0 14px;align-items:start}
  .mg-new{display:block;max-width:560px}
}
.mg-btns{display:flex;gap:6px;flex-shrink:0}
.mg-row.tot{border-top:2px solid var(--line,#46424F);font-weight:700}
a.mg-btn{display:block;text-align:center;text-decoration:none;box-sizing:border-box}

/* ------------------------------------------------------------------ Visual 24 (código, estilo GPM2)
   Fonte pixel nos títulos, painéis com relevo, faixa da equipe no topo, ícones pixel, barras em segmentos. */
:root{--px:'Titillium Web',ui-rounded,system-ui,sans-serif;--hi:#5A5566;--lo:#16141C;--deep:#1A1822}
body.mg-body{background:#0F0E14 repeating-linear-gradient(135deg,rgba(255,255,255,.018) 0 6px,transparent 6px 12px)}
.px-icon{display:inline-block;flex:none;image-rendering:pixelated;vertical-align:middle}
.mg-main h2{font-family:var(--px);font-weight:400;font-size:30px;letter-spacing:0;line-height:1.1;text-shadow:2px 2px 0 #0F0E14}
.mg-card{border:2px solid #0F0E14;box-shadow:inset 2px 2px 0 var(--hi),inset -2px -2px 0 var(--lo),0 3px 0 rgba(0,0,0,.35);padding:0 10px 8px}
.mg-card h4{font-family:var(--px);font-weight:400;font-size:18px;letter-spacing:0;text-transform:none;line-height:1.1;color:var(--text);margin:0 -10px 8px;padding:6px 10px;background:linear-gradient(#36324300,#0000),var(--deep);border-bottom:2px solid #0F0E14;box-shadow:inset 3px 0 0 var(--team,var(--gold))}
.mg-card h4 .mg-btn{margin-left:auto}
.mg-card>b,.mg-next b{font-family:var(--px);font-weight:400;font-size:18px;line-height:1.2}
.mg-next{border-color:#0F0E14;box-shadow:inset 2px 2px 0 var(--hi),inset -2px -2px 0 var(--lo),0 0 0 2px var(--gold),0 3px 0 rgba(0,0,0,.35)}
.mg-nextrow{display:flex;gap:12px;align-items:center}
.mg-nextrow>div{min-width:0;display:grid;gap:2px}
.mg-outline{flex:none;background:#2F5A2C;background-image:radial-gradient(#3A6B35 1px,transparent 1px);background-size:6px 6px;border:2px solid #0F0E14;box-shadow:inset 1px 1px 0 #4C8045}
.mg-strip{display:flex;gap:4px;margin-top:8px}
.mg-strip span{flex:1;font-family:var(--px);font-size:18px;line-height:1;text-align:center;padding:3px 0;background:var(--deep);color:var(--mute);border:1px solid #0F0E14}
.mg-strip span.done{background:#26703C;color:var(--text)}
.mg-strip span.now{background:var(--gold);color:var(--bg);font-weight:700}
/* topo: faixa nas cores da equipe */
.mg-top{background:linear-gradient(90deg,var(--panel) 0 55%,transparent 85%),repeating-linear-gradient(135deg,var(--team,var(--gold)) 0 10px,var(--team2,#2A2736) 10px 20px);box-shadow:0 0 0 2px var(--team,var(--gold)),0 4px 0 rgba(0,0,0,.4)}
.mg-top b{font-family:var(--px);font-weight:400;font-size:18px;letter-spacing:0}
.mg-chip{display:inline-flex;align-items:center;gap:6px;font-family:var(--px);font-weight:400;font-size:18px;background:rgba(15,14,20,.85);border:2px solid #0F0E14;box-shadow:inset 1px 1px 0 var(--hi);padding:3px 8px;white-space:nowrap}
.mg-money.mg-chip{color:var(--gold)}
@media (max-width:520px){.mg-top .mg-chip:not(.mg-money){display:none}}
/* navegação */
.mg-nav button{font-family:var(--px);font-weight:400;font-size:18px;letter-spacing:0;text-transform:none}
.mg-nav button .px-icon{filter:grayscale(.6) brightness(.85)}
.mg-nav button.on .px-icon{filter:none}
.mg-nav button.on{background:linear-gradient(transparent,rgba(242,194,48,.12))}
@media (min-width:900px){.mg-nav button{font-size:20px;gap:10px}.mg-nav button.on{box-shadow:inset 3px 0 0 var(--gold)}}
/* botões */
.mg-btn,.mg-tabs button{font-family:var(--px);font-weight:400;letter-spacing:0;text-transform:none;font-size:18px;line-height:1}
.mg-btn.small{font-size:20px;padding:4px 7px}
.mg-btn.big{font-size:30px;padding:10px;text-shadow:1px 1px 0 rgba(255,255,255,.35)}
.mg-btn.big.go{text-shadow:1px 1px 0 #0F0E14}
.mg-tabs button{box-shadow:inset 1px 1px 0 var(--hi),inset -1px -1px 0 var(--lo)}
.mg-tabs button.on{box-shadow:inset 1px 1px 0 #FFE27A,inset -2px -2px 0 #B88A17}
/* barras em segmentos (como o painel da corrida) */
.mg-bar{height:10px;background:#0F0E14;border:1px solid #0F0E14}
.mg-bar i{background:repeating-linear-gradient(90deg,var(--green2) 0 5px,var(--green) 5px 7px,#0F0E14 7px 8px)}
/* tabelas */
.mg-table tbody tr:nth-child(even) td{background:rgba(255,255,255,.025)}
.mg-table th{font-family:var(--px);font-weight:400;font-size:18px}
.mg-table tr.own td{background:rgba(242,194,48,.08)}
/* e-mails e pendências */
.mg-from{font-family:var(--px);font-weight:400;font-size:18px;text-transform:none;letter-spacing:0}
.mg-pend span{display:flex;gap:6px;align-items:flex-start}
.mg-face{font-family:var(--px);font-size:18px;box-shadow:inset 1px 1px 0 var(--hi)}
.mg-setup em{font-family:var(--px);font-size:18px}

.mg-nav button{;font-smooth:never}
.mg-money.mg-chip,.mg-card h4,.mg-btn,.mg-tabs button,.mg-main h2,.mg-top b{}
/* títulos de linha e nomes na fonte pixel */
.mg-setup>div:first-child b,.mg-row>span>b,.mg-proj b,.mg-person b,.mg-run b,.mg-skills b,.mg-subj{font-family:var(--px);font-weight:400;font-size:18px;line-height:1.1;}
.mg-mail.unread .mg-subj{font-weight:400;color:var(--text)}
.mg-mail .mg-subj{color:var(--mute)}
/* controle deslizante em pixel */
.mg-body input[type=range]{-webkit-appearance:none;appearance:none;height:22px;background:transparent;margin:6px 0 2px}
.mg-body input[type=range]::-webkit-slider-runnable-track{height:8px;background:#0F0E14;border:2px solid #0F0E14;box-shadow:inset 0 2px 0 #46424F}
.mg-body input[type=range]::-moz-range-track{height:8px;background:#0F0E14;border:2px solid #0F0E14}
.mg-body input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:20px;margin-top:-8px;background:var(--gold);border:2px solid #0F0E14;box-shadow:inset 2px 2px 0 #FFE27A,inset -2px -2px 0 #B88A17;border-radius:0}
.mg-body input[type=range]::-moz-range-thumb{width:12px;height:16px;background:var(--gold);border:2px solid #0F0E14;border-radius:0}
.mg-body select{border-radius:0}
/* resultado: pódio */
.mg-podium{display:flex;align-items:flex-end;gap:6px}
.mg-pod{flex:1;min-width:0;display:grid;justify-items:center;gap:2px;text-align:center;padding:8px 4px 0;background:var(--deep);border:2px solid #0F0E14}
.mg-pod img{image-rendering:pixelated}
.mg-pod b{font-family:var(--px);font-weight:400;font-size:18px;line-height:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.mg-pod small{color:var(--mute);font-size:11px;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.mg-pod span{align-self:stretch;margin-top:4px;font-family:var(--px);font-size:30px;line-height:1.2;color:#0F0E14;background:#9A94A0;box-shadow:inset 2px 2px 0 #C8C2CC}
.mg-pod.p1 span{background:var(--gold);box-shadow:inset 2px 2px 0 #FFE27A;padding-top:22px}
.mg-pod.p2 span{padding-top:10px}
.mg-pod.p3 span{background:#C07A3A;box-shadow:inset 2px 2px 0 #E0A060}
.mg-pod.own{border-color:var(--gold)}
.mg-pts{font-family:var(--px);font-style:normal;font-size:18px;color:var(--gold)}
.mg-table td small{color:var(--mute)}
.mg-zwrap{display:grid;justify-items:center;gap:4px;padding:6px 0 8px;background:#2F5A2C;background-image:radial-gradient(#3A6B35 1px,transparent 1px);background-size:6px 6px;border:2px solid #0F0E14;margin-bottom:6px}
.mg-zcar{max-width:100%;height:auto;image-rendering:pixelated}
.mg-zwrap small{background:rgba(15,14,20,.75);padding:1px 6px}
/* sprites opcionais: faixa da sala, retratos e ícones do menu (só com os arquivos em assets/manager/) */
.mg-room{aspect-ratio:3/1;max-width:100%;margin:0 0 10px;background-size:100% 500%;background-repeat:no-repeat;border:2px solid #0F0E14;box-shadow:inset 0 0 0 2px var(--hi),0 3px 0 rgba(0,0,0,.35)}
.has-faces .mg-face{width:52px;height:54px;background-image:url(../../assets/manager/retratos.png);background-size:400% 600%;background-color:#2A2736;color:transparent}
.mg-navimg{display:none;width:30px;height:30px;background-image:url(../../assets/manager/icones.png);background-size:500% 100%;filter:grayscale(.55) brightness(.8)}
.mg-nav button.on .mg-navimg{filter:none}
.has-navicons .mg-navimg{display:inline-block}
.has-navicons .mg-nav .px-icon{display:none}
/* botão de opções no topo */
.mg-opt{cursor:pointer;color:var(--text);font:inherit;font-family:var(--px);font-size:18px}
.mg-opt.on{color:var(--gold)}
.mg-top .mg-chip.mg-opt{display:inline-flex}
@media (max-width:520px){.mg-opt span{display:none}.mg-opt{padding:3px 5px}}
/* 23.18 · pintura do carro nas Opções */
.mg-livery { display: block; margin: 6px auto 8px; image-rendering: pixelated; background: #2A2736; border: 2px solid #0F0E14; }
.mg-patterns { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 6px; }
.mg-patterns .mg-btn { flex: 1 1 30%; min-width: 0; }
/* 23.20: arte antiga reaproveitada (retratos de capacete, peças e carro pintado) */
.mg-dface{flex:none;vertical-align:middle;object-fit:contain}
td.mg-who .mg-dface{margin-right:6px}
.mg-who{display:flex;align-items:center;gap:8px}
.mg-who>div{min-width:0}
.mg-pod .mg-dface{display:block;margin:0 auto 2px}
.mg-row>.mg-piece{flex:none;width:40px;height:40px;object-fit:contain;margin-right:8px;background:var(--panel2);border:2px solid var(--line);padding:2px}
.mg-piece-empty{display:inline-block;width:40px;height:40px;margin-right:8px;border:2px dashed var(--line)}
.mg-boxcar{display:flex;gap:12px;align-items:center}
.mg-boxcar .mg-skills{flex:1;min-width:0}
.mg-paint{flex:none;width:54px;height:117px}
/* 23.21: Comercial numa tela só (resumo do dinheiro + gavetas) */
.mg-fold{margin:0 0 10px;border:2px solid #0F0E14;background:var(--panel2);box-shadow:inset 0 0 0 2px var(--hi)}
.mg-fold>summary{cursor:pointer;list-style:none;padding:10px 12px;font-family:var(--px);font-size:18px;color:var(--gold);display:flex;align-items:center;gap:8px}
.mg-fold>summary::-webkit-details-marker{display:none}
.mg-fold>summary::before{content:"▸";color:var(--mute)}
.mg-fold[open]>summary::before{content:"▾"}
.mg-fold>section,.mg-fold>p,.mg-fold>div{margin-left:8px;margin-right:8px}
.mg-row.in b{color:#7FD08A}.mg-row.out b{color:#F08A7A}
.mg-row.tot.neg b{color:#F08A7A}.mg-row.tot.pos b{color:#7FD08A}
/* 23.22: logos, carro parado e capacetes */
.mg-logo{flex:none;display:inline-block;width:104px;height:40px;background-image:url(../../assets/manager/patrocinadores.png);background-size:400% 700%;background-repeat:no-repeat;margin-right:8px}
.mg-logo.sm{width:62px;height:24px}
@media (max-width:520px){.mg-row>.mg-logo.sm{width:52px;height:20px;margin-right:4px}}
.mg-logo.free{background:none;border:2px dashed var(--line)}
.mg-showwrap{background:#2F2D3A;background-image:none;padding:6px}
.mg-show{display:block;width:100%;max-width:100%;height:auto;aspect-ratio:1300/560;image-rendering:pixelated}
.mg-helmrow{display:flex;gap:12px;align-items:center;margin-bottom:8px}
.mg-helmrow>div{display:flex;flex-direction:column;gap:4px;min-width:0}
.mg-helm{width:96px;height:96px;border:2px solid var(--line);image-rendering:pixelated}
.mg-looktabs button{font-size:16px;padding:6px 4px}
.mg-swatches{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}
.mg-sw{width:30px;height:30px;border:2px solid #0F0E14;box-shadow:inset 0 0 0 1px rgba(255,255,255,.25);cursor:pointer;padding:0}
.mg-sw.on{outline:3px solid var(--gold);outline-offset:1px}
/* 23.24: ajuda (?) no lugar de parágrafos fixos; vaga fechada */
.mg-help{display:inline-block;position:relative;margin-left:auto;font-family:var(--px)}
.mg-card h4 .mg-help{float:right;margin-left:8px}
.mg-help>summary{list-style:none;cursor:pointer;width:22px;height:22px;line-height:20px;text-align:center;border:2px solid var(--line);color:var(--gold);font-size:14px;background:var(--deep)}
.mg-help>summary::-webkit-details-marker{display:none}
.mg-help[open]>summary{border-color:var(--gold)}
.mg-help>p{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:60;width:min(320px,calc(100vw - 32px));box-shadow:0 0 0 100vmax rgba(10,9,14,.55),0 4px 0 #0F0E14;margin:0;padding:8px 10px;background:#16141C;border:2px solid var(--gold);color:var(--text);font:500 13px/1.4 'Titillium Web',system-ui,sans-serif;white-space:normal;text-transform:none}
.mg-row.locked{opacity:.55}
.mg-help-x{display:block;margin-top:6px;color:var(--mute);font-size:11px}
.mg-online{color:#7FD08A}.mg-online i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#3FA35B;box-shadow:0 0 6px #3FA35B}
.mg-ad{max-width:980px;margin:8px auto 90px;padding:6px max(16px,env(safe-area-inset-left,0px));text-align:center}
.mg-ad small{display:block;color:var(--mute);font-size:10px;letter-spacing:.06em;text-transform:uppercase;margin-bottom:2px}
@media (max-width:520px){.mg-top .mg-chip.mg-online{display:inline-flex;font-size:14px;padding:2px 6px;gap:4px}.mg-online span{display:none}}
.mg-top .mg-chip.mg-online[hidden]{display:none!important}

/* Contador público: aparece também antes de criar uma carreira, sem cobrir controles. */
.mg-new .mg-public-presence{display:flex;justify-content:flex-end;align-items:center;min-height:33px;margin:0 0 8px;padding:0 2px}
.mg-new .mg-public-presence .mg-online{font-size:15px;color:#7FD08A;line-height:1.2}
.mg-public-presence .mg-online[hidden]{display:none!important}
@media (max-width:520px){.mg-new .mg-public-presence .mg-online span{display:inline}}