*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{overscroll-behavior:none;height:100%;overflow:hidden}body{color:#f0f0f0;background:#0a0a0a;font-family:system-ui,-apple-system,sans-serif}#root{height:100%}body:before{content:"";z-index:-1;background:linear-gradient(#0a0a108c,#0a0a10c7),url(/assets/football-stadium-bg-BBclkqeD.webp) 50%/cover no-repeat;position:fixed;inset:0}.screen{flex-direction:column;justify-content:center;align-items:center;height:100%;padding:2rem;display:flex;overflow:hidden}@media (width<=1920px){.screen{padding:0}.player-box{border-radius:0;max-width:177.778dvh}}.player-container{flex-direction:column;align-items:center;gap:1.5rem;width:100%;max-width:1920px;display:flex}.player-box,.no-game-panel{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#8a8a96;background:#0a0a1073;border:1px solid #f0f0f01a;box-shadow:0 20px 60px #0000008c}.player-box{aspect-ratio:16/9;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:1rem;width:100%;max-width:calc(177.778dvh - 7.11111rem);display:flex;position:relative;overflow:hidden}@media (width<=600px){.screen{padding:0}.player-box{border-radius:0}}.player-icon{opacity:.7;font-size:3rem;line-height:1}.player-placeholder-text{letter-spacing:.08em;text-transform:uppercase;font-size:.95rem}.player-message{text-align:center;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem;display:flex}.player-message-hint{color:#8a8a96;font-size:.8rem}.player-retry{font:inherit;color:#f0f0f0;cursor:pointer;background:#f0f0f01f;border:1px solid #f0f0f04d;border-radius:8px;margin-top:.25rem;padding:.5rem 1.25rem;font-size:.85rem}.player-retry:hover{background:#f0f0f033}.player-surface{width:100%;height:100%;position:relative}.player-video{object-fit:contain;width:100%;height:100%;display:block;position:absolute;inset:0}.tap-to-play{color:#f0f0f0;cursor:pointer;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0a0a108c;border:none;justify-content:center;align-items:center;font-size:clamp(3rem,10vw,5rem);display:flex;position:absolute;inset:0}.no-game-panel{border-radius:12px;flex-direction:column;align-items:center;gap:1rem;padding:3rem 3.5rem;display:flex}.no-game-icon{opacity:.7;font-size:2.5rem;line-height:1}.scoreboard-overlay{--sb-slant:clamp(.5rem, 2vw, .9rem);--sb-dark:#0c0c12;--sb-light:#f4f4f6;color:#f0f0f0;text-align:center;background:linear-gradient(#22c55e00 80%,#22c55e38 100%),radial-gradient(125% 85% at 50% 0,#4c1d958c,#0a0a10d1 72%);flex-direction:column;justify-content:center;align-items:center;gap:clamp(.5rem,2.5vh,1.1rem);padding:clamp(.75rem,4vw,2rem);display:flex;position:absolute;inset:0}.scoreboard-stage{justify-content:center;align-items:center;gap:clamp(.5rem,4vw,2rem);width:100%;display:flex}.scoreboard-crest .intro-crest{width:clamp(2.5rem,12vw,5rem);height:clamp(2.5rem,12vw,5rem);font-size:clamp(.7rem,3vw,1.1rem)}.scoreboard-title{letter-spacing:.04em;color:#f5f5ff;text-shadow:0 0 12px #fff9,0 0 36px #a882ff80;font-size:clamp(2rem,12vw,5rem);font-weight:900;line-height:.9}.scoreboard-bar{text-transform:uppercase;justify-content:center;align-items:stretch;gap:3px;width:min(100%,34rem);height:clamp(2rem,7vh,3rem);font-weight:800;display:flex}.scoreboard-bar-name{background:var(--sb-light);min-width:0;color:var(--sb-dark);white-space:nowrap;clip-path:polygon(var(--sb-slant) 0, 100% 0, calc(100% - var(--sb-slant)) 100%, 0 100%);flex:1;align-items:center;padding:0 clamp(.75rem,3vw,1.5rem);font-size:clamp(.7rem,2.6vw,1.15rem);display:flex;overflow:hidden}.scoreboard-bar-name--home{justify-content:flex-end}.scoreboard-bar-name--away{justify-content:flex-start}.scoreboard-bar-score{background:var(--sb-dark);color:var(--sb-light);font-variant-numeric:tabular-nums;clip-path:polygon(var(--sb-slant) 0, 100% 0, calc(100% - var(--sb-slant)) 100%, 0 100%);flex:none;justify-content:center;align-items:center;gap:.3rem;padding:0 clamp(.6rem,2.5vw,1.1rem);font-size:clamp(.95rem,3.6vw,1.6rem);display:flex}.scoreboard-bar-dash{opacity:.6}.scoreboard-pending{text-transform:uppercase;letter-spacing:.08em;color:#b8b8c4;font-size:clamp(.6rem,2vw,.85rem);font-weight:600}.scoreboard-rows{flex-direction:column;gap:clamp(.2rem,1vh,.4rem);width:min(100%,34rem);list-style:none;display:flex}.scoreboard-row{text-transform:uppercase;align-items:stretch;gap:3px;height:clamp(1.5rem,5vh,2.2rem);font-size:clamp(.62rem,2.2vw,1rem);font-weight:700;display:flex}.scoreboard-row-value{background:var(--sb-dark);color:var(--sb-light);font-variant-numeric:tabular-nums;clip-path:polygon(var(--sb-slant) 0, 100% 0, calc(100% - var(--sb-slant)) 100%, 0 100%);flex:0 0 clamp(2.2rem,9vw,3.2rem);justify-content:center;align-items:center;display:flex}.scoreboard-row-label{background:var(--sb-light);min-width:0;color:var(--sb-dark);letter-spacing:.04em;white-space:nowrap;clip-path:polygon(var(--sb-slant) 0, 100% 0, calc(100% - var(--sb-slant)) 100%, 0 100%);flex:1;justify-content:center;align-items:center;padding:0 .75rem;display:flex;overflow:hidden}.intro{color:#f0f0f0;justify-content:center;align-items:center;gap:clamp(.5rem,4vw,3rem);padding:1rem;display:flex;position:absolute;inset:0}.intro-team{flex-direction:column;flex:1;align-items:center;gap:.75rem;min-width:0;max-width:40%;display:flex}.intro-crest{letter-spacing:.04em;background:#f0f0f01f;border:1px solid #f0f0f033;border-radius:50%;justify-content:center;align-items:center;width:clamp(3.5rem,18vw,8rem);height:clamp(3.5rem,18vw,8rem);font-weight:800;display:flex;overflow:hidden}.intro-crest-img{object-fit:contain;width:78%;height:78%}.intro-team-name{text-transform:uppercase;text-align:center;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:100%;font-size:clamp(.9rem,3.5vw,1.4rem);font-weight:700;display:-webkit-box;overflow:hidden}.intro-center{flex-direction:column;flex-shrink:0;align-items:center;gap:.35rem;width:clamp(9rem,32vw,14rem);display:flex}.intro-countdown,.intro-no-bets{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:clamp(1.6rem,7vw,3rem);font-weight:800;line-height:1}.intro-no-bets{text-transform:uppercase;letter-spacing:.06em;text-align:center;color:#ef4444;font-size:clamp(1rem,4vw,1.6rem)}.intro-notice{text-transform:uppercase;letter-spacing:.06em;text-align:center;font-size:clamp(1rem,4vw,1.6rem);font-weight:800}.intro-countdown.is-blinking{color:#ef4444;animation:.5s step-end infinite intro-blink}.intro-vs{letter-spacing:.12em;color:#8a8a96;font-size:clamp(.9rem,3vw,1.3rem);font-weight:800}@keyframes intro-blink{50%{opacity:.25}}.intro--animate .intro-team--home{animation:.7s ease-out both intro-slide-in-left}.intro--animate .intro-team--away{animation:.7s ease-out both intro-slide-in-right}@keyframes intro-slide-in-left{0%{opacity:0;transform:translate(-120%)}to{opacity:1;transform:translate(0)}}@keyframes intro-slide-in-right{0%{opacity:0;transform:translate(120%)}to{opacity:1;transform:translate(0)}}@media (prefers-reduced-motion:reduce){.intro--animate .intro-team--home,.intro--animate .intro-team--away,.intro-countdown.is-blinking{animation:none}}.sound-button{color:#f0f0f0;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;pointer-events:none;background:#0a0a10d9;border:1px solid #f0f0f073;border-radius:50%;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;transition:opacity 1s,background .2s,border-color .2s;display:flex;position:absolute;bottom:1rem;right:1rem;box-shadow:0 2px 8px #00000073}.player-surface.controls-visible .sound-button,.sound-button:focus-visible{opacity:1;pointer-events:auto;transition:opacity .2s,background .2s,border-color .2s}.sound-button:hover{background:#0a0a10e6;border-color:#f0f0f099}@media (prefers-reduced-motion:reduce){.sound-button{transition:background .2s,border-color .2s}}