:root { --primary:#00B4D8; --secondary:#03045E; --text:#FFFFFF; }
html,body { margin:0; padding:0; width:100%; height:100%; background:transparent; color:var(--text); font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, 'Helvetica Neue', Arial; }
.wrap { position:absolute; left:0; right:0; bottom:40px; display:flex; justify-content:center; }
.board { display:flex; align-items:center; gap:12px; backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); background: rgba(3,4,94,.8); border-left:6px solid var(--primary); border-radius:10px; padding:10px 14px; box-shadow: 0 6px 24px rgba(0,0,0,.35); }
.team-name { font-weight:800; font-size:20px; background: rgba(0,180,216,.15); padding:6px 10px; border-radius:6px; }
.sep { opacity:.7; }
.score-mid { display:flex; align-items:center; gap:8px; font-size:26px; font-weight:900; }
.score-mid .x { opacity:.8; font-weight:800; }
.timer { font-variant-numeric: tabular-nums; font-weight:700; background: rgba(0,0,0,.35); padding:6px 10px; border-radius:6px; }
.period { font-size:14px; opacity:.9; }