/* Full-screen wrapper blocks interaction even while JS is loading. */
html.public-twitch-gate-open,
body.public-twitch-gate-open,
html:has(.public-twitch-gate[open]),
body:has(.public-twitch-gate[open]) { overflow: hidden; }
dialog.public-twitch-gate[open] {
  position: fixed;
  z-index: 2147483000;
  inset: 0;
  display: grid;
  place-items: center;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
  margin: 0;
  padding: max(20px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(20px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));
  overflow-y: auto;
  overscroll-behavior: contain;
  border: 0;
  color: #f5f7fa;
  background: rgba(2,5,10, .9);
  font-family: inherit;
}
.public-twitch-gate::backdrop { background: rgba(2,5,10, .5); }
.public-twitch-gate .public-twitch-gate-card {
  box-sizing: border-box;
  width: min(100%, 460px);
  margin-block: auto;
  padding: clamp(24px, 5vw, 38px);
  text-align: center;
  border: 1px solid color-mix(in srgb, var(--twitch-gate-accent) 36%, #29303a);
  border-radius: 24px;
  background: radial-gradient(ellipse at 50% 0, color-mix(in srgb, var(--twitch-gate-accent) 13%, transparent), transparent 65%), #080d14;
  box-shadow: 0 26px 80px rgba(0,0,0, .5);
}
.public-twitch-gate .public-twitch-gate-icon {
  display: grid;
  place-items: center;
  width: 66px;
  height: 66px;
  margin: 0 auto 22px;
  border: 1px solid #a970ff66;
  border-radius: 20px;
  background: #a970ff20;
}
.public-twitch-gate img { display: block; object-fit: contain; }
.public-twitch-gate small { color: var(--twitch-gate-accent); font-size: 10px; font-weight: 800; letter-spacing: .14em; }
.public-twitch-gate h2 { margin: 12px 0; color: #f5f7fa; font-size: clamp(26px, 5vw, 32px); font-weight: 900; line-height: 1.15; }
.public-twitch-gate p { margin: 0 0 24px; color: #b8c1ce; font-size: 14px; line-height: 1.65; }
.public-twitch-gate .public-twitch-gate-error { padding: 12px; border: 1px solid #ff5b7540; border-radius: 10px; color: #ffb2c0; background: #ff5b750d; font-size: 12px; }
.public-twitch-gate .public-twitch-gate-connect {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  min-height: 54px;
  padding: 8px 16px;
  border: 1px solid #a970ff;
  border-radius: 12px;
  background: #772ce8;
  color: #fff;
  font-size: 14px;
  font-weight: 800;
  text-decoration: none;
}
.public-twitch-gate .public-twitch-gate-connect:hover { background: #9146ff; }
.public-twitch-gate form { margin: 14px 0 0; }
.public-twitch-gate .public-twitch-gate-logout { padding: 10px 16px; border: 0; border-radius: 8px; color: #b8c1ce; background: transparent; font-family: inherit; font-size: 12px; font-weight: 600; line-height: 1.5; cursor: pointer; }
.public-twitch-gate .public-twitch-gate-logout:hover { color: #fff; background: #ffffff0d; }
.public-twitch-gate :is(a, button):focus-visible { outline: 2px solid #fff; outline-offset: 4px; }

.public-header {
  position: sticky;
  z-index: 200;
  top: 0;
  width: 100%;
  background:
    radial-gradient(circle at 18% -80%, color-mix(in srgb, var(--accent) 13%, transparent), transparent 42%),
    linear-gradient(180deg, rgba(2,7,20, .97), rgba(2,5,14, .92));
  border-bottom: 1px solid color-mix(in srgb, var(--accent) 17%, rgba(255,255,255, .07));
  box-shadow: 0 16px 45px rgba(0,0,0, .24);
  backdrop-filter: blur(22px) saturate(135%);
}

.public-header.cosmetic-theme-sub-1 { --accent:#a970ff; --accent-2:#772ce8; background: repeating-linear-gradient(90deg,transparent 0 86px,rgba(169,112,255,.035) 87px 88px),radial-gradient(circle at 18% -55%,rgba(169,112,255,.28),transparent 42%),linear-gradient(180deg,rgba(11,6,18,.985),rgba(5,4,9,.95)); }
.public-header.cosmetic-theme-base-core { --accent:#0677f7; --accent-2:#0638b1; background:repeating-linear-gradient(90deg,transparent 0 119px,rgba(6,119,247,.025) 120px 121px),radial-gradient(circle at 22% -45%,rgba(6,119,247,.21),transparent 43%),linear-gradient(180deg,rgba(4,8,14,.985),rgba(3,5,8,.95)); }
.public-header.cosmetic-theme-sub-2 { --accent:#5ed9ff; --accent-2:#8a5cff; background: radial-gradient(circle at 15% -50%,rgba(94,217,255,.27),transparent 40%),radial-gradient(circle at 76% 150%,rgba(138,92,255,.2),transparent 42%),linear-gradient(115deg,transparent 30%,rgba(94,217,255,.025) 31%,transparent 32%),linear-gradient(180deg,rgba(4,12,16,.985),rgba(3,7,11,.95)); }
.public-header.cosmetic-theme-sub-3 { --accent:#ffc843; --accent-2:#0677f7; background: linear-gradient(110deg,rgba(255,200,67,.1),transparent 30%),radial-gradient(circle at 20% -55%,rgba(255,200,67,.25),transparent 40%),radial-gradient(circle at 72% 145%,rgba(6,119,247,.16),transparent 40%),linear-gradient(180deg,rgba(15,11,4,.985),rgba(4,4,8,.95)); }
.public-header.cosmetic-theme-vip-1 { --accent:#0677f7; --accent-2:#0844a8; background: repeating-radial-gradient(circle at 13% 50%,transparent 0 35px,rgba(6,119,247,.04) 36px 37px,transparent 38px 56px),radial-gradient(circle at 18% -55%,rgba(6,119,247,.29),transparent 40%),linear-gradient(180deg,rgba(3,7,15,.985),rgba(2,4,8,.95)); }
.public-header.cosmetic-theme-vip-2 { --accent:#9b6dff; --accent-2:#5530cf; background: radial-gradient(ellipse at 88% 45%,rgba(155,109,255,.25),transparent 28%),radial-gradient(circle at 16% -55%,rgba(155,109,255,.3),transparent 42%),linear-gradient(130deg,rgba(81,45,171,.1),transparent 48%),linear-gradient(180deg,rgba(10,7,19,.985),rgba(5,4,11,.96)); }
.public-header.cosmetic-theme-vip-3 { --accent:#ffbf3f; --accent-2:#c56b08; background: repeating-linear-gradient(135deg,transparent 0 62px,rgba(255,191,63,.035) 63px 64px),linear-gradient(110deg,rgba(255,191,63,.13),transparent 31%),radial-gradient(circle at 18% -55%,rgba(255,191,63,.33),transparent 42%),linear-gradient(180deg,rgba(18,12,4,.99),rgba(8,6,3,.96)); }

.public-header:is(.cosmetic-theme-sub-2,.cosmetic-theme-sub-3,.cosmetic-theme-vip-2,.cosmetic-theme-vip-3) .public-nav-links {
  border-color: color-mix(in srgb, var(--accent) 18%, rgba(255,255,255,.075));
  box-shadow: inset 0 1px color-mix(in srgb, var(--accent) 8%, transparent), 0 10px 34px color-mix(in srgb, var(--accent) 7%, rgba(0,0,0,.18));
}

.public-header::before {
  position: absolute;
  inset: 0 0 auto;
  height: 1px;
  content: "";
  background: linear-gradient(90deg, transparent 4%, color-mix(in srgb, var(--accent) 60%, transparent), transparent 70%);
  opacity: .72;
  pointer-events: none;
}

.public-header::after {
  position: absolute;
  right: 0;
  bottom: -1px;
  left: 0;
  height: 1px;
  content: "";
  background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--accent) 24%, transparent), transparent);
  pointer-events: none;
}

/* O tema equipado vive no menu real: cada família tem luz e movimento próprios. */
.public-header.cosmetic-theme-sub-1::after { animation:public-theme-signal 3.8s steps(7,end) infinite; }
.public-header.cosmetic-theme-sub-2::before { animation:public-theme-pulse 3.4s ease-in-out infinite; }
.public-header.cosmetic-theme-sub-3::before,
.public-header.cosmetic-theme-vip-3::before { inset:0; height:auto; background:linear-gradient(108deg,transparent 20%,color-mix(in srgb,var(--accent) 4%,transparent) 38%,color-mix(in srgb,#fff 18%,var(--accent)) 48%,color-mix(in srgb,var(--accent-2) 8%,transparent) 55%,transparent 72%); background-position:180% 0; background-size:220% 100%; background-repeat:no-repeat; opacity:.7; animation:public-theme-sweep 6.4s ease-in-out infinite; }
.public-header.cosmetic-theme-vip-1::before { inset:0; height:auto; background:linear-gradient(180deg,transparent 5%,rgba(6,119,247,.08) 47%,rgba(6,119,247,.2) 50%,rgba(6,119,247,.07) 53%,transparent 95%); background-position:0 -160%; background-size:100% 240%; background-repeat:no-repeat; opacity:.75; animation:public-theme-scan 5s linear infinite; }
.public-header.cosmetic-theme-vip-2::before { inset:0; height:auto; background:radial-gradient(ellipse at 78% 50%,transparent 0 11%,rgba(155,109,255,.12) 13%,transparent 16% 23%,rgba(155,109,255,.07) 25%,transparent 29%); background-position:100% 50%; background-size:140% 220%; opacity:.78; animation:public-theme-vortex 7.5s ease-in-out infinite; }
.public-header.cosmetic-theme-vip-3::before { background-image:linear-gradient(108deg,transparent 18%,rgba(255,191,63,.04) 34%,rgba(255,245,204,.28) 47%,rgba(255,191,63,.11) 54%,transparent 72%); opacity:.92; animation-duration:5.2s; }

.public-header-inner {
  display: grid;
  width: min(calc(100% - 32px), 1500px);
  min-height: 84px;
  margin-inline: auto;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: clamp(18px, 2vw, 34px);
}

.public-brand-group {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  justify-self: start;
}

.public-header .public-streamer-access {
  display: inline-flex;
  box-sizing: border-box;
  flex: none;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-width: 44px;
  min-height: 44px;
  padding: 10px 12px;
  color: var(--accent, #0677f7);
  background: color-mix(in srgb, var(--accent, #0677f7) 9%, #080e14);
  border: 1px solid color-mix(in srgb, var(--accent, #0677f7) 30%, transparent);
  border-radius: 12px;
  text-decoration: none;
  transition: background .18s, border-color .18s;
}

.public-streamer-access > span { display: flex; }
.public-streamer-access svg { width: 18px; height: 18px; }
.public-streamer-access strong { font-size: 11px; font-weight: 800; }
.public-header .public-streamer-access:hover {
  background: color-mix(in srgb, var(--accent, #0677f7) 17%, #080e14);
  border-color: var(--accent, #0677f7);
}
.public-streamer-access:focus-visible { outline: 2px solid var(--accent, #0677f7); outline-offset: 4px; }

.public-brand {
  position: relative;
  display: inline-flex;
  min-width: max-content;
  align-items: center;
  gap: 10px;
  color: #f5f6fa;
  text-decoration: none;
}

.public-brand-mark {
  position: relative;
  display: grid;
  width: 76px;
  height: 62px;
  flex: none;
  place-items: center;
}

.public-brand img {
  position: relative;
  z-index: 1;
  width: 72px;
  height: 58px;
  object-fit: contain;
  filter: drop-shadow(0 5px 12px rgba(0,0,0, .5));
}

.public-brand-signature {
  display: grid;
  gap: 5px;
}

.public-brand-signature i {
  display: block;
  width: 34px;
  height: 2px;
  background: linear-gradient(90deg, var(--accent), transparent);
  border-radius: 5px;
  box-shadow: 0 0 10px color-mix(in srgb, var(--accent) 55%, transparent);
}

.public-brand-signature b {
  color: #848890;
  font-size: 7px;
  font-style: normal;
  font-weight: 900;
  letter-spacing: .18em;
  white-space: nowrap;
}

.public-main-nav {
  display: grid;
  min-width: 0;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  color: #b8bbc1;
}

.public-nav-links,
.public-nav-actions {
  display: flex;
  align-items: center;
}

.public-nav-links {
  min-width: 0;
  justify-self: center;
  gap: 3px;
  padding: 5px;
  background: linear-gradient(145deg, rgba(255,255,255, .04), rgba(255,255,255, .015));
  border: 1px solid rgba(255,255,255, .075);
  border-radius: 17px;
  box-shadow: inset 0 1px rgba(255,255,255, .025), 0 10px 30px rgba(0,0,0, .16);
}

.public-nav-actions {
  flex: none;
  gap: 7px;
  padding-left: 0;
  border-left: 0;
}

.public-nav-item,
.public-main-nav .public-twitch-connect,
.public-account,
.public-main-nav .public-google-login {
  position: relative;
  display: inline-flex;
  min-height: 50px;
  align-items: center;
  justify-content: center;
  gap: 9px;
  padding: 0 11px;
  color: inherit;
  background: transparent;
  border: 1px solid transparent;
  border-radius: 12px;
  text-decoration: none;
  cursor: pointer;
  transition: color .18s ease, background .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.public-nav-item {
  min-width: 94px;
}

.public-nav-icon {
  display: grid;
  width: 30px;
  height: 30px;
  flex: none;
  place-items: center;
  color: #747881;
  background: rgba(255,255,255, .035);
  border: 1px solid rgba(255,255,255, .055);
  border-radius: 9px;
  transition: color .18s ease, background .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.public-nav-icon .ui-icon {
  display: block;
  width: 15px;
  height: 15px;
}

.public-nav-copy {
  display: grid;
  min-width: 0;
  gap: 3px;
  line-height: 1;
  text-align: center;
}

.public-nav-copy strong,
.public-nav-copy small {
  display: block;
  white-space: nowrap;
}

.public-nav-copy strong {
  color: #e5e7eb;
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .015em;
}

.public-nav-copy small {
  color: #686d74;
  font-size: 6px;
  font-weight: 750;
  letter-spacing: .055em;
}

.public-nav-item::after {
  position: absolute;
  right: 13px;
  bottom: 3px;
  left: 13px;
  height: 2px;
  content: "";
  background: var(--accent);
  border-radius: 5px;
  box-shadow: 0 0 12px color-mix(in srgb, var(--accent) 68%, transparent);
  opacity: 0;
  transform: scaleX(.35);
  transition: opacity .18s ease, transform .18s ease;
}

.public-nav-item:hover,
.public-nav-item:focus-visible {
  color: #fff;
  background: rgba(255,255,255, .04);
  border-color: rgba(255,255,255, .075);
  transform: translateY(-1px);
}

.public-nav-item:hover .public-nav-icon,
.public-nav-item:focus-visible .public-nav-icon {
  color: #cdd0d7;
  border-color: rgba(255,255,255, .1);
}

.public-nav-item.active {
  color: var(--accent);
  background: linear-gradient(145deg, color-mix(in srgb, var(--accent) 12%, #0b0d11), rgba(255,255,255, .025));
  border-color: color-mix(in srgb, var(--accent) 28%, transparent);
  box-shadow: inset 0 1px color-mix(in srgb, var(--accent) 12%, transparent), 0 8px 24px color-mix(in srgb, var(--accent) 8%, transparent);
}

.public-nav-item.active::after {
  opacity: 1;
  transform: scaleX(1);
}

.public-nav-item.active .public-nav-icon {
  color: var(--accent);
  background: color-mix(in srgb, var(--accent) 9%, transparent);
  border-color: color-mix(in srgb, var(--accent) 27%, transparent);
  box-shadow: 0 0 16px color-mix(in srgb, var(--accent) 12%, transparent);
}

.public-nav-item.active .public-nav-copy strong { color: #fff; }
.public-nav-item.active .public-nav-copy small { color: color-mix(in srgb, var(--accent) 68%, #717880); }

.public-nav-actions .public-twitch-connect {
  min-height: 44px;
  gap: 8px;
  padding: 0 12px 0 7px;
  color: #eee8f8;
  background: radial-gradient(circle at 15% 50%, rgba(169,112,255, .2), transparent 38%), linear-gradient(135deg, rgba(63,35,88, .62), rgba(11,9,14, .96));
  border-color: rgba(169,112,255, .32);
  border-radius: 12px;
  box-shadow: 0 9px 25px rgba(28,12,48, .25), inset 0 1px rgba(255,255,255, .045);
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .015em;
  white-space: nowrap;
}

.public-nav-actions .public-twitch-connect:hover,
.public-nav-actions .public-twitch-connect:focus-visible {
  color: #fff;
  background: radial-gradient(circle at 15% 50%, rgba(185,139,255, .28), transparent 40%), linear-gradient(135deg, rgba(81,42,119, .72), rgba(14,10,18, .98));
  border-color: rgba(185,139,255, .54);
  box-shadow: 0 12px 30px rgba(119,44,232, .22), inset 0 1px rgba(255,255,255, .07);
  transform: translateY(-1px);
}

.public-twitch-connect-icon {
  display: grid;
  width: 29px;
  height: 29px;
  flex: none;
  place-items: center;
  background: linear-gradient(145deg, #a970ff, #772ce8);
  border: 1px solid rgba(213,187,255, .44);
  border-radius: 9px;
  box-shadow: 0 0 17px rgba(145,71,255, .2);
}

.public-twitch-connect-icon img {
  width: 15px;
  height: 15px;
  filter: brightness(0) invert(1);
}

.public-nav-actions .public-kick-connect {
  color: #efedff;
  background: radial-gradient(circle at 15% 50%, rgba(83,252,24, .19), transparent 39%), linear-gradient(135deg, rgba(18,10,73, .62), rgba(5,6,13, .97));
  border-color: rgba(83,252,24, .34);
  box-shadow: 0 9px 25px rgba(12,7,55, .24), inset 0 1px rgba(255,255,255, .045);
}

.public-nav-actions .public-kick-connect:hover,
.public-nav-actions .public-kick-connect:focus-visible {
  color: #fff;
  background: radial-gradient(circle at 15% 50%, rgba(83,252,24, .27), transparent 41%), linear-gradient(135deg, rgba(23,12,94, .72), rgba(5,7,16, .98));
  border-color: rgba(105,55,255, .58);
  box-shadow: 0 12px 30px rgba(83,252,24, .16), inset 0 1px rgba(255,255,255, .07);
}

.public-kick-connect-icon {
  background: linear-gradient(145deg, #6831ff, #3f0dd6);
  border-color: rgba(181,156,255, .48);
  box-shadow: 0 0 17px rgba(83,252,24, .2);
}

.public-kick-connect-icon img { filter: brightness(0); }

.public-inventory-link {
  position: relative;
  display: inline-flex;
  width: auto;
  height: 50px;
  min-height: 50px;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 0 11px 0 9px;
  color: #838892;
  background: rgba(4,6,10, .72);
  border: 1px solid rgba(255,255,255, .1);
  border-radius: 999px;
  box-shadow: 0 7px 18px rgba(0,0,0, .2), inset 0 1px rgba(255,255,255, .04);
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .035em;
  text-decoration: none;
  text-transform: uppercase;
  white-space: nowrap;
  transition: color .18s ease, background .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.public-account + .public-inventory-link { margin-left: 10px; }

.public-inventory-link > strong { display: block; color:#cbced5; font-size:8px; line-height:1; }

.public-inventory-icon {
  display: grid;
  width: 18px;
  height: 18px;
  flex: none;
  place-items: center;
  color: inherit;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

.public-inventory-icon .ui-icon {
  width: 16px;
  height: 16px;
}

.public-inventory-link:hover,
.public-inventory-link:focus-visible {
  color: #4c7bff;
  background: rgba(6,119,247, .08);
  border-color: rgba(6,119,247, .34);
  box-shadow: 0 8px 21px rgba(20,65,190, .1), inset 0 1px rgba(255,255,255, .045);
  transform: translateY(-1px);
}

.public-inventory-link:hover > strong,
.public-inventory-link:focus-visible > strong,
.public-inventory-link.active > strong { color: #f4f7ff; }

.public-inventory-link.active {
  color: #5784ff;
  background: rgba(6,119,247, .1);
  border-color: rgba(6,119,247, .4);
  box-shadow: 0 0 16px rgba(6,119,247, .11), inset 0 0 0 1px rgba(6,119,247, .04);
}

.public-inventory-link.active .public-inventory-icon {
  color: inherit;
  background: transparent;
  border: 0;
  box-shadow: none;
}

@media (min-width: 901px) {
  .public-header-inner { grid-template-columns: minmax(0, 1fr); }
  .public-brand-group,
  .public-main-nav { grid-row: 1; grid-column: 1; }
  .public-brand-group { z-index: 2; justify-self: start; }
  .public-main-nav { position: relative; display: flex; width: 100%; justify-content: center; }
  .public-nav-actions { position: absolute; top: 50%; right: 0; transform: translateY(-50%); }
  /* Reserve real space for the admin shortcut instead of overlaying the menu. */
  .has-streamer-access .public-header-inner { grid-template-columns: auto minmax(0, 1fr); }
  .has-streamer-access .public-main-nav { grid-column: 2; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 12px; }
  .has-streamer-access .public-nav-actions { position: static; transform: none; }
}

@media (min-width: 901px) and (max-width: 1400px) {
  .has-streamer-access .public-account { min-width: 0; }
  .has-streamer-access .public-account-copy { display: none; }
}

.public-main-nav .public-google-login {
  padding-inline: 14px;
  color: #101216;
  background: linear-gradient(145deg, #fff, #e7e9ee);
  border-color: rgba(255,255,255, .8);
  box-shadow: 0 9px 24px rgba(0,0,0, .22);
  font-size: 10px;
  font-weight: 850;
}

.public-login-providers {
  display: flex;
  align-items: center;
  gap: 4px;
}

.public-login-providers > img {
  display: block;
  width: 17px;
  height: 17px;
  object-fit: contain;
}

.public-google-login:hover,
.public-google-login:focus-visible {
  background: #eff4ff !important;
  box-shadow: 0 12px 30px color-mix(in srgb, var(--accent) 13%, transparent) !important;
  transform: translateY(-1px);
}

.public-account {
  isolation: isolate;
  min-width: 118px;
  justify-content: flex-start;
  gap: 17px;
  padding: 0 12px 0 14px;
  color: #f5f6f8 !important;
  background: linear-gradient(145deg, rgba(255,255,255, .065), rgba(255,255,255, .025)) !important;
  border-color: rgba(255,255,255, .095);
  box-shadow: inset 0 1px rgba(255,255,255, .025);
}

.public-account::before,
.public-account::after {
  position: absolute;
  z-index: 0;
  content: "";
  pointer-events: none;
  opacity: 0;
}

.public-account > * { position: relative; z-index: 2; }

.public-account:hover,
.public-account:focus-visible,
.public-account.active {
  border-color: rgba(255,255,255, .18);
  box-shadow: 0 9px 26px rgba(0,0,0, .2), inset 0 1px rgba(255,255,255, .035);
  transform: translateY(-1px);
}

.public-account-avatar {
  position: relative;
  display: grid;
  width: 32px;
  height: 32px;
  flex: none;
  overflow: visible;
  place-items: center;
  color: #fff;
  background: linear-gradient(135deg, #283244, #141a25);
  border: 1px solid rgba(255,255,255, .16);
  border-radius: 50%;
  box-shadow: 0 0 0 2px rgba(255,255,255, .025);
  font-size: 11px;
  font-weight: 900;
}

.public-account-avatar b { line-height: 1; }

.public-account-photo {
  position: absolute;
  z-index: 1;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}

.public-account-frame {
  position: absolute;
  z-index: 2;
  top: calc(50% + var(--frame-y, 0%));
  left: calc(50% + var(--frame-x, 0%));
  display: block;
  width: var(--frame-size, 172%);
  max-width: none;
  height: auto;
  aspect-ratio: 1;
  object-fit: contain;
  border-radius: 0;
  filter: drop-shadow(0 3px 5px rgba(0,0,0, .48));
  pointer-events: none;
  transform: translate(-50%, -50%);
}

.public-account-frame[hidden] {
  display: none;
}

.public-account-copy {
  display: grid;
  min-width: 0;
  gap: 3px;
  line-height: 1;
}

.public-account-copy strong,
.public-account-copy small {
  display: block;
  max-width: 90px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.public-account-copy strong { color: #eef0f4; font-size: 10px; font-weight: 850; }
.public-account-copy small { color: #787c84; font-size: 6px; font-weight: 900; letter-spacing: .07em; text-transform: uppercase; }

.public-account-statuses {
  display: flex;
  max-width: 220px;
  align-items: center;
  gap: 3px;
  overflow: hidden;
}

.public-account-statuses i {
  display: inline-flex;
  min-height: 13px;
  align-items: center;
  padding: 0 4px;
  color: var(--member-accent);
  background: color-mix(in srgb, var(--member-accent) 8%, transparent);
  border: 1px solid color-mix(in srgb, var(--member-accent) 28%, transparent);
  border-radius: 4px;
  font-size: 7px;
  font-style: normal;
  font-weight: 950;
  letter-spacing: .025em;
  white-space: nowrap;
}

.public-account-statuses i.vip {
  width: 31px;
  height: 15px;
  min-height: 15px;
  padding: 0;
  border-color: color-mix(in srgb, var(--member-accent) 42%, transparent);
  background: color-mix(in srgb, var(--member-accent) 9%, #020611);
  overflow: hidden;
}

.public-account-statuses i.vip img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  filter: drop-shadow(0 0 4px color-mix(in srgb, var(--member-accent) 34%, transparent));
}

/* Identidade dos ranks VIP: Ouro, Xerife e Global. */
.public-header.cosmetic-theme-vip-1 {
  --accent:#e6c34a;
  --accent-2:#274e91;
  background:repeating-linear-gradient(90deg,transparent 0 70px,rgba(230,195,74,.035) 71px 72px),radial-gradient(circle at 18% -45%,rgba(39,78,145,.42),transparent 43%),linear-gradient(180deg,rgba(5,13,28,.99),rgba(3,6,12,.96));
}
.public-header.cosmetic-theme-vip-2 {
  --accent:#d8bd72;
  --accent-2:#7f8998;
  background:radial-gradient(ellipse at 86% 45%,rgba(127,137,152,.2),transparent 31%),radial-gradient(circle at 16% -55%,rgba(216,189,114,.25),transparent 42%),linear-gradient(180deg,rgba(18,19,21,.99),rgba(6,7,9,.97));
}
.public-header.cosmetic-theme-vip-3 {
  --accent:#4f86d9;
  --accent-2:#e3c15e;
  background:repeating-linear-gradient(135deg,transparent 0 62px,rgba(227,193,94,.03) 63px 64px),radial-gradient(circle at 18% -55%,rgba(79,134,217,.4),transparent 42%),linear-gradient(180deg,rgba(4,12,27,.99),rgba(2,5,11,.97));
}
.public-main-nav .public-account.cosmetic-plate-vip-1 {
  --plate-accent:#e6c34a;
  border-color:rgba(230,195,74,.64)!important;
  border-radius:10px 20px!important;
  background:radial-gradient(circle at 12% 50%,rgba(39,78,145,.5),transparent 38%),linear-gradient(135deg,rgba(230,195,74,.16),rgba(4,10,22,.98) 72%)!important;
  box-shadow:0 9px 30px rgba(22,47,92,.28),inset 0 0 20px rgba(230,195,74,.07);
}
.public-main-nav .public-account.cosmetic-plate-vip-2 {
  --plate-accent:#d8bd72;
  border-color:rgba(216,189,114,.72)!important;
  background:radial-gradient(ellipse at 13% 50%,rgba(127,137,152,.32),transparent 40%),linear-gradient(135deg,rgba(216,189,114,.12),#090a0c 72%)!important;
  box-shadow:0 9px 34px rgba(0,0,0,.36),inset 0 0 22px rgba(216,189,114,.08);
}
.public-main-nav .public-account.cosmetic-plate-vip-3 {
  --plate-accent:#4f86d9;
  background:linear-gradient(118deg,rgba(227,193,94,.18),transparent 29%) padding-box,radial-gradient(circle at 84% 50%,rgba(79,134,217,.23),transparent 38%) padding-box,linear-gradient(180deg,#0a1a35,#030811) padding-box,linear-gradient(125deg,#f4db8e,#4f86d9 48%,#e3c15e) border-box!important;
  box-shadow:0 12px 30px rgba(0,0,0,.44),0 0 18px rgba(79,134,217,.2),inset 0 1px rgba(244,219,142,.18);
}

.public-main-nav .public-account[class*="cosmetic-plate-"]:not(.cosmetic-plate-original)::after { z-index:1; inset:3px; border:1px solid color-mix(in srgb,var(--plate-accent) 20%,transparent); border-radius:inherit; box-shadow:inset 0 0 13px color-mix(in srgb,var(--plate-accent) 5%,transparent); opacity:.72; }
.public-main-nav .public-account[class*="cosmetic-plate-"]:not(.cosmetic-plate-original) .public-account-copy small { color:color-mix(in srgb,var(--plate-accent) 62%,#7e8289); }
.public-main-nav .public-account.cosmetic-plate-sub-1 { --plate-accent:#a970ff; border-color:rgba(169,112,255,.58)!important; border-radius:5px 18px!important; background:repeating-linear-gradient(105deg,transparent 0 27px,rgba(169,112,255,.095) 28px 29px),linear-gradient(135deg,rgba(119,44,232,.34),rgba(8,5,13,.97))!important; box-shadow:0 9px 27px rgba(66,29,117,.2),inset 0 0 14px rgba(169,112,255,.06); }
.public-main-nav .public-account.cosmetic-plate-base-core { --plate-accent:#0677f7; border-color:rgba(6,119,247,.38)!important; background:repeating-linear-gradient(90deg,transparent 0 39px,rgba(6,119,247,.035) 40px),linear-gradient(135deg,rgba(6,119,247,.1),rgba(3,6,10,.97) 68%)!important; box-shadow:0 9px 26px rgba(0,0,0,.24),inset 0 0 16px rgba(6,119,247,.045); }
.public-main-nav .public-account.cosmetic-plate-sub-2 { --plate-accent:#5ed9ff; border-color:#5ed9ff #8a5cff #8a5cff #5ed9ff!important; border-radius:19px 5px!important; background:radial-gradient(circle at 12% 50%,rgba(94,217,255,.33),transparent 36%),repeating-linear-gradient(90deg,transparent 0 42px,rgba(94,217,255,.06) 43px 44px),linear-gradient(135deg,rgba(26,106,139,.23),rgba(31,15,67,.42)),#050a0e!important; box-shadow:0 9px 28px rgba(32,131,166,.17),inset 0 0 17px rgba(138,92,255,.08); }
.public-main-nav .public-account.cosmetic-plate-sub-3 { --plate-accent:#ffc843; border:3px double rgba(255,221,132,.86)!important; border-radius:14px 3px!important; background:radial-gradient(circle at 12% 50%,rgba(255,200,67,.3),transparent 34%),radial-gradient(circle at 88% 60%,rgba(6,119,247,.12),transparent 34%),repeating-linear-gradient(135deg,transparent 0 37px,rgba(255,214,105,.06) 38px 39px),#0d0a03!important; box-shadow:inset 0 0 18px rgba(6,119,247,.07),0 9px 31px rgba(255,200,67,.17); }
.public-main-nav .public-account.cosmetic-plate-vip-1 { --plate-accent:#0677f7; border-color:rgba(6,119,247,.62)!important; border-radius:999px!important; background:repeating-radial-gradient(circle at 17% 50%,transparent 0 15px,rgba(6,119,247,.12) 16px 17px,transparent 18px 27px),linear-gradient(135deg,rgba(6,119,247,.21),rgba(2,4,9,.98) 72%)!important; box-shadow:0 9px 30px rgba(24,72,184,.18),inset 0 0 20px rgba(6,119,247,.07); }
.public-main-nav .public-account.cosmetic-plate-vip-2 { --plate-accent:#9b6dff; border:3px double rgba(205,187,255,.86)!important; border-radius:5px 21px!important; background:radial-gradient(ellipse at 13% 50%,rgba(155,109,255,.44),transparent 39%),repeating-radial-gradient(circle at 16% 50%,transparent 0 20px,rgba(188,163,255,.075) 21px 22px),radial-gradient(circle at 90% 50%,rgba(85,48,207,.23),transparent 34%),#080511!important; box-shadow:0 9px 34px rgba(91,52,181,.26),inset 0 0 22px rgba(155,109,255,.11); }
.public-main-nav .public-account.cosmetic-plate-vip-3 { --plate-accent:#ffd76a; overflow:visible; border:1px solid transparent!important; border-radius:18px!important; background:linear-gradient(118deg,rgba(255,224,147,.22),rgba(255,224,147,.035) 27%,transparent 28%) padding-box,linear-gradient(118deg,transparent 58%,rgba(25,91,146,.16) 58.5%,rgba(10,30,46,.55) 80%,rgba(255,202,92,.18)) padding-box,linear-gradient(180deg,#171822 0%,#070d11 46%,#030607 49%,#091729 100%) padding-box,linear-gradient(125deg,#fff0bb 0%,#b08636 23%,#f5d580 46%,#7c6331 64%,#4283bc 82%,#ffe7a0 100%) border-box!important; box-shadow:0 12px 30px rgba(0,0,0,.44),0 0 18px rgba(204,160,67,.12),inset 0 1px rgba(255,242,199,.18),inset 0 -2px rgba(0,0,0,.65); }
.public-main-nav .public-account.cosmetic-plate-vip-3::before { inset:4px; background:linear-gradient(135deg,transparent 45%,rgba(255,222,146,.45) 46%,rgba(255,222,146,.45) 47%,transparent 48%) right top/42px 50% no-repeat,linear-gradient(45deg,transparent 45%,rgba(255,222,146,.45) 46%,rgba(255,222,146,.45) 47%,transparent 48%) right bottom/42px 50% no-repeat,linear-gradient(135deg,transparent 45%,rgba(67,149,223,.24) 46%,rgba(67,149,223,.24) 47%,transparent 48%) right 12px top/42px 50% no-repeat,linear-gradient(45deg,transparent 45%,rgba(67,149,223,.24) 46%,rgba(67,149,223,.24) 47%,transparent 48%) right 12px bottom/42px 50% no-repeat,linear-gradient(90deg,transparent,#f5d580 28%,#a4aed7 60%,transparent) center top/66% 1px no-repeat,linear-gradient(90deg,transparent,rgba(245,213,128,.5),transparent) center bottom/72% 1px no-repeat; border:0; border-radius:13px; filter:none; opacity:.85; pointer-events:none; animation:public-plate-vip3-glow 4.2s ease-in-out infinite; }
.public-main-nav .public-account.cosmetic-plate-vip-3::after { inset:4px; border:1px solid rgba(255,228,158,.18); border-top-color:rgba(255,233,180,.35); border-bottom-color:rgba(78,123,176,.24); border-radius:13px; box-shadow:inset 0 1px rgba(0,0,0,.5); opacity:1; }
.public-main-nav .public-account.cosmetic-plate-sub-1 .public-account-copy strong { color:#e7d7ff; }
.public-main-nav .public-account.cosmetic-plate-sub-2 .public-account-copy strong { color:#dcf8ff; }
.public-main-nav .public-account.cosmetic-plate-sub-3 .public-account-copy strong { color:#fff1b3; }
.public-main-nav .public-account.cosmetic-plate-vip-3 .public-account-copy strong { color:#fff6d2; letter-spacing:.025em; text-shadow:0 0 11px rgba(255,215,106,.2); }
.public-main-nav .public-account.cosmetic-plate-vip-2 .public-account-copy strong { color:#e8ddff; }

/* Botões emoldurados nos temas de maior raridade. */
.public-header:is(.cosmetic-theme-sub-3,.cosmetic-theme-vip-1,.cosmetic-theme-vip-2,.cosmetic-theme-vip-3) .public-nav-links { position:relative; border-color:color-mix(in srgb,var(--accent) 36%,rgba(255,255,255,.07)); box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent-2) 8%,transparent),inset 0 1px color-mix(in srgb,#fff 8%,transparent),0 12px 34px color-mix(in srgb,var(--accent) 11%,rgba(0,0,0,.2)); }
.public-header:is(.cosmetic-theme-sub-3,.cosmetic-theme-vip-1,.cosmetic-theme-vip-2,.cosmetic-theme-vip-3) .public-nav-item { overflow:hidden; background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 6%,rgba(255,255,255,.025)),rgba(255,255,255,.012)); border-color:color-mix(in srgb,var(--accent) 16%,rgba(255,255,255,.05)); }
.public-header:is(.cosmetic-theme-sub-3,.cosmetic-theme-vip-1,.cosmetic-theme-vip-2,.cosmetic-theme-vip-3) .public-nav-item::before { position:absolute; inset:3px; content:""; border:1px solid color-mix(in srgb,var(--accent) 14%,transparent); border-radius:9px; pointer-events:none; opacity:.72; }
.public-header:is(.cosmetic-theme-sub-3,.cosmetic-theme-vip-1,.cosmetic-theme-vip-2,.cosmetic-theme-vip-3) .public-nav-item:is(:hover,:focus-visible,.active)::before { border-color:color-mix(in srgb,var(--accent) 40%,transparent); box-shadow:inset 0 0 14px color-mix(in srgb,var(--accent) 7%,transparent); }
.public-header:is(.cosmetic-theme-sub-3,.cosmetic-theme-vip-3) .public-nav-icon { border-radius:10px 3px; transform:rotate(45deg); }
.public-header:is(.cosmetic-theme-sub-3,.cosmetic-theme-vip-3) .public-nav-icon .ui-icon { transform:rotate(-45deg); }
.public-header.cosmetic-theme-vip-1 .public-nav-icon { border-style:double; border-radius:50%; box-shadow:0 0 0 2px rgba(6,119,247,.035),inset 0 0 12px rgba(6,119,247,.06); }
.public-header.cosmetic-theme-vip-2 .public-nav-item { border-radius:5px 14px; }
.public-header.cosmetic-theme-vip-2 .public-nav-item::before { border-radius:3px 10px; }
.public-header.cosmetic-theme-vip-2 .public-nav-icon { border-radius:4px 12px; box-shadow:inset 0 0 14px rgba(155,109,255,.08); }
.public-header.cosmetic-theme-sub-3 .public-nav-item.active { background:linear-gradient(145deg,rgba(255,200,67,.18),rgba(6,119,247,.055)); border-color:rgba(255,200,67,.5); box-shadow:inset 0 0 18px rgba(6,119,247,.055),0 8px 26px rgba(255,200,67,.13); }
.public-header.cosmetic-theme-vip-2 .public-nav-item.active { background:radial-gradient(circle at 20% 50%,rgba(155,109,255,.24),transparent 54%),linear-gradient(145deg,rgba(85,48,207,.15),rgba(255,255,255,.025)); border-color:rgba(155,109,255,.55); box-shadow:inset 0 0 20px rgba(155,109,255,.1),0 8px 28px rgba(85,48,207,.18); }
.public-header.cosmetic-theme-vip-3 .public-nav-links { border-color:rgba(255,191,63,.5); border-radius:6px 19px; box-shadow:inset 0 0 0 1px rgba(255,241,179,.08),inset 0 0 24px rgba(255,191,63,.035),0 12px 36px rgba(197,107,8,.17); }
.public-header.cosmetic-theme-vip-3 .public-nav-item { border-color:rgba(255,191,63,.24); border-radius:4px 13px; background:linear-gradient(145deg,rgba(255,191,63,.09),rgba(31,19,3,.16)); }
.public-header.cosmetic-theme-vip-3 .public-nav-item::before { border-color:rgba(255,225,142,.2); border-radius:2px 9px; }
.public-header.cosmetic-theme-vip-3 .public-nav-item.active { color:#ffdf83; background:linear-gradient(145deg,rgba(255,191,63,.24),rgba(90,49,3,.16)); border-color:rgba(255,214,105,.68); box-shadow:inset 0 0 20px rgba(255,223,131,.1),0 8px 30px rgba(197,107,8,.22); }
.public-header.cosmetic-theme-vip-3 .public-nav-item.active .public-nav-icon { animation:public-theme-jewel 2.8s ease-in-out infinite; }
@keyframes public-theme-signal { 0%,100% { opacity:.35; transform:scaleX(.45); } 45% { opacity:1; transform:scaleX(1); } 52% { opacity:.18; transform:scaleX(.72); } 62% { opacity:.9; transform:scaleX(.92); } }
@keyframes public-theme-pulse { 50% { opacity:.35; filter:brightness(1.45); } }
@keyframes public-theme-sweep { 0%,18% { background-position:180% 0; } 72%,100% { background-position:-80% 0; } }
@keyframes public-theme-scan { from { background-position:0 -160%; } to { background-position:0 160%; } }
@keyframes public-theme-vortex { 50% { background-position:72% 44%; filter:brightness(1.25); } }
@keyframes public-theme-jewel { 50% { color:#fff4c8; border-color:#ffe29a; box-shadow:0 0 22px rgba(255,191,63,.4),inset 0 0 12px rgba(255,239,184,.12); } }
@keyframes public-plate-vip3-glow { 50% { opacity:1; filter:brightness(1.2); } }

.public-menu-toggle {
  display: none;
  width: 46px;
  height: 46px;
  padding: 12px;
  color: #fff;
  background: linear-gradient(145deg, color-mix(in srgb, var(--accent) 8%, #081121), #050b17);
  border: 1px solid color-mix(in srgb, var(--accent) 24%, rgba(255,255,255, .08));
  border-radius: 13px;
  box-shadow: 0 8px 24px rgba(0,0,0, .24), inset 0 1px rgba(255,255,255, .04);
  cursor: pointer;
}

.public-menu-toggle > span:not(.public-sr-only) {
  display: block;
  width: 19px;
  height: 2px;
  margin: 4px auto;
  background: currentColor;
  border-radius: 5px;
  transition: transform .2s ease, opacity .2s ease;
}

.public-menu-toggle > span:nth-child(2) { width: 13px; margin-right: 1px; }
.public-menu-toggle[aria-expanded="true"] > span:first-child { transform: translateY(6px) rotate(45deg); }
.public-menu-toggle[aria-expanded="true"] > span:nth-child(2) { opacity: 0; }
.public-menu-toggle[aria-expanded="true"] > span:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }

.public-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
}

@media (max-width: 1320px) and (min-width: 901px) {
  .public-header .public-streamer-access { width: 44px; padding: 0; }
  .public-streamer-access strong { display: none; }
  .public-header-inner { width: min(calc(100% - 24px), 1500px); gap: 12px; }
  .public-brand-signature { display: none; }
  .public-nav-item { min-width: 82px; gap: 6px; padding-inline: 7px; }
  .public-nav-icon { width: 28px; height: 28px; }
  .public-nav-copy small { display: none; }
  .public-account { min-width: 0; }
}

@media (max-width: 1140px) and (min-width: 901px) {
  .public-brand-mark { width: 64px; }
  .public-brand img { width: 62px; }
  .public-nav-item { min-width: 43px; padding-inline: 6px; }
  .public-nav-item .public-nav-copy { display: none; }
  .public-account-copy { display: none; }
  .public-inventory-link { width:40px; min-width:40px; padding:0; }
  .public-inventory-link > strong { display:none; }
  .public-nav-actions { padding-left: 0; }
}

@media (max-width: 900px) {
  .public-header-inner {
    width: min(calc(100% - 24px), 1500px);
    min-height: 70px;
    grid-template-columns: auto auto;
  }

  .public-brand-mark { width: 66px; height: 54px; }
  .public-brand img { width: 62px; height: 50px; }
  .public-brand-signature { display: none; }
  .public-menu-toggle { display: block; justify-self: end; }

  .public-main-nav {
    position: absolute;
    top: calc(100% + 9px);
    right: 12px;
    left: 12px;
    display: none;
    max-height: calc(100vh - 92px);
    overflow: auto;
    align-items: stretch;
    padding: 11px;
    background:
      radial-gradient(circle at 80% 0, color-mix(in srgb, var(--accent) 10%, transparent), transparent 34%),
      rgba(2,7,20, .985);
    border: 1px solid color-mix(in srgb, var(--accent) 20%, rgba(255,255,255, .08));
    border-radius: 18px;
    box-shadow: 0 28px 70px rgba(0,0,0, .55), inset 0 1px rgba(255,255,255, .035);
    flex-direction: column;
    gap: 10px;
    backdrop-filter: blur(24px);
  }

  .public-main-nav.open { display: flex; animation: public-menu-in .18s ease-out; }

  .public-nav-links {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
    padding: 0;
    background: transparent;
    border: 0;
    box-shadow: none;
  }

  .public-nav-actions {
    display: grid;
    grid-template-columns: 1fr;
    gap: 7px;
    padding: 10px 0 0;
    border-top: 1px solid rgba(255,255,255, .075);
    border-left: 0;
  }

  .public-nav-item,
  .public-main-nav .public-twitch-connect,
  .public-inventory-link,
  .public-account,
  .public-main-nav .public-google-login {
    width: 100%;
    min-height: 58px;
    justify-content: flex-start;
    padding-inline: 10px;
  }

  .public-nav-item { background: rgba(255,255,255, .022); border-color: rgba(255,255,255, .055); }
  .public-nav-item::after { top: 12px; right: auto; bottom: 12px; left: 2px; width: 2px; height: auto; transform: scaleY(.35); }
  .public-nav-item.active::after { transform: scaleY(1); }
  .public-nav-copy small { display: block; }
  .public-main-nav .public-twitch-connect,
  .public-main-nav .public-google-login { justify-content: center; }
  .public-inventory-link { display:flex; height:auto; gap:9px; margin-left:0; border-radius:12px; }
  .public-inventory-icon { width:34px; height:34px; color:#22abf8; background:rgba(6,119,247,.075); border:1px solid rgba(6,119,247,.2); border-radius:9px; }
  .public-inventory-link > strong { display: block; }
  .public-account { min-width: 0; }
  .public-account-copy { display: grid; }
  .public-account-copy strong,
  .public-account-copy small { max-width: 145px; }
}

@keyframes public-menu-in {
  from { opacity: 0; transform: translateY(-7px) scale(.985); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

@media (max-width: 520px) {
  .public-nav-links { grid-template-columns: 1fr; }
  .public-nav-actions { grid-template-columns: 1fr; }
  .public-main-nav { max-height: calc(100vh - 84px); }
}

@media (prefers-reduced-motion: reduce) {
  .public-main-nav.open { animation: none; }
  .public-nav-item,
  .public-account { transition: none; }
  .public-account::before,
  .public-account::after,
  .public-account-frame,
  .public-header::before,
  .public-header::after,
  .public-nav-icon { animation: none !important; }
}

/* Mantém as placas VIP na paleta dos ranks mesmo após os acabamentos legados. */
.public-main-nav .public-account.cosmetic-plate-vip-1{--plate-accent:#e6c34a;border-color:rgba(230,195,74,.64)!important;border-radius:10px 20px!important;background:radial-gradient(circle at 12% 50%,rgba(39,78,145,.5),transparent 38%),linear-gradient(135deg,rgba(230,195,74,.16),rgba(4,10,22,.98) 72%)!important;box-shadow:0 9px 30px rgba(22,47,92,.28),inset 0 0 20px rgba(230,195,74,.07)}
.public-main-nav .public-account.cosmetic-plate-vip-2{--plate-accent:#d8bd72;border-color:rgba(216,189,114,.72)!important;background:radial-gradient(ellipse at 13% 50%,rgba(127,137,152,.32),transparent 40%),linear-gradient(135deg,rgba(216,189,114,.12),#090a0c 72%)!important;box-shadow:0 9px 34px rgba(0,0,0,.36),inset 0 0 22px rgba(216,189,114,.08)}
.public-main-nav .public-account.cosmetic-plate-vip-3{--plate-accent:#4f86d9;background:linear-gradient(118deg,rgba(227,193,94,.18),transparent 29%) padding-box,radial-gradient(circle at 84% 50%,rgba(79,134,217,.23),transparent 38%) padding-box,linear-gradient(180deg,#0a1a35,#030811) padding-box,linear-gradient(125deg,#f4db8e,#4f86d9 48%,#e3c15e) border-box!important;box-shadow:0 12px 30px rgba(0,0,0,.44),0 0 18px rgba(79,134,217,.2),inset 0 1px rgba(244,219,142,.18)}
.public-main-nav .public-account.cosmetic-plate-vip-3::before{background:linear-gradient(135deg,transparent 45%,rgba(227,193,94,.42) 46% 47%,transparent 48%) right top/42px 50% no-repeat,linear-gradient(45deg,transparent 45%,rgba(227,193,94,.42) 46% 47%,transparent 48%) right bottom/42px 50% no-repeat,linear-gradient(90deg,transparent,#4f86d9 35%,#e3c15e 68%,transparent) center top/66% 1px no-repeat}
.public-main-nav .public-account.cosmetic-plate-vip-3::after{border-bottom-color:rgba(79,134,217,.35)}
.public-header.cosmetic-theme-vip-1 .public-nav-icon{border-color:rgba(230,195,74,.42);box-shadow:0 0 0 2px rgba(39,78,145,.08),inset 0 0 12px rgba(230,195,74,.08)}
.public-header.cosmetic-theme-vip-2 .public-nav-icon{border-color:rgba(216,189,114,.42);box-shadow:inset 0 0 14px rgba(127,137,152,.13)}
.public-header.cosmetic-theme-vip-2 .public-nav-item.active{background:radial-gradient(circle at 20% 50%,rgba(127,137,152,.25),transparent 54%),linear-gradient(145deg,rgba(216,189,114,.13),rgba(255,255,255,.025));border-color:rgba(216,189,114,.56);box-shadow:inset 0 0 20px rgba(127,137,152,.1),0 8px 28px rgba(0,0,0,.22)}
.public-header.cosmetic-theme-vip-3 .public-nav-links{border-color:rgba(227,193,94,.5);box-shadow:inset 0 0 0 1px rgba(79,134,217,.1),inset 0 0 24px rgba(79,134,217,.06),0 12px 36px rgba(0,0,0,.24)}
.public-header.cosmetic-theme-vip-3 .public-nav-item{border-color:rgba(227,193,94,.24);background:linear-gradient(145deg,rgba(79,134,217,.11),rgba(3,9,20,.3))}
.public-header.cosmetic-theme-vip-3 .public-nav-item.active{color:#f5dc91;background:linear-gradient(145deg,rgba(79,134,217,.24),rgba(227,193,94,.1));border-color:rgba(227,193,94,.68);box-shadow:inset 0 0 20px rgba(79,134,217,.13),0 8px 30px rgba(0,0,0,.24)}

/* Paletas distintas e ícones VIP sem cápsulas adicionais. */
.public-account-statuses i.vip{width:35px;height:22px;min-height:22px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}
.public-account-statuses i.vip img{width:35px;height:22px;border:0;border-radius:0;background:transparent;object-fit:contain}
.public-header.cosmetic-theme-vip-1{--accent:#4f86d9;--accent-2:#b9c5d6;background:radial-gradient(circle at 18% -45%,rgba(79,134,217,.43),transparent 43%),linear-gradient(180deg,rgba(8,18,36,.99),rgba(4,8,15,.96))}
.public-header.cosmetic-theme-vip-2{--accent:#7f8998;--accent-2:#d8bd72;background:radial-gradient(ellipse at 86% 45%,rgba(216,189,114,.14),transparent 31%),radial-gradient(circle at 16% -55%,rgba(127,137,152,.33),transparent 42%),linear-gradient(180deg,rgba(18,19,21,.99),rgba(6,7,9,.97))}
.public-header.cosmetic-theme-vip-3{--accent:#e3c15e;--accent-2:#4f86d9;background:repeating-linear-gradient(135deg,transparent 0 62px,rgba(79,134,217,.03) 63px 64px),radial-gradient(circle at 18% -55%,rgba(227,193,94,.34),transparent 42%),linear-gradient(180deg,rgba(21,16,6,.99),rgba(6,7,11,.97))}
.public-main-nav .public-account.cosmetic-plate-vip-1{--plate-accent:#4f86d9;border-color:rgba(79,134,217,.68)!important;background:radial-gradient(circle at 12% 50%,rgba(185,197,214,.2),transparent 38%),linear-gradient(135deg,rgba(79,134,217,.22),rgba(4,10,22,.98) 72%)!important}
.public-main-nav .public-account.cosmetic-plate-vip-2{--plate-accent:#7f8998;border-color:rgba(127,137,152,.75)!important;background:radial-gradient(ellipse at 13% 50%,rgba(216,189,114,.16),transparent 40%),linear-gradient(135deg,rgba(127,137,152,.17),#090a0c 72%)!important}
.public-main-nav .public-account.cosmetic-plate-vip-3{--plate-accent:#e3c15e;border-color:rgba(227,193,94,.78)!important;background:radial-gradient(circle at 84% 50%,rgba(79,134,217,.2),transparent 38%),linear-gradient(135deg,rgba(227,193,94,.18),#0a0a08 72%)!important}
img[src*="assets/images/vips/"]{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;object-fit:contain}

/* A conexão da Kick mantém o verde oficial em qualquer tema do site. */
.public-header .public-main-nav .public-nav-actions .public-kick-connect{color:#efedff!important;background:radial-gradient(circle at 15% 50%,rgba(83,252,24,.21),transparent 40%),linear-gradient(135deg,rgba(16,9,72,.7),rgba(4,6,14,.98))!important;border-color:rgba(83,252,24,.52)!important;box-shadow:0 9px 25px rgba(12,7,55,.24),inset 0 1px rgba(255,255,255,.045)!important}
.public-header .public-main-nav .public-nav-actions .public-kick-connect:hover,.public-header .public-main-nav .public-nav-actions .public-kick-connect:focus-visible{background:radial-gradient(circle at 15% 50%,rgba(83,252,24,.3),transparent 42%),linear-gradient(135deg,rgba(16,9,72,.82),rgba(4,7,17,.99))!important;border-color:#53fc18!important;box-shadow:0 12px 30px rgba(83,252,24,.18),inset 0 1px rgba(255,255,255,.07)!important}
.public-header .public-main-nav .public-nav-actions .public-kick-connect-icon{background:#53fc18!important;border-color:#53fc18!important;box-shadow:0 0 18px rgba(83,252,24,.25)!important}
.public-header .public-main-nav .public-nav-actions .public-kick-connect-icon img{filter:brightness(0) invert(1)!important}