:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0b0f;--panel:#0c0e16c7;--text:#f4f5f9;--muted:#a3a9bd;--accent:#2f7cf6;--live:#e5243b;--team1:#1cc71c;--team2:#1c57bd;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);min-height:100%;margin:0;padding:0}button{font:inherit}.landing{justify-content:center;align-items:center;min-height:100dvh;padding:24px 16px;display:flex}.landing-card{background:#141722;border:1px solid #ffffff14;border-radius:20px;flex-direction:column;gap:16px;width:100%;max-width:420px;padding:28px 24px;display:flex;box-shadow:0 20px 60px #00000073}.landing-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.landing-card h1{margin:0;font-size:1.6rem}.lang-switch{background:#0b0b0f;border:1px solid #ffffff24;border-radius:999px;padding:3px;display:inline-flex}.lang-switch button{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:999px;padding:6px 12px;font-size:.8rem;font-weight:600}.lang-switch button.active{background:var(--accent);color:#fff}.landing-card p{color:var(--muted);margin:0;line-height:1.45}.landing-card form{gap:10px;display:flex}.landing-card input{letter-spacing:.18em;text-transform:uppercase;text-align:center;min-width:0;color:var(--text);background:#0b0b0f;border:1px solid #ffffff24;border-radius:12px;outline:none;flex:1;padding:12px 14px;font-size:1.25rem}.landing-card input:focus{border-color:var(--accent)}.primary-button{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:12px;padding:12px 18px;font-weight:700}.primary-button:disabled{opacity:.5;cursor:default}a.primary-button{text-align:center;text-decoration:none;display:inline-block}.viewer{background:#000;position:fixed;inset:0;overflow:hidden}.viewer-video,.viewer-embed{background:#000;border:0;width:100%;height:100%;position:absolute;inset:0}.viewer-video{object-fit:contain}.viewer-message{text-align:center;color:var(--text);pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:24px;display:flex;position:absolute;inset:0}.viewer-message p{max-width:460px;margin:0;font-size:1.05rem;line-height:1.45}.viewer-message .primary-button{pointer-events:auto}.viewer-links{text-align:center;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px;display:flex;position:absolute;inset:0}.viewer-links .primary-button{min-width:200px}.spinner{border:3px solid #fff3;border-top-color:#fff;border-radius:50%;width:34px;height:34px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.viewer-topbar{top:max(12px, env(safe-area-inset-top));left:max(12px, env(safe-area-inset-left));z-index:5;gap:8px;display:flex;position:absolute}.home-button{background:var(--panel);-webkit-backdrop-filter:blur(10px);width:40px;height:40px;color:var(--text);border:1px solid #ffffff29;border-radius:50%;justify-content:center;align-items:center;text-decoration:none;display:inline-flex;box-shadow:0 6px 20px #0006}.home-button:hover,.home-button:focus-visible{background:#ffffff29;outline:none}.score-bug{top:calc(max(12px, env(safe-area-inset-top)) + 48px);left:max(12px, env(safe-area-inset-left));background:var(--panel);-webkit-backdrop-filter:blur(10px);font-variant-numeric:tabular-nums;pointer-events:none;border:1px solid #ffffff1f;border-radius:14px;min-width:min(260px,70vw);max-width:min(420px,92vw);position:absolute;overflow:hidden;box-shadow:0 10px 30px #00000073}.score-bug-header{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);background:#ffffff0d;justify-content:space-between;align-items:center;gap:10px;padding:6px 12px;font-size:.78rem;display:flex}.score-timer{color:var(--text);font-size:.95rem;font-weight:800}.score-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:7px 12px;display:grid}.score-row+.score-row{border-top:1px solid #ffffff14}.score-row.team1{border-left:4px solid var(--team1)}.score-row.team2{border-left:4px solid var(--team2)}.score-name{align-items:center;gap:8px;min-width:0;font-size:1rem;font-weight:700;display:flex}.score-name span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.serve-dot{background:#f2e04a;border-radius:50%;flex:none;width:10px;height:10px;box-shadow:0 0 6px #f2e04ae6}.score-cells{gap:6px;display:flex}.score-cell{text-align:center;background:#ffffff14;border-radius:6px;min-width:2.1em;padding:2px 6px;font-size:1.05rem;font-weight:700}.score-cell.main{background:#ffffff29;min-width:2.3em;font-size:1.35rem}.score-cell.card-yellow,.score-cell.card-red{color:#111;min-width:1.6em;font-size:.82rem}.score-cell.card-yellow{background:#f2d21b}.score-cell.card-red{color:#fff;background:#e5243b}.score-winner{color:#f2e04a;border-top:1px solid #ffffff14;padding:6px 12px;font-size:.85rem;font-weight:700}.viewer-bar{padding:10px max(12px, env(safe-area-inset-right)) max(10px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));background:linear-gradient(#0000,#000000bf);justify-content:space-between;align-items:center;gap:10px;display:flex;position:absolute;bottom:0;left:0;right:0}.viewer-status{background:var(--panel);letter-spacing:.04em;text-transform:uppercase;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:8px;padding:6px 10px;font-size:.8rem;font-weight:700;display:inline-flex}.live-dot{background:var(--live);border-radius:50%;width:9px;height:9px;animation:1.4s ease-in-out infinite pulse;box-shadow:0 0 8px #e5243be6}.live-dot.off{box-shadow:none;background:#666;animation:none}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.viewer-actions{gap:8px;display:flex}.icon-button{background:var(--panel);color:var(--text);cursor:pointer;border:1px solid #ffffff29;border-radius:999px;align-items:center;gap:6px;padding:8px 12px;font-size:.85rem;font-weight:600;display:inline-flex}.icon-button.accent{background:var(--accent);border-color:#0000}.viewer-footer{right:max(12px, env(safe-area-inset-right));top:max(12px, env(safe-area-inset-top));color:#ffffff8c;text-align:right;pointer-events:none;max-width:40vw;font-size:.7rem;position:absolute}@media (max-width:480px){.score-bug{min-width:0;max-width:calc(100vw - 24px)}.score-name{font-size:.9rem}.score-cell{min-width:1.9em;font-size:.95rem}.score-cell.main{font-size:1.2rem}.viewer-footer{display:none}}