/* Lymos TV · cores e marca da Lymos aplicadas ao app (carregada por último). Sem bordas grossas nem sombras deslocadas. */

/* entrada */
.gate-glow{background:radial-gradient(40rem 30rem at 50% 32%,rgb(var(--primary-rgb)/.18),transparent 65%),radial-gradient(30rem 24rem at 90% 95%,rgb(var(--primary-rgb)/.07),transparent 60%)}
.gate-mark{width:3.6rem;height:auto;filter:drop-shadow(0 0 26px rgb(var(--primary-rgb)/.45))}
.gate-card h1{font-size:2.6rem}
.g-in,.code-in{border:1px solid var(--line-strong);border-radius:var(--r);background:var(--bg-2)}
.g-in:focus,.code-in:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgb(var(--primary-rgb)/.26)}
.code-in{color:var(--primary)}
.server-ok{border:1px solid rgb(var(--primary-rgb)/.4);border-radius:var(--r);background:var(--primary-soft)}

/* topo */
.brand.wordmark img{height:1.7rem}
.tab{border-radius:999px}
.tab.on{background:var(--grad-primary);color:var(--on-primary)}
.avatar{background:var(--grad-primary);color:var(--on-primary);font-family:var(--display)}
.menu{border-radius:var(--r-lg);box-shadow:var(--shadow-3)}

/* destaque e cartões */
.kicker{color:var(--accent);font-family:var(--mono);letter-spacing:.12em}
.hero-dot.on{background:var(--primary)}
.card:focus-visible .art{box-shadow:0 0 0 3px #fff,0 22px 50px #000d,0 0 46px var(--glow)}
.cap b{font-family:var(--display);font-weight:700;letter-spacing:-.01em}
.rate-badge{color:#ffd27a}
.live-badge{color:var(--bad)}
.play .ic{background:var(--primary);color:var(--on-primary)}
.prog::after{background:var(--primary)}

/* detalhes */
.season.on{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}
.ep:focus-visible{box-shadow:0 0 0 3px #fff,0 0 36px var(--glow)}

/* player */
.p-osd b{color:var(--primary)}
.tag{background:var(--primary);color:var(--on-primary)}
.tag.dim{background:rgba(255,255,255,.12);color:var(--muted)}
.pbtn.big{background:var(--primary);color:var(--on-primary)}
.pbtn.big:hover{background:var(--primary-hover)}
.seek .fill{background:var(--primary)}
#pVol{accent-color:var(--primary)}
.p-spin i{border-top-color:var(--primary)}
.p-card small{color:var(--warn)}

/* marca do provedor (logo, nome e cor vêm do código do servidor) */
.brand img.brand-mark{height:1.7rem;width:auto}
.brand-logo{height:2.1rem;width:auto;max-width:12rem;object-fit:contain;display:block}
.brand-text{font:700 1.2rem/1 var(--display);letter-spacing:.06em;text-transform:uppercase;max-width:14rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gate-brand{display:grid;justify-items:center;gap:.6rem}
.gate-logo{height:4.6rem;width:auto;max-width:min(18rem,80vw);object-fit:contain;display:block}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* tela de entrada: centraliza sem cortar o topo quando a janela é baixa */
.gate{display:flex;place-items:unset}
.gate-card{margin:auto}