:root{--bg: #071428;--ink: #f7f3e8;--muted: #c9d4e8;--amarelo: #f6d45c;--glass: rgba(10, 22, 42, .52);--glass-top: rgba(48, 42, 18, .28);--line: rgba(246, 212, 92, .45);--font: "DM Sans", "Segoe UI", sans-serif;--display: "Teko", Impact, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--ink);font-family:var(--font);user-select:none;cursor:none}#app{display:grid;grid-template-rows:auto 1fr auto}.fundo{position:fixed;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;object-position:center 40%}.placar{position:relative;z-index:4;display:grid;grid-template-columns:repeat(5,1fr);gap:14px;padding:22px 28px 10px}.vidro{position:relative;overflow:hidden;background:linear-gradient(180deg,var(--glass-top),var(--glass));border:1px solid var(--line);border-radius:16px;box-shadow:0 16px 36px #00081875,0 0 22px #f6d45c14,inset 0 1px #fff6d647,inset 0 -18px 28px #0008182e;backdrop-filter:blur(16px) saturate(1.2);-webkit-backdrop-filter:blur(16px) saturate(1.2)}.vidro:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(180deg,rgba(255,236,170,.1),transparent 38%)}.card{display:flex;flex-direction:column;gap:10px;min-height:128px;padding:14px 14px 14px 18px;background:linear-gradient(165deg,#38301259,#08102094)}.card:after{content:"";position:absolute;left:0;top:14px;bottom:14px;width:4px;border-radius:0 4px 4px 0;background:var(--c, var(--amarelo));box-shadow:0 0 12px var(--c, var(--amarelo))}.card.lider{border-color:#f6d45cf2;box-shadow:0 16px 36px #00081875,0 0 34px #f6d45c4d,inset 0 1px #fff6d66b,inset 0 -18px 28px #0008182e}.card h2{min-width:0;padding:2px 4px 8px;border-bottom:1px solid rgba(246,212,92,.22);font-size:13px;font-weight:700;letter-spacing:.2em;line-height:1.15;text-align:center;text-transform:uppercase;color:#f3e7b8;text-shadow:0 1px 8px rgba(0,8,24,.55);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;flex:1}.num{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:6px 4px 8px;text-align:center;background:#00081847;border:1px solid rgba(255,246,214,.08);border-radius:12px}.num strong{display:block;font-family:var(--display);font-size:48px;line-height:.84;font-weight:600;color:#fffaf0;text-shadow:0 0 14px rgba(246,212,92,.22)}.num span{display:block;font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#c5d3ea}.num.venda{background:#f6d45c14;border-color:#f6d45c2e}.num.venda strong{color:var(--amarelo);text-shadow:0 0 16px rgba(246,212,92,.5)}.num.venda span{color:#f3dc86}.arena{position:relative;z-index:4;min-height:0}.banner{position:absolute;left:50%;top:20%;transform:translate(-50%,12px);min-width:min(680px,78vw);padding:26px 48px 28px;text-align:center;opacity:0;pointer-events:none}.banner.show{opacity:1;transform:translate(-50%);animation:subir .4s ease both}.banner.lead{border-color:#f6d45cb3}.banner.venda{border-color:#f6d45cf2;box-shadow:0 18px 44px #0008187a,0 0 36px #f6d45c47,inset 0 1px #fff6d652}.banner-kicker{display:flex;justify-content:center;align-items:center;gap:8px;font-size:13px;font-weight:700;letter-spacing:.32em;text-transform:uppercase;color:var(--amarelo)}.banner-kicker:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--amarelo);box-shadow:0 0 10px var(--amarelo)}.banner-empresa{margin-top:8px;font-family:var(--display);font-size:42px;font-weight:600;letter-spacing:.06em;line-height:1;color:#fffaf0;text-shadow:0 2px 16px rgba(0,8,24,.45)}.banner-nome{margin-top:8px;font-size:18px;font-weight:600;color:#dbe4f4}.toast{position:absolute;right:24px;bottom:18px;z-index:6;padding:10px 18px;color:#fffaf0;font-size:14px;font-weight:600}.rodape{position:relative;z-index:4;display:flex;justify-content:center;padding:10px 24px 20px}.dock{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:28px;min-width:min(920px,92vw);padding:12px 28px}.lado-esq{display:flex;align-items:center;gap:16px;min-width:0}.status{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;color:#ddd;flex:none}.status-detalhe{max-width:280px;font-size:11px;font-weight:500;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nowplaying{display:flex;align-items:center;gap:8px;min-width:0;color:#efe6c4}.nowplaying-ico{flex:none;width:8px;height:8px;border-radius:50%;background:#1db954;box-shadow:0 0 10px #1db954}.nowplaying.off .nowplaying-ico{background:#888;box-shadow:none}.nowplaying-txt{min-width:0;display:flex;flex-direction:column;line-height:1.15}.nowplaying-txt strong,.nowplaying-txt em{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.nowplaying-txt strong{font-size:13px;font-weight:700}.nowplaying-txt em{font-size:11px;font-style:normal;color:var(--muted)}.dot{width:8px;height:8px;border-radius:50%;background:#666}.status.ok .dot{background:#3ddc84;box-shadow:0 0 10px #3ddc84}.status.wait .dot{background:var(--amarelo);box-shadow:0 0 10px var(--amarelo)}.status.off .dot{background:#ff3b3b;box-shadow:0 0 10px #ff3b3b}.relogio{font-family:var(--display);font-size:36px;line-height:1;letter-spacing:.06em;color:var(--amarelo);text-shadow:0 0 16px rgba(246,212,92,.35)}.meta{display:flex;justify-content:flex-end;gap:16px;color:var(--muted);font-size:13px}.boot{position:fixed;inset:0;z-index:20;display:grid;place-content:center;text-align:center;background:#071018;transition:opacity .5s ease,visibility .5s}.boot.out{opacity:0;visibility:hidden}.boot-kicker,.erro-kicker{letter-spacing:.28em;text-transform:uppercase;color:var(--amarelo);font-size:13px;font-weight:600}.boot-titulo{font-size:clamp(42px,7vw,84px);font-weight:700}.boot-sub{margin-top:8px;color:var(--muted);font-size:18px}.erro{position:fixed;inset:0;z-index:18;display:grid;place-items:center;background:#071018b8}.erro[hidden],.banner[hidden],.toast[hidden],.boot[hidden]{display:none!important}.erro-box{width:min(640px,86vw);padding:32px;text-align:center}.erro-box h2{font-size:40px;margin:8px 0 10px}.erro-hint{margin-top:16px!important;color:var(--muted)!important}@keyframes subir{0%{opacity:0;transform:translate(-50%,16px)}to{opacity:1;transform:translate(-50%)}}@media(max-width:1400px){.card{min-height:112px;padding:12px 12px 12px 16px}.card h2{font-size:11px;letter-spacing:.14em}.num strong{font-size:38px}.banner-empresa{font-size:32px}}