:root {
  --ink: #02070c; --navy: #061522; --navy-2: #0a2132; --green: #0c5b39; --green-bright: #26af67;
  --gold: #c7953d; --gold-light: #f2ce79; --ivory: #f5efe2; --muted: #a8b2ba; --line: rgba(222, 172, 75, .35);
  --font-display: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif; --font-classic: Georgia, "Times New Roman", serif; --font-body: Arial, Helvetica, sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--ink); }
body { margin: 0; min-width: 320px; color: var(--ivory); font-family: var(--font-body); background: #03090f url('/assets/background.webp') center top / cover fixed no-repeat; overflow-x: hidden; }
body::before { content: ""; position: fixed; inset: 0; z-index: -1; background: linear-gradient(180deg, rgba(2, 8, 14, .22), rgba(2, 8, 14, .82) 54%, #02070c 95%), radial-gradient(circle at 50% 35%, transparent, rgba(0, 0, 0, .36)); pointer-events: none; }
button, input, textarea, select { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
img { display: block; max-width: 100%; }
a { color: inherit; text-decoration: none; }
.ui-icon, .official-action-icon, .action-dialog-mark, .install-float-icon { display: inline-grid; place-items: center; flex: 0 0 auto; }
.ui-icon { width: 20px; height: 20px; }.ui-icon svg, .official-action-icon svg, .action-dialog-mark svg, .install-float-icon svg, .route-brand svg, .sponsor-open svg, .share-glyph svg, .radio-control-glyph svg { width: 100%; height: 100%; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.icon-dot { fill: currentColor; stroke: none; }.share-glyph, .radio-control-glyph { width: 21px; height: 21px; display: inline-grid; place-items: center; flex: 0 0 auto; color: var(--gold-light); }.share-glyph svg, .radio-control-glyph svg { display: block; }.radio-control-label { position: relative; z-index: 1; }
.premium-action { position: relative; overflow: hidden; isolation: isolate; transition: transform .24s cubic-bezier(.2,.75,.3,1), border-color .24s, box-shadow .24s, filter .24s, background .24s; }
.premium-action::after { content: ""; position: absolute; inset: -70% auto -70% -38%; z-index: 0; width: 28%; background: linear-gradient(90deg, transparent, rgba(255,255,255,.28), transparent); transform: rotate(18deg) translateX(-260%); transition: transform .7s ease; pointer-events: none; }
.premium-action > * { position: relative; z-index: 1; }.premium-action:hover, .premium-action:focus-visible { transform: translateY(-3px); filter: brightness(1.07); outline: 0; }.premium-action:hover::after, .premium-action:focus-visible::after { transform: rotate(18deg) translateX(720%); }.premium-action:active { transform: translateY(1px) scale(.98); }
.skip-link { position: fixed; left: 12px; top: -80px; z-index: 100; padding: 12px 18px; background: var(--gold-light); color: #071019; border-radius: 10px; font-weight: 800; transition: top .2s; }
.skip-link:focus { top: 12px; }
.section-shell { width: min(1180px, calc(100% - 36px)); margin-inline: auto; }
.eyebrow { margin: 0 0 10px; color: var(--gold-light); font-size: .73rem; font-weight: 800; letter-spacing: .28em; }
em { color: var(--gold-light); font-style: normal; }

.topbar { position: sticky; top: 0; z-index: 50; height: 78px; padding: 7px clamp(18px, 4vw, 56px); display: flex; align-items: center; justify-content: space-between; background: rgba(2, 9, 15, .91); border-bottom: 1px solid var(--line); box-shadow: 0 16px 50px rgba(0,0,0,.28); backdrop-filter: blur(16px); }
.brand { display: flex; align-items: center; gap: 12px; }
.brand img { width: 52px; height: 60px; object-fit: contain; filter: drop-shadow(0 4px 10px rgba(210,161,68,.25)); }
.brand span { display: grid; gap: 1px; }
.brand strong { font-family: var(--font-classic); font-size: 1rem; letter-spacing: .08em; }
.brand small { color: var(--gold); font-size: .54rem; font-weight: 800; letter-spacing: .22em; }
.top-actions { display: flex; align-items: center; gap: 10px; }
.language-switch { height: 38px; padding: 3px; display: flex; align-items: center; gap: 2px; border: 1px solid rgba(222,172,75,.25); border-radius: 100px; background: #050e15; }
.language-switch button { height: 30px; min-width: 48px; padding: 3px 8px; display: flex; align-items: center; justify-content: center; gap: 4px; border: 0; border-radius: 100px; color: #7f8d96; background: transparent; cursor: pointer; }
.language-switch button.active { color: #071019; background: linear-gradient(135deg, var(--gold-light), #b47d29); box-shadow: 0 4px 15px rgba(0,0,0,.28); }
.language-switch img { width: 18px; height: 13px; border-radius: 2px; object-fit: cover; box-shadow: 0 1px 4px rgba(0,0,0,.4); }.language-switch b { font-size: .58rem; letter-spacing: .04em; }
.install-button, .menu-button, .admin-link { border: 0; cursor: pointer; color: var(--ivory); }
.install-button { min-height: 42px; padding: 9px 15px; display: inline-flex; align-items: center; gap: 8px; border: 1px solid rgba(242,206,121,.54); border-radius: 100px; color: #071019; background: linear-gradient(135deg, var(--gold-light), #b47d29); box-shadow: 0 9px 26px rgba(0,0,0,.35); font-size: .66rem; font-weight: 900; letter-spacing: .08em; }
.menu-button { width: 46px; height: 46px; border: 1px solid var(--line); border-radius: 50%; display: grid; place-content: center; gap: 5px; background: linear-gradient(145deg, #112532, #050c12); }
.menu-button span { width: 19px; height: 2px; border-radius: 2px; background: var(--gold-light); transition: .25s; }
.menu-button[aria-expanded="true"] span:first-child { transform: translateY(7px) rotate(45deg); }.menu-button[aria-expanded="true"] span:nth-child(2) { opacity: 0; }.menu-button[aria-expanded="true"] span:last-child { transform: translateY(-7px) rotate(-45deg); }
.main-menu { position: absolute; right: clamp(18px, 4vw, 56px); top: 68px; width: min(310px, calc(100vw - 36px)); display: grid; padding: 12px; background: linear-gradient(160deg, rgba(9,31,44,.98), rgba(2,8,13,.98)); border: 1px solid var(--line); border-radius: 18px; box-shadow: 0 24px 80px #000; opacity: 0; transform: translateY(-8px) scale(.98); pointer-events: none; transition: .22s ease; }
.main-menu.open { opacity: 1; transform: none; pointer-events: auto; }
.main-menu a, .admin-link { padding: 14px 15px; text-align: left; border-radius: 10px; font-size: .8rem; font-weight: 700; background: transparent; }
.main-menu a:hover, .main-menu a:focus-visible, .admin-link:hover, .admin-link:focus-visible { background: rgba(199,149,61,.12); color: var(--gold-light); outline: 0; }
.admin-link { border-top: 1px solid rgba(255,255,255,.08); color: var(--gold-light); }

.home-portal {
  height: calc(100vh - 78px);
  display: grid;
  grid-template-rows: clamp(150px, 27vh, 300px) minmax(0, 1fr);
  overflow: hidden;
  background: linear-gradient(180deg, #050a10, #0a0d14 54%, #070a0f);
}
@supports (height: 100dvh) {
  .home-portal { height: calc(100dvh - 78px); grid-template-rows: clamp(150px, 27dvh, 300px) minmax(0, 1fr); }
}
.hero { width: 100%; min-height: 0; display: grid; place-items: center; background: #02070c; overflow: hidden; }
.hero img { width: 100%; height: 100%; display: block; object-fit: contain; object-position: center; }
#manifesto, #legado, #ao-vivo, #inclusao, #patrocinadores { scroll-margin-top: 88px; }

/* 3º TEMPO — ACESSO NOBRE NA HOME */
.third-time-entry {
  position: relative;
  z-index: 6;
  height: 100%;
  margin-top: 0;
  padding: clamp(7px, 1.2vh, 12px) 0 clamp(9px, 1.5vh, 15px);
  display: grid;
  grid-template-rows: auto auto minmax(0, 1fr) auto;
  align-content: center;
  gap: clamp(8px, 1.4vh, 16px);
}
.third-time-entry-card {
  width: 100%;
  min-height: 0;
  padding: clamp(14px, 2.2vh, 28px) clamp(18px, 3vw, 36px);
  display: grid;
  gap: clamp(8px, 1.4vh, 16px);
  border: 1px solid rgba(222, 192, 126, .58);
  border-radius: 26px;
  color: var(--ivory);
  text-align: left;
  background: linear-gradient(135deg, #121722 0%, #0a0d14 58%, #070a0f 100%);
  box-shadow: 0 28px 74px rgba(0, 0, 0, .62), 0 0 30px rgba(205, 168, 96, .07), inset 0 1px 0 rgba(255, 255, 255, .05);
  cursor: pointer;
}
.third-time-entry-card::before {
  content: "";
  position: absolute;
  inset: 7px;
  z-index: 1;
  border: 1px solid rgba(235, 193, 94, .17);
  border-radius: 19px;
  pointer-events: none;
}
.third-time-entry-card:hover,
.third-time-entry-card:focus-visible {
  border-color: rgba(247, 214, 132, .96);
  box-shadow: 0 34px 88px rgba(0, 0, 0, .72), 0 0 42px rgba(205, 156, 61, .16), inset 0 1px 0 rgba(255, 255, 255, .07);
}
.third-time-entry-card:focus-visible { outline: 2px solid var(--gold-light); outline-offset: 4px; }
.third-time-entry-lines {
  position: absolute !important;
  inset: 0;
  z-index: 0 !important;
  overflow: hidden;
  opacity: .21;
  filter: drop-shadow(0 0 7px rgba(226, 183, 83, .16));
  pointer-events: none;
}
.third-time-entry-lines svg { width: 100%; height: 100%; fill: none; stroke: #e7c46f; stroke-width: 1.4; }
.third-time-entry-topline,
.third-time-entry-footer { display: flex; align-items: center; justify-content: space-between; gap: 14px; }
.third-time-entry-live,
.third-time-entry-open,
.third-time-entry-exclusive { display: inline-flex; align-items: center; border-radius: 999px; font-size: .54rem; font-weight: 900; letter-spacing: .16em; white-space: nowrap; }
.third-time-entry-live { min-height: 30px; padding: 7px 12px; gap: 8px; border: 1px solid rgba(95, 228, 146, .3); border-radius: 999px; color: #9af0bd; background: rgba(5, 26, 20, .5); }
.third-time-entry-live i { width: 8px; height: 8px; border-radius: 50%; background: #5fe492; box-shadow: 0 0 0 0 rgba(95, 228, 146, .54); animation: third-time-entry-pulse 1.8s ease-out infinite; }
.third-time-entry-open { padding: 7px 10px; border: 1px solid rgba(222, 192, 126, .2); color: #aeb7bb; background: rgba(9, 14, 21, .72); }
.third-time-entry-core { width: 100%; display: grid; grid-template-columns: auto minmax(0, 1fr) minmax(250px, 300px); align-items: center; gap: clamp(16px, 2.8vw, 28px); }
.third-time-entry-crest { width: clamp(76px, 8vw, 90px); height: clamp(88px, 9.2vw, 104px); padding: 7px; display: grid; place-items: center; align-self: center; border: 1px solid rgba(237, 196, 99, .5); border-radius: 24px; background: radial-gradient(circle, rgba(218, 171, 69, .18), rgba(4, 13, 19, .88) 72%); box-shadow: inset 0 0 22px rgba(0, 0, 0, .42), 0 12px 26px rgba(0, 0, 0, .35); transform: translateY(-1px); }
.third-time-entry-crest img { width: auto; height: 100%; max-width: 100%; object-fit: contain; filter: drop-shadow(0 7px 10px rgba(0, 0, 0, .58)); }
.third-time-entry-copy { min-width: 0; display: grid; gap: 5px; }
.third-time-entry-copy small { color: var(--gold); font-size: .57rem; font-weight: 900; letter-spacing: .22em; }
.third-time-entry-copy strong { color: var(--ivory); font: 700 clamp(2rem, 4.8vw, 4rem) / .92 var(--font-classic); letter-spacing: -.02em; text-wrap: balance; text-shadow: 0 6px 22px rgba(0, 0, 0, .72); }
.third-time-entry-copy strong em { color: var(--gold-light); }
.third-time-entry-copy > span { color: #c2cbcc; font-size: clamp(.76rem, 1.2vw, .94rem); line-height: 1.5; }
.third-time-entry-cta { justify-self: end; width: 100%; min-width: 0; min-height: 60px; padding: 7px 12px 7px 8px; display: grid; grid-template-columns: 44px minmax(0, 1fr) 24px; align-items: center; gap: 12px; border: 1px solid #f0d79d; border-radius: 17px; color: #0a0d14; background: #dfc486; box-shadow: 0 17px 38px rgba(0, 0, 0, .46), inset 0 1px 0 rgba(255, 255, 255, .42); transition: border-color .24s, background-color .24s, box-shadow .24s, transform .24s; }
.third-time-entry-cta-icon { width: 44px; height: 44px; display: grid; place-items: center; border: 1px solid rgba(7, 12, 17, .42); border-radius: 13px; color: #efd796; background: #111721; box-shadow: inset 0 0 15px rgba(0, 0, 0, .3); }
.third-time-entry-cta b { color: #090d12; font-size: .69rem; letter-spacing: .11em; text-align: left; }
.third-time-entry-cta-arrow { color: #0a0d14; }
.third-time-entry-card:hover .third-time-entry-cta,
.third-time-entry-card:focus-visible .third-time-entry-cta { border-color: #ffe5aa; background: #ead29a; box-shadow: 0 20px 44px rgba(0, 0, 0, .52), 0 0 24px rgba(222, 192, 126, .15), inset 0 1px 0 rgba(255, 255, 255, .48); transform: translateY(-2px); }
.third-time-entry-cta svg,
.third-time-entry-promise svg { width: 22px; height: 22px; flex: 0 0 auto; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.third-time-entry-promise { display: inline-flex; align-items: center; gap: 9px; color: #aeb9ba; font-size: .56rem; font-weight: 800; letter-spacing: .13em; }
.third-time-entry-promise svg { color: var(--gold-light); }
.third-time-entry-exclusive { padding-left: 14px; border-left: 1px solid rgba(223, 176, 73, .25); color: var(--gold-light); }
.third-time-share { width: min(720px, calc(100% - 56px)); min-height: 76px; margin: 14px auto 0; padding: 10px 17px 10px 10px; display: grid; grid-template-columns: 50px minmax(0, 1fr) 28px; align-items: center; gap: 14px; border: 1px solid rgba(229, 187, 87, .38); border-radius: 18px; color: var(--ivory); text-align: left; background: linear-gradient(135deg, rgba(9, 28, 34, .96), rgba(3, 13, 20, .98)); box-shadow: 0 18px 45px rgba(0, 0, 0, .46), inset 0 1px 0 rgba(255, 242, 204, .05); cursor: pointer; }
.third-time-share::before { content: ""; position: absolute; inset: 5px; z-index: 0; border: 1px solid rgba(229, 187, 87, .1); border-radius: 13px; pointer-events: none; }
.third-time-share-icon { width: 50px; height: 50px; padding: 13px; border: 1px solid rgba(242, 206, 121, .68); border-radius: 14px; background: radial-gradient(circle, rgba(199, 149, 61, .16), rgba(4, 15, 21, .92) 72%); }
.third-time-share-copy { min-width: 0; display: grid; gap: 3px; }
.third-time-share-copy small { color: var(--gold-light); font-size: .49rem; font-weight: 900; letter-spacing: .2em; }
.third-time-share-copy strong { font-size: .78rem; letter-spacing: .12em; }
.third-time-share-copy > span { color: #9facae; font-size: .66rem; line-height: 1.4; }
.third-time-share-arrow { width: 25px; height: 25px; fill: none; stroke: var(--gold-light); stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.third-time-share:hover, .third-time-share:focus-visible { border-color: rgba(247, 214, 132, .84); box-shadow: 0 22px 52px rgba(0, 0, 0, .52), 0 0 26px rgba(199, 149, 61, .09), inset 0 1px 0 rgba(255, 242, 204, .07); }
.home-portal .third-time-share { min-height: 54px; margin: 0 auto; padding-block: 6px; }
@keyframes third-time-entry-pulse { 0% { box-shadow: 0 0 0 0 rgba(95, 228, 146, .54); } 70%, 100% { box-shadow: 0 0 0 9px rgba(95, 228, 146, 0); } }

/* HOME-PORTAL — EXPERIÊNCIAS COMPLEMENTARES */
.experience-hub { min-height: 0; margin: 0; display: grid; grid-template-rows: auto minmax(0, 1fr); }
.experience-hub-heading { margin-bottom: clamp(6px, 1vh, 12px); display: grid; grid-template-columns: minmax(24px, 1fr) auto minmax(24px, 1fr); align-items: center; gap: 14px; }
.experience-hub-heading span { height: 1px; background: linear-gradient(90deg, transparent, rgba(222, 192, 126, .62)); }
.experience-hub-heading span:last-child { background: linear-gradient(90deg, rgba(222, 192, 126, .62), transparent); }
.experience-hub-heading h2 { margin: 0; color: #e8d6aa; font: 700 clamp(.75rem, 1.3vw, .98rem) var(--font-classic); letter-spacing: .2em; text-align: center; }
.experience-hub-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.experience-card { position: relative; min-width: 0; min-height: clamp(104px, 13vh, 150px); padding: clamp(12px, 1.7vh, 19px) 16px 12px; display: grid; grid-template-rows: auto 1fr auto; justify-items: center; gap: clamp(6px, 1vh, 11px); border: 1px solid rgba(222, 192, 126, .34); border-radius: 18px; color: #f4efe4; text-align: center; background: linear-gradient(145deg, rgba(18, 23, 34, .97), rgba(8, 11, 17, .99)); box-shadow: 0 18px 44px rgba(0, 0, 0, .34), inset 0 1px 0 rgba(255, 255, 255, .035); overflow: hidden; transition: transform .23s ease, border-color .23s ease, box-shadow .23s ease; }
.experience-card::before { content: ""; position: absolute; inset: 5px; border: 1px solid rgba(222, 192, 126, .08); border-radius: 13px; pointer-events: none; }
.experience-card:hover, .experience-card:focus-visible { outline: 0; transform: translateY(-4px); border-color: rgba(240, 215, 157, .76); box-shadow: 0 24px 54px rgba(0, 0, 0, .46), 0 0 22px rgba(222, 192, 126, .08), inset 0 1px 0 rgba(255, 255, 255, .05); }
.experience-card:active { transform: scale(.985); }
.experience-icon { width: clamp(38px, 5vh, 52px); height: clamp(38px, 5vh, 52px); padding: 6px; display: grid; place-items: center; color: #dfc486; }
.experience-icon svg { width: 100%; height: 100%; fill: none; stroke: currentColor; stroke-width: 1.45; stroke-linecap: round; stroke-linejoin: round; }
.experience-copy { min-width: 0; display: grid; align-content: start; gap: 8px; }
.experience-copy strong { color: #f2e4bf; font: 700 clamp(.72rem, 1.15vw, .88rem)/1.35 var(--font-classic); letter-spacing: .075em; text-wrap: balance; }
.experience-copy small { color: #9fa9ae; font-size: .65rem; line-height: 1.5; text-wrap: balance; }
.experience-arrow { width: 28px; height: 28px; align-self: end; display: grid; place-items: center; border: 1px solid rgba(223, 196, 134, .38); border-radius: 999px; color: #ead39b; background: rgba(7, 14, 21, .84); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04); transition: transform .23s ease, border-color .23s ease, background-color .23s ease; }
.experience-arrow svg { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.experience-card:hover .experience-arrow, .experience-card:focus-visible .experience-arrow { transform: translateX(4px); border-color: rgba(242, 206, 121, .78); background: rgba(199, 149, 61, .12); }
.experience-live-status[hidden] { display: none !important; }
.experience-live-status { width: max-content; margin-top: 2px; padding: 4px 7px; display: inline-flex; align-items: center; gap: 6px; border: 1px solid rgba(95, 228, 146, .34); border-radius: 999px; color: #9af0bd; background: rgba(5, 34, 24, .7); font-size: .48rem; font-weight: 900; letter-spacing: .13em; }
.experience-live-status i { width: 7px; height: 7px; border-radius: 50%; background: #5fe492; box-shadow: 0 0 0 0 rgba(95, 228, 146, .54); animation: third-time-entry-pulse 1.8s ease-out infinite; }
.experience-tv.is-live { border-color: rgba(95, 228, 146, .55); box-shadow: 0 20px 50px rgba(0, 0, 0, .42), 0 0 24px rgba(54, 196, 111, .08), inset 0 1px 0 rgba(255, 255, 255, .04); }
.home-portal-explore { justify-self: center; min-height: 38px; padding: 8px 20px; display: inline-flex; align-items: center; justify-content: center; gap: 9px; border: 1px solid rgba(222, 192, 126, .38); border-radius: 999px; color: #e8d6aa; background: rgba(10, 13, 20, .8); font-size: .58rem; font-weight: 900; letter-spacing: .18em; }
.home-portal-explore svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; animation: portal-explore 1.8s ease-in-out infinite; }
.home-portal-explore:hover, .home-portal-explore:focus-visible { border-color: #f0d79d; color: #0a0d14; background: #dfc486; }
@keyframes portal-explore { 0%, 100% { transform: translateY(-1px); } 50% { transform: translateY(3px); } }

@media (max-width: 720px) {
  .home-portal { height: auto; min-height: 0; padding-bottom: 14px; grid-template-rows: auto auto; overflow: visible; }
  body.radio-is-playing .home-portal { height: auto; min-height: 0; padding-bottom: 14px; overflow: visible; }
  .home-portal .hero { aspect-ratio: 16 / 9; }
  .third-time-entry { width: min(100% - 20px, 590px); height: auto; margin-top: 0; padding: 9px 0 4px; grid-template-rows: auto auto auto auto; align-content: start; gap: 8px; }
  .third-time-entry-card { padding: 10px 12px; gap: 7px; border-radius: 17px; }
  .third-time-entry-card::before { inset: 4px; border-radius: 12px; }
  .third-time-entry-lines { opacity: .18; }
  .third-time-entry-topline { min-height: 24px; }
  .third-time-entry-live { min-height: 24px; padding: 5px 8px; font-size: .43rem; letter-spacing: .1em; }
  .third-time-entry-live i { width: 6px; height: 6px; }
  .third-time-entry-open { padding: 5px 7px; font-size: .41rem; letter-spacing: .09em; }
  .third-time-entry-core { width: 100%; grid-template-columns: auto minmax(0, 1fr); gap: 7px 10px; }
  .third-time-entry-crest { width: 46px; height: 54px; padding: 4px; border-radius: 13px; }
  .third-time-entry-copy { gap: 2px; }
  .third-time-entry-copy small { font-size: .39rem; letter-spacing: .14em; }
  .third-time-entry-copy strong { font-size: clamp(1.18rem, 5.9vw, 1.62rem); }
  .third-time-entry-copy > span { font-size: .56rem; line-height: 1.35; }
  .third-time-entry-cta { grid-column: 1 / -1; justify-self: center; width: min(74%, 250px); min-height: 42px; padding: 5px 9px 5px 6px; grid-template-columns: 32px minmax(0, 1fr) 18px; gap: 8px; border-radius: 12px; }
  .third-time-entry-cta-icon { width: 32px; height: 32px; border-radius: 9px; }
  .third-time-entry-cta b { font-size: .54rem; letter-spacing: .075em; text-align: center; }
  .third-time-entry-cta svg { width: 17px; height: 17px; }
  .third-time-entry-footer { display: none; }
  .home-portal .third-time-share { width: min(100%, 480px); min-height: 54px; margin: 0 auto; padding: 6px 11px 6px 6px; grid-template-columns: 40px minmax(0, 1fr) 20px; gap: 9px; border-radius: 14px; }
  .home-portal .third-time-share-icon { width: 40px; height: 40px; padding: 10px; border-radius: 11px; }
  .home-portal .third-time-share-copy { gap: 2px; }
  .home-portal .third-time-share-copy small { font-size: .39rem; letter-spacing: .13em; }
  .home-portal .third-time-share-copy strong { font-size: .61rem; letter-spacing: .075em; }
  .home-portal .third-time-share-copy > span { display: block; overflow: hidden; font-size: .45rem; line-height: 1.25; text-overflow: ellipsis; white-space: nowrap; }
  .home-portal .third-time-share-arrow { width: 20px; height: 20px; }
  .experience-hub-heading { margin-bottom: 5px; gap: 8px; }
  .experience-hub-heading h2 { font-size: .59rem; letter-spacing: .14em; }
  .experience-hub { align-self: stretch; }
  .experience-hub-grid { height: auto; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: repeat(2, minmax(112px, auto)); align-content: start; gap: 9px; }
  .experience-card { min-height: 0; padding: 11px 10px; grid-template-columns: 38px minmax(0, 1fr) 28px; grid-template-rows: 1fr; align-items: center; justify-items: start; gap: 8px; border-radius: 14px; text-align: left; }
  .experience-card::before { inset: 4px; border-radius: 10px; }
  .experience-icon { width: 38px; height: 38px; padding: 3px; }
  .experience-copy { gap: 4px; }
  .experience-copy strong { font-size: .66rem; line-height: 1.25; letter-spacing: .04em; }
  .experience-copy small { color: #b7c1c2; font-size: .53rem; line-height: 1.35; }
  .experience-arrow { width: 26px; height: 26px; align-self: center; }
  .experience-arrow svg { width: 13px; height: 13px; }
  .experience-live-status { margin-top: 1px; padding: 3px 6px; gap: 5px; font-size: .43rem; }
  .experience-live-status i { width: 6px; height: 6px; }
  .home-portal-explore { min-height: 36px; margin-top: 2px; padding: 7px 18px; gap: 8px; font-size: .54rem; align-self: auto; }
  .home-portal-explore svg { width: 14px; height: 14px; }
  .home-portal + .manifesto { padding-top: 28px; }
}

@media (max-width: 390px) {
  .third-time-entry { width: calc(100% - 16px); }
  .third-time-entry-open { font-size: .38rem; }
  .third-time-entry-copy strong { font-size: 1.16rem; }
  .third-time-entry-cta { width: min(78%, 238px); }
  .experience-card { padding-inline: 8px; grid-template-columns: 34px minmax(0, 1fr) 26px; gap: 6px; }
  .experience-icon { width: 34px; height: 34px; }
  .experience-copy strong { font-size: .6rem; }
  .experience-copy small { font-size: .48rem; }
  .experience-arrow { width: 24px; height: 24px; }
}

@supports (height: 100dvh) {
  @media (max-width: 720px) {
    .home-portal { height: auto; min-height: 0; grid-template-rows: auto auto; }
    body.radio-is-playing .home-portal { height: auto; min-height: 0; }
  }
}

@media (max-width: 720px) and (max-height: 700px) {
  .home-portal { height: auto; min-height: 0; grid-template-rows: 132px auto; overflow: visible; }
  .home-portal .hero { aspect-ratio: auto; }
  .third-time-entry-card { padding-block: 7px; gap: 5px; }
  .third-time-entry-topline { min-height: 21px; }
  .third-time-entry-live, .third-time-entry-open { padding-block: 3px; }
  .third-time-entry-crest { width: 40px; height: 47px; }
  .third-time-entry-copy > span { display: none; }
  .third-time-entry-cta { min-height: 33px; }
  .third-time-entry-cta-icon { width: 26px; height: 26px; }
  .experience-hub-heading { margin-bottom: 3px; }
  .experience-hub-grid { grid-template-rows: repeat(2, minmax(104px, auto)); }
  .experience-copy small { display: block; }
  .home-portal-explore { min-height: 32px; padding-block: 5px; }
  .home-portal .third-time-share { min-height: 50px; }
  .home-portal .third-time-share-icon { width: 36px; height: 36px; }
}

@media (min-width: 721px) and (max-height: 760px) {
  .home-portal { grid-template-rows: 120px minmax(0, 1fr); }
  .third-time-entry { gap: 6px; padding-bottom: 7px; }
  .third-time-entry-card { padding-block: 10px; gap: 6px; }
  .third-time-entry-crest { width: 62px; height: 72px; border-radius: 17px; }
  .third-time-entry-copy strong { font-size: 2rem; }
  .third-time-entry-cta { min-height: 44px; grid-template-columns: 34px minmax(0, 1fr) 20px; }
  .third-time-entry-cta-icon { width: 34px; height: 34px; border-radius: 10px; }
  .third-time-entry-footer { display: none; }
  .experience-hub-heading { margin-bottom: 4px; }
  .experience-card { min-height: 88px; padding-block: 8px; }
  .experience-icon { width: 34px; height: 34px; }
  .experience-copy small { display: none; }
  .home-portal-explore { min-height: 30px; padding-block: 4px; }
}

.manifesto { padding: clamp(62px, 9vw, 118px) 20px clamp(70px, 9vw, 120px); text-align: center; }
.ornament { width: min(440px, 88%); margin: 0 auto 25px; display: flex; align-items: center; justify-content: center; gap: 14px; }
.ornament span { flex: 1; height: 1px; background: linear-gradient(90deg, transparent, var(--gold)); }.ornament span:last-child { background: linear-gradient(90deg, var(--gold), transparent); }
.ornament b { color: var(--gold-light); font: 800 .78rem var(--font-classic); letter-spacing: .15em; }
.manifesto h1, .section-heading h2, .games-intro h2 { margin: 0; font-family: var(--font-classic); line-height: 1.08; text-wrap: balance; text-shadow: 0 5px 24px rgba(0,0,0,.6); }
.manifesto h1 { font-size: clamp(2.15rem, 6.5vw, 5.1rem); letter-spacing: .035em; }
.manifesto > p:last-child { width: min(810px, 100%); margin: 30px auto 0; color: #d6d9d6; font-size: clamp(.98rem, 1.8vw, 1.2rem); line-height: 1.9; }

.community { padding-bottom: 105px; }
.section-heading { margin-bottom: 28px; }.section-heading h2, .games-intro h2 { font-size: clamp(1.8rem, 4.5vw, 3.6rem); }
.noble-card { position: relative; border: 1px solid var(--line); border-radius: 24px; background: linear-gradient(145deg, rgba(9,29,42,.96), rgba(2,10,16,.96)); box-shadow: 0 25px 70px rgba(0,0,0,.46), inset 0 0 0 1px rgba(255,255,255,.025); overflow: hidden; }
.noble-card::before { content: ""; position: absolute; inset: 7px; z-index: 2; border: 1px solid rgba(222,172,75,.12); border-radius: 18px; pointer-events: none; }
.card-label { position: relative; z-index: 3; padding: 19px 24px 13px; display: flex; align-items: center; gap: 9px; color: var(--gold-light); font: 800 .68rem var(--font-body); letter-spacing: .22em; }
.card-label span { width: 34px; height: 1px; background: var(--gold); }

.legacy { padding: 8px 0 100px; }
.legacy-card { min-height: 500px; padding: clamp(36px, 6vw, 70px); display: grid; align-items: center; isolation: isolate; background: #020a10; }
.legacy-card::after { content: ""; position: absolute; inset: 0; z-index: 1; background: linear-gradient(90deg, rgba(1,8,13,.99) 0, rgba(1,8,13,.91) 37%, rgba(1,8,13,.4) 58%, rgba(1,8,13,.06) 78%), linear-gradient(0deg, rgba(1,8,13,.5), transparent 58%); pointer-events: none; }
.legacy-scene { position: absolute; inset: 0; z-index: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.legacy-glow { position: absolute; right: 8%; top: 50%; z-index: 1; width: 42%; aspect-ratio: 1; border-radius: 50%; background: radial-gradient(circle, rgba(27,168,95,.1), transparent 66%); transform: translateY(-50%); }
.legacy-copy { position: relative; z-index: 3; width: min(54%, 620px); text-shadow: 0 5px 22px #000; }
.legacy-topline { display: flex; align-items: center; gap: 13px; color: #d2d9d7; font-size: .61rem; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }.legacy-topline time { color: var(--gold-light); letter-spacing: .07em; }
.legacy-copy > .eyebrow { margin-top: 38px; }
.legacy-copy h2 { margin: 0; font: 700 clamp(2.5rem, 6vw, 5.1rem)/.95 var(--font-classic); letter-spacing: -.025em; }
.legacy-copy blockquote { margin: clamp(29px, 4vw, 45px) 0 0; padding: 4px 0 4px 24px; display: grid; gap: 14px; border-left: 2px solid var(--gold); }
.legacy-copy blockquote strong { color: var(--ivory); font: 700 clamp(1.2rem, 2.35vw, 1.75rem)/1.38 var(--font-classic); text-wrap: balance; }
.legacy-copy blockquote span { color: #b9c4c3; font-size: clamp(.78rem, 1.2vw, .96rem); line-height: 1.68; }
.legacy-scripture { position: relative; margin-top: 25px; padding: 18px 20px 17px; border: 1px solid rgba(232,190,96,.32); border-radius: 14px; background: linear-gradient(135deg, rgba(18,42,49,.9), rgba(3,15,22,.88)); box-shadow: inset 3px 0 0 rgba(222,172,75,.72), 0 13px 34px rgba(0,0,0,.22); overflow: hidden; }
.legacy-scripture::after { content: ""; position: absolute; right: -35px; top: -42px; width: 120px; aspect-ratio: 1; border-radius: 50%; background: radial-gradient(circle, rgba(228,183,82,.13), transparent 68%); pointer-events: none; }
.legacy-scripture-label { position: relative; z-index: 1; display: flex; align-items: center; gap: 8px; color: var(--gold-light); font-size: .55rem; letter-spacing: .17em; }.legacy-scripture-label span { font-size: .78rem; }.legacy-scripture p { position: relative; z-index: 1; margin: 11px 0 0; color: #f3ead8; font: 700 clamp(.9rem, 1.45vw, 1.08rem)/1.48 var(--font-classic); }.legacy-scripture cite { position: relative; z-index: 1; margin-top: 9px; display: block; color: #d9ae5b; font-size: .66rem; font-style: normal; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.legacy-actions { margin-top: 34px; display: flex; flex-wrap: wrap; gap: 10px; }.legacy-actions button { min-height: 52px; padding: 12px 18px; display: inline-flex; align-items: center; justify-content: center; gap: 10px; border-radius: 12px; box-shadow: 0 13px 32px rgba(0,0,0,.34), inset 0 0 0 1px rgba(255,255,255,.035); font-size: .62rem; font-weight: 900; letter-spacing: .08em; cursor: pointer; }.legacy-activate { border: 1px solid #e0aa43; color: #071019; background: linear-gradient(135deg, var(--gold-light), #b47d29); }.legacy-activate.active { border-color: #5ed494; color: #eafff1; background: linear-gradient(135deg, #107344, #07502f); }.legacy-share { border: 1px solid rgba(242,206,121,.46); color: var(--gold-light); background: linear-gradient(145deg, rgba(7,31,42,.94), rgba(2,12,18,.92)); }.legacy-share .share-glyph, .share-action .share-glyph, .radio-share-button .share-glyph, .radio-mini-share .share-glyph { color: var(--gold-light); }
.legacy-status { margin: 13px 0 0; color: #8fa09f; font-size: .65rem; line-height: 1.55; }
.radio-section { padding: 0 0 100px; scroll-margin-top: 96px; }
.radio-card { padding: clamp(24px, 4vw, 42px); background: linear-gradient(145deg, rgba(5,22,29,.98), rgba(1,8,12,.98)); box-shadow: 0 25px 70px rgba(0,0,0,.48), 0 0 35px rgba(24,126,76,.06), inset 0 0 0 1px rgba(255,255,255,.025); }
.radio-card > * { position: relative; z-index: 3; }
.radio-card-head { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: clamp(18px, 3vw, 34px); }
.radio-live-state { min-width: 105px; display: flex; align-items: center; gap: 9px; color: #9caaa7; font-size: .64rem; letter-spacing: .16em; white-space: nowrap; }
.radio-live-dot { --radio-light: #f2ce79; --radio-glow: rgba(242,206,121,.52); width: 10px; height: 10px; border-radius: 50%; background: var(--radio-light); box-shadow: 0 0 7px var(--radio-glow); animation: radio-indicator-blink 1.55s ease-in-out infinite; transition: .28s ease; }
.radio-live-state.is-live { color: #70dfa1; }.radio-live-state.is-live .radio-live-dot { --radio-light: #5ce291; --radio-glow: rgba(78,219,135,.62); animation-duration: 1.05s; }
.radio-card-copy { padding-left: clamp(16px, 2.6vw, 32px); border-left: 1px solid rgba(222,172,75,.25); }
.radio-card-copy small { color: var(--gold); font-size: .62rem; font-weight: 900; letter-spacing: .2em; }
.radio-card-copy h2 { margin: 7px 0 0; color: var(--ivory); font: 700 clamp(1.25rem, 2.8vw, 2rem) var(--font-classic); letter-spacing: .04em; }
.radio-card-copy p { margin: 7px 0 0; color: #9eaaa8; font-size: .76rem; line-height: 1.5; }
.radio-primary-cta { min-width: 154px; min-height: 54px; padding: 12px 18px; display: inline-flex; align-items: center; justify-content: center; gap: 9px; border: 1px solid rgba(242,206,121,.72); border-radius: 14px; color: #061019; background: linear-gradient(135deg, #f2ce79, #b47d29); box-shadow: 0 10px 28px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.28); font-size: .67rem; font-weight: 900; letter-spacing: .04em; cursor: pointer; }.radio-primary-cta .radio-control-glyph { width: 22px; height: 22px; color: #071019; }
.radio-primary-cta.is-playing { color: #effff5; border-color: rgba(92,226,145,.7); background: linear-gradient(135deg, #147847, #07502f); box-shadow: 0 0 22px rgba(59,198,116,.22); }
.pao-radio-led-panel { margin-top: clamp(22px, 3vw, 32px); padding: 8px; border: 1px solid rgba(76,212,132,.2); border-radius: 12px; background: #010705; box-shadow: inset 0 0 25px rgba(32,157,88,.07), 0 10px 28px rgba(0,0,0,.25); overflow: hidden; }
.pao-radio-led-window { overflow: hidden; -webkit-mask-image: linear-gradient(90deg, transparent, #000 3%, #000 97%, transparent); mask-image: linear-gradient(90deg, transparent, #000 3%, #000 97%, transparent); }
.pao-radio-led-track { width: max-content; display: flex; align-items: center; will-change: transform; }
.pao-radio-led-track.pao-radio-led-run { animation: radio-led-scroll 30s linear infinite; }
.pao-radio-led-group { flex: none; padding-right: 50px; display: flex; align-items: center; gap: 22px; color: #72e39c; font: 700 .69rem/1.2 "Courier New", monospace; letter-spacing: .08em; text-shadow: 0 0 5px rgba(82,225,143,.72); white-space: nowrap; }
.pao-radio-led-sep { color: var(--gold-light); text-shadow: 0 0 5px rgba(242,206,121,.42); }
.radio-card-actions { margin-top: 18px; display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 18px; }
.radio-share-button { min-height: 46px; padding: 10px 17px; display: inline-flex; align-items: center; justify-content: center; gap: 10px; border: 1px solid rgba(242,206,121,.46); border-radius: 12px; color: var(--gold-light); background: linear-gradient(145deg, rgba(7,31,42,.94), rgba(2,12,18,.92)); box-shadow: 0 13px 32px rgba(0,0,0,.28), inset 0 0 0 1px rgba(255,255,255,.025); font-size: .61rem; font-weight: 900; letter-spacing: .07em; cursor: pointer; }.radio-share-button .share-glyph { width: 21px; height: 21px; }
.radio-card-actions p { margin: 0; color: #9eaaa8; font-size: .55rem; font-weight: 800; letter-spacing: .22em; text-align: right; }
.radio-mini-player[hidden] { display: none !important; }
.radio-mini-player { position: fixed; left: 50%; bottom: 18px; z-index: 48; width: min(850px, calc(100% - 36px)); min-height: 68px; padding: 8px 10px 8px 18px; display: grid; grid-template-columns: auto minmax(0, 1fr) auto auto; align-items: center; gap: 13px; border: 1px solid rgba(222,172,75,.64); border-radius: 20px; color: var(--ivory); background: rgba(2,12,18,.96); box-shadow: 0 18px 55px #000, 0 0 28px rgba(28,151,82,.1); backdrop-filter: blur(18px); transform: translateX(-50%); }
.radio-mini-signal { color: var(--gold-light); font-size: 1.35rem; text-shadow: 0 0 13px rgba(242,206,121,.35); }
.radio-mini-player p { min-width: 0; margin: 0; display: flex; align-items: center; gap: 10px; }.radio-mini-player p strong { overflow: hidden; font: 700 .94rem var(--font-classic); letter-spacing: .03em; text-overflow: ellipsis; white-space: nowrap; }.radio-mini-player p small { display: inline-flex; align-items: center; gap: 6px; color: #70dfa1; font-size: .55rem; letter-spacing: .12em; white-space: nowrap; }
.radio-mini-dot { width: 7px; height: 7px; border-radius: 50%; background: #5ce291; box-shadow: 0 0 9px #4edb87; }
.radio-mini-toggle { width: 48px; height: 48px; display: grid; place-items: center; border: 1px solid rgba(242,206,121,.65); border-radius: 14px; color: var(--gold-light); background: linear-gradient(145deg, rgba(7,31,42,.96), rgba(2,12,18,.96)); box-shadow: inset 0 0 0 1px rgba(255,255,255,.025), 0 10px 24px rgba(0,0,0,.28); cursor: pointer; }.radio-mini-toggle .radio-control-glyph { width: 22px; height: 22px; }.radio-mini-share { min-height: 42px; padding: 8px 13px; display: inline-flex; align-items: center; gap: 8px; border: 0; border-left: 1px solid rgba(222,172,75,.22); color: var(--gold-light); background: transparent; font-size: .58rem; font-weight: 900; letter-spacing: .07em; cursor: pointer; }.radio-mini-share .share-glyph { width: 21px; height: 21px; }
.radio-nav-icon { position: relative; width: 21px; height: 15px; margin-top: 2px; display: block; border: 1.6px solid currentColor; border-radius: 4px; }.radio-nav-icon::before { content: ""; position: absolute; left: 3px; top: -7px; width: 12px; height: 1.5px; border-radius: 2px; background: currentColor; transform: rotate(-18deg); transform-origin: left center; }.radio-nav-icon::after { content: ""; position: absolute; left: 4px; top: 4px; width: 6px; height: 4px; border-top: 1.4px solid currentColor; border-bottom: 1.4px solid currentColor; }.radio-nav-icon i { position: absolute; right: 3px; top: 4px; width: 5px; height: 5px; border: 1.4px solid currentColor; border-radius: 50%; }
.bottom-radio.is-playing { color: #70dfa1 !important; text-shadow: 0 0 9px rgba(92,226,145,.38); }
body.radio-is-playing .back-to-top { bottom: 104px; }
body.radio-is-playing .install-float, body.radio-is-playing .install-nudge { display: none !important; }
.weekly-media { position: relative; min-height: clamp(390px, 54vw, 610px); overflow: hidden; }
.weekly-published-media { position: absolute; inset: 0; }.weekly-published-media > img, .weekly-published-media video { width: 100%; height: 100%; object-fit: cover; object-position: center; }.weekly-published-media > img { opacity: .92; }.weekly-published-media video { display: block; background: #000; }
.weekly-placeholder-surface { position: absolute; inset: 0; overflow: hidden; background: radial-gradient(ellipse at 78% 58%, rgba(17,101,64,.32), transparent 34%), radial-gradient(ellipse at 78% 100%, rgba(201,151,55,.2), transparent 36%), linear-gradient(125deg, #020a11 0 48%, #071c24 100%); }.weekly-placeholder-surface::before { content: ""; position: absolute; inset: 0; opacity: .34; background: radial-gradient(circle at 64% 15%, rgba(255,230,168,.72) 0 2px, transparent 3px), radial-gradient(circle at 72% 12%, rgba(255,230,168,.62) 0 2px, transparent 3px), radial-gradient(circle at 80% 11%, rgba(255,230,168,.72) 0 2px, transparent 3px), radial-gradient(circle at 88% 14%, rgba(255,230,168,.58) 0 2px, transparent 3px); background-size: 100% 100%; filter: drop-shadow(0 0 8px rgba(255,207,100,.8)); }.weekly-placeholder-surface::after { content: ""; position: absolute; left: 42%; right: -8%; bottom: -23%; height: 52%; border-radius: 50% 50% 0 0; opacity: .45; background: repeating-linear-gradient(88deg, rgba(238,205,118,.12) 0 1px, transparent 1px 54px), linear-gradient(180deg, rgba(33,103,69,.5), rgba(4,32,24,.08)); transform: perspective(420px) rotateX(56deg); }
.weekly-placeholder-surface:has(.weekly-placeholder-image)::before, .weekly-placeholder-surface:has(.weekly-placeholder-image)::after { display: none; }.weekly-placeholder-image { position: absolute; inset: 0; width: 100%; height: 100%; display: block; object-fit: cover; object-position: 72% center; }
.weekly-placeholder-mascot { position: absolute; z-index: 2; right: clamp(20px, 8vw, 105px); bottom: -13%; width: clamp(230px, 34%, 405px) !important; height: auto !important; max-height: 112%; object-fit: contain !important; object-position: bottom center !important; opacity: .9 !important; filter: drop-shadow(0 22px 32px rgba(0,0,0,.78)); }
.weekly-media:not(.is-placeholder) .weekly-copy { padding: 0; border-left: 0; background: none; border-radius: 0; }
.weekly-shade { position: absolute; z-index: 1; inset: 0; pointer-events: none; background: linear-gradient(90deg, rgba(2,8,13,.94) 0%, rgba(2,8,13,.52) 48%, rgba(2,8,13,.2)), linear-gradient(0deg, rgba(2,8,13,.84), transparent 65%); }
.weekly-media.is-placeholder .weekly-shade { background: linear-gradient(90deg, rgba(2,8,13,.96) 0%, rgba(2,8,13,.66) 47%, rgba(2,8,13,.08) 72%), linear-gradient(0deg, rgba(2,8,13,.82), transparent 62%); }
.weekly-card[hidden] { display: none !important; }
.weekly-media.media-clean .weekly-shade { display: none; }
.weekly-media.is-text-only { min-height: clamp(250px, 36vw, 390px); background: radial-gradient(circle at 82% 12%, rgba(199,149,61,.12), transparent 34%), linear-gradient(145deg, #081821, #02090e); }
.weekly-media.is-text-only .weekly-copy { width: min(720px, calc(100% - 48px)); }
.weekly-expand-hint svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.weekly-video-frame { position: absolute; inset: 0; }
.weekly-video-play { position: absolute; z-index: 5; left: 50%; top: 50%; width: 66px; height: 66px; display: grid; place-items: center; padding: 0; border: 1px solid rgba(242,206,121,.78); border-radius: 50%; color: #f7d98c; background: rgba(2,10,15,.72); box-shadow: 0 14px 38px rgba(0,0,0,.5), inset 0 0 0 5px rgba(255,255,255,.025); transform: translate(-50%, -50%); pointer-events: none; backdrop-filter: blur(8px); transition: transform .22s, background .22s, color .22s; }
.weekly-video-play svg { width: 28px; height: 28px; display: block; fill: currentColor; stroke: none; filter: drop-shadow(0 2px 4px rgba(0,0,0,.38)); }
.weekly-media-open:hover .weekly-video-play, .weekly-media-open:focus-visible .weekly-video-play { color: #071019; background: var(--gold-light); transform: translate(-50%, -50%) scale(1.06); }
.weekly-copy { position: absolute; z-index: 2; left: clamp(24px, 6vw, 76px); bottom: clamp(34px, 7vw, 80px); width: min(560px, 75%); pointer-events: none; }
.weekly-copy small { display: inline-block; padding: 7px 11px; border: 1px solid var(--line); border-radius: 100px; color: var(--gold-light); font-size: .64rem; font-weight: 800; letter-spacing: .18em; background: rgba(3,12,18,.65); }
.weekly-copy h3, .gallery-heading h3 { margin: 14px 0 10px; font-family: var(--font-classic); font-size: clamp(1.65rem, 4vw, 3.7rem); line-height: 1.08; }
.weekly-copy p { max-width: 510px; margin: 0; color: #d8dcda; line-height: 1.7; }
.gallery-card { margin-top: 24px; padding: clamp(24px, 4vw, 48px); }
.gallery-heading { position: relative; z-index: 3; display: flex; align-items: end; justify-content: space-between; gap: 20px; }.gallery-heading .card-label { padding: 0; }.gallery-heading h3 { font-size: clamp(1.55rem, 3vw, 2.6rem); }.gallery-heading > p { max-width: 260px; color: var(--muted); font-size: .82rem; line-height: 1.6; }
.gallery-grid { position: relative; z-index: 3; margin-top: 26px; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: start; gap: 14px; }
.gallery-item { position: relative; width: 100%; min-width: 0; min-height: 0; aspect-ratio: 5 / 3; display: block; padding: 0; overflow: hidden; border: 1px solid rgba(222,172,75,.3); border-radius: 16px; background: #06111a; cursor: pointer; }
.gallery-item > .gallery-photo { position: absolute; inset: 0; width: 100%; height: 100%; min-height: 0; display: block; object-fit: cover; object-position: center; transition: transform .45s ease, filter .45s; }.gallery-item:hover > .gallery-photo, .gallery-item:focus-visible > .gallery-photo { transform: scale(1.06); }.gallery-item:focus-visible { outline: 2px solid var(--gold-light); outline-offset: 3px; }
.gallery-empty { display: grid; place-content: center; min-height: 0; color: rgba(236,216,169,.55); background: radial-gradient(circle, rgba(16,72,48,.22), transparent 66%); }
.gallery-empty img { width: 82px; height: 110px; min-height: 0; margin: 0 auto 8px; object-fit: contain; opacity: .38; filter: grayscale(.5); }.gallery-empty span { font: 800 .65rem var(--font-body); letter-spacing: .17em; }
.instagram-cta { position: relative; z-index: 3; margin-top: 22px; min-height: 88px; padding: 15px 22px; display: grid; grid-template-columns: 50px 1fr auto; align-items: center; gap: 16px; border: 1px solid rgba(222,172,75,.36); border-radius: 16px; background: linear-gradient(100deg, rgba(12,63,42,.55), rgba(4,16,24,.85)); transition: .25s; }.instagram-cta:hover { transform: translateY(-2px); border-color: var(--gold-light); box-shadow: 0 15px 40px rgba(0,0,0,.3); }
.instagram-icon { width: 48px; height: 48px; display: grid; place-content: center; padding: 11px; border: 1px solid var(--gold); border-radius: 14px; color: var(--gold-light); background: radial-gradient(circle at 72% 72%, rgba(199,149,61,.25), transparent 50%), #07121b; }.instagram-icon svg { width: 100%; height: 100%; fill: none; stroke: currentColor; stroke-width: 1.7; }.instagram-cta span:nth-child(2) { display: grid; gap: 4px; }.instagram-cta small { color: var(--gold-light); font-size: .6rem; letter-spacing: .18em; }.instagram-cta strong { font-size: clamp(.7rem, 1.7vw, .9rem); letter-spacing: .07em; }.instagram-cta b { color: var(--gold-light); font-size: 1.45rem; }

.games { padding-bottom: 100px; }
.vg-live { padding: 0 0 clamp(58px, 7vw, 92px); }
.vg-live-card { padding: clamp(18px, 3.2vw, 34px); overflow: hidden; background: radial-gradient(circle at 88% 0, rgba(169,26,26,.11), transparent 31%), linear-gradient(145deg, rgba(9,26,34,.98), rgba(2,9,14,.99)); box-shadow: 0 30px 80px rgba(0,0,0,.64), 0 0 34px rgba(199,149,61,.08); }
.vg-live-heading { margin-bottom: 20px; display: flex; align-items: center; gap: 24px; }
.vg-live-heading > div { display: grid; gap: 6px; }
.vg-live-badge { width: max-content; padding: 7px 11px; display: inline-flex; align-items: center; gap: 8px; border: 1px solid rgba(242,206,121,.34); border-radius: 999px; color: var(--gold-light); background: rgba(199,149,61,.09); font-size: .54rem; font-weight: 900; letter-spacing: .15em; }
.vg-live-badge i { width: 8px; height: 8px; border-radius: 50%; background: var(--gold-light); box-shadow: 0 0 12px rgba(242,206,121,.5); }
.vg-live[data-state="live"] .vg-live-badge { border-color: rgba(255,91,91,.35); color: #ffb2a9; background: rgba(113,20,20,.2); }
.vg-live[data-state="live"] .vg-live-badge i { background: #ff5549; box-shadow: 0 0 0 0 rgba(255,85,73,.55); animation: third-time-entry-pulse 1.6s ease-out infinite; }
.vg-live-heading .eyebrow { margin: 8px 0 0; }
.vg-live-heading h2 { margin: 0; font: 700 clamp(2rem, 4.6vw, 3.5rem) / 1 var(--font-classic); letter-spacing: .07em; }
.vg-live-heading p:last-child { margin: 3px 0 0; color: #b9c4c5; font-size: .78rem; }
.live-admin-mark svg { width: 100%; height: 100%; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.vg-live-player { position: relative; aspect-ratio: 16 / 9; overflow: hidden; border: 1px solid rgba(235,193,94,.48); border-radius: 18px; background: #01070b; box-shadow: 0 20px 54px rgba(0,0,0,.58); }
.vg-live-player iframe { position: absolute; inset: 0; z-index: 3; width: 100%; height: 100%; border: 0; }
.vg-live-player iframe[hidden] { display: none; }
.vg-live-standby { position: absolute; inset: 0; display: grid; place-items: center; align-content: center; gap: clamp(8px, 1.5vw, 15px); padding: clamp(16px, 3vw, 32px); color: var(--ivory); text-align: center; background: radial-gradient(circle at 50% 38%, rgba(26,109,70,.24), transparent 36%), linear-gradient(180deg, rgba(2,12,18,.44), rgba(1,7,10,.86)); }
.vg-live-standby[hidden] { display: none; }
.vg-live-field { position: absolute; inset: 0; opacity: .23; pointer-events: none; }
.vg-live-field svg { width: 100%; height: 100%; fill: none; stroke: rgba(242,206,121,.72); stroke-width: 1.4; }
.vg-live-standby > img { position: relative; z-index: 1; width: clamp(62px, 10vw, 104px); height: auto; max-height: 34%; object-fit: contain; filter: drop-shadow(0 12px 24px rgba(0,0,0,.62)); }
.vg-live-camera { position: absolute; z-index: 2; right: clamp(14px, 2.5vw, 28px); top: clamp(14px, 2.5vw, 28px); width: clamp(36px, 5vw, 54px); height: clamp(36px, 5vw, 54px); padding: 9px; display: grid; place-items: center; border: 1px solid rgba(255,92,82,.5); border-radius: 14px; color: #ff6b61; background: rgba(72,10,10,.45); box-shadow: 0 0 22px rgba(255,70,60,.12); }
.vg-live-camera svg { width: 100%; height: 100%; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.vg-live-standby strong { position: relative; z-index: 1; font: 700 clamp(.8rem, 2vw, 1.2rem) var(--font-classic); letter-spacing: .08em; }
.vg-live-standby > span:last-child { position: relative; z-index: 1; color: #cad2d0; font-size: clamp(.46rem, 1.1vw, .64rem); font-weight: 800; letter-spacing: .14em; }
.vg-live-footer { padding: 15px 4px 0; display: flex; justify-content: space-between; align-items: center; gap: 16px; color: #89989d; font-size: .52rem; font-weight: 800; letter-spacing: .12em; }
.vg-live-signal-row { min-width: 0; display: flex; align-items: center; flex-wrap: wrap; gap: 9px 12px; }
.vg-live-audience { min-height: 30px; padding: 6px 10px; display: inline-flex; align-items: center; gap: 6px; border: 1px solid rgba(88,224,140,.34); border-radius: 999px; color: #a8ecc2; background: rgba(13,76,44,.18); box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 0 20px rgba(47,201,112,.07); font-size: .46rem; letter-spacing: .08em; white-space: nowrap; }
.vg-live-audience[hidden] { display: none; }
.vg-live-audience i { width: 7px; height: 7px; flex: 0 0 auto; border-radius: 50%; background: #4ce28c; box-shadow: 0 0 0 0 rgba(76,226,140,.5); animation: third-time-entry-pulse 1.65s ease-out infinite; }
.vg-live-audience b { color: #d8ffe6; font-size: .58rem; font-variant-numeric: tabular-nums; }
.vg-live-view-actions { display: flex; align-items: center; justify-content: flex-end; gap: 8px; }
.vg-live-view-actions[hidden] { display: none; }
.vg-live-view-actions button, .vg-live-view-actions a { min-height: 36px; padding: 8px 11px; display: inline-flex; align-items: center; justify-content: center; gap: 7px; border: 1px solid rgba(242,206,121,.28); border-radius: 9px; color: var(--gold-light); background: rgba(199,149,61,.07); font: 900 .48rem var(--font-body); letter-spacing: .08em; white-space: nowrap; cursor: pointer; }
.vg-live-view-actions svg { width: 14px; height: 14px; flex: 0 0 auto; fill: none; stroke: currentColor; stroke-width: 1.65; stroke-linecap: round; stroke-linejoin: round; }
.vg-live-view-actions button:hover, .vg-live-view-actions button:focus-visible, .vg-live-view-actions a:hover, .vg-live-view-actions a:focus-visible { border-color: var(--gold-light); background: rgba(199,149,61,.14); outline: 0; }
.vg-tv-sponsors { margin-top: 22px; padding: clamp(14px, 2.4vw, 22px); border: 1px solid rgba(229,187,87,.32); border-radius: 17px; background: linear-gradient(145deg, rgba(90,62,21,.2), rgba(3,13,19,.78)); box-shadow: inset 0 1px 0 rgba(255,238,187,.05); }
.vg-tv-sponsors-heading { margin-bottom: 13px; display: flex; align-items: end; justify-content: space-between; gap: 14px; }
.vg-tv-sponsors-heading span { display: grid; gap: 3px; }
.vg-tv-sponsors-heading small { color: var(--gold-light); font-size: .5rem; font-weight: 900; letter-spacing: .2em; }
.vg-tv-sponsors-heading strong { font: 700 clamp(.82rem, 1.8vw, 1.05rem) var(--font-classic); letter-spacing: .08em; }
.vg-tv-sponsors-heading > b { color: #8f9c9f; font-size: .44rem; letter-spacing: .12em; }
.vg-tv-sponsors-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.vg-tv-sponsor { min-width: 0; min-height: 116px; padding: 12px 8px; display: grid; place-content: center; justify-items: center; gap: 8px; border: 1px solid rgba(229,187,87,.28); border-radius: 13px; color: #b8a878; text-align: center; background: linear-gradient(145deg, rgba(5,18,24,.96), rgba(1,7,11,.98)); box-shadow: inset 0 0 22px rgba(0,0,0,.34); cursor: pointer; transition: transform .24s ease, border-color .24s ease, box-shadow .24s ease; }
.vg-tv-sponsor:hover, .vg-tv-sponsor:focus-visible { outline: 0; transform: translateY(-4px) scale(1.025); border-color: var(--gold-light); box-shadow: 0 16px 34px rgba(0,0,0,.46), 0 0 22px rgba(199,149,61,.1); }
.vg-tv-sponsor svg { width: 36px; height: 42px; fill: none; stroke: rgba(229,187,87,.66); stroke-width: 1.4; }
.vg-tv-sponsor img { max-width: 84%; max-height: 62px; object-fit: contain; }
.vg-tv-sponsor.has-logo { min-height: 116px; padding: 0; display: block; overflow: hidden; background: #070a0f; }
.vg-tv-sponsor.has-logo img { width: 100%; height: 100%; max-width: none; max-height: none; aspect-ratio: 1.34 / 1; object-fit: cover; object-position: center; }
.vg-tv-sponsor.has-logo strong,
.vg-tv-sponsor.has-logo small { display: none; }
.vg-tv-sponsor strong { max-width: 100%; font-size: .55rem; line-height: 1.35; letter-spacing: .09em; }
.vg-tv-sponsor small { color: #718087; font-size: .39rem; letter-spacing: .1em; }
.vg-game-share { width: min(720px, calc(100% - 56px)); min-height: 76px; margin: 14px auto 0; padding: 10px 17px 10px 10px; display: grid; grid-template-columns: 50px minmax(0,1fr) 28px; align-items: center; gap: 14px; border: 1px solid rgba(229,187,87,.38); border-radius: 18px; color: var(--ivory); text-align: left; background: linear-gradient(135deg, rgba(9,28,34,.96), rgba(3,13,20,.98)); box-shadow: 0 18px 45px rgba(0,0,0,.46), inset 0 1px 0 rgba(255,242,204,.05); cursor: pointer; }
.vg-game-share-icon { width: 50px; height: 50px; padding: 13px; border: 1px solid rgba(242,206,121,.68); border-radius: 14px; background: radial-gradient(circle, rgba(199,149,61,.16), rgba(4,15,21,.92) 72%); }
.vg-game-share-copy { min-width: 0; display: grid; gap: 3px; }
.vg-game-share-copy small { color: var(--gold-light); font-size: .49rem; font-weight: 900; letter-spacing: .2em; }
.vg-game-share-copy strong { font-size: .78rem; letter-spacing: .12em; }
.vg-game-share-copy > span { color: #9facae; font-size: .66rem; line-height: 1.4; }
.vg-game-share-arrow { width: 25px; height: 25px; fill: none; stroke: var(--gold-light); stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.vg-tv-sponsor-focus .sponsor-focus-mark { min-height: 290px; }
.vg-tv-sponsor-focus .premium-placeholder-focus { width: 100%; height: 100%; display: grid; place-content: center; justify-items: center; gap: 18px; color: var(--gold-light); }
.premium-placeholder-focus svg { width: 90px; height: 104px; fill: none; stroke: currentColor; stroke-width: 1.25; }
.premium-placeholder-focus strong { font: 700 clamp(1.25rem,4vw,2rem) var(--font-classic); letter-spacing: .1em; }
.vg-tv-sponsor-focus .premium-network-pending { margin-top: 18px; padding: 13px 16px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid rgba(229,187,87,.28); border-radius: 12px; color: #9ba7a9; font-size: .55rem; font-weight: 800; letter-spacing: .11em; }
.calendar-art { overflow: hidden; border: 1px solid var(--line); border-radius: 22px; box-shadow: 0 30px 80px #000; }.calendar-art img { width: 100%; height: auto; display: block; aspect-ratio: 2172 / 724; object-fit: contain; }
.games-intro { padding: clamp(55px, 8vw, 90px) 10px 35px; text-align: center; }
.next-match { min-height: 350px; padding: 50px 34px 34px; display: grid; place-content: center; text-align: center; }
.next-venue-badge, .match-venue-badge { position: absolute; left: 50%; top: 0; z-index: 4; min-width: 106px; padding: 6px 16px 7px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid rgba(255,239,188,.52); border-top: 0; border-radius: 0 0 10px 10px; color: #061016; font-size: .58rem; font-weight: 900; line-height: 1; letter-spacing: .16em; text-align: center; background: linear-gradient(180deg, #f3d789, #c89538); box-shadow: 0 8px 22px rgba(0,0,0,.5), 0 0 18px rgba(222,172,75,.16); transform: translateX(-50%); }
.next-kicker { color: var(--green-bright); font-size: .68rem; font-weight: 800; letter-spacing: .23em; }
.next-date { margin: 8px 0 20px; color: var(--gold-light); font: 700 clamp(1.35rem, 3vw, 2.1rem) var(--font-classic); }
.next-versus { display: grid; grid-template-columns: minmax(120px, 1fr) minmax(110px, 160px) minmax(120px, 1fr); align-items: center; gap: clamp(14px, 4vw, 50px); }
.team-display { display: grid; place-items: center; gap: 12px; min-width: 0; }.team-display img { width: clamp(82px, 13vw, 145px); height: clamp(92px, 15vw, 160px); object-fit: contain; filter: drop-shadow(0 12px 23px rgba(0,0,0,.55)); }.team-display strong { font-family: var(--font-classic); font-size: clamp(.73rem, 1.8vw, 1rem); letter-spacing: .07em; }
.versus-mark { min-width: 110px; min-height: 76px; padding: 9px 12px; display: grid; place-content: center; border: 1px solid rgba(222,172,75,.3); border-radius: 14px; color: var(--gold-light); font: 700 clamp(2rem, 6vw, 4.7rem) var(--font-display); background: radial-gradient(circle, rgba(199,149,61,.14), rgba(1,6,10,.65)); box-shadow: inset 0 0 22px rgba(0,0,0,.35); }.match-meta { margin-top: 25px; color: #d4d9d7; font-size: .76rem; font-weight: 700; letter-spacing: .09em; text-align: center; }
.matches-toolbar { margin: 50px 0 18px; display: flex; align-items: end; justify-content: space-between; gap: 20px; }.matches-toolbar > div { display: flex; align-items: center; gap: 12px; }.live-dot { width: 11px; height: 11px; border-radius: 50%; background: var(--green-bright); box-shadow: 0 0 0 6px rgba(38,175,103,.12), 0 0 18px var(--green-bright); animation: pulse 2s infinite; }.matches-toolbar p { margin: 0; }.matches-toolbar small, .matches-toolbar strong { display: block; }.matches-toolbar small { color: var(--gold); font-size: .58rem; letter-spacing: .19em; }.matches-toolbar strong { margin-top: 3px; font: 700 1.25rem var(--font-classic); }.matches-toolbar > p { color: var(--muted); font-size: .75rem; }
.matches-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; }
.match-card { position: relative; min-height: 252px; padding: 34px 21px 21px; overflow: hidden; border: 1px solid var(--line); border-radius: 19px; color: var(--ivory); text-align: left; background: linear-gradient(140deg, rgba(9,33,46,.97), rgba(2,9,14,.97)); box-shadow: 0 18px 45px rgba(0,0,0,.31); cursor: pointer; transition: transform .28s ease, border-color .28s, box-shadow .28s; }
.match-card::before { content: ""; position: absolute; inset: 5px; border: 1px solid rgba(222,172,75,.1); border-radius: 14px; pointer-events: none; }.match-card:hover, .match-card:focus-visible { transform: translateY(-6px); border-color: var(--gold-light); box-shadow: 0 25px 60px rgba(0,0,0,.52), 0 0 32px rgba(23,106,67,.18); outline: 0; }
.match-card.finished { filter: grayscale(1); opacity: .68; background: linear-gradient(140deg, #20262a, #06080a); }.match-card.finished:hover, .match-card.finished:focus-visible { opacity: .94; }
.match-top { position: relative; z-index: 2; display: flex; justify-content: space-between; gap: 12px; align-items: center; }.match-date { color: var(--gold-light); font: 700 .92rem var(--font-classic); }.match-time { color: var(--muted); font-size: .66rem; font-weight: 700; }.match-status { padding: 6px 9px; border: 1px solid rgba(222,172,75,.25); border-radius: 100px; color: var(--gold-light); font-size: .52rem; font-weight: 800; letter-spacing: .12em; }.finished .match-status { color: #d8d8d8; border-color: #777; }
.match-body { position: relative; z-index: 2; margin-top: 20px; display: grid; grid-template-columns: minmax(100px, 1fr) minmax(86px, 106px) minmax(100px, 1fr); align-items: center; gap: 13px; }.match-team { min-width: 0; display: grid; place-items: center; gap: 8px; text-align: center; }.match-team img { width: 94px; height: 94px; object-fit: contain; filter: drop-shadow(0 7px 12px rgba(0,0,0,.5)); }.match-team span { min-height: 32px; display: grid; place-content: center; font-size: .59rem; font-weight: 800; line-height: 1.25; letter-spacing: .04em; }.match-score { min-width: 86px; min-height: 64px; padding: 8px; display: grid; place-content: center; border: 1px solid rgba(222,172,75,.3); border-radius: 13px; color: var(--gold-light); font: 700 2.4rem var(--font-display); white-space: nowrap; background: linear-gradient(145deg, rgba(199,149,61,.12), rgba(1,7,11,.62)); box-shadow: inset 0 0 20px rgba(0,0,0,.35); }.match-score.pending { color: #7c8b93; }.match-ground { position: relative; z-index: 2; margin: 18px 0 0; padding-top: 12px; border-top: 1px solid rgba(255,255,255,.07); color: var(--muted); font-size: .58rem; font-weight: 700; letter-spacing: .1em; text-align: center; }

.sponsors { padding: 12px 0 118px; }
.sponsors-banner { aspect-ratio: 2 / 1; border-radius: 26px; box-shadow: 0 30px 85px #000, 0 0 55px rgba(199,149,61,.08); }
.sponsors-banner::after { content: ""; position: absolute; inset: 0; z-index: 1; border-radius: inherit; box-shadow: inset 0 0 0 1px rgba(245,213,143,.14), inset 0 -45px 70px rgba(0,0,0,.18); pointer-events: none; }
.sponsors-banner img { width: 100%; height: 100%; object-fit: contain; }
.sponsors-heading { margin: clamp(50px, 7vw, 82px) 4px 26px; display: flex; align-items: end; justify-content: space-between; gap: 25px; }
.sponsors-heading h2 { margin: 0; font: 700 clamp(2rem, 4.5vw, 3.6rem) / 1.05 var(--font-classic); letter-spacing: .025em; }
.sponsors-heading > p { width: min(340px, 100%); margin: 0; color: var(--muted); font-size: .82rem; line-height: 1.65; text-align: right; }
.sponsors-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 15px; }
.sponsor-card { position: relative; min-height: 322px; padding: 14px 14px 17px; overflow: hidden; display: grid; grid-template-rows: 168px 1fr; gap: 15px; border: 1px solid rgba(222,172,75,.28); border-radius: 20px; color: var(--ivory); text-align: left; background: linear-gradient(145deg, rgba(10,35,48,.98), rgba(2,9,14,.98)); box-shadow: 0 20px 45px rgba(0,0,0,.32), inset 0 0 0 5px rgba(255,255,255,.012); cursor: pointer; transition: transform .32s cubic-bezier(.2,.75,.3,1), border-color .32s, box-shadow .32s; }
.sponsor-card::before, .sponsor-card::after { content: ""; position: absolute; width: 34px; height: 34px; pointer-events: none; }
.sponsor-card::before { top: 8px; left: 8px; border-top: 1px solid rgba(242,206,121,.58); border-left: 1px solid rgba(242,206,121,.58); border-radius: 10px 0 0; }
.sponsor-card::after { right: 8px; bottom: 8px; border-right: 1px solid rgba(242,206,121,.34); border-bottom: 1px solid rgba(242,206,121,.34); border-radius: 0 0 10px; }
.sponsor-card:hover, .sponsor-card:focus-visible { z-index: 2; transform: translateY(-8px) scale(1.025); border-color: var(--gold-light); box-shadow: 0 28px 70px rgba(0,0,0,.62), 0 0 32px rgba(199,149,61,.15); outline: 0; }
.sponsor-number { position: absolute; right: 15px; top: 13px; z-index: 2; color: rgba(242,206,121,.48); font: 700 .56rem var(--font-body); letter-spacing: .13em; }
.sponsor-logo-stage { position: relative; min-width: 0; overflow: hidden; display: grid; place-items: center; padding: 0; border-radius: 14px; background: transparent; }
.sponsor-logo-stage::after { content: ""; position: absolute; inset: 0; border: 1px solid rgba(222,172,75,.16); border-radius: inherit; box-shadow: inset 0 0 30px rgba(0,0,0,.08); pointer-events: none; }
.sponsor-logo-stage img { width: 100%; height: 100%; max-width: 100%; max-height: 100%; object-fit: contain; object-position: 50% 50%; background: transparent; filter: drop-shadow(0 8px 12px rgba(0,0,0,.22)); }
.visual-badge .sponsor-logo-stage img { padding: 8px; }
.visual-wide .sponsor-logo-stage img, .visual-poster .sponsor-logo-stage img { padding: 0; }
.visual-safe .sponsor-logo-stage { background: #f7f7f4; }
.visual-safe .sponsor-logo-stage img { padding: 0; filter: none; }
.supporter-person-mark { width: 100%; height: 100%; padding: 22px 14px; display: grid; align-content: center; justify-items: center; text-align: center; background: radial-gradient(circle at 50% 35%, rgba(210,160,67,.14), transparent 63%); }
.supporter-person-mark::before { content: "VG"; margin-bottom: 12px; color: rgba(242,206,121,.3); font: 700 1.75rem var(--font-classic); letter-spacing: .08em; }
.supporter-person-mark small { color: var(--gold); font-size: .45rem; font-weight: 900; letter-spacing: .2em; }
.supporter-person-mark strong { margin-top: 8px; color: var(--gold-light); font: 700 1.05rem/1.2 var(--font-classic); text-wrap: balance; }
.supporter-person-mark b { margin-top: 8px; color: #7ed9a4; font-size: .58rem; }
.person-card { grid-template-rows: 1fr; }
.person-card .sponsor-logo-stage { height: 100%; min-height: 240px; border: 1px solid rgba(222,172,75,.18); }
.sponsor-card-copy { min-width: 0; display: flex; flex-direction: column; align-items: flex-start; }
.sponsor-card-copy small { color: var(--gold); font-size: .48rem; font-weight: 900; letter-spacing: .17em; }
.sponsor-card-copy strong { margin-top: 7px; font: 700 .92rem / 1.22 var(--font-classic); text-wrap: balance; }
.sponsor-card-copy > span { margin-top: 4px; color: #b9c1c4; font-size: .63rem; line-height: 1.3; }
.sponsor-card-copy b { max-width: 100%; margin-top: auto; padding-top: 10px; overflow: hidden; color: #7ed9a4; font-size: .58rem; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }
.sponsor-open { position: absolute; right: 17px; bottom: 15px; color: var(--gold-light); font-size: .9rem; }
.sponsors-honor { margin: 40px auto 0; display: flex; align-items: center; justify-content: center; gap: 14px; color: var(--gold-light); font: 800 .58rem var(--font-body); letter-spacing: .18em; text-align: center; }
.sponsors-honor span { width: min(110px, 12vw); height: 1px; background: linear-gradient(90deg, transparent, var(--gold)); }.sponsors-honor span:last-child { background: linear-gradient(90deg, var(--gold), transparent); }
.sponsor-focus { padding: 18px 10px 4px; display: grid; justify-items: center; text-align: center; }
.sponsor-focus-mark { width: min(660px, 94%); height: min(52vh, 450px); min-height: 270px; padding: 10px; display: grid; place-items: center; overflow: hidden; border: 1px solid var(--line); border-radius: 22px; background: radial-gradient(circle, rgba(245,239,226,.12), rgba(2,10,16,.18) 70%); box-shadow: inset 0 0 40px rgba(0,0,0,.32); }
.sponsor-focus-mark img { width: 100%; height: 100%; max-width: 100%; max-height: 100%; object-fit: contain; filter: drop-shadow(0 12px 18px rgba(0,0,0,.35)); }
.sponsor-focus .supporter-person-mark.large { font-size: 1.2rem; }
.person-focus .sponsor-focus-mark { width: min(460px, 94%); }
.sponsor-focus > p { margin: 23px 0 7px; color: var(--gold); font-size: .58rem; font-weight: 900; letter-spacing: .22em; }
.sponsor-focus h3 { margin: 0; font: 700 clamp(1.8rem, 5vw, 2.7rem) / 1.08 var(--font-classic); text-wrap: balance; }
.sponsor-focus > span, .sponsor-focus > b { margin-top: 7px; color: var(--muted); font-size: .72rem; }.sponsor-focus > b { color: #80dca7; }
.sponsor-focus > a { width: min(360px, 100%); margin-top: 24px; padding: 15px 18px; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 10px; border: 1px solid var(--gold); border-radius: 13px; color: #061019; background: linear-gradient(135deg, var(--gold-light), #b47d29); font-size: .69rem; font-weight: 900; letter-spacing: .08em; transition: transform .22s, filter .22s; }.sponsor-focus > a:hover { transform: translateY(-2px); filter: brightness(1.08); }

.store { padding: 4px 0 125px; }
.store-hero { position: relative; aspect-ratio: 2 / 1; overflow: hidden; border-radius: 26px; background: #02080d; box-shadow: 0 30px 85px #000, 0 0 60px rgba(199,149,61,.1); }
.store-hero::after { content: ""; position: absolute; inset: 0; z-index: 3; border-radius: inherit; box-shadow: inset 0 0 0 1px rgba(245,213,143,.18), inset 0 -55px 85px rgba(0,0,0,.35); pointer-events: none; }
.store-hero picture, .store-hero picture img { width: 100%; height: 100%; display: block; }
.store-hero picture img { object-fit: cover; object-position: center; }
.store-hero-shade { position: absolute; inset: 0; z-index: 1; background: linear-gradient(90deg, rgba(1,7,11,.92) 0, rgba(2,9,14,.72) 29%, rgba(2,9,14,.08) 62%), linear-gradient(0deg, rgba(1,7,11,.66), transparent 52%); }
.store-hero-copy { position: absolute; left: clamp(30px, 5.2vw, 72px); top: 50%; z-index: 2; width: min(44%, 500px); transform: translateY(-50%); text-shadow: 0 5px 22px #000; }
.store-hero-copy > span { display: inline-flex; padding: 8px 13px; border: 1px solid rgba(242,206,121,.52); border-radius: 100px; color: var(--gold-light); background: rgba(4,17,25,.72); font-size: .58rem; font-weight: 900; letter-spacing: .18em; backdrop-filter: blur(8px); }
.store-hero-copy h2 { margin: 17px 0 0; font: 700 clamp(2.6rem, 6vw, 5.5rem) / .88 var(--font-classic); letter-spacing: -.025em; }.store-hero-copy h2 em { display: inline; color: var(--gold-light); font-style: normal; }
.store-hero-copy h3 { margin: 20px 0 0; color: var(--ivory); font: 800 clamp(.72rem, 1.45vw, 1.05rem) / 1.25 var(--font-body); letter-spacing: .17em; }
.store-hero-copy p { width: min(390px, 100%); margin: 12px 0 0; color: #c2c9ca; font-size: clamp(.72rem, 1.1vw, .9rem); line-height: 1.6; }
.store-heading { margin: clamp(48px, 7vw, 82px) 4px 24px; display: flex; align-items: end; justify-content: space-between; gap: 28px; }
.store-heading h2 { margin: 0; font: 700 clamp(2rem, 4.5vw, 3.6rem) / 1.05 var(--font-classic); letter-spacing: .025em; }.store-heading h2 em { color: var(--gold-light); font-style: normal; }
.store-heading > p { width: min(340px, 100%); margin: 0; color: var(--muted); font-size: .8rem; line-height: 1.65; text-align: right; }
.store-carousel { position: relative; }
.store-viewport { position: relative; overflow: hidden; padding: 14px 4px 24px; outline: 0; cursor: grab; touch-action: pan-y; -webkit-mask-image: linear-gradient(90deg, transparent, #000 2.4%, #000 97.6%, transparent); mask-image: linear-gradient(90deg, transparent, #000 2.4%, #000 97.6%, transparent); }
.store-viewport.dragging { cursor: grabbing; user-select: none; }
.store-track { width: max-content; display: flex; align-items: stretch; gap: 14px; will-change: transform; }
.store-product { position: relative; width: clamp(252px, 24vw, 306px); flex: 0 0 auto; overflow: hidden; display: grid; grid-template-rows: auto 1fr; border: 1px solid rgba(222,172,75,.26); border-radius: 20px; background: linear-gradient(145deg, rgba(10,35,48,.98), rgba(2,9,14,.99)); box-shadow: 0 20px 45px rgba(0,0,0,.38), inset 0 0 0 5px rgba(255,255,255,.012); transition: border-color .3s, box-shadow .3s; }
.store-product::after { content: ""; position: absolute; inset: 7px; z-index: 3; border: 1px solid rgba(242,206,121,.09); border-radius: 14px; pointer-events: none; }
.store-product:hover { border-color: rgba(242,206,121,.62); box-shadow: 0 27px 62px rgba(0,0,0,.6), 0 0 30px rgba(199,149,61,.12); }
.store-product-visual { position: relative; aspect-ratio: 1; padding: 0; overflow: hidden; border: 0; border-bottom: 1px solid rgba(222,172,75,.18); background: #06131c; cursor: pointer; }
.store-product-visual img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .55s cubic-bezier(.2,.75,.3,1), filter .4s; user-select: none; }
.store-product:hover .store-product-visual img, .store-product-visual:focus-visible img { transform: scale(1.035); filter: brightness(1.06); }
.store-coming { position: absolute; left: 12px; top: 12px; z-index: 2; padding: 7px 10px; border: 1px solid rgba(242,206,121,.54); border-radius: 100px; color: var(--gold-light); background: rgba(2,12,18,.84); font-size: .48rem; font-weight: 900; letter-spacing: .14em; backdrop-filter: blur(8px); }
.store-official { position: absolute; left: 12px; bottom: 12px; z-index: 2; padding: 6px 9px; border-radius: 6px; color: #071017; background: linear-gradient(135deg, var(--gold-light), #b47d29); font-size: .46rem; font-weight: 900; letter-spacing: .12em; }
.store-zoom { position: absolute; right: 12px; bottom: 12px; z-index: 2; width: 34px; height: 34px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.2); border-radius: 50%; color: var(--ivory); background: rgba(3,13,20,.82); font-size: 1rem; backdrop-filter: blur(7px); }
.store-product-copy { min-height: 182px; padding: 18px 18px 19px; display: flex; flex-direction: column; }
.store-product-copy small { color: var(--gold); font-size: .48rem; font-weight: 900; letter-spacing: .18em; }
.store-product-copy h3 { margin: 8px 0 0; font: 700 1.02rem / 1.18 var(--font-classic); text-wrap: balance; }
.store-product-copy p { margin: 8px 0 18px; color: #aeb9bd; font-size: .67rem; line-height: 1.55; }
.store-product-copy a { position: relative; z-index: 4; margin-top: auto; padding: 11px 12px; display: flex; align-items: center; justify-content: space-between; gap: 8px; border: 1px solid rgba(222,172,75,.35); border-radius: 10px; color: var(--gold-light); background: rgba(199,149,61,.075); font-size: .56rem; font-weight: 900; letter-spacing: .08em; transition: color .22s, background .22s, transform .22s; }
.store-product-copy a:hover, .store-product-copy a:focus-visible { color: #061019; background: var(--gold-light); transform: translateY(-2px); outline: 0; }
.store-arrow { position: absolute; top: 44%; z-index: 5; width: 48px; height: 48px; display: grid; place-items: center; border: 1px solid rgba(242,206,121,.45); border-radius: 50%; color: var(--gold-light); background: rgba(3,14,21,.93); box-shadow: 0 10px 30px rgba(0,0,0,.65); font: 400 2rem/1 var(--font-body); cursor: pointer; backdrop-filter: blur(10px); transition: transform .22s, background .22s; }.store-arrow:hover, .store-arrow:focus-visible { color: #071017; background: var(--gold-light); transform: translateY(-2px) scale(1.05); outline: 0; }.store-prev { left: -22px; }.store-next { right: -22px; }
.store-note { width: min(760px, calc(100% - 30px)); margin: 27px auto 0; padding: 13px 18px; border: 1px solid rgba(222,172,75,.23); border-radius: 12px; color: #d6ddda; background: rgba(2,11,17,.86); box-shadow: 0 10px 30px rgba(0,0,0,.25); font-size: .72rem; font-weight: 700; line-height: 1.6; text-align: center; text-shadow: 0 2px 8px #000; }
.store-focus { padding: 12px 8px 4px; display: grid; justify-items: center; text-align: center; }
.store-focus-image { position: relative; width: min(430px, 100%); aspect-ratio: 1; overflow: hidden; border: 1px solid var(--line); border-radius: 20px; background: #06131c; box-shadow: 0 20px 50px rgba(0,0,0,.5); }.store-focus-image img { width: 100%; height: 100%; object-fit: cover; }.store-focus-image span { position: absolute; left: 16px; bottom: 16px; padding: 8px 11px; border-radius: 7px; color: #071017; background: var(--gold-light); font-size: .52rem; font-weight: 900; letter-spacing: .12em; }
.store-focus > p { margin: 22px 0 6px; color: var(--gold); font-size: .58rem; font-weight: 900; letter-spacing: .18em; }.store-focus h3 { margin: 0; font: 700 clamp(1.65rem, 5vw, 2.65rem) / 1.08 var(--font-classic); text-wrap: balance; }.store-focus > b { margin-top: 8px; color: var(--muted); font-size: .76rem; font-weight: 500; }
.store-focus > a { width: min(390px, 100%); margin-top: 24px; padding: 15px 18px; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 10px; border: 1px solid var(--gold); border-radius: 13px; color: #061019; background: linear-gradient(135deg, var(--gold-light), #b47d29); font-size: .66rem; font-weight: 900; letter-spacing: .08em; transition: transform .22s, filter .22s; }.store-focus > a:hover { transform: translateY(-2px); filter: brightness(1.08); }

.official-actions { padding: 0 0 110px; }.official-actions-heading { margin-bottom: 28px; text-align: center; }.official-actions-heading h2 { margin: 0; font: 700 clamp(2rem, 4.6vw, 3.7rem) / 1.06 var(--font-classic); text-wrap: balance; }.official-actions-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.official-action { min-height: 106px; padding: 18px 20px; display: grid; grid-template-columns: 58px 1fr auto; align-items: center; gap: 16px; border: 1px solid rgba(222,172,75,.36); border-radius: 18px; color: var(--ivory); text-align: left; background: linear-gradient(145deg, rgba(8,31,43,.98), rgba(2,11,17,.98)); box-shadow: 0 18px 45px rgba(0,0,0,.36), inset 0 0 0 1px rgba(255,255,255,.02); cursor: pointer; }.official-action:hover, .official-action:focus-visible { border-color: var(--gold-light); box-shadow: 0 24px 58px rgba(0,0,0,.55), 0 0 28px rgba(199,149,61,.12); }.official-action-icon { width: 54px; height: 54px; padding: 14px; border: 1px solid rgba(242,206,121,.48); border-radius: 16px; color: var(--gold-light); background: radial-gradient(circle, rgba(199,149,61,.16), transparent 70%), #06131c; box-shadow: inset 0 0 18px rgba(0,0,0,.35); }.official-action > span:nth-child(2) { min-width: 0; display: grid; gap: 5px; }.official-action small { color: var(--gold); font-size: .52rem; font-weight: 900; letter-spacing: .17em; }.official-action strong { font: 700 clamp(.85rem, 1.7vw, 1.08rem) var(--font-classic); letter-spacing: .045em; }.official-action > b { color: var(--gold-light); font-size: 1.35rem; }.whatsapp-action .official-action-icon { color: #79dda4; border-color: rgba(38,175,103,.48); background: radial-gradient(circle, rgba(38,175,103,.17), transparent 70%), #06131c; }.instagram-action .official-action-icon { color: #f0c96f; }

.install-float { position: fixed; left: 50%; bottom: 26px; z-index: 46; width: max-content; max-width: calc(100% - 28px); min-height: 64px; padding: 9px 11px 9px 9px; display: grid; grid-template-columns: 46px auto; align-items: center; justify-content: center; gap: 10px; border: 1px solid rgba(255,231,166,.78); border-radius: 18px; color: #071019; text-align: center; background: linear-gradient(135deg, #f4d886, #bd8730 72%, #9b6820); box-shadow: 0 17px 46px rgba(0,0,0,.66), 0 0 22px rgba(242,206,121,.2), 0 0 38px rgba(38,175,103,.1), inset 0 1px 0 rgba(255,255,255,.44); cursor: pointer; transform: translateX(-50%); animation: install-float-cycle 9s ease-in-out .8s infinite, install-neon 2.8s ease-in-out infinite alternate; }.install-float:hover, .install-float:focus-visible { transform: translateX(-50%) translateY(-3px); }.install-float:active { transform: translateX(-50%) translateY(1px) scale(.985); }.install-float-icon { width: 46px; height: 46px; padding: 11px; border: 1px solid rgba(4,24,31,.28); border-radius: 14px; color: #f5d98a; background: linear-gradient(145deg, #0b4330, #061924); box-shadow: inset 0 0 16px rgba(0,0,0,.34), 0 0 14px rgba(38,175,103,.12); }.install-float > span:last-child { width: max-content; min-width: 0; display: grid; justify-items: center; gap: 4px; text-align: center; }.install-float small { overflow: hidden; color: rgba(5,22,28,.68); font-size: .47rem; font-weight: 900; letter-spacing: .13em; text-overflow: ellipsis; white-space: nowrap; }.install-float strong { color: #071019; font: 900 .72rem var(--font-body); letter-spacing: .075em; white-space: nowrap; }
.install-float[hidden] { display: none; }
.install-nudge { position: fixed; left: 50%; bottom: 101px; z-index: 47; width: min(324px, calc(100% - 38px)); padding: 12px 15px; display: grid; gap: 4px; border: 1px solid rgba(242,206,121,.46); border-radius: 14px; color: var(--ivory); text-align: center; background: rgba(3,18,27,.96); box-shadow: 0 15px 40px rgba(0,0,0,.58), 0 0 22px rgba(199,149,61,.1); opacity: 0; transform: translate(-50%, 10px) scale(.97); pointer-events: none; transition: opacity .28s ease, transform .28s ease; backdrop-filter: blur(12px); }.install-nudge::after { content: ""; position: absolute; left: 50%; bottom: -7px; width: 12px; height: 12px; border-right: 1px solid rgba(242,206,121,.46); border-bottom: 1px solid rgba(242,206,121,.46); background: #03121b; transform: translateX(-50%) rotate(45deg); }.install-nudge.show { opacity: 1; transform: translate(-50%, 0) scale(1); }.install-nudge strong { color: var(--gold-light); font-size: .58rem; letter-spacing: .11em; }.install-nudge span { color: #c8d1d0; font-size: .65rem; line-height: 1.45; }.install-nudge[hidden] { display: none; }

.action-dialog { width: min(640px, calc(100% - 24px)); max-height: 90vh; padding: clamp(28px, 5vw, 46px); border: 1px solid var(--line); border-radius: 24px; color: var(--ivory); background: linear-gradient(145deg, #0a2130, #02080d); box-shadow: 0 30px 100px #000; }.action-dialog::backdrop { background: rgba(0,0,0,.86); backdrop-filter: blur(9px); }.action-dialog-head { text-align: center; }.action-dialog-mark { width: 58px; height: 58px; margin: 0 auto 18px; padding: 15px; border: 1px solid rgba(242,206,121,.48); border-radius: 18px; color: var(--gold-light); background: radial-gradient(circle, rgba(199,149,61,.15), transparent 70%), #06131c; }.action-dialog-head h2 { margin: 0; font: 700 clamp(1.7rem, 5vw, 2.55rem) var(--font-classic); }.action-dialog-head > p:last-child { width: min(470px, 100%); margin: 14px auto 0; color: var(--muted); font-size: .78rem; line-height: 1.65; }.route-options { margin-top: 27px; display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }.route-option { min-height: 88px; padding: 15px; display: grid; grid-template-columns: 50px 1fr auto; align-items: center; gap: 12px; border: 1px solid rgba(222,172,75,.34); border-radius: 16px; color: var(--ivory); background: linear-gradient(145deg, rgba(8,31,43,.98), rgba(2,11,17,.98)); box-shadow: 0 15px 34px rgba(0,0,0,.3); }.route-option:hover, .route-option:focus-visible { border-color: var(--gold-light); }.route-option > span:nth-child(2) { display: grid; gap: 3px; }.route-option small { color: var(--gold); font-size: .48rem; font-weight: 900; letter-spacing: .15em; }.route-option strong { font: 700 1rem var(--font-classic); }.route-option > b { color: var(--gold-light); font-size: 1.2rem; }.route-brand { width: 48px; height: 48px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.15); border-radius: 14px; background: #f7f6f2; }.google-brand { color: #2769d8; font: 900 1.55rem var(--font-body); text-shadow: -2px 0 #e44535, 0 2px #f6c545, 2px 0 #2ca85e; }.waze-brand { padding: 9px; color: #071019; background: #70d7ef; }
.install-steps { margin: 28px 0 0; padding: 0; display: grid; gap: 10px; list-style: none; }.install-steps li { padding: 13px 15px; display: grid; grid-template-columns: 38px 1fr; align-items: center; gap: 12px; border: 1px solid rgba(222,172,75,.22); border-radius: 13px; background: rgba(6,23,32,.75); }.install-steps li > span { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 50%; color: #071019; background: var(--gold-light); font-size: .72rem; font-weight: 900; }.install-steps p { margin: 0; display: grid; gap: 4px; }.install-steps strong { color: var(--gold-light); font-size: .64rem; letter-spacing: .09em; }.install-steps small { color: #b9c4c5; font-size: .68rem; line-height: 1.5; }

.sponsor-open { width: 29px; height: 29px; padding: 7px; display: grid; place-items: center; border: 1px solid rgba(242,206,121,.34); border-radius: 9px; background: rgba(3,14,21,.82); }.sponsor-focus > a .ui-icon, .store-focus > a .ui-icon, .store-product-copy a .ui-icon { width: 19px; height: 19px; }.store-product-copy a { overflow: hidden; }.store-product-copy a .ui-icon { color: #79dda4; }

.admin-tabs { grid-template-columns: repeat(4, minmax(0, 1fr)); }.metrics-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }.metrics-grid article { min-height: 132px; padding: 18px; display: grid; place-content: center; justify-items: center; gap: 7px; border: 1px solid rgba(222,172,75,.24); border-radius: 15px; text-align: center; background: linear-gradient(145deg, rgba(8,31,43,.88), rgba(2,11,17,.94)); box-shadow: inset 0 0 0 1px rgba(255,255,255,.018); }.metrics-grid article > span { color: var(--gold-light); font-size: 1rem; }.metrics-grid article > strong { color: var(--ivory); font: 700 2rem var(--font-classic); }.metrics-grid article > small { color: var(--gold); font-size: .55rem; font-weight: 900; letter-spacing: .13em; }.metrics-connection { margin-top: 14px; padding: 15px; display: grid; grid-template-columns: 12px 1fr; gap: 12px; border: 1px solid rgba(222,172,75,.28); border-radius: 13px; background: rgba(199,149,61,.07); }.metrics-connection > span { width: 10px; height: 10px; margin-top: 4px; border-radius: 50%; background: #d4a34c; box-shadow: 0 0 0 5px rgba(212,163,76,.1); }.metrics-connection strong { color: var(--gold-light); font-size: .62rem; letter-spacing: .1em; }.metrics-connection p { margin: 6px 0 0; color: #b9c3c5; font-size: .69rem; line-height: 1.55; }

.footer { min-height: 245px; padding: 42px 25px 110px; display: flex; align-items: center; justify-content: center; gap: 23px; text-align: left; background: rgba(1,6,10,.92); border-top: 1px solid var(--line); }.footer img { width: 74px; height: 92px; object-fit: contain; }.footer p { margin: 0; display: grid; gap: 5px; }.footer strong { font: 700 1.1rem var(--font-classic); }.footer span, .footer > small { color: var(--muted); font-size: .69rem; }.footer > small { color: var(--gold); letter-spacing: .13em; }.technology-signature { margin-left: 20px; padding-left: 28px; display: grid; gap: 4px; border-left: 1px solid var(--line); }.technology-signature span { color: var(--muted); font-size: .53rem; font-weight: 700; letter-spacing: .14em; }.technology-signature strong { color: var(--gold-light); font: 700 .9rem var(--font-classic); letter-spacing: .08em; }.technology-signature b { color: #dce1df; font-size: .59rem; letter-spacing: .14em; }
.bottom-nav { display: none; }
.bottom-nav a { border-radius: 13px; transition: color .22s ease, background .22s ease, box-shadow .22s ease, transform .18s ease; }.bottom-nav a.active { background: linear-gradient(145deg, rgba(199,149,61,.14), rgba(38,175,103,.055)); box-shadow: inset 0 0 0 1px rgba(242,206,121,.12), 0 0 16px rgba(199,149,61,.06); }.bottom-nav a:active { transform: scale(.95); }
.back-to-top { position: fixed; right: max(18px, calc((100vw - 1180px) / 2 - 64px)); bottom: 25px; z-index: 44; width: 50px; height: 50px; display: grid; place-items: center; border: 1px solid rgba(242,206,121,.55); border-radius: 50%; color: var(--gold-light); background: rgba(3,14,21,.92); box-shadow: 0 14px 38px rgba(0,0,0,.62), inset 0 0 0 4px rgba(255,255,255,.018); font: 700 1.35rem var(--font-body); opacity: 0; transform: translateY(18px) scale(.86); pointer-events: none; cursor: pointer; backdrop-filter: blur(10px); transition: opacity .25s, transform .25s, color .22s, background .22s; }.back-to-top.visible { opacity: 1; transform: none; pointer-events: auto; }.back-to-top:hover, .back-to-top:focus-visible { color: #061019; background: var(--gold-light); transform: translateY(-3px); outline: 0; }

dialog { color: var(--ivory); }.focus-dialog, .admin-dialog { border: 1px solid var(--line); border-radius: 24px; background: linear-gradient(145deg, #0a2130, #02080d); box-shadow: 0 30px 100px #000; }.focus-dialog::backdrop, .admin-dialog::backdrop { background: rgba(0,0,0,.84); backdrop-filter: blur(8px); }.focus-dialog { width: min(680px, calc(100% - 24px)); max-height: 90vh; padding: 32px; }.focus-dialog .match-card { width: 100%; min-height: 420px; pointer-events: none; transform: none; }.focus-dialog .match-team img { width: 125px; height: 140px; }.focus-dialog .match-score { font-size: 4rem; }.focus-photo { width: 100%; max-height: 80vh; object-fit: contain; border-radius: 15px; }.dialog-close { position: absolute; right: 14px; top: 12px; z-index: 10; width: 40px; height: 40px; border: 1px solid rgba(255,255,255,.14); border-radius: 50%; background: rgba(3,10,15,.85); color: var(--ivory); font-size: 1.55rem; cursor: pointer; }
.admin-dialog { width: min(1040px, calc(100% - 24px)); max-height: 92vh; padding: clamp(23px, 4vw, 42px); }.admin-header { display: flex; justify-content: space-between; }.admin-header h2 { margin: 0; font: 700 clamp(1.7rem, 4vw, 2.7rem) var(--font-classic); }.admin-header .dialog-close { position: static; flex: 0 0 auto; }.admin-notice { margin: 22px 0; padding: 14px 16px; border: 1px solid rgba(222,172,75,.28); border-radius: 12px; color: #c8d0d2; font-size: .75rem; line-height: 1.55; background: rgba(199,149,61,.08); }.admin-notice strong { display: block; color: var(--gold-light); letter-spacing: .1em; }.admin-notice span { display: block; }
.admin-tabs { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; padding: 6px; border-radius: 13px; background: #030a10; }.admin-tabs button { padding: 12px; border: 0; border-radius: 9px; color: var(--muted); background: transparent; font-size: .75rem; font-weight: 800; cursor: pointer; }.admin-tabs button.active { color: #061019; background: var(--gold-light); }.admin-panel { display: none; padding-top: 24px; }.admin-panel.active { display: block; }.admin-panel > label, .admin-group label { display: block; margin: 15px 0 7px; color: var(--gold-light); font-size: .67rem; font-weight: 800; letter-spacing: .09em; }.admin-panel select, .admin-panel input[type="text"], .admin-panel input[type="number"], .admin-panel input[type="file"], .admin-panel textarea { width: 100%; padding: 12px 13px; border: 1px solid rgba(255,255,255,.13); border-radius: 10px; color: var(--ivory); background: #07121a; outline: 0; }.admin-panel input:focus, .admin-panel select:focus, .admin-panel textarea:focus { border-color: var(--gold); box-shadow: 0 0 0 3px rgba(199,149,61,.12); }.field-help { margin: 8px 0 0; color: #8f9da5; font-size: .66rem; line-height: 1.55; }.score-editor { margin: 24px 0; display: grid; grid-template-columns: 1fr minmax(48px, 70px) 1fr; align-items: center; gap: 15px; }.score-editor > div { min-width: 0; display: grid; place-items: center; gap: 8px; }.score-editor img { width: 100px; height: 108px; object-fit: contain; }.score-editor span { min-height: 32px; display: grid; place-items: center; font-size: .65rem; font-weight: 800; text-align: center; }.score-editor input[type="number"] { width: 94px; min-height: 68px; text-align: center; font: 700 2.5rem var(--font-display); border-color: var(--gold); }.score-editor > b { color: var(--gold); font: 700 2.5rem var(--font-display); }.result-automation-note { margin: 18px 0 0; padding: 13px 15px; border: 1px solid rgba(38,175,103,.28); border-radius: 11px; color: #cbd5d1; background: rgba(38,175,103,.07); font-size: .69rem; line-height: 1.55; }.result-automation-note strong { display: block; color: #76dfa5; font-size: .6rem; letter-spacing: .12em; }.gold-button, .ghost-button { width: 100%; margin-top: 14px; padding: 15px; border-radius: 11px; font-size: .68rem; font-weight: 900; letter-spacing: .08em; cursor: pointer; }.gold-button { border: 1px solid var(--gold-light); color: #061019; background: linear-gradient(135deg, var(--gold-light), #b47d29); }.ghost-button { border: 1px solid rgba(255,255,255,.17); color: #c8d0d2; background: #07121a; }.admin-button-row { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; }.admin-feedback { min-height: 20px; color: #76dfa5; font-size: .73rem; text-align: center; }.admin-group { padding: 18px; border: 1px solid rgba(255,255,255,.08); border-radius: 14px; }.admin-group + .admin-group { margin-top: 14px; }.admin-group h3 { margin: 0; color: var(--gold-light); font: 700 1rem var(--font-classic); }.gallery-inputs { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-top: 12px; }.gallery-file { padding: 10px; border: 1px dashed rgba(222,172,75,.3); border-radius: 10px; }.gallery-file span { display: block; margin-bottom: 5px; color: var(--gold); font-size: .6rem; font-weight: 800; }.gallery-file input { padding: 7px !important; font-size: .58rem; }
.admin-dialog button { transition: transform .22s ease, filter .22s ease, box-shadow .22s ease, background-color .22s ease, color .22s ease; }.admin-dialog button:not(:disabled):hover, .admin-dialog button:not(:disabled):focus-visible { transform: translateY(-2px) scale(1.012); filter: brightness(1.08); box-shadow: 0 12px 26px rgba(0,0,0,.28); }.admin-dialog button:not(:disabled):active { transform: translateY(1px) scale(.975); }.admin-dialog button.command-hit { animation: command-hit .36s cubic-bezier(.2,.75,.25,1); }.admin-dialog button:disabled { cursor: wait; opacity: .58; filter: saturate(.6); }
.toast { position: fixed; left: 50%; bottom: 100px; z-index: 100; max-width: calc(100% - 30px); padding: 13px 18px; border: 1px solid rgba(222,172,75,.35); border-radius: 100px; color: var(--ivory); background: rgba(5,20,29,.96); box-shadow: 0 12px 38px #000; font-size: .72rem; font-weight: 700; opacity: 0; transform: translate(-50%, 15px); pointer-events: none; transition: .25s; }.toast.show { opacity: 1; transform: translate(-50%, 0); }
.admin-media-preview { position: relative; min-height: 180px; margin-top: 12px; display: grid; place-items: center; overflow: hidden; border: 1px solid rgba(222,172,75,.3); border-radius: 12px; background: #020a10; }.admin-media-preview.is-empty { min-height: 74px; color: #839199; font-size: .58rem; font-weight: 800; letter-spacing: .1em; }.admin-media-preview img, .admin-media-preview video { width: 100%; max-height: 340px; object-fit: contain; background: #02070c; }.selection-remove { width: 100%; margin-top: 8px; padding: 10px; border: 1px solid rgba(218,91,77,.42); border-radius: 9px; color: #ffb6ab; background: rgba(110,30,22,.14); font-size: .58rem; font-weight: 900; letter-spacing: .08em; cursor: pointer; }.gallery-inputs { grid-template-columns: repeat(2, 1fr); gap: 10px; }.gallery-file { min-width: 0; background: rgba(2,11,17,.55); }.gallery-file label { margin: 0; }.gallery-file label > span { display: block; margin-bottom: 5px; color: var(--gold); font-size: .6rem; font-weight: 800; }.gallery-file-preview { position: relative; aspect-ratio: 5 / 3; margin-top: 8px; display: grid; place-items: center; overflow: hidden; border: 1px solid rgba(222,172,75,.16); border-radius: 8px; color: #78868d; background: #02080d; font-size: .5rem; font-weight: 800; text-align: center; }.gallery-file-preview img { position: absolute; inset: 0; width: 100%; height: 100%; display: block; object-fit: cover; object-position: center; }.gallery-file .selection-remove { margin-top: 7px; padding: 8px; }
.live-admin-group { border-color: rgba(255, 91, 91, .2); background: radial-gradient(circle at 100% 0, rgba(126, 20, 20, .16), transparent 34%), rgba(5, 18, 26, .78); }
.live-admin-heading { display: flex; align-items: flex-start; gap: 12px; }
.live-admin-heading h3 { margin: 2px 0 3px; }
.live-admin-heading .field-help { margin: 0; }
.live-admin-mark { width: 42px; height: 42px; padding: 9px; display: grid; place-items: center; flex: 0 0 auto; border: 1px solid rgba(255, 98, 87, .34); border-radius: 12px; color: #ff6b61; background: rgba(89, 17, 17, .18); }
.live-admin-status { width: max-content; max-width: 100%; margin-top: 12px; padding: 7px 10px; display: inline-flex; align-items: center; gap: 7px; border: 1px solid rgba(255,255,255,.12); border-radius: 999px; color: #909da2; font-size: .5rem; font-weight: 900; letter-spacing: .1em; }
.live-admin-status i { width: 7px; height: 7px; border-radius: 50%; background: #68777d; }
.live-admin-status[data-active="true"] { border-color: rgba(88, 224, 140, .28); color: #94eab5; background: rgba(17, 90, 53, .12); }
.live-admin-status[data-active="true"] i { background: #58e08c; box-shadow: 0 0 10px rgba(88,224,140,.58); }
.live-admin-preview { position: relative; margin-top: 12px; aspect-ratio: 16 / 9; display: grid; place-items: center; overflow: hidden; border: 1px solid rgba(222,172,75,.22); border-radius: 12px; color: #77868c; background: #01070b; font-size: .55rem; font-weight: 900; letter-spacing: .1em; }
.live-admin-preview iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.admin-header-premium { align-items: center; gap: 18px; padding-bottom: 4px; }
.admin-brand-seal { min-width: 0; display: flex; align-items: center; gap: 15px; }
.admin-brand-seal > img { width: 58px; height: 68px; flex: 0 0 auto; object-fit: contain; filter: drop-shadow(0 8px 18px rgba(0,0,0,.5)); }
.admin-brand-seal > span { min-width: 0; }
.admin-brand-seal .eyebrow { margin: 0 0 3px; }
.admin-brand-seal small { display: block; margin-top: 4px; color: #8f9da3; font-size: .5rem; font-weight: 800; letter-spacing: .13em; }
.admin-secure-state { margin-left: auto; padding: 8px 10px; display: inline-flex; align-items: center; gap: 7px; border: 1px solid rgba(88,224,140,.22); border-radius: 999px; color: #92e7b3; background: rgba(20,91,55,.1); font-size: .48rem; font-weight: 900; letter-spacing: .1em; white-space: nowrap; }
.admin-secure-state i { width: 7px; height: 7px; border-radius: 50%; background: #58e08c; box-shadow: 0 0 10px rgba(88,224,140,.56); }
.admin-tabs button { display: flex; align-items: center; justify-content: center; gap: 7px; }
.admin-tabs button > span { color: var(--gold); font-size: .8rem; }
.admin-tabs button.active > span { color: #061019; }
.admin-vgtv-panel { position: relative; }
.vgtv-admin-intro { margin-bottom: 14px; padding: 16px; display: grid; grid-template-columns: 58px 1fr; align-items: center; gap: 14px; border: 1px solid rgba(229,187,87,.28); border-radius: 15px; background: radial-gradient(circle at 100% 0, rgba(179,25,25,.1), transparent 34%), linear-gradient(145deg, rgba(8,30,41,.94), rgba(2,10,15,.97)); }
.vgtv-admin-intro > span { width: 58px; height: 58px; display: grid; place-items: center; border: 1px solid rgba(242,206,121,.42); border-radius: 15px; color: var(--gold-light); background: rgba(199,149,61,.09); font: 700 1.2rem var(--font-classic); }
.vgtv-admin-intro small, .premium-admin-heading small { color: var(--gold); font-size: .5rem; font-weight: 900; letter-spacing: .18em; }
.vgtv-admin-intro strong { display: block; margin-top: 4px; font: 700 1.06rem var(--font-classic); letter-spacing: .06em; }
.vgtv-admin-intro p, .premium-admin-heading p { margin: 5px 0 0; color: #9fadb1; font-size: .65rem; line-height: 1.5; }
.live-admin-group { padding: clamp(17px, 2.5vw, 24px); }
.live-mode-selector { margin-top: 15px; padding: 5px; display: grid; grid-template-columns: 1fr 1fr; gap: 5px; border: 1px solid rgba(255,255,255,.09); border-radius: 12px; background: rgba(1,7,11,.72); }
.live-mode-selector label { margin: 0; cursor: pointer; }
.live-mode-selector input { position: absolute; opacity: 0; pointer-events: none; }
.live-mode-selector span { min-height: 42px; padding: 10px; display: grid; place-items: center; border: 1px solid transparent; border-radius: 9px; color: #87959a; font-size: .58rem; font-weight: 900; letter-spacing: .1em; transition: .2s ease; }
.live-mode-selector input:checked + span { border-color: rgba(242,206,121,.5); color: #061019; background: linear-gradient(135deg, var(--gold-light), #b47d29); box-shadow: 0 8px 22px rgba(0,0,0,.3); }
.live-admin-note { margin: 11px 0 0; color: #8d9aa0; font-size: .59rem; line-height: 1.55; }
.vgtv-audience-admin { position: relative; overflow: hidden; padding: clamp(18px, 2.6vw, 26px); border-color: rgba(79,210,135,.2); background: radial-gradient(circle at 100% 0, rgba(37,150,86,.13), transparent 32%), linear-gradient(145deg, rgba(5,24,31,.96), rgba(2,10,15,.98)); box-shadow: inset 0 1px 0 rgba(255,255,255,.03); }
.vgtv-audience-admin::after { content: ""; position: absolute; right: -70px; top: -95px; width: 210px; height: 210px; border: 1px solid rgba(242,206,121,.08); border-radius: 50%; pointer-events: none; }
.vgtv-audience-heading { position: relative; z-index: 1; display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; }
.vgtv-audience-heading small, .vgtv-reports-title small { color: var(--gold); font-size: .49rem; font-weight: 900; letter-spacing: .18em; }
.vgtv-audience-heading h3 { margin-top: 4px; font-size: clamp(1.02rem, 2.3vw, 1.35rem); letter-spacing: .08em; }
.vgtv-audience-heading p { max-width: 520px; margin: 6px 0 0; color: #9caaae; font-size: .65rem; line-height: 1.55; }
.vgtv-audience-state { min-height: 32px; padding: 7px 10px; display: inline-flex; align-items: center; gap: 7px; border: 1px solid rgba(255,255,255,.12); border-radius: 999px; color: #8d999e; background: rgba(2,10,15,.68); font-size: .46rem; letter-spacing: .1em; white-space: nowrap; }
.vgtv-audience-state i { width: 7px; height: 7px; border-radius: 50%; background: #65757a; }
.vgtv-audience-state[data-live="true"] { border-color: rgba(76,226,140,.32); color: #a7edc1; background: rgba(19,103,59,.14); }
.vgtv-audience-state[data-live="true"] i { background: #4ce28c; box-shadow: 0 0 0 0 rgba(76,226,140,.52); animation: third-time-entry-pulse 1.65s ease-out infinite; }
.vgtv-audience-state[data-ended="true"] { border-color: rgba(242,206,121,.28); color: #e7d39c; background: rgba(199,149,61,.09); }
.vgtv-audience-state[data-ended="true"] i { background: var(--gold-light); box-shadow: 0 0 9px rgba(242,206,121,.35); }
.vgtv-audience-metrics { position: relative; z-index: 1; margin-top: 18px; display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 10px; }
.vgtv-audience-metrics article { min-width: 0; min-height: 116px; padding: 14px; display: grid; align-content: center; gap: 4px; border: 1px solid rgba(229,187,87,.17); border-radius: 13px; background: linear-gradient(145deg, rgba(7,24,31,.94), rgba(2,9,14,.98)); box-shadow: inset 0 1px 0 rgba(255,255,255,.025); }
.vgtv-audience-metrics article.is-primary { border-color: rgba(76,226,140,.26); background: radial-gradient(circle at 90% 10%, rgba(42,176,98,.14), transparent 40%), linear-gradient(145deg, rgba(7,29,34,.98), rgba(2,10,15,.98)); }
.vgtv-audience-metrics small { color: #a39164; font-size: .46rem; font-weight: 900; letter-spacing: .13em; }
.vgtv-audience-metrics strong { overflow: hidden; color: #f3dfab; font: 700 clamp(1.7rem, 4.2vw, 2.6rem) / 1 var(--font-classic); font-variant-numeric: tabular-nums; text-overflow: ellipsis; }
.vgtv-audience-metrics article.is-primary strong { color: #b9f3cf; }
.vgtv-audience-metrics span { color: #748388; font-size: .42rem; font-weight: 800; letter-spacing: .1em; }
.vgtv-reports { position: relative; z-index: 1; margin-top: 18px; padding-top: 17px; border-top: 1px solid rgba(229,187,87,.14); }
.vgtv-reports-title { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.vgtv-reports-title > span { display: grid; gap: 4px; }
.vgtv-reports-title strong { color: var(--ivory); font: 700 .86rem var(--font-classic); letter-spacing: .07em; }
.vgtv-reports-title button { width: 38px; height: 38px; padding: 9px; display: grid; place-items: center; border: 1px solid rgba(242,206,121,.25); border-radius: 11px; color: var(--gold-light); background: rgba(199,149,61,.07); cursor: pointer; }
.vgtv-reports-title svg { width: 100%; height: 100%; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.vgtv-report-list { margin-top: 12px; display: grid; gap: 9px; }
.vgtv-report-list > p { margin: 0; padding: 18px; border: 1px dashed rgba(229,187,87,.18); border-radius: 12px; color: #7e8d92; background: rgba(1,7,11,.42); font-size: .63rem; line-height: 1.55; text-align: center; }
.vgtv-report-card { min-width: 0; padding: 13px 14px; display: grid; grid-template-columns: minmax(150px,.8fr) minmax(0,1.8fr); align-items: center; gap: 14px; border: 1px solid rgba(229,187,87,.16); border-radius: 12px; background: rgba(2,10,15,.72); }
.vgtv-report-card.is-live { border-color: rgba(76,226,140,.26); }
.vgtv-report-card > div { min-width: 0; display: grid; gap: 3px; }
.vgtv-report-card > div span { width: max-content; padding: 4px 7px; border-radius: 999px; color: #b8aa81; background: rgba(199,149,61,.08); font-size: .4rem; font-weight: 900; letter-spacing: .1em; }
.vgtv-report-card.is-live > div span { color: #a6edc0; background: rgba(35,152,84,.13); }
.vgtv-report-card > div strong { color: var(--ivory); font-size: .66rem; }
.vgtv-report-card > div small { overflow: hidden; color: #718086; font-size: .44rem; text-overflow: ellipsis; white-space: nowrap; }
.vgtv-report-card dl { min-width: 0; margin: 0; display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 7px; }
.vgtv-report-card dl > div { min-width: 0; padding-left: 8px; border-left: 1px solid rgba(229,187,87,.13); }
.vgtv-report-card dt { overflow: hidden; color: #78868b; font-size: .36rem; font-weight: 800; letter-spacing: .06em; text-overflow: ellipsis; white-space: nowrap; }
.vgtv-report-card dd { margin: 3px 0 0; color: #ead59e; font: 700 .76rem var(--font-classic); font-variant-numeric: tabular-nums; }
.premium-sponsors-admin-group { border-color: rgba(229,187,87,.24); background: linear-gradient(145deg, rgba(64,43,14,.13), rgba(3,14,20,.84)); }
.premium-admin-heading { display: flex; align-items: start; justify-content: space-between; gap: 14px; }
.premium-admin-heading h3 { margin-top: 4px; }
.premium-admin-heading > span { padding: 7px 9px; border: 1px solid rgba(242,206,121,.3); border-radius: 999px; color: var(--gold-light); background: rgba(199,149,61,.08); font-size: .46rem; font-weight: 900; letter-spacing: .11em; white-space: nowrap; }
.premium-sponsors-admin { margin-top: 15px; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.premium-sponsor-editor { min-width: 0; padding: 12px; border: 1px solid rgba(229,187,87,.2); border-radius: 13px; background: rgba(2,10,15,.82); }
.premium-sponsor-editor-head { margin-bottom: 10px; display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.premium-sponsor-editor-head strong { color: var(--gold-light); font-size: .62rem; letter-spacing: .08em; }
.premium-sponsor-editor-head span { color: #738187; font-size: .44rem; font-weight: 900; letter-spacing: .1em; }
.premium-sponsor-preview { position: relative; aspect-ratio: 4 / 3; display: grid; place-items: center; overflow: hidden; border: 1px solid rgba(229,187,87,.19); border-radius: 10px; color: #6e7c81; background: linear-gradient(145deg, #06151d, #01070b); font-size: .5rem; font-weight: 900; text-align: center; }
.premium-sponsor-preview img { width: 84%; height: 76%; object-fit: contain; }
.premium-sponsor-editor label { margin-top: 11px; font-size: .55rem; }
.premium-sponsor-editor input[type="text"], .premium-sponsor-editor input[type="url"], .premium-sponsor-editor input[type="file"] { padding: 9px 10px; font-size: .61rem; }
.premium-sponsor-editor input[type="url"] { width: 100%; border: 1px solid rgba(255,255,255,.13); border-radius: 10px; color: var(--ivory); background: #07121a; outline: 0; }
.premium-sponsor-editor input[type="url"]:focus { border-color: var(--gold); box-shadow: 0 0 0 3px rgba(199,149,61,.12); }
.premium-sponsor-clear { width: 100%; margin-top: 7px; padding: 8px; border: 1px solid rgba(218,91,77,.34); border-radius: 8px; color: #efaba2; background: rgba(110,30,22,.11); font-size: .48rem; font-weight: 900; letter-spacing: .07em; cursor: pointer; }
.premium-sponsor-clear[hidden] { display: none; }
.admin-tabs button, .gold-button, .ghost-button, .selection-remove { transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease, filter .2s ease, background .2s ease; }.admin-tabs button:hover, .admin-tabs button:focus-visible, .gold-button:hover, .gold-button:focus-visible, .ghost-button:hover, .ghost-button:focus-visible, .selection-remove:hover, .selection-remove:focus-visible { transform: translateY(-2px); outline: 0; filter: brightness(1.08); }.gold-button:hover, .gold-button:focus-visible { box-shadow: 0 10px 26px rgba(199,149,61,.22), inset 0 1px 0 rgba(255,255,255,.32); }.ghost-button:hover, .ghost-button:focus-visible { border-color: rgba(242,206,121,.52); box-shadow: 0 10px 24px rgba(0,0,0,.26); }.admin-tabs button:active, .gold-button:active, .ghost-button:active, .selection-remove:active { transform: translateY(1px) scale(.985); }
.reveal { opacity: 0; transform: translateY(25px); transition: opacity .65s ease, transform .65s ease; }.reveal.visible { opacity: 1; transform: none; }
@keyframes pulse { 50% { opacity: .5; transform: scale(.8); } }
@keyframes radio-live-pulse { 50% { opacity: .66; box-shadow: 0 0 5px #4edb87, 0 0 13px rgba(78,219,135,.28); } }
@keyframes radio-indicator-blink { 0%, 100% { opacity: .28; transform: scale(.76); box-shadow: 0 0 2px var(--radio-light); } 50% { opacity: 1; transform: scale(1.12); box-shadow: 0 0 8px var(--radio-light), 0 0 17px var(--radio-glow); } }
@keyframes radio-led-scroll { to { transform: translateX(-50%); } }
@keyframes command-hit { 0% { transform: translateY(0) scale(1); } 42% { transform: translateY(-4px) scale(1.035); box-shadow: 0 16px 32px rgba(222,172,75,.24); } 100% { transform: translateY(0) scale(1); } }
@keyframes install-float-cycle { 0%, 10%, 90%, 100% { opacity: 0; visibility: hidden; transform: translateX(-50%) translateY(16px) scale(.97); } 18%, 82% { opacity: 1; visibility: visible; transform: translateX(-50%) translateY(0) scale(1); } }
@keyframes install-neon { from { box-shadow: 0 17px 46px rgba(0,0,0,.66), 0 0 18px rgba(242,206,121,.16), 0 0 28px rgba(38,175,103,.07), inset 0 1px 0 rgba(255,255,255,.44); } to { box-shadow: 0 17px 46px rgba(0,0,0,.66), 0 0 28px rgba(242,206,121,.3), 0 0 48px rgba(38,175,103,.15), inset 0 1px 0 rgba(255,255,255,.44); } }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { animation: none !important; transition-duration: .001ms !important; } .reveal { opacity: 1; transform: none; } }

@media (max-width: 980px) and (min-width: 721px) {
  .sponsors-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .store-prev { left: -10px; }.store-next { right: -10px; }
}

@media (max-width: 720px) {
  body { background-attachment: scroll; padding-bottom: 68px; }
  .section-shell { width: min(100% - 20px, 590px); }
  .topbar { height: 64px; padding: 5px 9px; }.brand { gap: 6px; }.brand img { width: 37px; height: 45px; }.brand strong { font-size: .68rem; }.brand small { font-size: .37rem; }.install-button { display: none !important; }.top-actions { gap: 5px; }.language-switch { height: 36px; }.language-switch button { min-width: 34px; padding: 3px 5px; }.language-switch img { width: 17px; height: 12px; }.language-switch b { font-size: .5rem; }.menu-button { width: 40px; height: 40px; }.main-menu { right: 9px; top: 58px; }
  .home-portal .hero img { min-height: 0; height: 100%; aspect-ratio: auto; object-fit: contain; object-position: center; }
  .manifesto { padding: 55px 14px 68px; }.manifesto h1 { font-size: clamp(2rem, 10vw, 3.2rem); }.manifesto > p:last-child { margin-top: 22px; font-size: .9rem; line-height: 1.75; }.eyebrow { font-size: .59rem; }
  .community { padding-bottom: 72px; }.section-heading { padding-inline: 7px; }.section-heading h2, .games-intro h2 { font-size: 1.65rem; }
  .noble-card { border-radius: 18px; }.noble-card::before { inset: 5px; border-radius: 13px; }.card-label { padding: 15px 17px 10px; font-size: .57rem; }
  .weekly-media { min-height: 390px; }.weekly-published-media > img { object-position: center; }.weekly-shade { background: linear-gradient(0deg, rgba(2,8,13,.96), rgba(2,8,13,.18) 80%); }.weekly-media.is-placeholder .weekly-shade { background: linear-gradient(0deg, rgba(2,8,13,.98) 0 34%, rgba(2,8,13,.2) 70%, rgba(2,8,13,.04)); }.weekly-placeholder-image { object-position: 76% center; }.weekly-copy { left: 24px; bottom: 28px; width: calc(100% - 48px); text-align: center; }.weekly-copy h3 { font-size: 1.55rem; }.weekly-copy p { font-size: .78rem; }.weekly-video-play { width: 58px; height: 58px; }
  .gallery-card { padding: 22px 14px; }.gallery-heading { display: block; }.gallery-heading > p { margin: 0; font-size: .7rem; }.gallery-heading h3 { font-size: 1.4rem; }.gallery-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }.gallery-item, .gallery-empty { min-height: 0; }.gallery-empty img { min-height: 0; width: 54px; height: 75px; }.instagram-cta { min-height: 76px; grid-template-columns: 42px 1fr auto; gap: 10px; padding: 12px; }.instagram-icon { width: 40px; height: 40px; font-size: 1.4rem; }.instagram-cta strong { font-size: .61rem; line-height: 1.45; }.instagram-cta small { font-size: .51rem; }
  .legacy { width: calc(100% - 20px); padding-bottom: 66px; }.legacy-card { min-height: 0; padding: 0; display: block; background: #020a10; }.legacy-card::after { display: none; }.legacy-scene { position: relative; inset: auto; width: 100%; height: auto; aspect-ratio: 2 / 1; display: block; object-fit: cover; object-position: center; border-bottom: 1px solid rgba(222,172,75,.2); }.legacy-glow { display: none; }.legacy-copy { width: 100%; padding: 31px 23px 34px; background: linear-gradient(180deg, #041018, #020a10); text-shadow: 0 4px 18px #000; }.legacy-topline { display: flex; flex-wrap: wrap; gap: 7px 12px; color: #eef1ef; font-size: .58rem; line-height: 1.45; letter-spacing: .11em; }.legacy-topline time { color: #f2ce79; font-size: .6rem; }.legacy-copy > .eyebrow { margin-top: 22px; font-size: .6rem; }.legacy-copy h2 { font-size: clamp(2.35rem, 12vw, 3.5rem); }.legacy-copy blockquote { margin-top: 23px; padding-left: 15px; gap: 11px; }.legacy-copy blockquote strong { font-size: 1.12rem; line-height: 1.4; }.legacy-copy blockquote span { color: #d0d8d5; font-size: .78rem; line-height: 1.62; }.legacy-scripture { margin-top: 20px; padding: 16px 17px 15px; border-radius: 12px; }.legacy-scripture-label { font-size: .52rem; }.legacy-scripture p { font-size: .94rem; line-height: 1.5; }.legacy-scripture cite { font-size: .61rem; }.legacy-actions { margin-top: 23px; display: grid; grid-template-columns: 1fr; }.legacy-actions button { width: 100%; min-height: 48px; font-size: .56rem; }.legacy-status { color: #b8c4c1; font-size: .63rem; }
  .radio-section { width: calc(100% - 20px); padding-bottom: 66px; }.radio-card { padding: 20px 16px; }.radio-card-head { grid-template-columns: minmax(0, 1fr) auto; gap: 15px 10px; }.radio-live-state { min-width: 0; grid-column: 1 / -1; font-size: .56rem; }.radio-card-copy { padding-left: 13px; }.radio-card-copy small { font-size: .52rem; }.radio-card-copy h2 { font-size: 1.2rem; }.radio-card-copy p { font-size: .65rem; }.radio-primary-cta { min-width: 118px; min-height: 48px; padding: 10px 12px; gap: 7px; border-radius: 12px; font-size: .58rem; }.radio-primary-cta .radio-control-glyph { width: 19px; height: 19px; }.pao-radio-led-panel { margin-top: 20px; }.pao-radio-led-group { gap: 17px; padding-right: 38px; font-size: .58rem; }.radio-card-actions { grid-template-columns: 1fr; gap: 12px; }.radio-share-button { width: 100%; min-height: 46px; border-radius: 12px; font-size: .57rem; }.radio-card-actions p { font-size: .48rem; line-height: 1.45; text-align: center; }
  .vg-live { width: calc(100% - 20px); padding-bottom: 62px; }.vg-live-card { padding: 16px 13px 14px; }.vg-live-heading { margin-bottom: 14px; gap: 12px; }.vg-live-heading h2 { font-size: 1.7rem; }.vg-live-heading p:last-child { font-size: .65rem; line-height: 1.45; }.vg-live-youtube { width: 46px; height: 46px; padding: 10px; border-radius: 14px; }.vg-live-player { border-radius: 12px; }.vg-live-standby { gap: 7px; padding: 12px; }.vg-live-standby > img { width: 58px; max-height: 32%; }.vg-live-camera { right: 9px; top: 9px; width: 34px; height: 34px; padding: 7px; border-radius: 10px; }.vg-live-standby strong { font-size: .65rem; }.vg-live-standby > span:last-child { width: 72%; font-size: .38rem; line-height: 1.45; }.vg-live-footer { padding-top: 11px; display: grid; gap: 7px; font-size: .43rem; line-height: 1.4; }.vg-live-footer a { font-size: .48rem; }.vg-tv-sponsors { margin-top: 16px; padding: 12px 9px; border-radius: 13px; }.vg-tv-sponsors-heading { margin-bottom: 10px; align-items: start; }.vg-tv-sponsors-heading small { font-size: .4rem; }.vg-tv-sponsors-heading strong { font-size: .67rem; }.vg-tv-sponsors-heading > b { max-width: 34%; font-size: .34rem; line-height: 1.4; text-align: right; }.vg-tv-sponsors-grid { gap: 6px; }.vg-tv-sponsor { min-height: 92px; padding: 8px 4px; gap: 5px; border-radius: 10px; }.vg-tv-sponsor svg { width: 28px; height: 33px; }.vg-tv-sponsor img { max-height: 46px; }.vg-tv-sponsor strong { font-size: .42rem; }.vg-tv-sponsor small { font-size: .3rem; }.vg-game-share { width: min(100% - 16px,420px); min-height: 68px; margin-top: 11px; padding: 8px 12px 8px 8px; grid-template-columns: 44px minmax(0,1fr) 22px; gap: 10px; border-radius: 16px; }.vg-game-share-icon { width: 44px; height: 44px; padding: 12px; border-radius: 12px; }.vg-game-share-copy small { font-size: .41rem; letter-spacing: .15em; }.vg-game-share-copy strong { font-size: .64rem; letter-spacing: .09em; }.vg-game-share-copy > span { font-size: .56rem; }.vg-tv-sponsor-focus .sponsor-focus-mark { min-height: 240px; }
  .games { padding-bottom: 65px; }.calendar-art { border-radius: 14px; }.calendar-art img { width: 100%; height: auto; object-fit: contain; }.games-intro { padding: 45px 6px 25px; }.next-match { min-height: 310px; padding: 43px 10px 25px; }.next-venue-badge, .match-venue-badge { min-width: 96px; padding: 6px 12px 7px; font-size: .53rem; }.next-versus { grid-template-columns: minmax(78px, 1fr) minmax(78px, 88px) minmax(78px, 1fr); gap: 7px; }.team-display img { width: 83px; height: 92px; }.team-display strong { font-size: .54rem; }.versus-mark { min-width: 78px; min-height: 60px; font-size: 1.75rem; }.match-meta { font-size: .58rem; }
  .matches-toolbar { margin: 34px 5px 14px; }.matches-toolbar strong { font-size: .94rem; }.matches-toolbar > p { display: none; }.matches-grid { grid-template-columns: 1fr; gap: 11px; }.match-card { min-height: 260px; padding: 32px 12px 18px; }.match-body { grid-template-columns: minmax(82px, 1fr) minmax(74px, 86px) minmax(82px, 1fr); gap: 6px; }.match-team img { width: 82px; height: 86px; }.match-team span { font-size: .54rem; }.match-score { min-width: 74px; min-height: 60px; font-size: 2rem; }
  .sponsors { padding: 5px 0 74px; }.sponsors-banner { border-radius: 15px; }.sponsors-heading { margin: 40px 5px 18px; display: block; }.sponsors-heading h2 { font-size: 1.6rem; }.sponsors-heading > p { width: 100%; margin-top: 10px; font-size: .69rem; text-align: left; }.sponsors-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }.sponsor-card { min-height: 248px; padding: 8px 8px 11px; grid-template-rows: 126px 1fr; gap: 10px; border-radius: 15px; }.person-card { grid-template-rows: 1fr; }.person-card .sponsor-logo-stage { min-height: 230px; }.sponsor-card:hover, .sponsor-card:focus-visible { transform: translateY(-4px) scale(1.018); }.sponsor-card::before, .sponsor-card::after { width: 24px; height: 24px; }.sponsor-logo-stage { padding: 0; border-radius: 10px; }.visual-badge .sponsor-logo-stage img { padding: 5px; }.visual-safe .sponsor-logo-stage img { padding: 0; }.supporter-person-mark { padding: 14px 8px; }.supporter-person-mark::before { margin-bottom: 9px; font-size: 1.35rem; }.supporter-person-mark strong { font-size: .86rem; }.supporter-person-mark b { max-width: 100%; overflow: hidden; font-size: .49rem; text-overflow: ellipsis; }.sponsor-number { right: 11px; top: 9px; font-size: .46rem; }.sponsor-card-copy small { font-size: .4rem; letter-spacing: .12em; }.sponsor-card-copy strong { margin-top: 5px; font-size: .76rem; }.sponsor-card-copy > span { font-size: .54rem; }.sponsor-card-copy b { padding-top: 7px; padding-right: 15px; font-size: .48rem; }.sponsor-open { right: 10px; bottom: 10px; font-size: .72rem; }.sponsors-honor { margin-top: 28px; font-size: .48rem; line-height: 1.45; }.sponsor-focus-mark { width: 96%; height: min(46vh, 370px); min-height: 240px; }.sponsor-focus-mark img { max-width: 100%; max-height: 100%; }
  .store { width: 100%; padding: 4px 0 82px; }.store-hero { width: calc(100% - 20px); height: auto; min-height: 0; margin-inline: auto; aspect-ratio: 2 / 1; border-radius: 17px; }.store-hero picture img { object-position: center; }.store-hero-shade { background: linear-gradient(90deg, rgba(1,7,11,.96) 0, rgba(2,9,14,.78) 36%, rgba(2,9,14,.1) 66%), linear-gradient(0deg, rgba(1,7,11,.44), transparent 58%); }.store-hero-copy { left: clamp(18px, 6vw, 30px); top: 50%; width: 55%; transform: translateY(-50%); text-align: left; }.store-hero-copy > span { padding: 5px 8px; font-size: .42rem; }.store-hero-copy h2 { margin-top: 9px; font-size: clamp(1.75rem, 9.4vw, 2.75rem); line-height: .92; white-space: nowrap; }.store-hero-copy h3 { width: 100%; margin-top: 9px; font-size: clamp(.47rem, 1.85vw, .62rem); line-height: 1.35; letter-spacing: .12em; }.store-hero-copy p { width: 100%; margin-top: 5px; font-size: clamp(.47rem, 1.75vw, .6rem); line-height: 1.35; }.store-heading { width: calc(100% - 30px); margin: 42px auto 15px; display: block; }.store-heading h2 { font-size: 1.65rem; }.store-heading > p { width: 100%; margin-top: 10px; color: #d5dcda; font-size: .72rem; line-height: 1.55; text-align: left; }.store-viewport { padding: 10px 13px 22px; -webkit-mask-image: linear-gradient(90deg, transparent, #000 3%, #000 97%, transparent); mask-image: linear-gradient(90deg, transparent, #000 3%, #000 97%, transparent); }.store-track { gap: 10px; }.store-product { width: min(74vw, 282px); border-radius: 17px; }.store-product-copy { min-height: 170px; padding: 15px 15px 17px; }.store-product-copy h3 { font-size: .92rem; }.store-product-copy p { color: #c7d0ce; font-size: .68rem; }.store-coming { left: 10px; top: 10px; }.store-arrow { top: 43%; width: 42px; height: 42px; font-size: 1.7rem; }.store-prev { left: 6px; }.store-next { right: 6px; }.store-note { width: calc(100% - 32px); margin-top: 18px; padding: 12px 14px; color: #eef1ef; font-size: .68rem; line-height: 1.55; }.store-focus-image { width: min(100%, 380px); }.store-focus h3 { font-size: 1.65rem; }
  .footer { min-height: 300px; padding-bottom: 100px; display: grid; justify-items: center; gap: 8px; text-align: center; }.footer > small { margin-top: 7px; }.technology-signature { margin: 17px 0 0; padding: 17px 0 0; border-left: 0; border-top: 1px solid var(--line); text-align: center; }
  .bottom-nav { position: fixed; left: 8px; right: 8px; bottom: max(7px, env(safe-area-inset-bottom)); z-index: 45; height: 64px; padding: 5px 4px; display: grid; grid-template-columns: repeat(5, 1fr); border: 1px solid var(--line); border-radius: 19px; background: rgba(3,13,20,.94); box-shadow: 0 15px 45px #000; backdrop-filter: blur(15px); }.bottom-nav a { min-width: 0; display: grid; place-content: center; justify-items: center; gap: 2px; color: #84929b; }.bottom-nav a.active, .bottom-nav a:hover { color: var(--gold-light); }.bottom-nav span { font-size: 1.08rem; }.bottom-nav small { max-width: 100%; overflow: hidden; font-size: .46rem; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }.bottom-radio { position: relative; }.bottom-radio::after { --radio-light: #f2ce79; --radio-glow: rgba(242,206,121,.5); content: ""; position: absolute; top: 2px; right: calc(50% - 19px); width: 5px; height: 5px; border-radius: 50%; background: var(--radio-light); animation: radio-indicator-blink 1.55s ease-in-out infinite; }.bottom-radio.is-playing::after { --radio-light: #5ce291; --radio-glow: rgba(78,219,135,.62); animation-duration: 1.05s; }.radio-nav-icon { width: 19px; height: 14px; }.bag-icon { position: relative; width: 18px; height: 15px; margin-top: 3px; display: block; border: 1.7px solid currentColor; border-radius: 3px; }.bag-icon::before { content: ""; position: absolute; left: 50%; top: -7px; width: 8px; height: 7px; border: 1.7px solid currentColor; border-bottom: 0; border-radius: 7px 7px 0 0; transform: translateX(-50%); }
  .radio-mini-player { left: 8px; right: 8px; bottom: calc(max(7px, env(safe-area-inset-bottom)) + 72px); width: auto; min-height: 58px; padding: 6px 8px 6px 12px; grid-template-columns: auto minmax(0, 1fr) auto auto; gap: 8px; border-radius: 17px; transform: none; }.radio-mini-signal { font-size: 1.05rem; }.radio-mini-player p { display: grid; gap: 2px; }.radio-mini-player p strong { font-size: .7rem; }.radio-mini-player p small { font-size: .45rem; }.radio-mini-toggle { width: 42px; height: 42px; border-radius: 12px; }.radio-mini-toggle .radio-control-glyph { width: 20px; height: 20px; }.radio-mini-share { min-width: 39px; padding: 6px 8px; }.radio-mini-share b { display: none; }
  body.radio-is-playing { padding-bottom: 142px; } body.radio-is-playing .back-to-top { bottom: calc(max(7px, env(safe-area-inset-bottom)) + 142px); }
  .back-to-top { display: none; }
  .focus-dialog { padding: 50px 12px 18px; }.focus-dialog .match-card { min-height: 390px; padding: 19px 10px; }.focus-dialog .match-team img { width: 92px; height: 105px; }.focus-dialog .match-score { font-size: 2.4rem; }.admin-dialog { padding: 20px 14px; }.admin-header h2 { font-size: 1.5rem; }.score-editor { gap: 5px; }.score-editor img { width: 76px; height: 84px; }.score-editor input[type="number"] { width: 76px; min-height: 64px; }.gallery-inputs, .admin-button-row { grid-template-columns: 1fr; }
  .official-actions { width: calc(100% - 20px); padding-bottom: 86px; }.official-actions-heading { padding-inline: 8px; }.official-actions-heading h2 { font-size: 1.75rem; }.official-actions-grid { grid-template-columns: 1fr; gap: 10px; }.official-action { min-height: 88px; padding: 13px; grid-template-columns: 48px 1fr auto; gap: 12px; border-radius: 15px; }.official-action-icon { width: 46px; height: 46px; padding: 12px; border-radius: 13px; }.official-action small { font-size: .45rem; }.official-action strong { font-size: .85rem; }
  .install-float { bottom: calc(max(7px, env(safe-area-inset-bottom)) + 76px); width: max-content; max-width: calc(100% - 28px); min-height: 58px; padding: 7px 10px 7px 8px; grid-template-columns: 42px auto; gap: 9px; border-radius: 17px; }.install-float-icon { width: 42px; height: 42px; padding: 10px; }.install-float small { font-size: .4rem; letter-spacing: .1em; }.install-float strong { font-size: .63rem; letter-spacing: .055em; }.install-nudge { bottom: calc(max(7px, env(safe-area-inset-bottom)) + 143px); width: min(304px, calc(100% - 42px)); padding: 10px 12px; }.install-nudge strong { font-size: .52rem; }.install-nudge span { font-size: .6rem; }
  .action-dialog { width: calc(100% - 18px); padding: 46px 16px 20px; border-radius: 20px; }.action-dialog-mark { width: 52px; height: 52px; margin-bottom: 14px; }.action-dialog-head h2 { font-size: 1.55rem; }.action-dialog-head > p:last-child { font-size: .7rem; }.route-options { grid-template-columns: 1fr; gap: 9px; }.route-option { min-height: 78px; }.install-steps { margin-top: 21px; }.install-steps li { padding: 11px; }.install-steps strong { font-size: .57rem; }.install-steps small { font-size: .63rem; }
  .admin-tabs { gap: 4px; padding: 4px; }.admin-tabs button { padding: 10px 5px; font-size: .58rem; }.metrics-grid { grid-template-columns: 1fr 1fr; gap: 8px; }.metrics-grid article { min-height: 112px; padding: 12px 8px; }.metrics-grid article > strong { font-size: 1.7rem; }.metrics-grid article > small { font-size: .47rem; }.metrics-connection { padding: 12px; }
}

/* =========================================================
   VG v33.2 — CROSS-DEVICE QA PATCH
   Safe Area + Dynamic Viewport + Touch Targets
   ========================================================= */
@supports (height: 100dvh) {
  .focus-dialog { max-height: 90dvh; }
  .admin-dialog { max-height: 92dvh; }
  .focus-photo { max-height: 80dvh; }
}

@supports (padding: env(safe-area-inset-top)) {
  @media (max-width: 720px) {
    .topbar {
      height: auto;
      min-height: calc(64px + env(safe-area-inset-top));
      padding-top: calc(5px + env(safe-area-inset-top));
    }
    .home-portal { height: auto; min-height: 0; }
    .main-menu { top: calc(58px + env(safe-area-inset-top)); }
    .focus-dialog,
    .admin-dialog,
    .action-dialog {
      max-height: calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 16px);
      padding-bottom: calc(18px + env(safe-area-inset-bottom));
    }
  }
}

@media (max-width: 720px) and (pointer: coarse) {
  .menu-button,
  .dialog-close,
  .radio-mini-toggle,
  .store-arrow,
  .language-switch button {
    width: 48px;
    min-width: 48px;
    height: 48px;
    min-height: 48px;
  }
  .language-switch,
  .radio-share-button,
  .ghost-button,
  .gold-button,
  .selection-remove,
  .admin-tabs button,
  .bottom-nav a { min-height: 48px; }
  #adminPasswordToggle {
    width: 48px !important;
    min-width: 48px !important;
    height: 48px !important;
    min-height: 48px !important;
  }
}

@media (max-width: 360px) {
  .brand span { display: none; }
}


/* =========================================================
   VG v36 — AVISO RESPONSIVO + AMPLIAR AO TOQUE + GRAFIA SEGURA
   ========================================================= */
.weekly-published-media { background: #02080d; }
.weekly-media-open { position: absolute; inset: 0; width: 100%; height: 100%; padding: 0; border: 0; display: block; overflow: hidden; color: inherit; background: #02080d; cursor: zoom-in; }
.weekly-media-open > img, .weekly-media-open > video, .weekly-media-open .weekly-video-frame > video { width: 100%; height: 100%; display: block; object-fit: cover; object-position: center; }
.weekly-video-frame .weekly-media-open > video { object-fit: cover; }
.weekly-video-frame .weekly-media-open > video { opacity: .01; transition: opacity .26s ease; }
.weekly-video-frame .weekly-media-open > video.has-cover { opacity: 1; }
.weekly-expand-hint { position: absolute; z-index: 5; right: 16px; bottom: 16px; width: 42px; height: 42px; display: grid; place-items: center; border: 1px solid rgba(242,206,121,.62); border-radius: 50%; color: var(--gold-light); background: rgba(2,10,15,.78); box-shadow: 0 10px 28px rgba(0,0,0,.45); font-size: 1.1rem; backdrop-filter: blur(8px); }
.weekly-video-frame .weekly-video-play { pointer-events: none; left: 50%; top: 50%; }
.weekly-copy { color: var(--weekly-copy-color, #fff); text-shadow: 0 2px 10px rgba(0,0,0,.86), 0 1px 2px rgba(0,0,0,.9); transition: color .2s, background .2s; }
.weekly-copy h3, .weekly-copy p { color: inherit; }
.weekly-copy p { color: var(--weekly-copy-muted, #eef2ef); }
.weekly-copy[data-text-color="gold"] h3 { color: #f2ce79; }
.weekly-copy[data-text-color="dark"] { text-shadow: 0 1px 2px rgba(255,255,255,.35), 0 0 14px rgba(255,255,255,.2); }
.weekly-copy.has-soft-backdrop { padding: 18px 22px; border-left: 3px solid var(--gold); border-radius: 0 15px 15px 0; background: linear-gradient(90deg, rgba(2,8,13,.86), rgba(2,8,13,.42) 70%, rgba(2,8,13,.08)); backdrop-filter: blur(4px); }
.weekly-copy.has-soft-backdrop[data-text-color="dark"] { background: linear-gradient(90deg, rgba(255,255,255,.88), rgba(255,255,255,.62) 70%, rgba(255,255,255,.18)); border-left-color: #071019; }
.weekly-style-editor { margin-top: 14px; padding: 16px; border: 1px solid rgba(242,206,121,.22); border-radius: 16px; background: linear-gradient(145deg, rgba(7,25,35,.92), rgba(2,10,15,.95)); }
.weekly-style-head strong { display: block; color: var(--gold-light); font-size: .68rem; letter-spacing: .12em; }
.weekly-style-head span { display: block; margin-top: 5px; color: #aeb9b7; font-size: .66rem; line-height: 1.5; }
.weekly-color-options { margin-top: 12px; display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 8px; }
.weekly-color-options label { position: relative; cursor: pointer; }
.weekly-color-options input { position: absolute; opacity: 0; pointer-events: none; }
.weekly-color-options span { min-height: 42px; padding: 9px 7px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.13); border-radius: 11px; color: #d9e0de; background: rgba(3,12,18,.8); font-size: .55rem; font-weight: 900; letter-spacing: .06em; text-align: center; transition: border-color .18s, color .18s, box-shadow .18s, background .18s; }
.weekly-color-options input:checked + span { border-color: rgba(242,206,121,.78); color: var(--gold-light); background: rgba(242,206,121,.08); box-shadow: 0 0 0 2px rgba(242,206,121,.08), inset 0 0 18px rgba(242,206,121,.04); }
.weekly-backdrop-toggle { margin-top: 12px; padding: 11px 12px; display: flex; align-items: center; gap: 10px; border: 1px solid rgba(255,255,255,.1); border-radius: 12px; background: rgba(2,9,14,.66); cursor: pointer; }
.weekly-backdrop-toggle input { width: 19px; height: 19px; accent-color: #d5a847; }
.weekly-backdrop-toggle span { display: grid; gap: 3px; }
.weekly-backdrop-toggle strong { color: #f2e7c7; font-size: .59rem; letter-spacing: .06em; }
.weekly-backdrop-toggle small { color: #9eaaa8; font-size: .58rem; line-height: 1.35; }
.weekly-style-preview { --weekly-copy-color:#fff; --weekly-copy-muted:#eef2ef; margin-top: 12px; min-height: 112px; padding: 16px; display: grid; align-content: end; gap: 5px; border: 1px solid rgba(255,255,255,.1); border-radius: 13px; color: var(--weekly-copy-color); background: radial-gradient(circle at 80% 20%, rgba(242,206,121,.26), transparent 26%), linear-gradient(125deg, #1b5e46, #071a29 55%, #02080d); text-shadow: 0 2px 8px rgba(0,0,0,.85); }
.weekly-style-preview.has-soft-backdrop { box-shadow: inset 0 -78px 55px -24px rgba(0,0,0,.72); }
.weekly-style-preview[data-text-color="dark"].has-soft-backdrop { box-shadow: inset 0 -78px 55px -24px rgba(255,255,255,.74); text-shadow: 0 1px 2px rgba(255,255,255,.36); }
.weekly-style-preview small { color: var(--gold-light); font-size: .48rem; font-weight: 900; letter-spacing: .14em; }
.weekly-style-preview strong { color: var(--weekly-copy-color); font-family: var(--font-classic); font-size: 1rem; }
.weekly-style-preview span { color: var(--weekly-copy-muted); font-size: .62rem; line-height: 1.45; }
.focus-dialog.weekly-media-focus { width: min(1120px, calc(100% - 20px)); padding: 54px 12px 12px; background: #000; }
.weekly-focus-media { min-height: min(78vh, 780px); display: grid; place-items: center; background: #000; border-radius: 14px; overflow: hidden; }
.weekly-focus-media img, .weekly-focus-media video { width: 100%; height: auto; max-height: 82vh; object-fit: contain; background: #000; }
@media (max-width: 720px) {
  .weekly-media:not(.is-placeholder) { min-height: 0; aspect-ratio: 16 / 9; }
  .weekly-media:not(.is-placeholder).has-copy { min-height: clamp(300px, 84vw, 390px); aspect-ratio: auto; }
  .weekly-published-media > img, .weekly-published-media video, .weekly-media-open > img, .weekly-video-frame .weekly-media-open > video { object-fit: contain !important; background: #02080d; }
  .weekly-media.has-copy .weekly-copy { left: 14px; right: 14px; bottom: 14px; width: auto; padding: 13px 14px; text-align: left; }
  .weekly-media.has-copy .weekly-copy h3 { margin: 8px 0 5px; font-size: clamp(1.12rem, 5vw, 1.48rem); }
  .weekly-media.has-copy .weekly-copy p { font-size: .72rem; line-height: 1.45; }
  .weekly-expand-hint { right: 10px; bottom: 10px; width: 38px; height: 38px; }
  .weekly-color-options { grid-template-columns: 1fr 1fr; }
  .weekly-focus-media { min-height: 0; height: calc(100dvh - 92px); }
  .weekly-focus-media img, .weekly-focus-media video { max-height: calc(100dvh - 92px); }
}

/* 3º TEMPO — SISTEMA VISUAL PRIME CONSOLIDADO */
.third-time-action .official-action-icon {
  width: 54px;
  height: 54px;
}

@media (max-width: 720px) {
  .third-time-action .official-action-icon {
    width: 46px;
    height: 46px;
  }
}

.third-time-dialog {
  --tt-onyx: #070c12;
  --tt-slate: #101820;
  --tt-slate-2: #16212a;
  --tt-panel: #0b151c;
  --tt-gold: #c99a3e;
  --tt-gold-light: #f1d27f;
  --tt-ivory: #f4efe4;
  --tt-muted: #9aa6aa;
  --tt-line: rgba(218, 177, 84, .24);
  width: min(780px, calc(100% - 24px));
  max-width: 780px;
  height: min(90dvh, 860px);
  max-height: 860px;
  margin: auto;
  padding: 0;
  border: 1px solid rgba(226, 184, 88, .34);
  border-radius: 22px;
  color: var(--tt-ivory);
  background: var(--tt-onyx);
  box-shadow: 0 34px 100px rgba(0, 0, 0, .78), inset 0 1px 0 rgba(255, 255, 255, .025);
  overflow: hidden;
}

.third-time-dialog::backdrop {
  background: rgba(0, 4, 8, .86);
  backdrop-filter: blur(10px);
}

.third-time-dialog [hidden] {
  display: none !important;
}

.third-time-shell {
  min-width: 0;
  height: 100%;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background:
    radial-gradient(circle at 50% -15%, rgba(201, 154, 62, .08), transparent 32%),
    linear-gradient(180deg, #0a1017 0%, #070c12 100%);
}

/* Cabeçalho */
.third-time-header {
  position: relative;
  z-index: 10;
  flex: 0 0 auto;
  min-height: 78px;
  padding: 10px 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  border-bottom: 1px solid rgba(220, 174, 69, .38);
  background:
    linear-gradient(90deg, rgba(211, 163, 67, .045), transparent 32%),
    linear-gradient(145deg, #121a23 0%, #0b121a 55%, #080d13 100%);
  box-shadow: 0 10px 30px rgba(0, 0, 0, .24);
}

.third-time-header::after {
  content: "";
  position: absolute;
  right: 13%;
  bottom: -1px;
  width: 34%;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(245, 210, 126, .66), transparent);
  pointer-events: none;
}

.third-time-brand {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 11px;
}

.third-time-brand > img {
  width: 45px;
  height: 52px;
  flex: 0 0 auto;
  object-fit: contain;
  filter: drop-shadow(0 5px 10px rgba(199, 149, 61, .23));
}

.third-time-brand-copy {
  min-width: 0;
  display: grid;
  gap: 1px;
}

.third-time-brand-copy small {
  color: var(--tt-gold-light);
  font-size: .48rem;
  font-weight: 900;
  letter-spacing: .2em;
  white-space: nowrap;
}

.third-time-brand-copy h2 {
  margin: 0;
  color: var(--tt-ivory);
  font: 700 clamp(1.25rem, 3.4vw, 1.68rem)/1.1 var(--font-classic);
  letter-spacing: .015em;
  white-space: nowrap;
}

.third-time-live-meta {
  min-width: 0;
  margin-top: 3px;
  display: flex;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
}

#thirdTimeConnectionStatus {
  width: fit-content;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #aab4b5;
  font-size: .48rem;
  font-weight: 900;
  letter-spacing: .12em;
}

#thirdTimeConnectionStatus::before {
  content: "";
  width: 6px;
  height: 6px;
  flex: 0 0 auto;
  border-radius: 50%;
  background: #d8aa4a;
  box-shadow: 0 0 8px rgba(216, 170, 74, .62);
}

#thirdTimeCommunityStatus {
  color: #d2bd84;
  font-size: .45rem;
  font-weight: 900;
  letter-spacing: .08em;
}

.third-time-header-actions {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: 7px;
}

.third-time-header-actions button {
  height: 42px;
  padding: 0 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  border: 1px solid rgba(231, 191, 97, .34);
  border-radius: 12px;
  color: #ead49b;
  background: linear-gradient(145deg, rgba(25, 35, 43, .94), rgba(10, 16, 22, .96));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .03);
  font-size: .59rem;
  font-weight: 900;
  letter-spacing: .08em;
  cursor: pointer;
  transition: border-color .18s ease, background .18s ease, transform .18s ease;
}

.third-time-header-actions button:hover,
.third-time-header-actions button:focus-visible {
  border-color: rgba(241, 210, 127, .7);
  background: #19232b;
  outline: none;
}

.third-time-header-actions button:active {
  transform: scale(.96);
}

.third-time-header-actions svg,
.third-time-pin-shell button svg,
.premium-photo-button svg,
.third-time-message-reactions svg,
.third-time-message-actions svg {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.75;
  stroke-linecap: round;
  stroke-linejoin: round;
}

#thirdTimeClose {
  width: 42px;
  padding: 0;
}

#thirdTimeClose svg {
  width: 20px;
  height: 20px;
}

#thirdTimeProfileOpen {
  padding-left: 7px;
}

.third-time-header-avatar {
  position: relative;
  width: 28px;
  height: 28px;
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  border: 1px solid rgba(239, 200, 108, .48);
  border-radius: 50%;
  color: #d7b35f;
  background: #09131a;
}

.third-time-header-avatar::before {
  content: "VG";
  font-size: .42rem;
  font-style: normal;
  font-weight: 900;
  letter-spacing: .04em;
}

.third-time-header-avatar img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  object-fit: cover;
}

.third-time-header-avatar i {
  position: absolute;
  right: -4px;
  bottom: -3px;
  z-index: 2;
  width: 14px;
  height: 14px;
  display: grid;
  place-items: center;
  border: 1px solid #f0ce76;
  border-radius: 50%;
  color: #071016;
  background: #d8a63f;
  box-shadow: 0 2px 7px rgba(0, 0, 0, .4);
  font: 900 .64rem/1 Arial, sans-serif;
}

/* Superfícies de acesso */
.third-time-gate,
.third-time-onboarding,
.third-time-rules,
.third-time-profile {
  flex: 1;
  min-width: 0;
  min-height: 0;
}

.third-time-gate,
.third-time-onboarding {
  padding: 22px;
  overflow: auto;
  overscroll-behavior: contain;
}

.third-time-gate {
  display: grid;
  place-items: center;
}

.third-time-gate-card,
.third-time-onboarding-card,
.third-time-rules-card,
.third-time-profile-card {
  width: min(520px, 100%);
  margin: auto;
  border: 1px solid var(--tt-line);
  border-radius: 20px;
  background:
    linear-gradient(145deg, rgba(13, 29, 36, .98), rgba(6, 14, 20, .99)),
    var(--tt-panel);
  box-shadow: 0 24px 70px rgba(0, 0, 0, .38), inset 0 0 0 1px rgba(255, 255, 255, .018);
}

.third-time-gate-card,
.third-time-onboarding-card {
  padding: 24px;
}

.third-time-gate-card {
  text-align: center;
}

.third-time-card-heading {
  display: grid;
  gap: 6px;
}

.third-time-card-heading small {
  color: var(--tt-gold-light);
  font-size: .62rem;
  font-weight: 900;
  letter-spacing: .18em;
}

.third-time-card-heading strong {
  color: var(--tt-ivory);
  font: 700 clamp(1.4rem, 4vw, 1.85rem)/1.12 var(--font-classic);
  letter-spacing: .01em;
  text-wrap: balance;
}

.third-time-card-heading p {
  max-width: 430px;
  margin: 2px 0 0;
  color: #9da9aa;
  font-size: .76rem;
  line-height: 1.55;
}

.third-time-gate-card .third-time-card-heading p {
  margin-inline: auto;
}

.third-time-gate-status,
.third-time-feedback {
  min-height: 18px;
  margin: 9px 0 0;
  color: #dfbd69;
  font-size: .68rem;
  line-height: 1.45;
  text-align: center;
}

.third-time-gate-action {
  width: 100%;
  min-height: 50px;
  margin-top: 14px;
  border: 1px solid #e5bd63;
  border-radius: 13px;
  color: #080d11;
  background: linear-gradient(135deg, #f3d57f 0%, #d5a642 48%, #b67e28 100%);
  box-shadow: 0 12px 28px rgba(152, 103, 26, .22), inset 0 1px 0 rgba(255, 255, 255, .38);
  font-size: .68rem;
  font-weight: 900;
  letter-spacing: .09em;
  cursor: pointer;
}

/* Formulários */
.third-time-onboarding-card {
  display: grid;
  gap: 16px;
}

.third-time-field {
  display: grid;
  gap: 7px;
}

.third-time-field > label,
.third-time-photo-field label:not(.premium-photo-button) {
  color: #d9dedc;
  font-size: .69rem;
  font-weight: 800;
  letter-spacing: .015em;
}

.third-time-field > label span {
  margin-left: 4px;
  color: #829095;
  font-size: .6rem;
  font-weight: 700;
}

.third-time-onboarding input[type="text"],
.third-time-onboarding input[type="password"] {
  width: 100%;
  min-width: 0;
  height: 50px;
  padding: 0 14px;
  border: 1px solid rgba(205, 217, 218, .15);
  border-radius: 12px;
  color: #f5f3ed;
  background: #050c12;
  box-shadow: inset 0 2px 7px rgba(0, 0, 0, .25);
  font-size: 16px;
  outline: none;
  transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;
}

.third-time-onboarding input::placeholder {
  color: #758087;
  opacity: 1;
}

.third-time-onboarding input:focus {
  border-color: rgba(227, 183, 79, .68);
  background: #071017;
  box-shadow: 0 0 0 3px rgba(201, 154, 62, .1), inset 0 2px 7px rgba(0, 0, 0, .22);
}

.third-time-pin-shell {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 46px;
  gap: 7px;
}

.third-time-pin-shell button {
  width: 46px;
  height: 50px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(226, 183, 79, .34);
  border-radius: 12px;
  color: var(--tt-gold-light);
  background: #101920;
  cursor: pointer;
}

.third-time-pin-shell button:hover,
.third-time-pin-shell button:focus-visible {
  border-color: rgba(241, 210, 127, .72);
  background: #17232b;
  outline: none;
}

.third-time-photo-field {
  padding: 14px;
  display: grid;
  grid-template-columns: 76px minmax(0, 1fr);
  align-items: center;
  gap: 15px;
  border: 1px solid rgba(211, 172, 80, .2);
  border-radius: 15px;
  background: rgba(4, 12, 17, .48);
}

.third-time-photo-field > div:last-of-type {
  min-width: 0;
}

.third-time-photo-field p {
  margin: 5px 0 10px;
  color: #829095;
  font-size: .64rem;
  line-height: 1.4;
}

.third-time-photo-preview {
  width: 76px;
  height: 76px;
  margin: 0;
  display: grid;
  place-items: center;
  border: 1px solid rgba(234, 194, 99, .44);
  border-radius: 50%;
  background:
    radial-gradient(circle at 40% 30%, rgba(219, 174, 72, .11), transparent 42%),
    #081118;
  box-shadow: inset 0 0 0 4px rgba(5, 12, 17, .8), 0 8px 20px rgba(0, 0, 0, .24);
  overflow: hidden;
}

.third-time-photo-preview:empty::before {
  content: "";
  width: 28px;
  height: 28px;
  border: 1.5px solid rgba(228, 190, 101, .65);
  border-radius: 50%;
  box-shadow: 0 23px 0 9px rgba(228, 190, 101, .12);
}

.third-time-photo-preview img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.premium-photo-button {
  width: fit-content;
  min-height: 36px;
  margin: 0;
  padding: 0 12px;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 7px;
  border: 1px solid rgba(235, 195, 101, .46);
  border-radius: 10px;
  color: var(--tt-gold-light) !important;
  background: #101a21;
  font-size: .58rem !important;
  font-weight: 900 !important;
  letter-spacing: .07em;
  cursor: pointer;
}

.premium-photo-button svg {
  width: 17px;
  height: 17px;
}

.third-time-form-actions {
  display: grid;
  grid-template-columns: 1.08fr .92fr;
  gap: 9px;
}

.third-time-form-actions .gold-button,
.third-time-form-actions .ghost-button {
  min-height: 48px;
  margin: 0;
}

.third-time-dialog .gold-button,
.third-time-dialog .ghost-button {
  border-radius: 12px;
}

.third-time-dialog .gold-button {
  border-color: #e6bd61;
  background: linear-gradient(135deg, #f1d27a 0%, #d3a23e 52%, #b77d28 100%);
  box-shadow: 0 10px 24px rgba(151, 101, 25, .18), inset 0 1px 0 rgba(255, 255, 255, .34);
}

.third-time-dialog .ghost-button {
  border-color: rgba(219, 229, 229, .15);
  background: #0a141b;
}

/* Regras compactas com ação sempre visível */
.third-time-rules {
  padding: 18px;
  overflow: hidden;
}

.third-time-rules-card {
  height: 100%;
  max-height: 680px;
  display: grid;
  grid-template-rows: minmax(0, 1fr) auto;
  overflow: hidden;
}

.third-time-rules-copy {
  min-height: 0;
  padding: 22px 22px 14px;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: rgba(203, 160, 61, .45) transparent;
}

.third-time-rules-copy .third-time-card-heading {
  margin-bottom: 15px;
}

.third-time-rules-copy .third-time-card-heading strong {
  max-width: 450px;
  font-size: clamp(1.35rem, 3.8vw, 1.75rem);
}

.third-time-rule {
  padding: 12px 0;
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr);
  gap: 10px;
  border-top: 1px solid rgba(218, 227, 226, .08);
}

.third-time-rule > span {
  width: 27px;
  height: 27px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(229, 187, 87, .32);
  border-radius: 8px;
  color: var(--tt-gold-light);
  background: rgba(201, 154, 62, .06);
  font-size: .55rem;
  font-weight: 900;
}

.third-time-rule p {
  margin: 2px 0 0;
  color: #bac4c4;
  font-size: .77rem;
  line-height: 1.5;
}

.third-time-rules-footer {
  padding: 13px 18px 15px;
  border-top: 1px solid rgba(226, 183, 79, .24);
  background: rgba(7, 14, 19, .98);
  box-shadow: 0 -14px 30px rgba(0, 0, 0, .2);
}

.third-time-rules-accept {
  display: flex;
  align-items: center;
  gap: 9px;
  color: #edf0ed;
  font-size: .72rem;
  line-height: 1.35;
  cursor: pointer;
}

.third-time-rules-accept input {
  width: 20px;
  height: 20px;
  flex: 0 0 auto;
  margin: 0;
  accent-color: #d2a13d;
}

#thirdTimeEnter {
  min-height: 48px;
  margin-top: 11px;
}

#thirdTimeRulesClose {
  width: 100%;
  min-height: 34px;
  margin-top: 7px;
  border: 0;
  color: #899699;
  background: transparent;
  font-size: .56rem;
  font-weight: 900;
  letter-spacing: .1em;
  cursor: pointer;
}

.third-time-rules-footer .third-time-feedback {
  margin-top: 4px;
}

/* Perfil do membro: troca exclusiva da foto */
.third-time-profile {
  padding: 22px;
  overflow: auto;
  overscroll-behavior: contain;
}

.third-time-profile-card {
  padding: 26px;
  display: grid;
  gap: 22px;
}

.third-time-profile-identity {
  padding: 18px;
  display: grid;
  grid-template-columns: 112px minmax(0, 1fr);
  align-items: center;
  gap: 20px;
  border: 1px solid rgba(220, 179, 82, .2);
  border-radius: 18px;
  background: rgba(4, 12, 17, .52);
}

.third-time-profile-photo {
  position: relative;
  width: 112px;
  height: 112px;
  display: block;
  border: 1px solid rgba(239, 199, 103, .55);
  border-radius: 50%;
  background: radial-gradient(circle at 40% 30%, rgba(219, 174, 72, .14), transparent 44%), #081118;
  box-shadow: inset 0 0 0 5px rgba(5, 12, 17, .82), 0 14px 30px rgba(0, 0, 0, .28);
  cursor: pointer;
}

.third-time-profile-photo-preview {
  width: 100%;
  height: 100%;
  display: grid;
  place-items: center;
  overflow: hidden;
  border-radius: inherit;
  color: #e3c16b;
  font: 800 1.5rem/1 var(--font-classic);
}

.third-time-profile-photo-preview img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.third-time-profile-photo > i {
  position: absolute;
  right: 1px;
  bottom: 5px;
  width: 31px;
  height: 31px;
  display: grid;
  place-items: center;
  border: 2px solid #f0cf78;
  border-radius: 50%;
  color: #071016;
  background: linear-gradient(145deg, #f0cf76, #c08b31);
  box-shadow: 0 7px 16px rgba(0, 0, 0, .42);
  font: 900 1.15rem/1 Arial, sans-serif;
}

.third-time-profile-identity > div {
  min-width: 0;
  display: grid;
  gap: 5px;
}

.third-time-profile-identity small {
  color: var(--tt-gold-light);
  font-size: .55rem;
  font-weight: 900;
  letter-spacing: .14em;
}

.third-time-profile-identity strong {
  color: var(--tt-ivory);
  font: 700 1.42rem/1.12 var(--font-classic);
  overflow-wrap: anywhere;
}

.third-time-profile-identity span {
  color: #8e9b9e;
  font-size: .68rem;
  line-height: 1.45;
}

.third-time-profile-actions {
  display: grid;
  grid-template-columns: 1.08fr .92fr;
  gap: 9px;
}

.third-time-profile-actions .gold-button,
.third-time-profile-actions .ghost-button {
  min-height: 49px;
  margin: 0;
}

/* Chat */
.third-time-chat {
  position: relative;
  flex: 1;
  min-width: 0;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background: #080e14;
}

.third-time-welcome {
  position: relative;
  z-index: 6;
  flex: 0 0 auto;
  min-height: 47px;
  padding: 8px 12px 8px 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border-bottom: 1px solid rgba(222, 178, 75, .18);
  background: linear-gradient(90deg, rgba(60, 47, 20, .33), rgba(9, 21, 26, .96) 58%);
  box-shadow: 0 8px 20px rgba(0, 0, 0, .15);
}

.third-time-welcome > span {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.third-time-welcome small {
  color: var(--tt-gold-light);
  font-size: .48rem;
  font-weight: 900;
  letter-spacing: .14em;
}

.third-time-welcome strong {
  color: #c7cfcd;
  font-size: .67rem;
  font-weight: 700;
  line-height: 1.3;
}

.third-time-welcome button {
  width: 30px;
  height: 30px;
  flex: 0 0 auto;
  border: 0;
  border-radius: 9px;
  color: #a9b3b3;
  background: rgba(255, 255, 255, .035);
  font-size: 1rem;
  cursor: pointer;
}

.third-time-presence-notice {
  position: absolute;
  top: 12px;
  left: 50%;
  z-index: 12;
  width: min(calc(100% - 28px), 430px);
  min-height: 54px;
  padding: 8px 9px 8px 11px;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) 30px;
  align-items: center;
  gap: 10px;
  border: 1px solid rgba(221, 177, 72, .4);
  border-radius: 16px;
  background:
    linear-gradient(115deg, rgba(24, 52, 45, .97), rgba(8, 17, 23, .98) 62%),
    #091118;
  box-shadow: 0 14px 34px rgba(0, 0, 0, .42), inset 0 1px 0 rgba(255, 225, 150, .08);
  transform: translateX(-50%);
  animation: third-time-presence-in .28s ease-out both;
}

.third-time-presence-icon {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(97, 235, 156, .35);
  border-radius: 11px;
  color: #7aefa9;
  background: rgba(55, 213, 123, .1);
  box-shadow: 0 0 18px rgba(55, 213, 123, .1);
}

.third-time-presence-icon svg {
  width: 19px;
  height: 19px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.third-time-presence-copy {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.third-time-presence-copy small {
  color: #73e9a2;
  font-size: .46rem;
  font-weight: 900;
  letter-spacing: .15em;
}

.third-time-presence-copy strong {
  overflow: hidden;
  color: #edf3f0;
  font-size: .72rem;
  font-weight: 750;
  line-height: 1.3;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#thirdTimePresenceClose {
  width: 30px;
  height: 30px;
  border: 0;
  border-radius: 9px;
  color: #aeb9b6;
  background: rgba(255, 255, 255, .04);
  font-size: 1rem;
  cursor: pointer;
}

@keyframes third-time-presence-in {
  from { opacity: 0; transform: translate(-50%, -8px) scale(.98); }
  to { opacity: 1; transform: translate(-50%, 0) scale(1); }
}

.third-time-messages {
  position: relative;
  isolation: isolate;
  flex: 1;
  min-width: 0;
  min-height: 0;
  padding: 17px 18px 20px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  background:
    radial-gradient(circle at 50% 0%, rgba(43, 77, 73, .12), transparent 36%),
    linear-gradient(180deg, #080f15 0%, #0a1218 100%);
  scrollbar-width: thin;
  scrollbar-color: rgba(201, 154, 62, .36) transparent;
}

.third-time-messages::before {
  content: "";
  position: fixed;
  left: 50%;
  top: 51%;
  z-index: 0;
  width: clamp(150px, 30vw, 230px);
  aspect-ratio: 727 / 972;
  transform: translate(-50%, -50%);
  background: url("/assets/teams/velha-guarda-watermark.png") center / contain no-repeat;
  opacity: .055;
  filter: saturate(.72) contrast(.92);
  pointer-events: none;
}

.third-time-day-separator {
  position: sticky;
  top: 2px;
  z-index: 4;
  width: fit-content;
  margin: 3px auto 7px;
  padding: 5px 11px;
  border: 1px solid rgba(221, 179, 79, .18);
  border-radius: 999px;
  color: #b9a56f;
  background: rgba(10, 20, 25, .91);
  box-shadow: 0 5px 16px rgba(0, 0, 0, .18);
  backdrop-filter: blur(8px);
  font-size: .5rem;
  font-weight: 900;
  letter-spacing: .12em;
}

.third-time-message {
  position: relative;
  z-index: 1;
  width: fit-content;
  min-width: 0;
  max-width: min(78%, 470px);
  display: flex;
  flex-direction: column;
  touch-action: pan-y;
  transform: translateX(var(--reply-swipe-offset, 0));
  transition: transform .18s ease;
}

.third-time-message.is-reply-swiping {
  transition: none;
}

.third-time-message::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -30px;
  width: 22px;
  height: 22px;
  opacity: 0;
  transform: translateY(-50%) scale(.78);
  transition: opacity .16s ease, transform .16s ease;
  background: center / 18px 18px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e6c36e' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.5 8 4.5 12l5 4'/%3E%3Cpath d='M5 12h7.5c4.1 0 6.5 2.1 7 6'/%3E%3C/svg%3E");
  pointer-events: none;
}

.third-time-message.is-reply-swiping::before {
  opacity: 1;
  transform: translateY(-50%) scale(1);
}

.third-time-message.is-own {
  align-self: flex-end;
}

.third-time-message:not(.is-own) {
  align-self: flex-start;
}

.third-time-message.is-grouped {
  margin-top: -4px;
}

.third-time-message-bubble {
  position: relative;
  width: fit-content;
  min-width: 72px;
  max-width: 100%;
  padding: 8px 11px 7px;
  border: 1px solid rgba(210, 222, 223, .1);
  border-radius: 15px 15px 15px 5px;
  color: #f1f3f1;
  background: linear-gradient(145deg, #18232b 0%, #121b22 100%);
  box-shadow: 0 5px 14px rgba(0, 0, 0, .23), inset 0 1px 0 rgba(255, 255, 255, .018);
}

.third-time-message.is-own .third-time-message-bubble {
  align-self: flex-end;
  border-color: rgba(234, 192, 92, .39);
  border-radius: 15px 15px 5px 15px;
  color: #fff9e9;
  background: linear-gradient(145deg, #765c25 0%, #5b451d 54%, #493717 100%);
  box-shadow: 0 6px 17px rgba(0, 0, 0, .25), inset 0 1px 0 rgba(255, 240, 188, .08);
}

.third-time-message.is-sticker .third-time-message-bubble,
.third-time-message.is-sticker.is-own .third-time-message-bubble {
  min-width: 0;
  padding: 0;
  border: 0;
  color: #f1f3f1;
  background: transparent;
  box-shadow: none;
}

.third-time-message.is-sticker .third-time-message-bubble::after {
  display: none;
}

.third-time-message-bubble::after {
  content: "";
  position: absolute;
  bottom: -1px;
  width: 8px;
  height: 10px;
  background: inherit;
}

.third-time-message.is-own .third-time-message-bubble::after {
  right: -4px;
  clip-path: polygon(0 0, 0 100%, 100% 100%);
}

.third-time-message:not(.is-own) .third-time-message-bubble::after {
  left: -4px;
  clip-path: polygon(100% 0, 0 100%, 100% 100%);
}

.third-time-message-head {
  margin: 0 0 5px;
  display: flex;
  align-items: center;
  gap: 7px;
}

.third-time-message-head img {
  width: 26px;
  height: 26px;
  flex: 0 0 auto;
  border: 1px solid rgba(239, 201, 111, .3);
  border-radius: 50%;
  object-fit: cover;
}

.third-time-message-head strong {
  color: #efca6f;
  font-size: .69rem;
  line-height: 1.1;
}

.third-time-message-content {
  min-width: 0;
  display: flow-root;
}

.third-time-message-content p {
  display: inline;
  margin: 0;
  color: inherit;
  font-size: .91rem;
  line-height: 1.36;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.third-time-message-content p em {
  color: #8e9a9c;
  font-style: italic;
}

.third-time-message-meta {
  float: right;
  margin: 7px 0 0 10px;
  color: rgba(210, 221, 220, .58);
  font-size: .53rem;
  line-height: 1;
  white-space: nowrap;
}

.third-time-message.is-own .third-time-message-meta {
  color: rgba(255, 239, 192, .66);
}

.third-time-message.is-sticker .third-time-message-meta {
  float: none;
  width: fit-content;
  margin: 3px 3px 0;
  padding: 3px 6px;
  border-radius: 999px;
  color: rgba(210, 221, 220, .63);
  background: rgba(8, 17, 23, .84);
}

.third-time-message.is-sticker.is-own .third-time-message-meta {
  margin-left: auto;
}

.third-time-reply-quote {
  width: 100%;
  max-width: 310px;
  margin: 0 0 7px;
  padding: 7px 9px;
  display: grid;
  gap: 2px;
  border: 0;
  border-left: 2px solid #d9ae50;
  border-radius: 7px;
  color: #dfe6e4;
  text-align: left;
  background: rgba(1, 9, 13, .45);
  cursor: pointer;
}

.third-time-reply-quote small {
  color: #efc96c;
  font-size: .56rem;
  font-weight: 900;
  letter-spacing: .04em;
}

.third-time-reply-quote span {
  overflow: hidden;
  color: #aeb9b8;
  font-size: .67rem;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.third-time-message.is-sticker .third-time-reply-quote {
  margin-inline: 3px;
  background: rgba(8, 17, 23, .92);
}

.third-time-message.is-reply-highlight .third-time-message-bubble {
  animation: third-time-reply-highlight 1.25s ease;
}

@keyframes third-time-reply-highlight {
  0%, 100% { filter: none; }
  35% { filter: drop-shadow(0 0 11px rgba(232, 190, 94, .72)); }
}

/* Reações: resumo discreto e seletor sob demanda */
.third-time-message-reactions {
  position: relative;
  width: max-content;
  max-width: 100%;
  margin: 4px 2px 0;
  display: flex;
  align-items: center;
  gap: 4px;
}

.third-time-message.is-own .third-time-message-reactions {
  align-self: flex-end;
}

.third-time-reaction-summary {
  display: flex;
  align-items: center;
  gap: 3px;
}

.third-time-message-reactions button {
  height: 26px;
  min-width: 27px;
  padding: 1px 7px;
  border: 1px solid rgba(208, 220, 220, .12);
  border-radius: 999px;
  color: #e8ece9;
  background: rgba(10, 24, 29, .94);
  box-shadow: 0 3px 10px rgba(0, 0, 0, .16);
  font-size: .68rem;
  cursor: pointer;
}

.third-time-message-reactions button[data-active="true"] {
  border-color: rgba(235, 194, 99, .62);
  background: rgba(111, 82, 27, .8);
}

.third-time-message-reactions .third-time-reaction-toggle {
  width: 27px;
  padding: 0;
  display: grid;
  place-items: center;
  color: #aebabb;
}

.third-time-message-reactions .third-time-reply-button {
  width: 27px;
  padding: 0;
  display: grid;
  place-items: center;
  color: #c7ab68;
}

.third-time-message-reactions .third-time-reply-button svg {
  width: 15px;
  height: 15px;
}

.third-time-message-reactions .third-time-reaction-toggle svg {
  width: 16px;
  height: 16px;
}

.third-time-reaction-palette {
  position: absolute;
  left: 0;
  bottom: calc(100% + 7px);
  z-index: 8;
  padding: 5px;
  display: flex;
  gap: 3px;
  border: 1px solid rgba(232, 190, 94, .3);
  border-radius: 999px;
  background: rgba(9, 17, 23, .98);
  box-shadow: 0 14px 34px rgba(0, 0, 0, .48);
}

.third-time-message.is-own .third-time-reaction-palette {
  right: 0;
  left: auto;
}

.third-time-reaction-palette[hidden] {
  display: none;
}

.third-time-reaction-palette button {
  width: 32px;
  min-width: 32px;
  height: 32px;
  padding: 0;
  border: 0;
  background: transparent;
  font-size: .92rem;
}

.third-time-message-reactions.is-open {
  z-index: 9;
}

/* Controles próprios em ícones profissionais */
.third-time-message-actions {
  width: max-content;
  margin: 4px 2px 0;
  align-self: flex-end;
  display: flex;
  gap: 4px;
}

.third-time-message-actions button {
  width: 26px;
  height: 24px;
  padding: 0;
  display: grid;
  place-items: center;
  border: 1px solid rgba(211, 222, 222, .1);
  border-radius: 9px;
  color: #8f9b9d;
  background: rgba(8, 18, 23, .72);
  cursor: pointer;
}

.third-time-message-actions button:hover,
.third-time-message-actions button:focus-visible {
  border-color: rgba(231, 188, 90, .42);
  color: #e5c16f;
  outline: none;
}

.third-time-message-actions svg {
  width: 13px;
  height: 13px;
}

/* Figurinhas permanecem prontas, sem painel vazio */
.third-time-stickers {
  position: relative;
  z-index: 5;
  max-height: 230px;
  padding: 12px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  overflow-y: auto;
  border-top: 1px solid rgba(224, 181, 80, .2);
  background: #0a141a;
}

.third-time-stickers:not([hidden]) {
  display: grid;
}

.third-time-sticker-option {
  min-height: 82px;
  padding: 7px;
  border: 1px solid rgba(216, 226, 225, .1);
  border-radius: 13px;
  background: #101c23;
  cursor: pointer;
}

.third-time-sticker-option img {
  width: 100%;
  height: 72px;
  object-fit: contain;
}

.third-time-sticker-message img {
  width: min(180px, 48vw);
  max-height: 180px;
  object-fit: contain;
}

.third-time-sticker-message {
  filter: drop-shadow(0 7px 9px rgba(0, 0, 0, .28));
}

.third-time-sticker-fallback {
  width: 130px;
  aspect-ratio: 1;
  display: grid;
  place-items: center;
  border: 1px solid rgba(232, 192, 97, .3);
  border-radius: 16px;
  color: var(--tt-gold-light);
  background: #101b21;
  font-size: .62rem;
  font-weight: 900;
}

.third-time-typing {
  position: relative;
  z-index: 6;
  flex: 0 0 auto;
  min-height: 27px;
  padding: 5px 15px 6px;
  border-top: 1px solid rgba(213, 225, 224, .07);
  color: #b6a36f;
  background: rgba(8, 17, 22, .98);
  font-size: .61rem;
  font-style: italic;
  line-height: 1.4;
}

.third-time-typing::before {
  content: "•••";
  margin-right: 7px;
  color: #d8aa4a;
  font-style: normal;
  letter-spacing: .08em;
}

/* Compositor */
.third-time-compose {
  position: relative;
  z-index: 7;
  flex: 0 0 auto;
  width: 100%;
  min-width: 0;
  padding: 10px 12px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 9px;
  border-top: 1px solid rgba(222, 177, 73, .25);
  background: rgba(8, 16, 22, .98);
  box-shadow: 0 -10px 28px rgba(0, 0, 0, .22);
}

.third-time-reply-compose {
  grid-column: 1 / -1;
  min-width: 0;
  padding: 7px 8px 7px 11px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  border-left: 2px solid #d9ae50;
  border-radius: 9px;
  background: rgba(17, 30, 37, .96);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025);
}

.third-time-reply-compose[hidden] {
  display: none;
}

.third-time-reply-compose > span {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.third-time-reply-compose small {
  color: #9ca8a8;
  font-size: .5rem;
  font-weight: 800;
  letter-spacing: .08em;
}

.third-time-reply-compose small b {
  color: #efc96c;
}

.third-time-reply-compose strong {
  overflow: hidden;
  color: #dfe5e3;
  font-size: .68rem;
  font-weight: 600;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.third-time-reply-compose button {
  width: 29px;
  height: 29px;
  flex: 0 0 auto;
  padding: 0;
  border: 1px solid rgba(230, 195, 110, .22);
  border-radius: 9px;
  color: #d8c17e;
  background: rgba(0, 0, 0, .16);
  font-size: 1rem;
  cursor: pointer;
}

.third-time-input-shell {
  min-width: 0;
  min-height: 48px;
  padding: 3px 4px 3px 14px;
  display: flex;
  align-items: flex-end;
  gap: 4px;
  border: 1px solid rgba(210, 222, 222, .14);
  border-radius: 16px;
  background: #0c171e;
  box-shadow: inset 0 2px 8px rgba(0, 0, 0, .22);
}

.third-time-input-shell:focus-within {
  border-color: rgba(229, 185, 80, .56);
  box-shadow: 0 0 0 3px rgba(201, 154, 62, .08), inset 0 2px 8px rgba(0, 0, 0, .18);
}

.third-time-compose textarea {
  min-width: 0;
  width: 100%;
  min-height: 42px;
  max-height: 112px;
  padding: 11px 0 9px;
  resize: none;
  overflow-y: auto;
  border: 0;
  border-radius: 0;
  color: #f0f3f1;
  background: transparent;
  font-size: 16px;
  line-height: 1.35;
  outline: none;
}

.third-time-compose textarea::placeholder {
  color: #7f8b8e;
  opacity: 1;
}

#thirdTimeStickerToggle:not([hidden]) {
  width: 40px;
  height: 40px;
  flex: 0 0 auto;
  padding: 0;
  display: grid;
  place-items: center;
  border: 0;
  border-radius: 12px;
  color: var(--tt-gold-light);
  background: rgba(201, 154, 62, .08);
  cursor: pointer;
}

#thirdTimeStickerToggle svg {
  width: 20px;
  height: 20px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}

#thirdTimeSend {
  min-width: 92px;
  min-height: 48px;
  padding: 0 16px;
  border: 1px solid #e5bd63;
  border-radius: 15px;
  color: #080d11;
  background: linear-gradient(135deg, #f2d47e 0%, #d4a33f 52%, #b77e29 100%);
  box-shadow: 0 9px 22px rgba(144, 94, 20, .22), inset 0 1px 0 rgba(255, 255, 255, .35);
  font-size: .64rem;
  font-weight: 900;
  letter-spacing: .07em;
  cursor: pointer;
}

#thirdTimeSend:disabled {
  opacity: .55;
  cursor: wait;
}

/* Estados e acessibilidade */
.third-time-dialog button:focus-visible,
.third-time-dialog label[for]:focus-visible {
  outline: 2px solid rgba(241, 210, 127, .72);
  outline-offset: 2px;
}

.third-time-dialog button:disabled {
  opacity: .55;
}

@media (max-width: 720px) {
  .third-time-dialog {
    width: 100%;
    max-width: none;
    height: 100dvh;
    max-height: 100dvh;
    margin: 0;
    border: 0;
    border-radius: 0;
  }

  .third-time-header {
    min-height: 72px;
    padding: max(8px, env(safe-area-inset-top)) 12px 8px;
  }

  .third-time-brand {
    gap: 8px;
  }

  .third-time-brand > img {
    width: 40px;
    height: 46px;
  }

  .third-time-brand-copy small {
    font-size: .42rem;
    letter-spacing: .17em;
  }

  .third-time-brand-copy h2 {
    font-size: clamp(1.05rem, 5.2vw, 1.32rem);
  }

  #thirdTimeConnectionStatus {
    font-size: .43rem;
  }

  #thirdTimeCommunityStatus {
    font-size: .41rem;
    letter-spacing: .055em;
  }

  .third-time-header-actions {
    gap: 6px;
  }

  .third-time-header-actions button {
    height: 40px;
    padding: 0 10px;
    border-radius: 11px;
  }

  #thirdTimeClose {
    width: 40px;
  }

  #thirdTimeProfileOpen {
    width: 40px;
    padding: 0;
  }

  #thirdTimeProfileOpen > span:last-child {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
  }

  .third-time-header-avatar {
    width: 27px;
    height: 27px;
  }

  .third-time-gate,
  .third-time-onboarding {
    padding: 16px 13px max(16px, env(safe-area-inset-bottom));
  }

  .third-time-gate-card,
  .third-time-onboarding-card {
    padding: 19px;
    border-radius: 18px;
  }

  .third-time-onboarding-card {
    gap: 14px;
  }

  .third-time-card-heading strong {
    font-size: 1.42rem;
  }

  .third-time-photo-field {
    grid-template-columns: 68px minmax(0, 1fr);
    gap: 12px;
    padding: 12px;
  }

  .third-time-photo-preview {
    width: 68px;
    height: 68px;
  }

  .third-time-form-actions .gold-button,
  .third-time-form-actions .ghost-button {
    padding-inline: 8px;
    font-size: .6rem;
  }

  .third-time-rules {
    padding: 13px;
  }

  .third-time-rules-card {
    max-height: none;
    border-radius: 18px;
  }

  .third-time-rules-copy {
    padding: 18px 17px 12px;
  }

  .third-time-rules-copy .third-time-card-heading {
    margin-bottom: 11px;
  }

  .third-time-rule {
    padding: 10px 0;
  }

  .third-time-rule p {
    font-size: .73rem;
    line-height: 1.44;
  }

  .third-time-rules-footer {
    padding: 11px 15px max(12px, env(safe-area-inset-bottom));
  }

  .third-time-profile {
    padding: 16px 13px max(16px, env(safe-area-inset-bottom));
  }

  .third-time-profile-card {
    padding: 20px;
    gap: 18px;
    border-radius: 18px;
  }

  .third-time-profile-identity {
    grid-template-columns: 88px minmax(0, 1fr);
    gap: 15px;
    padding: 15px;
  }

  .third-time-profile-photo {
    width: 88px;
    height: 88px;
  }

  .third-time-profile-identity strong {
    font-size: 1.22rem;
  }

  .third-time-profile-actions .gold-button,
  .third-time-profile-actions .ghost-button {
    padding-inline: 8px;
    font-size: .58rem;
  }

  .third-time-messages {
    padding: 14px 11px 18px;
  }

  .third-time-welcome {
    min-height: 44px;
    padding-left: 12px;
  }

  .third-time-presence-notice {
    top: 9px;
    width: calc(100% - 20px);
    min-height: 52px;
    border-radius: 14px;
  }

  .third-time-messages::before {
    width: min(44vw, 190px);
    top: 48%;
  }

  .third-time-message {
    max-width: 84%;
  }

  .third-time-message-content p {
    font-size: .9rem;
  }

  .third-time-compose {
    padding: 9px max(9px, env(safe-area-inset-right)) max(9px, env(safe-area-inset-bottom)) max(9px, env(safe-area-inset-left));
    gap: 7px;
  }

  .third-time-input-shell {
    min-height: 47px;
    padding-left: 12px;
    border-radius: 15px;
  }

  #thirdTimeSend {
    min-width: 78px;
    min-height: 47px;
    padding: 0 12px;
    border-radius: 14px;
    font-size: .59rem;
  }

  .third-time-stickers {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 390px) {
  .third-time-header {
    padding-left: 9px;
    padding-right: 9px;
  }

  .third-time-brand > img {
    width: 36px;
    height: 42px;
  }

  .third-time-brand-copy h2 {
    font-size: 1rem;
  }

  .third-time-header-actions button {
    width: 38px;
    padding: 0;
  }

  .third-time-header-actions #thirdTimeRulesOpen span {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
  }

  #thirdTimeClose {
    width: 38px;
  }

  .third-time-onboarding-card {
    padding: 17px;
  }

  .third-time-live-meta {
    gap: 5px;
  }

  .third-time-card-heading strong {
    font-size: 1.3rem;
  }

  .third-time-photo-field {
    grid-template-columns: 62px minmax(0, 1fr);
  }

  .third-time-photo-preview {
    width: 62px;
    height: 62px;
  }

  .premium-photo-button {
    padding-inline: 9px;
    font-size: .53rem !important;
  }

  .third-time-rule {
    grid-template-columns: 29px minmax(0, 1fr);
    gap: 8px;
  }

  .third-time-rules-copy {
    padding-inline: 14px;
  }

  .third-time-rules-footer {
    padding-inline: 13px;
  }

  .third-time-profile-card {
    padding: 17px;
  }

  .third-time-profile-identity {
    grid-template-columns: 76px minmax(0, 1fr);
    gap: 12px;
    padding: 13px;
  }

  .third-time-profile-photo {
    width: 76px;
    height: 76px;
  }

  .third-time-profile-photo > i {
    width: 27px;
    height: 27px;
  }

  .third-time-profile-actions {
    grid-template-columns: 1fr;
  }

  .third-time-message {
    max-width: 87%;
  }

  #thirdTimeSend {
    min-width: 70px;
    padding-inline: 9px;
  }
}

@media (max-height: 700px) and (max-width: 720px) {
  .third-time-header {
    min-height: 66px;
  }

  .third-time-brand > img {
    width: 35px;
    height: 40px;
  }

  .third-time-gate,
  .third-time-onboarding {
    padding-top: 11px;
  }

  .third-time-onboarding-card {
    gap: 11px;
    padding: 15px 17px;
  }

  .third-time-profile {
    padding-top: 11px;
  }

  .third-time-profile-card {
    gap: 13px;
    padding: 15px 17px;
  }

  .third-time-card-heading {
    gap: 4px;
  }

  .third-time-card-heading p {
    line-height: 1.4;
  }

  .third-time-onboarding input[type="text"],
  .third-time-onboarding input[type="password"],
  .third-time-pin-shell button {
    height: 46px;
  }

  .third-time-photo-field {
    padding-block: 9px;
  }

  .third-time-form-actions .gold-button,
  .third-time-form-actions .ghost-button {
    min-height: 44px;
  }

  .third-time-rules-copy {
    padding-top: 14px;
  }

  .third-time-rule {
    padding-block: 8px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .third-time-dialog *,
  .third-time-dialog *::before,
  .third-time-dialog *::after {
    scroll-behavior: auto !important;
    animation-duration: .01ms !important;
    transition-duration: .01ms !important;
  }
}

@media (max-width: 700px) {
  .vg-live-footer { align-items: stretch; }
  .vg-live-signal-row { display: grid; gap: 7px; }
  .vg-live-audience { width: max-content; min-height: 28px; padding: 5px 8px; font-size: .4rem; }
  .vg-live-view-actions { width: 100%; display: grid; grid-template-columns: .72fr 1.28fr; gap: 6px; }
  .vg-live-view-actions button, .vg-live-view-actions a { min-width: 0; min-height: 38px; padding: 7px 8px; font-size: .4rem; line-height: 1.3; text-align: center; white-space: normal; }
  .admin-header-premium { align-items: flex-start; flex-wrap: wrap; }
  .admin-brand-seal { width: calc(100% - 48px); gap: 10px; }
  .admin-brand-seal > img { width: 44px; height: 53px; }
  .admin-brand-seal small, .admin-secure-state { font-size: .4rem; }
  .admin-secure-state { order: 3; margin: 2px 0 0; }
  .admin-tabs { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .admin-tabs button { min-height: 42px; }
  .vgtv-admin-intro { grid-template-columns: 46px 1fr; padding: 12px; gap: 10px; }
  .vgtv-admin-intro > span { width: 46px; height: 46px; border-radius: 12px; font-size: .92rem; }
  .vgtv-admin-intro strong { font-size: .82rem; }
  .vgtv-audience-admin { padding: 15px 12px; }
  .vgtv-audience-heading { display: grid; gap: 12px; }
  .vgtv-audience-state { width: max-content; }
  .vgtv-audience-metrics { grid-template-columns: repeat(2, minmax(0,1fr)); gap: 7px; }
  .vgtv-audience-metrics article { min-height: 96px; padding: 11px; }
  .vgtv-audience-metrics strong { font-size: 1.62rem; }
  .vgtv-report-card { grid-template-columns: 1fr; gap: 11px; }
  .vgtv-report-card dl { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px 6px; }
  .vgtv-report-card dl > div { min-height: 35px; }
  .premium-admin-heading { display: grid; }
  .premium-admin-heading > span { width: max-content; }
  .premium-sponsors-admin { grid-template-columns: 1fr; }
  .premium-sponsor-editor { padding: 11px; }
  .premium-sponsor-preview { aspect-ratio: 16 / 8; }
}

@media (min-width: 1200px) {
  .admin-dialog { width: min(1160px, calc(100% - 40px)); }
  .vgtv-audience-metrics { grid-template-columns: repeat(6, minmax(0,1fr)); }
}

/* V54 • acabamento do painel, relatórios e figurinhas oficiais */
.admin-tabs button > span { width: 21px; height: 21px; display: grid; place-items: center; }
.admin-tabs button > span svg, .metrics-grid article > span svg, .admin-refresh-button svg { width: 100%; height: 100%; fill: none; stroke: currentColor; stroke-width: 1.65; stroke-linecap: round; stroke-linejoin: round; }
.metrics-grid article > span { width: 32px; height: 32px; padding: 7px; display: grid; place-items: center; border: 1px solid rgba(242,206,121,.25); border-radius: 10px; background: rgba(199,149,61,.07); }
.admin-refresh-button { display: flex; align-items: center; justify-content: center; gap: 9px; }
.admin-refresh-button svg { width: 18px; height: 18px; flex: 0 0 auto; }
.vgtv-report-filter { margin-top: 14px; display: grid; grid-template-columns: minmax(190px,1fr) auto auto; align-items: end; gap: 8px; }
.vgtv-report-filter label { margin: 0; display: grid; gap: 6px; }
.vgtv-report-filter label > span { color: #a39164; font-size: .46rem; font-weight: 900; letter-spacing: .13em; }
.vgtv-report-filter input[type="month"] { min-height: 42px; padding: 9px 11px; border: 1px solid rgba(242,206,121,.22); border-radius: 10px; color: var(--ivory); color-scheme: dark; background: rgba(2,10,15,.82); font: 700 .66rem var(--font-body); }
.vgtv-report-filter button, .vgtv-report-actions button { min-height: 42px; padding: 9px 12px; display: inline-flex; align-items: center; justify-content: center; gap: 7px; border: 1px solid rgba(242,206,121,.25); border-radius: 10px; color: var(--gold-light); background: rgba(199,149,61,.07); font: 900 .48rem var(--font-body); letter-spacing: .08em; cursor: pointer; }
.vgtv-report-filter button:hover, .vgtv-report-filter button:focus-visible, .vgtv-report-actions button:hover, .vgtv-report-actions button:focus-visible { border-color: rgba(242,206,121,.62); background: rgba(199,149,61,.14); outline: 0; }
.vgtv-report-filter svg, .vgtv-report-actions svg { width: 16px; height: 16px; flex: 0 0 auto; fill: none; stroke: currentColor; stroke-width: 1.65; stroke-linecap: round; stroke-linejoin: round; }
.vgtv-report-summary { margin-top: 11px; padding: 14px; border: 1px solid rgba(242,206,121,.22); border-radius: 13px; background: radial-gradient(circle at 100% 0, rgba(199,149,61,.11), transparent 40%), rgba(2,10,15,.76); }
.vgtv-report-summary[hidden] { display: none; }
.vgtv-report-summary header { display: grid; gap: 3px; }
.vgtv-report-summary header small { color: var(--gold); font-size: .46rem; font-weight: 900; letter-spacing: .13em; text-transform: uppercase; }
.vgtv-report-summary header strong { color: var(--ivory); font: 700 .8rem var(--font-classic); }
.vgtv-report-summary > div { margin-top: 11px; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 7px; }
.vgtv-report-summary article { min-width: 0; padding: 9px; display: grid; gap: 4px; border: 1px solid rgba(255,255,255,.07); border-radius: 9px; background: rgba(255,255,255,.018); }
.vgtv-report-summary article span { color: #7f8d92; font-size: .38rem; font-weight: 900; letter-spacing: .07em; }
.vgtv-report-summary article b { color: #efdca9; font: 700 1rem var(--font-classic); font-variant-numeric: tabular-nums; }
.vgtv-report-actions { margin-top: 9px; display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.vgtv-report-actions button:first-child { color: #08131a; background: linear-gradient(135deg, #efd998, #c3913c); }
.vgtv-report-actions button:disabled { opacity: .38; cursor: not-allowed; filter: grayscale(.4); }
.third-time-sticker-sprite, .third-time-sticker-image { width: min(180px, 48vw); display: block; background-repeat: no-repeat; background-position: center; background-size: contain; object-fit: contain; }
.third-time-sticker-sprite { height: auto; aspect-ratio: var(--sticker-ratio, 1); background-size: 200% 200%; }
.third-time-sticker-option { display: grid; place-items: center; }
.third-time-sticker-option .third-time-sticker-sprite { width: auto; max-width: 100%; height: 76px; aspect-ratio: var(--sticker-ratio, 1); }
.third-time-sticker-option .third-time-sticker-image { width: 100%; height: 76px; }
.third-time-sticker-option .third-time-sticker-sprite { background-size: 200% 200%; }

@media (max-width: 700px) {
  .vgtv-report-filter { grid-template-columns: 1fr 1fr; }
  .vgtv-report-filter label { grid-column: 1 / -1; }
  .vgtv-report-filter button { padding-inline: 7px; font-size: .42rem; }
  .vgtv-report-summary > div { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .vgtv-report-actions { grid-template-columns: 1fr; }
  .third-time-stickers { grid-template-columns: repeat(3,minmax(0,1fr)); }
}

@media (min-width: 1600px) {
  .admin-dialog { width: min(1280px, calc(100% - 64px)); }
  .vgtv-audience-metrics article { min-height: 132px; }
}