@import "https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Manrope:wght@400;500;700&display=swap";:root{--bg:#10131e;--bg-deep:#090b15;--panel:#181e2fc7;--panel-raised:#252c41a6;--line:#445c6aa6;--text-main:#edf4f8;--text-dim:#a5b6c0;--accent:#ff8b38;--accent-soft:#fbc66a;--display:"Bebas Neue", sans-serif;--body:"Manrope", sans-serif;--shadow:0 16px 50px -26px #000c}*{box-sizing:border-box}body{min-height:100svh;color:var(--text-main);font-family:var(--body);background:radial-gradient(circle at 0% 0%, #ff833f47, transparent 38%), radial-gradient(circle at 100% 100%, #00d3ff38, transparent 33%), linear-gradient(148deg, var(--bg-deep), var(--bg));text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;margin:0}body:before{content:"";pointer-events:none;opacity:.25;background-image:radial-gradient(#ffffff0f 1px,#0000 0);background-size:3px 3px;position:fixed;inset:0}#root{min-height:100svh}button{font-family:inherit}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}.app-shell{width:100%;max-width:1800px;margin:0 auto;padding:1rem}.topbar{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.8rem;padding:.6rem .2rem;display:flex}.topbar-brand{flex-direction:column;gap:.2rem;display:flex}.topbar-wordmark{align-items:baseline;gap:.18em;line-height:1;display:flex}.wordmark-lb{font-family:var(--display);letter-spacing:.04em;background:linear-gradient(135deg, var(--accent) 0%, var(--accent-soft) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:clamp(2rem,6vw,4rem);line-height:1}.wordmark-sports{font-family:var(--display);letter-spacing:.04em;color:var(--text-main);font-size:clamp(2rem,6vw,4rem);line-height:1}.wordmark-stream{font-family:var(--display);letter-spacing:.04em;color:var(--text-dim);font-size:clamp(2rem,6vw,4rem);line-height:1}.topbar-tagline{letter-spacing:.22em;text-transform:uppercase;color:var(--text-dim);margin:0;padding-left:.1rem;font-size:.72rem;font-weight:600}.topbar-live-badge{border:1px solid color-mix(in hsl, var(--accent) 50%, transparent);background:color-mix(in hsl, var(--accent) 10%, transparent);color:var(--accent-soft);font-family:var(--display);letter-spacing:.16em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 0 24px -8px color-mix(in hsl, var(--accent) 35%, transparent);border-radius:999px;align-items:center;gap:.48rem;padding:.42rem .9rem;font-size:.92rem;display:flex}h2{margin:0;font-size:1.2rem}h3{margin:.4rem 0}.ghost-button{border:1px solid var(--line);color:var(--text-main);background:color-mix(in hsl, var(--panel) 85%, transparent);cursor:pointer;border-radius:999px;padding:.52rem .9rem}.sports-nav{z-index:12;border:1px solid color-mix(in hsl, var(--line) 82%, transparent);background:color-mix(in hsl, var(--bg) 68%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:999px;margin-bottom:.72rem;padding:.22rem;position:sticky;top:.3rem;box-shadow:0 10px 28px -22px #000000d9}.sports-strip{scrollbar-width:none;-ms-overflow-style:none;scroll-snap-type:x proximity;touch-action:pan-x;gap:.42rem;padding:.16rem;display:flex;overflow-x:auto}.sports-strip::-webkit-scrollbar{display:none}.chip{border:1px solid var(--line);background:color-mix(in hsl, var(--panel) 88%, transparent);color:var(--text-main);text-transform:uppercase;letter-spacing:.08em;cursor:pointer;white-space:nowrap;scroll-snap-align:start;border-radius:999px;min-height:38px;padding:.56rem .84rem;font-size:.72rem;font-weight:600;transition:background-color .16s,border-color .16s,transform .16s}.chip:hover{border-color:color-mix(in hsl, var(--accent) 58%, var(--line));transform:translateY(-1px)}.chip--active{border-color:var(--accent);color:#0f1014;background:var(--accent);box-shadow:0 6px 16px -10px color-mix(in hsl, var(--accent) 78%, transparent)}.layout{grid-template-columns:1fr;grid-template-areas:"player""matches";align-items:start;gap:1rem;display:grid}.player-panel{grid-area:player}.matches-panel{grid-area:matches}.matches-panel,.player-panel{background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);box-shadow:var(--shadow);border-radius:1rem}.panel-head{justify-content:space-between;align-items:center;gap:.8rem;padding:.9rem .9rem .55rem;display:flex}.panel-head span{color:var(--text-dim);font-size:.8rem}.panel-title{margin:0}.panel-title--player{font-size:clamp(1.12rem,2.2vw,1.5rem);line-height:1.12}.panel-title--matches{font-size:clamp(1.18rem,2vw,1.45rem);line-height:1.1}.matches-grid{gap:.62rem;max-height:46vh;padding:.4rem .65rem .75rem;display:grid;overflow:auto}.match-card{background:linear-gradient(120deg, color-mix(in hsl, var(--panel-raised) 94%, transparent), var(--panel-raised));border:1px solid var(--line);cursor:pointer;border-radius:.9rem;padding:.78rem;transition:transform .18s,border-color .18s;animation:.28s both float-in;transform:translateY(0)}.match-card:hover{border-color:color-mix(in hsl, var(--accent) 70%, white);transform:translateY(-2px)}.match-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.match-card--active{border-color:var(--accent);box-shadow:0 0 0 1px color-mix(in hsl, var(--accent) 65%, transparent) inset}.match-card p{color:var(--text-dim);margin:0;font-size:.82rem}.match-meta{color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em;justify-content:space-between;margin-bottom:.28rem;font-size:.68rem;display:flex}.match-card h3{margin:0 0 .35rem;font-size:clamp(1.02rem,2.8vw,1.95rem);line-height:1.23}.match-card--skeleton{background:linear-gradient(100deg, var(--panel-raised), color-mix(in hsl, var(--panel-raised), white 6%), var(--panel-raised));background-size:200% 100%;height:94px;animation:1.2s linear infinite loading}.match-card--disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.players-grid{gap:.5rem;padding:.4rem .6rem .6rem;display:grid}.players-grid--1{grid-template-columns:1fr}.players-grid--2,.players-grid--3,.players-grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}.player-card{border:1px solid var(--line);background:color-mix(in hsl, var(--panel-raised) 90%, transparent);border-radius:.9rem;overflow:hidden}.player-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:.6rem;padding:.5rem .65rem;display:flex}.player-toolbar-info{flex-direction:column;flex:1;gap:.3rem;min-width:0;display:flex}.player-match-title{white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;line-height:1.3;display:block;overflow:hidden}.inline-stream-pills{flex-wrap:wrap;gap:.28rem;display:flex}.inline-pill{border:1px solid var(--line);background:color-mix(in hsl, var(--panel) 90%, transparent);color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em;cursor:pointer;border-radius:999px;min-height:22px;padding:.2rem .5rem;font-size:.66rem;font-weight:700}.inline-pill--active{border-color:var(--accent);color:var(--accent)}.player-toolbar-actions{flex-shrink:0;align-items:center;gap:.4rem;display:flex}.close-overlay{z-index:10;color:#fff;cursor:pointer;opacity:0;background:#0009;border:1px solid #ffffff40;border-radius:50%;place-items:center;width:2rem;height:2rem;font-size:.9rem;transition:opacity .16s;display:grid;position:absolute;top:.5rem;right:.5rem}.player-wrap:hover .close-overlay{opacity:1}.close-player{border:1px solid var(--line);background:color-mix(in hsl, var(--panel) 90%, transparent);min-width:28px;min-height:28px;color:var(--text-dim);cursor:pointer;border-radius:999px;place-items:center;padding:.2rem;font-size:.72rem;display:grid}.close-player:hover{color:#ffcece;border-color:#e64848}.player-wrap{aspect-ratio:16/9;background:#0a0b10;position:relative;overflow:hidden}.player-wrap--empty{border:1px solid var(--line);border-radius:.9rem;margin:.3rem .75rem}.empty-hero{border-radius:0 0 1rem 1rem;justify-content:center;align-items:center;min-height:420px;display:flex;position:relative;overflow:hidden}.empty-hero-bg{pointer-events:none;position:absolute;inset:0}.empty-hero-orb{filter:blur(72px);opacity:.35;border-radius:50%;position:absolute}.empty-hero-orb--1{background:#ff791a;width:420px;height:420px;animation:9s ease-in-out infinite alternate orb-drift;top:-120px;left:-80px}.empty-hero-orb--2{background:#1ab2ff;width:340px;height:340px;animation:11s ease-in-out infinite alternate-reverse orb-drift;bottom:-100px;right:-60px}.empty-hero-orb--3{opacity:.18;background:#9947eb;width:220px;height:220px;animation:7s ease-in-out infinite alternate orb-drift;top:40%;left:45%}@keyframes orb-drift{0%{transform:translate(0)scale(1)}to{transform:translate(30px,20px)scale(1.08)}}.empty-hero-content{z-index:1;text-align:center;flex-direction:column;align-items:center;gap:1.4rem;padding:3rem 2rem;display:flex;position:relative}.empty-hero-live{border:1px solid color-mix(in hsl, var(--accent) 55%, transparent);background:color-mix(in hsl, var(--accent) 12%, transparent);color:var(--accent-soft);font-family:var(--display);letter-spacing:.14em;border-radius:999px;align-items:center;gap:.5rem;padding:.35rem .9rem;font-size:.85rem;display:inline-flex}.live-dot{background:var(--accent);width:8px;height:8px;box-shadow:0 0 0 0 color-mix(in hsl, var(--accent) 60%, transparent);border-radius:50%;animation:1.8s ease-out infinite live-pulse;display:inline-block}@keyframes live-pulse{0%{box-shadow:0 0 0 0 color-mix(in hsl, var(--accent) 60%, transparent)}70%{box-shadow:0 0 0 8px #0000}to{box-shadow:0 0 #0000}}.empty-hero-headline{font-family:var(--display);letter-spacing:.01em;background:linear-gradient(135deg, #fff 30%, var(--accent-soft) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(2.8rem,7vw,5.5rem);line-height:.95}.empty-hero-sub{color:var(--text-dim);max-width:36ch;margin:0;font-size:clamp(.9rem,1.8vw,1.08rem);line-height:1.65}.empty-hero-features{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.empty-feature{border:1px solid var(--line);background:color-mix(in hsl, var(--panel-raised) 80%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:999px;align-items:center;gap:.45rem;padding:.45rem .9rem;font-size:.82rem;font-weight:600;display:flex}.empty-feature-icon{font-size:1rem}.empty-hero-arrow{font-family:var(--display);letter-spacing:.08em;color:var(--accent);font-size:1.1rem;animation:2s ease-in-out infinite arrow-pulse}@keyframes arrow-pulse{0%,to{opacity:1;transform:translate(0)}50%{opacity:.6;transform:translate(6px)}}.player-wrap iframe{border:0;width:100%;height:100%}.player-empty{width:100%;height:100%;color:var(--text-dim);place-items:center;display:grid}.stream-list{flex-wrap:wrap;gap:.42rem;padding:.65rem .7rem .75rem;display:flex}.stream-pill{border:1px solid var(--line);background:color-mix(in hsl, var(--panel-raised) 92%, transparent);color:var(--text-main);cursor:pointer;border-radius:.82rem;align-items:center;gap:.36rem;min-height:42px;padding:.56rem .72rem;display:flex}.stream-pill em{color:var(--text-dim);font-size:.66rem;font-style:normal}.stream-pill strong{font-size:1.04rem;line-height:1}.stream-pill span{font-size:.92rem}.stream-pill--active{border-color:var(--accent)}.error-box{color:#ffcece;background:#e6484840;border:1px solid #ff5e5ea6;border-radius:.7rem;margin:.2rem .65rem;padding:.6rem .75rem}@media (width<=940px){.app-shell{padding:.55rem}.topbar{align-items:center;margin-bottom:.5rem}.wordmark-lb,.wordmark-sports,.wordmark-stream{font-size:clamp(1.6rem,10vw,2.4rem)}.topbar-live-badge{padding:.35rem .7rem;font-size:.78rem}.ghost-button{padding:.5rem .75rem;font-size:.78rem}.layout{grid-template-columns:1fr;grid-template-areas:"player""matches";gap:.65rem}.matches-panel{max-height:none}.matches-grid{max-height:46vh}.sports-strip{padding-inline:.08rem}.sports-nav{margin-bottom:.45rem;padding:.18rem;top:.12rem}.chip{min-height:36px;padding:.52rem .72rem;font-size:.7rem}.panel-head{padding:.75rem .75rem .4rem}.panel-title--matches{font-size:1.92rem;line-height:.92;font-family:var(--display);letter-spacing:.02em}.panel-title--player{font-size:1.18rem;line-height:1.16;font-family:var(--body);letter-spacing:0}.panel-head span{font-size:.76rem}.players-grid,.players-grid--2,.players-grid--3,.players-grid--4{grid-template-columns:1fr}.player-wrap{margin:.2rem .62rem}.stream-list{padding:.55rem .62rem .62rem}.stream-pill{flex:calc(33.333% - .42rem);justify-content:center;min-width:90px}.matches-panel,.player-panel{border-radius:.9rem}}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes float-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}