/* BuGio Live — minimalist dark-first, mobile-first, football only */
:root{color-scheme:dark;--bg:#0b0d11;--card:#16191f;--card2:#1e2229;--line:#292d34;--text:#f5f6f7;--muted:#969ca7;--soft:#c3c6cc;--accent:#f36a69;--green:#69d2b0;--purple:#bdadff;--seg:#23272f;--shadow:0 18px 60px rgba(0,0,0,.13)}
[data-theme="light"]{color-scheme:light;--bg:#f5f5f7;--card:#fff;--card2:#f1f2f5;--line:#e5e7eb;--text:#16191f;--muted:#737b87;--soft:#444b55;--accent:#e55354;--green:#208e72;--purple:#7865cb;--seg:#ecedf0;--shadow:0 9px 30px rgba(10,10,20,.025)}
*{box-sizing:border-box}html{min-width:320px}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Segoe UI",Arial,sans-serif;font-size:16px;line-height:1.4;-webkit-font-smoothing:antialiased;transition:background-color .18s,color .18s}button,input{font:inherit}button{cursor:pointer;color:inherit}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--purple);outline-offset:3px}a{color:inherit;text-decoration:none}.app{max-width:1072px;margin:0 auto;padding:0 34px 80px}.topbar{height:96px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:baseline;gap:0;font-weight:750;font-size:28px;letter-spacing:-1.45px}.brand-dot,.accent-dot{color:var(--accent)}.brand-live{margin-left:9px;font-size:10px;font-weight:800;letter-spacing:1.2px;color:var(--muted)}.top-actions{display:flex;align-items:center;gap:15px}.demo-pill{font-size:11px;font-weight:750;letter-spacing:.65px;color:var(--muted);background:var(--card2);padding:8px 12px;border:1px solid var(--line);border-radius:20px}.theme-btn{display:grid;place-items:center;border:1px solid var(--line);background:var(--card);border-radius:50%;height:43px;width:43px;transition:transform .2s,background .2s}.theme-btn:hover{transform:translateY(-1px)}.hero{padding:57px 0 35px;display:flex;justify-content:space-between;align-items:flex-end;gap:20px}.eyebrow{font-size:12px;font-weight:800;letter-spacing:1.8px;color:var(--muted);display:flex;align-items:center;gap:8px;margin-bottom:11px}.ball{font-size:17px}h1{font-weight:760;letter-spacing:-1.9px;font-size:clamp(34px,4.2vw,48px);line-height:1.13;margin:0}.subtitle{font-size:16px;color:var(--muted);line-height:1.6;margin:17px 0 0}.live-summary{display:flex;align-items:center;gap:9px;white-space:nowrap;color:var(--muted);font-size:13px;border-radius:99px;padding:11px 15px;background:var(--card);border:1px solid var(--line)}.live-summary strong{color:var(--text);font-size:15px}.live-light{height:8px;width:8px;background:var(--accent);box-shadow:0 0 0 4px rgba(243,106,105,.12);border-radius:50%}.controls{display:flex;gap:15px;align-items:center;justify-content:space-between;margin:0 0 25px}.segments{background:var(--seg);border-radius:14px;padding:4px;display:flex;align-items:center;gap:3px;min-height:51px}.seg{border:0;background:transparent;border-radius:10px;padding:11px 18px;font-size:14px;font-weight:650;color:var(--muted);white-space:nowrap;transition:background .15s,color .15s}.seg.active{background:var(--card);color:var(--text);box-shadow:0 1px 7px rgba(0,0,0,.07)}.search{height:49px;width:230px;max-width:40%;padding:0 14px;background:var(--card);border:1px solid var(--line);border-radius:13px;display:flex;align-items:center;gap:10px;color:var(--muted)}.search input{background:transparent;color:var(--text);border:0;outline:0;width:100%;min-width:0;font-size:14px}.search input::placeholder{color:var(--muted)}.column-hint{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:11px;font-weight:720;letter-spacing:1.25px;margin:0 18px 10px}.column-hint span:last-child{padding-right:25px}.league{border-radius:23px;overflow:hidden;background:var(--card);border:1px solid var(--line);margin-bottom:15px;box-shadow:var(--shadow)}.league-head{min-height:62px;padding:16px 22px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line)}.league-flag{width:32px;height:32px;border-radius:10px;background:var(--card2);display:grid;place-items:center;font-size:17px}.league-title{font-size:16px;font-weight:680;letter-spacing:-.25px}.league-count{margin-left:auto;font-size:13px;color:var(--muted)}.game{width:100%;background:transparent;text-align:left;border:0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:61px minmax(0,1fr) 65px 220px;align-items:center;column-gap:16px;min-height:111px;padding:15px 21px;transition:background .15s}.game:last-child{border-bottom:0}.game:hover{background:var(--card2)}.game-status{align-self:center;font-size:15px;font-weight:700;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}.game-status.live{color:var(--accent)}.game-status.live:before{content:"";display:inline-block;height:5px;width:5px;border-radius:50%;background:var(--accent);vertical-align:3px;margin-right:6px}.game-teams{min-width:0;display:flex;flex-direction:column;gap:12px}.team{display:flex;align-items:center;gap:10px;min-width:0;line-height:1.2}.team-symbol{width:26px;height:26px;flex:none;display:grid;place-items:center;border-radius:9px;background:var(--card2);color:var(--team-color,var(--soft));font-weight:800;font-size:10px;letter-spacing:-.25px}.team-name{font-size:16px;font-weight:600;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.scores{display:flex;flex-direction:column;gap:12px;font-size:20px;line-height:26px;text-align:center;font-weight:750;letter-spacing:-.5px;font-variant-numeric:tabular-nums}.scores.empty{color:var(--muted)}.preds{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:stretch}.pred{background:var(--card2);min-width:0;border-radius:13px;text-align:center;padding:13px 6px 11px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.pred-tag{color:var(--muted);font-size:11px;letter-spacing:.8px;font-weight:760}.pred-value{font-variant-numeric:tabular-nums;font-size:23px;line-height:1.2;letter-spacing:-.7px;font-weight:780}.pred.predicted .pred-value{color:var(--purple)}.pred.official .pred-value{color:var(--green)}.pred-state{font-size:10px;color:var(--muted);font-weight:550;white-space:nowrap}.pred.predicted .pred-state{color:var(--purple)}.pred.official .pred-state{color:var(--green)}.empty-block{text-align:center;background:var(--card);border:1px solid var(--line);padding:72px 15px;border-radius:22px;color:var(--muted);font-size:15px}.empty-block strong{display:block;font-size:18px;color:var(--text);margin-bottom:8px}.footer{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:27px;padding:12px 5px;color:var(--muted);font-size:12px}.footer span:first-child{max-width:70%}.loading{opacity:.6}
dialog{padding:0;max-height:92vh;overflow-y:auto;max-width:min(510px,calc(100vw - 32px));width:100%;border:1px solid var(--line);border-radius:25px;background:var(--card);color:var(--text);box-shadow:0 32px 100px #0007}dialog::backdrop{background:rgba(0,0,0,.7);backdrop-filter:blur(7px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;padding:21px 25px;border-bottom:1px solid var(--line)}.dialog-head strong{font-size:16px}.close{height:35px;width:35px;background:var(--card2);border:0;border-radius:50%;font-size:24px;line-height:1;display:grid;place-items:center}.dialog-body{padding:30px 28px 34px}.dialog-league{text-align:center;color:var(--muted);font-size:13px;font-weight:600;margin-bottom:19px}.dialog-versus{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;text-align:center}.dialog-team{font-size:16px;font-weight:650;overflow-wrap:anywhere}.dialog-score{font-size:37px;font-weight:780;font-variant-numeric:tabular-nums;white-space:nowrap;letter-spacing:-1px}.dialog-minute{text-align:center;margin:12px 0 29px;color:var(--accent);font-weight:700}.dialog-preds{display:grid;grid-template-columns:1fr 1fr;gap:14px}.dialog-preds .pred{padding:22px 10px}.dialog-preds .pred-value{font-size:34px}.dialog-note{font-size:13px;color:var(--muted);text-align:center;line-height:1.7;margin:25px 0 0}
@media(max-width:740px){.app{padding:0 18px 70px}.topbar{height:74px}.brand{font-size:25px}.brand-live{font-size:9px}.theme-btn{height:40px;width:40px}.hero{padding:37px 0 29px;align-items:flex-start;flex-direction:column;gap:19px}.eyebrow{font-size:11px;margin-bottom:10px}h1{font-size:36px;letter-spacing:-1.4px}.subtitle{font-size:14px;margin-top:12px}.live-summary{font-size:12px;padding:8px 12px}.controls{flex-direction:column;align-items:stretch;gap:12px;margin-bottom:20px}.segments{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:1px}.seg{font-size:13px;padding:11px 7px}.search{width:100%;max-width:none;height:45px}.column-hint{display:none}.league{border-radius:20px;margin-bottom:13px}.league-head{min-height:59px;padding:14px 17px}.league-title{font-size:16px}.game{grid-template-columns:50px minmax(0,1fr) 32px;column-gap:8px;row-gap:14px;padding:16px 15px 14px;min-height:0}.game-status{font-size:13px}.game-teams{gap:10px}.team{gap:8px}.team-symbol{width:22px;height:22px;border-radius:7px;font-size:9px}.team-name{font-size:15px}.scores{font-size:18px;line-height:22px;gap:10px}.preds{grid-column:2 / 4;grid-row:2;grid-template-columns:1fr 1fr;gap:8px}.pred{padding:9px 7px 8px;flex-direction:row;justify-content:space-between;gap:6px;border-radius:10px}.pred-tag{font-size:10px;letter-spacing:0}.pred-value{font-size:19px}.pred-state{display:none}.footer{font-size:11px;align-items:flex-start;line-height:1.6}dialog{max-height:90vh}.dialog-body{padding:26px 20px}.dialog-score{font-size:28px}.dialog-team{font-size:14px}}
@media(max-width:375px){.app{padding:0 12px 60px}.game{padding-inline:11px}.team-name{font-size:14px}.pred-tag{font-size:9px}.pred-value{font-size:18px}.hero h1{font-size:33px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}