/* fonte pixel do jogo (Jersey 10, licença OFL), um pouco maior que o normal pra ficar do tamanho da anterior */
@font-face{font-family:'Zoobu Pixel';src:url(../fonts/jersey10-latin.woff2) format('woff2');font-display:swap;size-adjust:132%;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Zoobu Pixel';src:url(../fonts/jersey10-latin-ext.woff2) format('woff2');font-display:swap;size-adjust:132%;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+A720-A7FF}
/* Layout: um portátil roxo no centro de um quarto escuro; tela 3:2 (240x160, igual ao GBA) com textos em DOM por cima. Visual único (escuro) de propósito. */
:root{
  --room:#16131d; --room2:#1f1a2a; --ink:#f1ecf8; --mute:#a59cb9; --line:#3b3350;
  --shell:#5d4b8e; --shell-hi:#7a66b0; --shell-lo:#3a2e5e; --bezel:#1d1a24;
  --btn:#d24a63; --btn-lo:#8e2c40; --pad:#2b2633; --gold:#f2c14e;
  --f-pix:'Zoobu Pixel','Courier New',monospace; --f-body:'Rubik',system-ui,sans-serif;
  color-scheme:dark;
}
[hidden]{display:none!important}
body{margin:0;background:var(--room);color:var(--ink);font-family:var(--f-body);
  background-image:radial-gradient(circle at 50% -10%,#2b2340 0,transparent 60%)}
.wrap{max-width:820px;margin:0 auto;padding-block:20px 48px;
  padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));
  display:flex;flex-direction:column;gap:20px}
.top{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}
.top h1{font:700 clamp(28px,6vw,40px)/1 var(--f-pix);margin:0;letter-spacing:.02em;color:var(--gold);
  text-shadow:3px 3px 0 #6b3b20;text-wrap:balance}
.top p{margin:0;color:var(--mute);font-size:14px}

/* ---------- criação ---------- */
.sheet{background:var(--room2);border:2px solid var(--line);border-radius:18px;padding:20px;display:flex;flex-direction:column;gap:18px}
.sheet h2{font:600 22px var(--f-pix);margin:0}
.cont{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;
  background:#2a2238;border:2px dashed var(--gold);border-radius:12px;padding:12px 14px}
.grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:22px}
@media (max-width:640px){.grid{grid-template-columns:minmax(0,1fr)}}
.col{display:flex;flex-direction:column;gap:10px;min-width:0}
.lbl{font:600 13px var(--f-pix);letter-spacing:.1em;text-transform:uppercase;color:var(--mute);margin-top:6px}
#nm{font:600 18px var(--f-pix);background:#120f18;color:var(--ink);border:2px solid var(--line);border-radius:10px;padding:10px 12px;width:100%;box-sizing:border-box}
#nm:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.cards.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.card{border:2px solid var(--line);border-radius:12px;padding:10px;background:#272135;cursor:pointer;text-align:left;color:var(--ink);font:inherit;display:flex;flex-direction:column;gap:4px;min-width:0}
.card:hover{border-color:#5b4f75}
.card[aria-pressed="true"]{border-color:var(--gold);background:#30283f}
.card:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.card b{font:600 16px var(--f-pix)}
.card small{color:var(--mute);font-size:12.5px;line-height:1.35}
.card img{width:64px;height:64px;image-rendering:pixelated;align-self:center}
.three .card{align-items:center;text-align:center}
.looks{display:flex;flex-direction:column;gap:8px}
.lookrow{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.lookrow span{width:52px;font-size:13px;color:var(--mute)}
.sw{display:flex;gap:6px;flex-wrap:wrap}
.sw button{width:26px;height:26px;border-radius:6px;border:2px solid #0006;cursor:pointer;padding:0}
.sw button[aria-pressed="true"]{outline:2px solid var(--gold);outline-offset:2px}
.pvwrap{display:flex;align-items:center;gap:14px}
#pv{width:144px;height:144px;image-rendering:pixelated;border-radius:12px;border:2px solid var(--line)}
.pvwrap small{color:var(--mute);font-size:12.5px;line-height:1.4}
.btn{font:600 17px var(--f-pix);background:var(--btn);color:#fff;border:0;border-radius:12px;padding:11px 18px;cursor:pointer;box-shadow:0 4px 0 var(--btn-lo)}
.btn:active{transform:translateY(2px);box-shadow:0 2px 0 var(--btn-lo)}
.btn:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.btn.big{align-self:flex-start;font-size:20px;padding:13px 24px}
.btn.sm{font-size:15px;padding:8px 14px}
.btn.ghost{background:#3a3150;box-shadow:0 4px 0 #241e33}

/* ---------- jogo em tela cheia (celular primeiro) ---------- */
body.playing{overflow:hidden;overscroll-behavior:none}
#game{position:fixed;inset:0;z-index:10;background:#000;overflow:hidden;user-select:none;-webkit-user-select:none;touch-action:none;-webkit-tap-highlight-color:transparent}
#cv{position:absolute;inset:0;width:100%;height:100%;display:block;image-rendering:pixelated}
#fade{position:absolute;inset:0;background:#000;opacity:0;pointer-events:none;z-index:3}
#stage{position:absolute;left:50%;top:env(safe-area-inset-top,0px);transform:translateX(-50%);width:min(100vw,calc((100dvh - 170px) * 1.5));aspect-ratio:3/2;container-type:inline-size;z-index:2}
#stage canvas{width:100%;height:100%;display:block;image-rendering:pixelated}
.loc{position:absolute;left:max(10px,env(safe-area-inset-left,0px));top:calc(env(safe-area-inset-top,0px) + 10px);z-index:4;background:#f8f8f0;border:3px solid #45507a;border-radius:8px;
  padding:5px 14px;font:600 16px var(--f-pix);color:#38384a;transform:translateY(-200%);transition:transform .35s}
.loc.show{transform:none}
#menuBtn{position:absolute;right:max(10px,env(safe-area-inset-right,0px));top:calc(env(safe-area-inset-top,0px) + 10px);z-index:4;font:600 16px var(--f-pix);background:#f8f8f0;color:#38384a;
  border:3px solid #45507a;border-radius:10px;padding:8px 14px;box-shadow:0 3px 0 rgba(0,0,0,.35);cursor:pointer}
#menuBtn:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
#dock{position:absolute;left:0;right:0;bottom:0;margin:0 auto;max-width:780px;box-sizing:border-box;display:flex;gap:8px;align-items:stretch;z-index:6;pointer-events:none;
  padding:0 max(8px,env(safe-area-inset-right,0px)) calc(8px + env(safe-area-inset-bottom,0px)) max(8px,env(safe-area-inset-left,0px))}
#dock>*{pointer-events:auto}
.box{background:#f8f8f0;border:4px solid #45507a;box-shadow:inset 0 0 0 3px #a9bfe0;border-radius:12px;color:#38384a;font-family:var(--f-pix);box-sizing:border-box}
.tb{flex:1;min-width:0;min-height:108px;padding:14px 18px 22px;font:500 clamp(16px,4.4vw,21px)/1.45 var(--f-pix);text-shadow:2px 2px 0 #d9d9cf;cursor:pointer;position:relative}
.more{position:absolute;right:14px;bottom:8px;color:#e05050;font-size:14px;animation:bob .6s steps(2) infinite}
@keyframes bob{50%{transform:translateY(3px)}}
.menu{display:grid;gap:4px 8px;padding:8px;font:600 clamp(16px,4.4vw,20px)/1.2 var(--f-pix);align-content:center;min-width:0}
.menu.battle{flex:0 0 46%}
.menu.moves{flex:1;font-size:clamp(14px,3.9vw,18px)}
.menu.yesno{flex:0 0 auto;min-width:100px}
.menu.side{position:absolute;z-index:9;right:max(10px,env(safe-area-inset-right,0px));top:calc(env(safe-area-inset-top,0px) + 10px);min-width:200px}
.opt{padding:11px 8px 11px 26px;position:relative;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-radius:8px}
.opt.on{background:#e3e9f6}
.opt.on::before{content:'▶';position:absolute;left:8px;top:50%;transform:translateY(-50%);font-size:.7em}
.opt.off{color:#a8a8b0}
#minfo{flex:0 0 32%;padding:10px 12px;font:500 clamp(13px,3.6vw,17px)/1.4 var(--f-pix);min-width:0}
#minfo .eff{color:#c03848;font-weight:700}
@media (max-width:560px){
  #dock{flex-direction:column;gap:6px}
  .menu.battle,.menu.moves{flex:none}
  .menu.yesno{align-self:flex-end}
  #minfo{flex:none;display:flex;flex-wrap:wrap;gap:4px 12px;align-items:center;padding:8px 12px}
  #minfo:empty{display:none}
}
.tchip{display:inline-block;font:600 12px/1.6 var(--f-pix);padding:0 7px;border-radius:6px;color:#fff;vertical-align:middle;text-shadow:none}

.hbox{position:absolute;z-index:4;box-sizing:border-box;background:#f8f8e8;border:.6cqw solid #484858;padding:1cqw 2.2cqw 1.2cqw;font-family:var(--f-pix);color:#38384a}
.hbox.e{left:4%;top:5%;width:45%;border-radius:1.6cqw 1.6cqw 4cqw 1.6cqw}
.hbox.p{right:3%;top:43%;width:47%;border-radius:1.6cqw 1.6cqw 1.6cqw 4cqw}
.hbox .tchip{font-size:2.1cqw;padding:0 1cqw;border-radius:.8cqw}
.hn{display:flex;justify-content:space-between;align-items:center;gap:1cqw;font-size:3.4cqw;font-weight:600;white-space:nowrap}
.hn b{overflow:hidden;text-overflow:ellipsis}
.bar{display:flex;align-items:center;gap:1cqw;margin-top:.6cqw}
.bar>span{font-size:2.1cqw;font-weight:700;color:#f8c838;background:#484858;padding:0 .8cqw;border-radius:.6cqw}
.hpbar{flex:1;height:1.7cqw;background:#484858;border-radius:1cqw;padding:.3cqw;box-sizing:border-box}
.hpbar i{display:block;height:100%;border-radius:.6cqw;transition:width .5s linear,background .5s}
.hpt{text-align:right;font-size:3cqw;margin-top:.3cqw;font-variant-numeric:tabular-nums}
.xpbar{height:1cqw;background:#484858;margin-top:.5cqw;border-radius:.6cqw;overflow:hidden}
.xpbar i{display:block;height:100%;width:0;background:#48b8f0;transition:width .6s}

.panel{position:absolute;z-index:8;top:calc(env(safe-area-inset-top,0px) + 8px);bottom:calc(env(safe-area-inset-bottom,0px) + 8px);
  left:max(8px,env(safe-area-inset-left,0px));right:max(8px,env(safe-area-inset-right,0px));max-width:720px;margin:0 auto;background:#f4f1e6;
  display:flex;flex-direction:column;overflow:hidden}
.ph{display:flex;justify-content:space-between;align-items:center;gap:10px;background:#45507a;color:#f8f8f0;padding:8px 8px 8px 16px;font-size:19px}
.ph b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ph button{flex:none;background:#f8f8f0;color:#45507a;border:0;border-radius:8px;font:700 15px var(--f-pix);padding:9px 14px;cursor:pointer}
.pbody{padding:12px 16px;font-size:16px;line-height:1.5;overflow:auto;flex:0 1 auto;min-height:0;touch-action:pan-y}
.pbody.grow{flex:1 1 auto}
.pbody p{margin:0 0 10px}
.plist{position:relative;overflow:auto;flex:1 1 auto;min-height:0;padding:8px;display:flex;flex-direction:column;gap:4px;touch-action:pan-y}
.plist .opt{display:flex;align-items:center;gap:12px;padding:10px 12px 10px 28px;font-size:17px;white-space:normal;flex:none}
.plist .opt img{width:48px;height:48px;image-rendering:pixelated;flex:none}
.plist .hpbar{height:10px;padding:2px;border-radius:6px;flex:none}
.plist .hpbar i{border-radius:4px}
.pinfo{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.pinfo small{font-size:13px;color:#6a6a78;font-weight:400}
.r{margin-left:auto;font-size:15px;white-space:nowrap;text-align:right;font-variant-numeric:tabular-nums}
.r small{font-size:12px;color:#6a6a78;display:block}
.pfoot{padding:8px 16px 12px;font-size:14px;color:#a03048;min-height:1.3em}
.sheetm{display:flex;gap:14px;align-items:center}
.sheetm img.big{width:96px;height:96px;image-rendering:pixelated;flex:none;background:#e6e1d0;border-radius:12px}
.sheetm>div{display:flex;flex-direction:column;gap:3px;min-width:0}
.mvs{display:grid;grid-template-columns:1fr 1fr;gap:6px 16px;margin-top:12px}
@media (max-width:420px){.mvs{grid-template-columns:1fr}}
.mvs small{color:#6a6a78}
.bonus{color:#2f6a48}
.dfield{display:flex;flex-direction:column;gap:6px;margin-top:12px}
.dfield label{font-weight:600;font-size:14px;letter-spacing:.06em;text-transform:uppercase;color:#56566a}
.dfield textarea{font:16px/1.4 ui-monospace,Consolas,monospace;background:#fff;color:#28283a;border:2px solid #b8bccb;border-radius:8px;padding:8px;resize:vertical;word-break:break-all;user-select:text;-webkit-user-select:text}
.pbtn{align-self:flex-start;font:600 16px var(--f-pix);background:#45507a;color:#fff;border:0;border-radius:10px;padding:10px 16px;cursor:pointer}
.pbtn.alt{background:var(--btn)}
@media (prefers-reduced-motion:reduce){.more{animation:none}.loc,.hpbar i,.xpbar i{transition:none}}

/* ---------- login, conta e online ---------- */
.muted{margin:0;color:var(--mute);font-size:14px;line-height:1.5;max-width:60ch}
.inp{font:600 17px var(--f-pix);background:#120f18;color:var(--ink);border:2px solid var(--line);border-radius:10px;padding:10px 12px;width:100%;box-sizing:border-box}
.inp:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.row{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}
.acct{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;font-size:13px;color:var(--mute)}
.link{background:none;border:0;color:var(--gold);font:600 13px var(--f-body);cursor:pointer;padding:4px 0;text-decoration:underline}
.dmsg{margin:0;color:var(--gold);min-height:1.4em;font-size:14px}
#tags{position:absolute;inset:0;pointer-events:none;z-index:2;overflow:hidden}
.tag{position:absolute;left:0;top:0;white-space:nowrap;font:600 12px var(--f-pix);color:#fff;background:rgba(40,32,64,.82);border-radius:6px;padding:2px 7px;will-change:transform}
.chip{position:absolute;z-index:4;right:max(10px,env(safe-area-inset-right,0px));top:calc(env(safe-area-inset-top,0px) + 62px);font:600 13px var(--f-pix);
  background:rgba(40,32,64,.82);color:#bff0c8;border-radius:8px;padding:5px 10px}
.chip::before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;background:#58d080;margin-right:6px;vertical-align:1px}
.toast{position:absolute;z-index:9;left:50%;top:calc(env(safe-area-inset-top,0px) + 12px);transform:translate(-50%,-200%);max-width:min(92vw,520px);box-sizing:border-box;
  background:#f8f8f0;border:3px solid #45507a;border-radius:10px;padding:10px 14px;font:600 15px/1.35 var(--f-pix);color:#38384a;transition:transform .35s;text-align:center}
.toast.show{transform:translate(-50%,0)}

/* ---------- acabamento mais caprichado das caixas ---------- */
.box{background:linear-gradient(180deg,#fefdf8 0%,#f4f2e8 60%,#ebe8dc 100%);border:4px solid #353f68;
  box-shadow:inset 0 0 0 2px #ffffff,inset 0 0 0 4px #9fb6dc,inset 0 -6px 0 rgba(53,63,104,.06),0 4px 0 rgba(10,12,30,.35),0 10px 22px rgba(10,12,30,.3)}
.tb{text-shadow:1px 1px 0 #ffffff,2px 2px 0 #d6d3c6}
.opt.on{background:linear-gradient(180deg,#e8eefa,#d8e2f6);box-shadow:inset 0 0 0 1px #b8c8ea}
.ph{background:linear-gradient(180deg,#4b578a,#353f68);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 2px 0 rgba(0,0,0,.2)}
.hbox{background:linear-gradient(180deg,#fefdf4,#efecdc);box-shadow:inset 0 0 0 .3cqw #ffffff,0 .6cqw 0 rgba(10,12,30,.3),0 1.4cqw 2.4cqw rgba(10,12,30,.25)}
.hpbar{box-shadow:inset 0 .25cqw 0 rgba(0,0,0,.35)}
.hpbar i{background-image:linear-gradient(180deg,rgba(255,255,255,.45) 0 35%,transparent 35%)!important}
#menuBtn,.loc,.toast{background:linear-gradient(180deg,#fefdf8,#ecead0);box-shadow:inset 0 0 0 2px #fff,0 3px 0 rgba(0,0,0,.35),0 8px 16px rgba(0,0,0,.25)}
#pv{width:160px;height:160px}

/* ---------- escolhas de gênero, cabelo e barba ---------- */
.chips{display:flex;flex-wrap:wrap;gap:6px}
.chipbtn{font:600 14px var(--f-pix);color:var(--ink);background:#272135;border:2px solid var(--line);border-radius:999px;padding:7px 13px;cursor:pointer}
.chipbtn:hover{border-color:#5b4f75}
.chipbtn[aria-pressed="true"]{border-color:var(--gold);background:#3a2f4c;color:#fff}
.chipbtn:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.pvbox{display:flex;flex-direction:column;gap:8px;align-items:center;flex:none}
.rot{display:flex;gap:6px}
.rot .chipbtn{padding:6px 11px;font-size:13px}
/* nomes compridos quebram em duas linhas em vez de cortar */
.hn b.nome-m,.hn b.nome-g{white-space:normal;line-height:1.05;font-size:2.9cqw;overflow:visible}
.hn b.nome-g{font-size:2.7cqw}
.hn:has(.nome-m),.hn:has(.nome-g){align-items:flex-start}

/* controle na tela: joystick à esquerda, A (interagir) e B (segure pra correr) à direita */
#pad{position:absolute;left:0;right:0;bottom:0;z-index:5;pointer-events:none;display:flex;justify-content:space-between;align-items:flex-end;
  padding:0 max(18px,env(safe-area-inset-right,0px)) calc(22px + env(safe-area-inset-bottom,0px)) max(18px,env(safe-area-inset-left,0px))}
#pad[hidden]{display:none}
#joy{pointer-events:auto;width:132px;height:132px;border-radius:50%;position:relative;touch-action:none;
  background:radial-gradient(circle,rgba(255,255,255,.10) 0 55%,rgba(255,255,255,.22) 56% 100%);border:3px solid rgba(255,255,255,.55);box-shadow:0 4px 14px rgba(0,0,0,.3)}
#knob{position:absolute;left:50%;top:50%;width:58px;height:58px;margin:-29px 0 0 -29px;border-radius:50%;
  background:radial-gradient(circle at 35% 30%,#fefdf8,#d6d4c0);border:3px solid #45507a;box-shadow:0 3px 0 rgba(0,0,0,.35);will-change:transform}
.abtns{display:flex;gap:14px;align-items:flex-end}
.abtns button{pointer-events:auto;touch-action:none;width:68px;height:68px;border-radius:50%;font:700 24px var(--f-pix);color:#fff;cursor:pointer;
  background:var(--btn);border:3px solid var(--btn-lo);box-shadow:0 4px 0 var(--btn-lo),0 8px 16px rgba(0,0,0,.3);text-shadow:0 2px 0 rgba(0,0,0,.3)}
#btnB{width:56px;height:56px;font-size:20px;margin-bottom:22px;background:#6a7ab8;border-color:#3a4678;box-shadow:0 4px 0 #3a4678,0 8px 16px rgba(0,0,0,.3)}
.abtns button.on{transform:translateY(3px);box-shadow:0 1px 0 rgba(0,0,0,.4)}
.abtns button:focus-visible,#joy:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
@media (max-height:520px){#joy{width:112px;height:112px}#knob{width:50px;height:50px;margin:-25px 0 0 -25px}}

/* aparência dentro do jogo: prévia ao lado das opções, botões no tema claro do painel */
.lookedit{display:flex;gap:14px;align-items:flex-start}
.lookedit img.big{width:96px;height:144px;image-rendering:pixelated;flex:none;background:#e6e1d0;border-radius:12px;position:sticky;top:0}
.lookopts{display:flex;flex-direction:column;gap:6px;min-width:0;flex:1}
.lookopts .lbl{font:600 14px var(--f-pix);color:#5a5a70;margin-top:4px}
.lookopts .chipbtn{background:#ecebf4;color:#38384a;border-color:#c8c8d8;font-size:13px;padding:6px 11px}
.lookopts .chipbtn[aria-pressed="true"]{background:#fff3cf;border-color:var(--gold);color:#38384a}
@media (max-width:420px){.lookedit img.big{width:64px;height:96px}}


/* Zoobudex no jogo */
.dexn{font:600 14px var(--f-pix);color:#8a8aa0;width:42px;flex:none}
.dexvazio{width:48px;height:48px;flex:none;border-radius:8px;background:#e6e1d0;box-shadow:inset 0 0 0 2px #d6d0bc}
.dexsts{display:grid;gap:4px;margin:10px 0}
.dexst{display:grid;grid-template-columns:38px 1fr 34px;align-items:center;gap:8px;font:600 13px var(--f-pix)}
.dexst i{display:block;height:8px;border-radius:4px;background:#58a0e0}
.dexst b{text-align:right}

/* dica no quadro do golpe */
#minfo .dica{color:#8a8aa0;font-size:.85em}

/* a fonte pixel só tem um peso: sem negrito falso, que borra os pixels */
*{font-synthesis:none}

/* PP acabando fica vermelho */
#minfo .ppbaixo{color:#c03848}

/* iPhone: sem zoom de toque duplo em nenhum lugar (o jogo inteiro é tela fixa) */
html,body{touch-action:manipulation}
input,textarea,select{font-size:max(16px,1em)}

/* time atual no mapa (canto de cima, abaixo do nome da região) */
#teamBar{position:absolute;z-index:4;left:max(8px,env(safe-area-inset-left,0px));top:calc(env(safe-area-inset-top,0px) + 58px);display:flex;gap:4px;padding:4px;cursor:pointer;
  background:rgba(248,248,240,.88);border:2px solid #45507a;border-radius:10px;box-shadow:0 2px 0 rgba(0,0,0,.3)}
#teamBar[hidden]{display:none}
#teamBar .tm{position:relative;width:34px;height:38px;border-radius:7px;background:#e6e1d0}
#teamBar .tm img{width:34px;height:34px;image-rendering:pixelated;display:block}
#teamBar .tm i{position:absolute;left:3px;bottom:2px;height:3px;border-radius:2px;max-width:28px}
#teamBar .tm.lead{box-shadow:0 0 0 2px var(--gold)}
#teamBar .tm.lead::after{content:'★';position:absolute;top:-6px;right:-4px;color:var(--gold);font-size:13px;text-shadow:0 1px 0 #6b3b20}
#teamBar .tm.ko img{filter:grayscale(1) opacity(.5)}
#teamBar:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.pinfo .lead{color:#d89a1c}