/* Galactus: capa de marca sobre el diseño original (MIT). */
:root{--gx:#9b7bff;--gx-hi:#c9b8ff}
#brand{position:fixed;z-index:11;left:16px;top:calc(env(safe-area-inset-top) + 14px);display:flex;align-items:center;gap:10px;padding:8px 14px 8px 8px;border-radius:999px;border-color:rgba(155,123,255,.45);opacity:0;transition:opacity .9s ease .2s}
body.ready #brand{opacity:1}
#brand .gx{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font:700 17px var(--ui);color:#fff;background:radial-gradient(circle at 35% 30%,#c9b8ff,#6b46e6 60%,#2a1a6b);box-shadow:0 0 18px rgba(155,123,255,.55)}
#brand .bt{display:flex;flex-direction:column;line-height:1.05}
#brand .bt b{font:700 14px var(--ui);letter-spacing:.32em;color:var(--gx-hi)}
#brand .bt small{font:500 9.5px var(--mono);color:var(--mut);letter-spacing:.04em;margin-top:3px}
.simtag{font:700 9px/1 var(--ui);letter-spacing:.2em;color:#1a1030;background:var(--gold);padding:5px 7px;border-radius:6px}
.nav .seg b.up{color:var(--up)}.nav .seg b.dn{color:var(--dn)}
#disc{position:fixed;z-index:9;left:50%;transform:translateX(-50%);bottom:8px;font:500 10px var(--mono);color:var(--mut);letter-spacing:.02em;white-space:nowrap;opacity:.85;pointer-events:auto}
#disc a{color:var(--mut)}
#pf{margin:10px 0 8px;padding:10px 8px 4px;border-top:1px solid var(--line)}
.pfh{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px}
.pfh b{font:700 10px var(--ui);letter-spacing:.26em;color:var(--gx-hi)}.pfh span{font:500 9px var(--mono);color:var(--mut)}
.pfr{display:grid;grid-template-columns:62px 1fr auto;align-items:center;gap:6px;padding:4px 0;border-bottom:1px dashed rgba(255,255,255,.05)}
.pfr b{font:700 11px var(--mono);color:var(--txt)}.pfr small{font:500 9.5px var(--mono);color:var(--mut)}.pfr em{font:700 12px var(--mono);font-style:normal}
#cstats{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
#cstats span{display:flex;flex-direction:column;gap:2px;padding:5px 8px;border-radius:8px;background:rgba(255,255,255,.04);border:1px solid var(--line)}
#cstats small{font:600 8px var(--ui);letter-spacing:.16em;color:var(--mut);text-transform:uppercase}
#cstats b{font:700 12px var(--mono);color:var(--txt)}
#cstats em{flex-basis:100%;font:500 9.5px var(--mono);font-style:normal;color:var(--mut)}
body.anch #brand{top:auto}
/* vertical / móvil */
@media (max-width:999px){
  #brand{left:50%;transform:translateX(-50%);top:calc(env(safe-area-inset-top) + 10px);padding:6px 12px 6px 6px}
  #brand .gx{width:28px;height:28px;font-size:15px}#brand .bt b{font-size:13px}
  #top{top:calc(env(safe-area-inset-top) + 58px)}
  #roster{bottom:calc(env(safe-area-inset-bottom) + 24px)}
  #roster #pf{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;margin:0 0 6px;padding:0;border:0}
  #roster .pfh{display:none}
  #roster .pfr{grid-template-columns:1fr;justify-items:center;gap:1px;padding:5px 2px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.03)}
  #roster .pfr small{display:none}#roster .pfr b{font-size:10px}#roster .pfr em{font-size:11px}
  #disc{bottom:6px;font-size:8.5px}
  #card{bottom:calc(env(safe-area-inset-bottom) + 200px)}
  #ctrl{display:none}
}
/* ajustes v2 */
#brand .bt small{white-space:nowrap}
body.anch #brand{left:auto;transform:none;box-sizing:border-box;justify-content:flex-start}
body.anch #menu{flex:none;gap:1px}
body.anch #menu .ib{flex:none;min-height:0;max-height:none;padding:3px 8px 3px 10px;grid-template-columns:26px minmax(0,1fr) auto;gap:8px}
body.anch #menu .ib .av canvas{width:24px;height:30px}
body.anch #roster .rh{padding:0 8px 8px}
body.anch #roster{padding:12px 10px 10px}
body.anch .nm b{font-size:11.5px}body.anch .nm small{font-size:10px}
body.anch #pf{margin:6px 0 6px;padding:8px 8px 2px}
body.anch #sys{margin-top:4px}
body.anch #hint{display:none}
@media (max-width:999px){#top{top:calc(env(safe-area-inset-top) + 66px)}}
body.anch #menu .ib .av{width:26px;height:26px;border-radius:7px}
body.anch #menu .ib .av canvas{width:22px;height:28px;margin-top:6px}
.bub{opacity:0;visibility:hidden;margin-top:6px;transition:opacity .3s ease,visibility 0s linear .3s,margin .3s ease}
.bub.in{opacity:1;visibility:visible;margin-top:0;transition:opacity .4s ease,visibility 0s,margin .5s cubic-bezier(.2,1.4,.4,1)}
body.anch #pf .pfr{grid-template-columns:50px 1fr auto;padding:2px 0;gap:4px}
body.anch #pf .pfr small{font-size:8.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.anch #pf .pfh{margin-bottom:3px}
body.anch #sys{padding:6px 6px 2px;gap:4px 10px}body.anch #sys span{font-size:9px}body.anch #pf{margin:4px 0 2px;padding:6px 8px 0}