/* W4L - Widget da Partida — Cores da rodada e variáveis. */
#w4l-match-status-widget
{
--accent:#fa7c15;
--panel:rgba(10,16,29,.90);
--text:#f8fafc;
--muted:#9ca3af;
--width:300px;
--radius: 10px;
position:fixed;
z-index:9997;
left:calc(40% - 100px);
bottom:40%;
color:var(--text);
font:600 12px/1.4 system-ui,sans-serif;
filter:drop-shadow(0 0 18px #0009);
user-select:none;
touch-action:none
}

/* Rodada aberta, encerrada ou sem partida. */
#w4l-match-status-widget[data-state="open"]{--accent:#22ff88}
#w4l-match-status-widget[data-state="closed"]{--accent:#ff365d}
#w4l-match-status-widget[data-state="waiting"]{--accent:#facc15}
/* Personalização do modo demonstração: altere --accent para trocar o laranja. */
#w4l-match-status-widget.is-local{--accent:#fb923c}
#w4l-match-status-widget .w4l-match__panel{width:var(--width);overflow:hidden;border:2px solid color-mix(in srgb,var(--accent),transparent 25%);border-radius:var(--radius);background:var(--panel);box-shadow:0 0 20px color-mix(in srgb,var(--accent),transparent 70%);backdrop-filter:blur(10px)}
#w4l-match-status-widget .w4l-match__header{padding:10px 12px;background:var(--accent);color:#111827;cursor:grab;touch-action:none}
#w4l-match-status-widget .w4l-match__body{padding:10px}
#w4l-match-status-widget .w4l-match__row{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px solid #ffffff1b}
#w4l-match-status-widget .w4l-match__row span{color:var(--muted);font-size:10px}
#w4l-match-status-widget [data-status]{color:var(--accent)}
#w4l-match-status-widget [data-updated]{display:block;padding-top:8px;color:var(--muted);font-size:9px}
/* Botão flutuante. */
#w4l-match-status-widget .w4l-match__launcher{display:none;width:128px;height:128px;padding:10px;border:2px solid #f79606e3;border-radius:var(--radius);background:#ec6c17dd;color:var(--text);align-items:center;justify-content:center;flex-direction:column;gap:5px;cursor:grab;touch-action:none;box-shadow:0 0 25px color-mix(in srgb,var(--accent),transparent 30%)}
/* Botão imagem. */
#w4l-match-status-widget .w4l-match__launcher img
{width:64px;height:64px;object-fit:contain;filter:drop-shadow(0 0 10px var(--accent));pointer-events:none;-webkit-user-drag:none;user-select:none;}
/* Dados do elemento. */
#w4l-match-status-widget .w4l-match__launcher [data-launch-type]{font-size:12px;max-width:100px;text-align:center;overflow-wrap:anywhere}
#w4l-match-status-widget .w4l-match__launcher [data-launch-status]{font-size:10px;color:var(--text)}
#w4l-match-status-widget.is-minimized .w4l-match__panel{display:none}
#w4l-match-status-widget.is-minimized .w4l-match__launcher{display:flex}
#w4l-match-status-widget.is-expanded .w4l-match__panel{display:block}
#w4l-match-status-widget.is-expanded .w4l-match__launcher{display:none}
#w4l-match-status-widget.is-dragging{opacity:.9;cursor:grabbing}

@media(max-width:520px){#w4l-match-status-widget{top:8px;left:8px;width:min(var(--width),calc(100vw - 16px))}#w4l-match-status-widget.is-minimized{width:128px}}