.live-player[data-v-1087d1bd]{background:radial-gradient(circle at top,#f36f3440,#0000 35%),linear-gradient(140deg,#06131a 0%,#132530 100%);border-radius:24px;position:relative;overflow:hidden;box-shadow:0 28px 50px #00000059}.live-player__video[data-v-1087d1bd]{aspect-ratio:16/9;object-fit:contain;background:#000;width:100%;display:block}.live-player__hud[data-v-1087d1bd]{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#040c11b8;border-radius:999px;align-items:center;gap:10px;padding:8px 12px;display:flex;position:absolute;top:14px;left:14px}.live-player__badge[data-v-1087d1bd]{color:#fff;letter-spacing:.08em;background:#ff5a4d;border-radius:999px;padding:4px 8px;font-size:12px;font-weight:700}.live-player__status[data-v-1087d1bd]{color:#f5fcffe6;font-size:12px}.live-player__error[data-v-1087d1bd]{color:#ffd6c5;padding:14px 16px 18px;font-size:13px;line-height:1.5}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f6fbff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at top,#ff773f2e,#0000 28%),linear-gradient(#061218 0%,#0a1d25 102%,#f2f0ea 100%,#f6f4ee 100%);font-family:SF Pro Display,PingFang SC,Helvetica Neue,sans-serif}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{min-width:320px}button,input,textarea,select,video{font:inherit}button{background:0 0;border:0;padding:0}.page-shell{min-height:100vh;padding-bottom:calc(env(safe-area-inset-bottom) + 24px)}.hero-banner{background:radial-gradient(circle at 100% 0,#00d6b53d,#0000 32%),linear-gradient(140deg,#041219f5,#0f2731e0);max-width:1120px;margin:0 auto;padding:20px;position:relative;overflow:hidden}.topbar{align-items:center;display:flex}.topbar__stack{flex-direction:row;justify-content:space-between;align-items:center;width:100%;display:flex}.topbar__brand{align-items:center;gap:12px;display:flex}.topbar__logo{object-fit:contain;width:40px;height:auto;display:block}.topbar__title{color:#f8fcff;letter-spacing:.06em;font-family:Bebas Neue,DIN Alternate,Arial Narrow,sans-serif;font-size:24px;font-weight:700;line-height:1}.topbar__subtitle{color:#eaf5f9c7;margin:0;font-size:12px;line-height:1.4}.player-section__label,.court-switcher__title p{color:#fff;letter-spacing:.2em;text-transform:uppercase;margin:0;font-family:Bebas Neue,DIN Alternate,Arial Narrow,sans-serif;font-size:26px;font-weight:bolder}.player-section__label{text-align:center;flex-direction:column;align-items:center;gap:4px;width:100%;padding:0 20px;display:flex}.player-section__header h2,.court-card__body h2{letter-spacing:.04em;margin:8px 0 0;font-family:Bebas Neue,DIN Alternate,Arial Narrow,sans-serif;font-weight:700}.hero-banner__copy,.player-section__subtitle,.player-tip,.court-card__body p,.court-card__meta,.court-switcher__title span,.court-pill small,.camera-switcher__button small{color:#eaf5f9b8;text-align:center;margin:0;line-height:1.6}.hero-banner__copy{max-width:720px;margin-top:12px}.hero-banner__metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px;display:grid}.metric-card{background:#ffffff0f;border-radius:22px;flex-direction:column;gap:6px;padding:18px;display:flex}.metric-card strong{color:#fff;font-family:Bebas Neue,DIN Alternate,Arial Narrow,sans-serif;font-size:34px}.metric-card span{color:#ffffffbd;font-size:13px}.content-grid{gap:14px;max-width:1120px;margin:0 auto;display:grid}.court-card{color:#f6fbff;text-align:left;background:linear-gradient(#07141cf2,#0d2630e6),#11242d;border-radius:26px;gap:18px;width:100%;padding:18px;transition:transform .18s,box-shadow .18s,border-color .18s;display:grid;box-shadow:0 18px 34px #030b0f38}.court-card:active{transform:scale(.985)}.court-card__top,.court-card__meta,.court-card__footer,.player-section__header,.camera-switcher,.court-switcher__title{justify-content:space-between;align-items:center;gap:12px;display:flex}.court-card__status,.player-section__status{color:#ff8f82;background:#ff5c4c29;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:700}.court-card__status.is-waiting{color:#ffd17f;background:#ffc86224}.court-card__viewers{color:#ffffffb3;font-size:13px}.court-card__body h2{font-size:30px}.court-card__body p{color:#fafcffd9;margin-top:6px}.court-card__meta,.court-card__footer{font-size:13px}.court-card__footer span{background:#ffffff0f;border-radius:999px;padding:8px 10px}.live-layout{max-width:1120px;margin:0 auto}.player-section{background:#05121ae0;padding:10px;box-shadow:0 24px 46px #030a0e38}.player-section__header{align-items:center;width:100%;margin:10px 0;display:block}.player-section__header h2{font-size:34px}.player-section__subtitle{text-align:center;margin-top:8px;font-size:12px}.camera-switcher{margin-top:16px}.camera-switcher__button,.court-pill{color:#f7fdff;text-align:left;text-align:center;background:#ffffff0f;border-radius:22px;width:100%;padding:16px;transition:transform .18s,background .18s}.camera-switcher__button.is-active,.court-pill.is-active{background:linear-gradient(135deg,#ff743d38,#00d6b533),#ffffff14}.camera-switcher__button span,.court-pill span{font-size:18px;font-weight:700;display:block}.camera-switcher__button small,.court-pill small{margin-top:4px;display:block}.player-tip{margin-top:14px;font-size:13px}.court-switcher{gap:12px;margin-top:18px;display:grid}.court-switcher__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.event-strip{gap:12px;max-width:1120px;margin:18px auto 0;padding:0 10px;display:grid}.event-strip__item{background:#05121ae0;border-radius:20px;padding:16px;box-shadow:0 18px 32px #030a0e2e}.event-strip__label{color:#6cf0da;letter-spacing:.16em;text-transform:uppercase;margin:0 0 6px;font-family:Bebas Neue,DIN Alternate,Arial Narrow,sans-serif;font-size:14px}.event-strip__value{color:#f8fcffeb;font-size:15px;line-height:1.55}@media (width>=700px){.page-shell{padding-bottom:calc(env(safe-area-inset-bottom) + 32px)}.content-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.event-strip{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=980px){.content-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-banner,.player-section{padding:10px}}
