.court-host{position:relative;overflow:hidden}.court-host canvas{display:block}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:1280px;height:720px;transform-origin:0 0;pointer-events:none;color:#fff;font-family:Inter,Noto Sans TC,system-ui,-apple-system,Segoe UI,sans-serif;font-feature-settings:"tnum" 1}.bug{position:absolute;top:22px;left:26px;display:flex;gap:0;font-weight:800;font-size:13px;letter-spacing:1.5px;border-radius:4px;overflow:hidden;box-shadow:0 6px 18px #00000059}.bug span{padding:6px 11px}.bug-court{background:linear-gradient(180deg,#fff,#e6e8ee);color:#0b0f19}.bug-live{background:#e0201b;display:flex;align-items:center;gap:6px}.bug-live:before{content:"";width:7px;height:7px;border-radius:50%;background:#fff;animation:htpulse 1.6s infinite}.bug-test{background:#f2b705;color:#111}@keyframes htpulse{50%{opacity:.25}}.scorebug{position:absolute;left:50%;bottom:30px;transform:translate(-50%);display:flex;height:58px;border-radius:10px;overflow:hidden;box-shadow:0 12px 34px #0000008c,0 0 0 1px #ffffff0f;background:#0c111d}.sb-team{position:relative;display:grid;grid-template-columns:auto auto;grid-template-rows:1fr auto;align-items:center;column-gap:16px;padding:0 18px 0 16px;min-width:170px;background:linear-gradient(180deg,var(--c) 0%,color-mix(in srgb,var(--c) 72%,#000) 100%);color:var(--k)}.sb-team:after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:var(--c2)}.sb-team+.sb-team{border-left:1px solid rgba(0,0,0,.35)}.sb-abbr{grid-row:1 / span 2;font-size:26px;font-weight:900;letter-spacing:1px}.sb-score{font-size:34px;font-weight:900;text-align:right;min-width:58px;line-height:1;margin-top:6px}.sb-meta{display:flex;justify-content:flex-end;gap:6px;font-size:10px;font-weight:800;letter-spacing:1px;height:14px;margin-bottom:6px}.sb-to{letter-spacing:1px;opacity:.85}.sb-bonus{opacity:0;color:#ffd84a;text-shadow:0 0 6px rgba(0,0,0,.5)}.sb-bonus.on{opacity:1}.sb-poss{position:absolute;top:6px;right:6px;width:0;height:0;border-left:7px solid transparent;border-top:7px solid #ffd84a;opacity:0}.sb-poss.on{opacity:1}.sb-clock{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 20px;min-width:120px;background:linear-gradient(180deg,#1a2234,#0e1422)}.sb-period{font-size:12px;font-weight:800;color:#9fb0cf;letter-spacing:2px}.sb-time{font-size:26px;font-weight:800;line-height:1.05}.sb-shot{display:flex;align-items:center;justify-content:center;min-width:52px;font-size:24px;font-weight:900;background:#151b29;color:#ffd84a;border-left:1px solid rgba(255,255,255,.07)}.sb-shot.low{background:#c7231c;color:#fff}.sb-shot:empty{min-width:0;padding:0}.ticker{position:absolute;right:26px;top:22px;max-width:560px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:16px;font-weight:600;padding:6px 16px;border-radius:6px;background:#080b13b8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#e8ecf4}.ticker:empty{display:none}.lt{position:absolute;left:26px;bottom:112px;display:flex;align-items:stretch;height:64px;border-radius:8px;overflow:hidden;box-shadow:0 10px 28px #00000080;transform:translate(-30px);opacity:0;transition:opacity .25s,transform .25s}.lt.on{opacity:1;transform:none}.lt-num{display:flex;align-items:center;justify-content:center;min-width:64px;font-size:30px;font-weight:900;background:var(--c);color:var(--k)}.lt-body{display:flex;flex-direction:column;justify-content:center;padding:0 18px;background:#0a0e18f0}.lt-name{font-size:20px;font-weight:800;letter-spacing:.3px}.lt-line{font-size:13px;color:#aab7d1;font-weight:600;margin-top:2px}.lt-tag{display:flex;align-items:center;padding:0 14px;font-size:13px;font-weight:900;letter-spacing:1.5px;background:#ffd84a;color:#111}.card{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%) scale(.96);min-width:520px;opacity:0;transition:opacity .3s,transform .3s;background:#090c14eb;border-radius:14px;padding:18px 22px 22px;box-shadow:0 20px 60px #0009}.card.on{opacity:1;transform:translate(-50%,-50%)}.card-title{font-size:15px;font-weight:900;letter-spacing:4px;color:#ffd84a;margin-bottom:12px;text-align:center}.card-row{display:flex;align-items:center;gap:14px;margin-top:8px;border-radius:8px;overflow:hidden;background:#141b2b}.card-row b{background:var(--c);color:var(--k);font-size:22px;font-weight:900;padding:10px 14px;min-width:76px;text-align:center}.card-row span{flex:1;font-size:17px;font-weight:700;color:#dfe5f1}.card-row i{font-style:normal;font-size:32px;font-weight:900;padding-right:18px}