:root{--bg:#050b13;--panel:#091421;--panel2:#0d1c2b;--line:#19324a;--text:#f5f8fc;--muted:#8da1b5;--blue:#0c98ff;--cyan:#4edcff;--red:#ff4055;--green:#43e3a1}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 55% -10%,#123554 0,transparent 30%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}button{font:inherit}.top{position:sticky;top:0;z-index:20;min-height:70px;display:flex;align-items:center;gap:24px;padding:10px clamp(18px,3.5vw,58px);background:rgba(4,10,17,.92);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.logo{display:flex;align-items:center;gap:10px;color:white;text-decoration:none;font-weight:900;letter-spacing:.13em}.logo small{display:block;font-size:.45rem;color:#8ca2b7;letter-spacing:.22em;margin-top:3px}.pmark{width:34px;height:34px;border:2px solid var(--blue);border-radius:50%;display:grid;place-items:center;color:var(--cyan)}.search{height:40px;max-width:480px;flex:1;margin-left:18px;padding:0 16px;display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:9px;background:#0a1623;color:#8196aa;font-size:.85rem}.top nav{display:flex;margin-left:auto}.top nav button{border:0;background:none;color:#9bb0c3;padding:10px;cursor:pointer}.cta{border:0;border-radius:8px;background:linear-gradient(135deg,#08a7ff,#076eff);color:white;padding:12px 18px;font-weight:800;cursor:pointer;box-shadow:0 0 24px rgba(12,152,255,.16)}main{max-width:1500px;margin:auto;padding:0 clamp(16px,3.5vw,58px)}.hero{min-height:540px;display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:30px;padding:48px 0}.kicker{color:var(--cyan);font-size:.7rem;font-weight:900;letter-spacing:.18em}.kicker.red{color:#ff6374}.hero h1{font-size:clamp(3rem,5.5vw,5.8rem);line-height:.88;letter-spacing:-.055em;margin:14px 0 22px}.hero h1 em{font-style:normal;color:var(--blue)}.hero-copy>p{max-width:650px;color:#a9bac9;font-size:1.08rem;line-height:1.7}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}.ghost{border:1px solid var(--line);border-radius:8px;background:#0a1521;color:white;padding:12px 18px;cursor:pointer}.hero-stats{display:flex;gap:28px;margin-top:34px;color:#8195a8;font-size:.78rem}.hero-stats b{display:block;color:white;font-size:1.25rem}.arena{position:relative;min-height:410px;overflow:hidden;border-radius:20px;background:radial-gradient(ellipse at 50% 78%,rgba(29,121,93,.48),transparent 24%),radial-gradient(ellipse at 50% 54%,#143f5f,transparent 45%),linear-gradient(#0b1d30,#07101a);border:1px solid #18334b;box-shadow:inset 0 0 80px #02070d}.crowd{position:absolute;inset:10% 4% 24%;border:2px solid #294965;border-radius:50%;transform:perspective(500px) rotateX(62deg);box-shadow:0 0 0 18px rgba(18,42,62,.5),0 0 0 38px rgba(9,25,39,.75)}.pitch{position:absolute;left:25%;right:25%;top:42%;height:27%;border:1px solid #3f9e8d;transform:perspective(450px) rotateX(58deg);background:repeating-linear-gradient(90deg,#15483e 0 36px,#174f42 36px 72px);display:grid;place-items:center;color:#73b9b1;font-size:.6rem;letter-spacing:.16em}.pitch i{position:absolute;width:20%;aspect-ratio:1;border:1px solid #58a59a;border-radius:50%}.pin{position:absolute;width:36px;height:36px;border:0;border-radius:50%;background:#0d9fff;color:white;font-weight:900;box-shadow:0 0 18px #0799ff;cursor:pointer}.p1{left:16%;top:33%}.p2{right:13%;top:31%}.p3{left:18%;bottom:20%}.p4{right:23%;bottom:16%}.arena-label{position:absolute;left:24px;bottom:20px;font-size:.72rem;font-weight:900;letter-spacing:.13em}.arena-label span{display:block;color:#8297a9;font-weight:500;letter-spacing:0;margin-top:4px}.sportbar{position:sticky;top:70px;z-index:15;display:flex;gap:8px;overflow:auto;padding:13px 0;background:rgba(5,11,19,.93);backdrop-filter:blur(14px);border-block:1px solid var(--line)}.sport{min-width:max-content;border:1px solid var(--line);border-radius:9px;background:#08131f;color:#a7b8c8;padding:12px 16px;cursor:pointer}.sport.active{background:var(--blue);border-color:var(--blue);color:white}.section{padding:50px 0}.section-title{display:flex;justify-content:space-between;align-items:end;gap:20px}.section h2,.adband h2{margin:7px 0 20px;font-size:clamp(1.7rem,2.7vw,2.7rem)}.muted{color:var(--muted)}.games{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.game{overflow:hidden;border:1px solid var(--line);border-radius:12px;background:linear-gradient(#0d1b29,#08131f);transition:.2s}.game:hover{transform:translateY(-2px);border-color:#2d587c}.game-art{position:relative;height:180px;overflow:hidden;background:#112235}.game-art:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 30%,rgba(3,9,15,.86))}.game-art.soccer{background:radial-gradient(ellipse at 50% 95%,#246b45 0 27%,transparent 28%),radial-gradient(circle at 50% 20%,#1f5c88,transparent 50%),#08121d}.game-art.basketball{background:radial-gradient(ellipse at 50% 90%,#9d5928 0 22%,transparent 23%),radial-gradient(circle at 60% 15%,#733c28,transparent 45%),#0d121a}.game-art.football{background:radial-gradient(ellipse at 50% 95%,#265f40 0 27%,transparent 28%),radial-gradient(circle at 50% 15%,#2a4c70,transparent 50%),#08121d}.game-art.tennis{background:radial-gradient(ellipse at 50% 95%,#27616a 0 30%,transparent 31%),radial-gradient(circle at 50% 10%,#174f70,transparent 48%),#07111b}.game-art.race{background:linear-gradient(145deg,transparent 46%,#4e5860 47% 53%,transparent 54%),radial-gradient(circle at 50% 20%,#704525,transparent 45%),#09121a}.game-art.hockey{background:radial-gradient(ellipse at 50% 95%,#c6e3e8 0 27%,transparent 28%),radial-gradient(circle at 50% 10%,#204c72,transparent 50%),#07111b}.live,.viewers{position:absolute;top:10px;z-index:2;padding:5px 7px;border-radius:5px;background:rgba(3,9,15,.85);font-size:.66rem;font-weight:900}.live{left:10px;color:#ff6273}.viewers{right:10px}.score{position:absolute;z-index:2;left:16px;right:16px;bottom:12px;display:flex;align-items:end;justify-content:space-between}.score small{color:#b5c4d1}.score b{font-size:1.5rem}.game-info{padding:15px}.game-info>span{font-size:.63rem;color:#5fdcff;letter-spacing:.09em}.game-info h3{font-size:.95rem;margin:6px 0 15px}.card-actions{display:flex;gap:7px}.choose{flex:1;border:1px solid #1378b6;background:#0c3150;color:white;border-radius:7px;padding:10px;font-weight:800;cursor:pointer}.vr{border:1px solid var(--line);background:#07111b;color:#a7b9c8;border-radius:7px;padding:10px;cursor:pointer}.social{display:grid;grid-template-columns:1.05fr .85fr .65fr;gap:14px}.community,.chat,.rooms{border:1px solid var(--line);border-radius:13px;background:#091521;padding:24px}.community>p{color:#9eb0bf;line-height:1.65}.social-features{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:24px}.social-features button{min-height:90px;text-align:left;border:1px solid var(--line);border-radius:9px;background:#0b1a29;color:white;padding:13px;cursor:pointer}.social-features b,.social-features span{display:block}.social-features span{color:#8195a8;font-size:.72rem;margin-top:6px}.chat-title{display:flex;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid var(--line)}.chat-title span{color:var(--green);font-size:.7rem}.chat #messages{min-height:220px}.chat #messages p{display:flex;gap:9px;font-size:.78rem}.chat #messages i{width:27px;height:27px;flex:none;border-radius:50%;background:#143958;color:#62dfff;display:grid;place-items:center;font-style:normal;font-weight:900}.chat #messages b{display:block;color:#eaf4fc}.chat form{display:flex;border:1px solid var(--line);border-radius:8px;overflow:hidden}.chat input{min-width:0;flex:1;border:0;background:#06101a;color:white;padding:11px}.chat form button{border:0;background:#0b82d7;color:white;width:44px}.rooms h3{margin-top:0}.rooms>div{display:flex;align-items:center;gap:8px;padding:11px 0;border-bottom:1px solid var(--line)}.rooms p{flex:1;margin:0;font-size:.78rem}.rooms p b,.rooms p small{display:block}.rooms p small{color:#7e93a6}.rooms button{border:1px solid #1479bc;border-radius:6px;background:#0b2942;color:white;padding:6px 10px}.adband{display:grid;grid-template-columns:1.2fr .8fr;gap:28px;align-items:center;margin:12px 0 28px;padding:34px;border:1px solid #254762;border-radius:16px;background:radial-gradient(circle at 85% 50%,rgba(0,139,255,.17),transparent 30%),linear-gradient(135deg,#0d1c2a,#07111b)}.adband p{color:#94a8b9;line-height:1.6}.adcard{min-height:180px;padding:24px;border:1px solid #2e5d82;border-radius:12px;display:flex;flex-direction:column;justify-content:center}.adcard small,.adcard span{color:#8da2b5}.adcard b{font-size:2rem;letter-spacing:.06em;margin:7px 0}.adcard button{margin-top:16px;border:1px solid #3d6888;background:transparent;color:white;border-radius:7px;padding:9px}.upcoming{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.upcoming article{display:flex;flex-direction:column;gap:9px;padding:20px;border:1px solid var(--line);border-radius:10px;background:#08131e}.upcoming span{color:var(--cyan);font-size:.7rem}.remind{align-self:flex-start;border:0;background:none;color:#a8bbcb;padding:5px 0;text-decoration:underline;cursor:pointer}dialog{width:min(760px,calc(100% - 24px));border:1px solid #285271;border-radius:15px;background:#07131f;color:white;padding:28px}dialog::backdrop{background:rgba(1,5,9,.82);backdrop-filter:blur(7px)}.x{position:absolute;right:14px;top:10px;border:0;background:none;color:white;font-size:2rem;cursor:pointer}.mini-stadium{height:310px;position:relative;margin:24px 0;border:1px solid var(--line);border-radius:14px;background:radial-gradient(ellipse at center,#133a35,transparent 35%),#07101a;overflow:hidden}.mini-field{position:absolute;left:24%;right:24%;top:28%;bottom:28%;border:1px solid #3c8b7c;background:repeating-linear-gradient(90deg,#17463c 0 32px,#194e41 32px 64px);transform:perspective(500px) rotateX(35deg)}.mini-stadium button{position:absolute;border:1px solid #1396e9;background:#0c263b;color:white;border-radius:999px;padding:8px 11px;cursor:pointer}.mini-stadium button.selected{background:var(--blue);box-shadow:0 0 18px #0a8be2}.v1{top:10%;left:40%}.v2{top:45%;right:5%}.v3{bottom:12%;left:42%}.v4{top:44%;left:5%}#selection{padding:12px;background:#0a1b29;border-radius:8px;color:var(--cyan)}.watch{width:100%;margin-top:12px}.watch:disabled{opacity:.4;cursor:not-allowed}.toast{position:fixed;right:20px;bottom:20px;z-index:50;max-width:330px;padding:13px 16px;border:1px solid #285271;border-radius:9px;background:#0c1d2c;opacity:0;transform:translateY(8px);transition:.2s;pointer-events:none}.toast.show{opacity:1;transform:none}footer{max-width:1500px;margin:auto;padding:30px clamp(16px,3.5vw,58px);border-top:1px solid var(--line);display:flex;align-items:center;gap:24px;color:#74899c;font-size:.72rem}footer p{flex:1}@media(max-width:1100px){.search{display:none}.games{grid-template-columns:repeat(2,1fr)}.social{grid-template-columns:1fr 1fr}.rooms{grid-column:1/-1}.hero{grid-template-columns:1fr}.arena{min-height:360px}.adband{grid-template-columns:1fr}}@media(max-width:680px){.top{gap:8px;flex-wrap:wrap}.top .logo{margin-right:auto}.top nav{order:3;width:100%;margin:0;justify-content:space-around;border-top:1px solid var(--line)}.top .cta{font-size:.7rem;padding:9px}.sportbar{top:112px;margin-inline:-16px;padding-inline:16px}.hero{padding:36px 0 20px;min-height:auto}.hero h1{font-size:3.25rem}.hero-copy>p{font-size:.96rem}.hero-stats{gap:18px}.arena{min-height:280px}.games{grid-template-columns:1fr}.game-art{height:190px}.social{grid-template-columns:1fr}.rooms{grid-column:auto}.social-features{grid-template-columns:1fr}.adband{padding:22px}.upcoming{grid-template-columns:1fr}.section{padding:38px 0}.section-title{align-items:start;flex-direction:column}.mini-stadium{height:250px}footer{align-items:flex-start;flex-direction:column}}
/* Immersive watch experience */
.watch-page{background:#030810}.watch-top{position:relative}.back-home{color:#9cb0c1;text-decoration:none;margin-left:auto;font-size:.82rem}.watch-shell{max-width:1600px;padding-top:16px}.matchbar{display:grid;grid-template-columns:.8fr 1.5fr .8fr;align-items:center;gap:15px;padding:13px 18px;border:1px solid var(--line);border-radius:10px;background:#07131e}.matchbar>div:first-child{display:flex;gap:8px;align-items:center}.matchbar .live{position:static}.matchbar small{color:#7890a4;font-size:.62rem}.teams{display:flex;align-items:center;justify-content:center;gap:18px;font-size:.78rem}.teams strong{font-size:1.6rem}.teams strong i{font-style:normal;font-size:.66rem;color:#9eb0bf;margin:0 10px}.match-meta{display:flex;justify-content:flex-end;gap:15px;color:#8ca1b4;font-size:.7rem}.watch-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:14px;margin-top:14px}.stage{min-width:0}.video-demo{position:relative;aspect-ratio:16/8.4;min-height:380px;overflow:hidden;border:1px solid #23445f;border-radius:12px;background:radial-gradient(ellipse at 50% 75%,#194f3d 0 28%,transparent 29%),radial-gradient(circle at 50% 10%,#193d5c,transparent 50%),#050d15;transition:.35s}.demo-crowd{position:absolute;inset:9% 3% 24%;border:10px solid #132b3e;border-radius:50%;box-shadow:0 0 0 20px #091b2a,0 0 60px rgba(29,140,213,.2)}.demo-field{position:absolute;z-index:2;left:18%;right:18%;bottom:-2%;height:54%;border:2px solid rgba(176,226,206,.55);background:repeating-linear-gradient(90deg,#174f3f 0 55px,#1a5845 55px 110px);transform:perspective(650px) rotateX(54deg);transform-origin:bottom}.demo-field:before,.demo-field:after{content:"";position:absolute;top:0;bottom:0;width:18%;border:1px solid rgba(218,244,233,.55)}.demo-field:before{left:0}.demo-field:after{right:0}.demo-field .half{position:absolute;left:50%;top:0;bottom:0;border-left:1px solid rgba(218,244,233,.55)}.demo-field .circle{position:absolute;left:42%;top:34%;width:16%;aspect-ratio:1;border:1px solid rgba(218,244,233,.55);border-radius:50%}.stadium-lights{position:absolute;z-index:1;inset:0;background:radial-gradient(circle at 15% 5%,rgba(220,246,255,.55),transparent 7%),radial-gradient(circle at 85% 5%,rgba(220,246,255,.55),transparent 7%)}.video-badge,.view-name,.sponsor,.fullscreen{position:absolute;z-index:5}.video-badge{left:15px;top:15px;padding:6px 8px;background:rgba(3,8,14,.8);border-radius:5px;color:#ff6577;font-size:.65rem;font-weight:900}.view-name{left:15px;bottom:15px;font-size:.72rem;font-weight:900;letter-spacing:.09em}.sponsor{right:15px;bottom:15px;text-align:right;font-size:.67rem;color:#dbe9f3}.sponsor small{display:block;color:#75a9c9}.fullscreen{right:15px;top:15px;border:1px solid #3a566c;background:rgba(3,8,14,.7);color:white;border-radius:6px;padding:6px 9px}.view-1 .demo-field{transform:perspective(700px) rotateX(62deg) rotateZ(90deg);left:30%;right:30%;bottom:-12%}.view-2 .demo-field{left:8%;right:8%;height:62%}.view-3 .demo-field{left:25%;right:25%;bottom:7%;height:43%}.view-4 .demo-field{left:15%;right:15%;bottom:-7%;height:48%}.view-5 .demo-field{left:32%;right:6%;height:58%;transform:perspective(650px) rotateX(55deg) rotateZ(-8deg)}.watch-controls{display:flex;justify-content:center;gap:7px;margin:9px 0}.watch-controls button{border:1px solid var(--line);background:#081522;color:#9eb2c3;border-radius:7px;padding:9px 13px}.watch-controls .active{color:white;border-color:#1679b7}.viewrail{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;overflow:auto}.viewrail button{min-width:115px;text-align:left;padding:7px;border:1px solid var(--line);border-radius:8px;background:#08131e;color:white;cursor:pointer}.viewrail button.active{border-color:var(--blue);box-shadow:inset 0 0 0 1px var(--blue)}.viewrail b,.viewrail small{display:block}.viewrail small{color:#7f95a8}.thumb{display:block;height:50px;margin-bottom:7px;border-radius:5px;background:radial-gradient(ellipse at 50% 90%,#245e42 0 35%,transparent 36%),#10283b}.goal{background:linear-gradient(90deg,transparent 45%,#ccdce4 46% 54%,transparent 55%),radial-gradient(ellipse at 50% 90%,#245e42 0 38%,transparent 39%),#10283b}.pitchside{background:linear-gradient(170deg,#183b55 0 45%,#1d6146 46%)}.club{background:linear-gradient(#29435a 0 40%,#163e34 41%)}.north{background:radial-gradient(ellipse at 50% 100%,#1d5b40 0 32%,transparent 33%),#18334a}.tunnel{background:linear-gradient(90deg,#06101a 0 30%,#21475f 31% 69%,#06101a 70%)}.stadium-map{margin-top:10px;border:1px solid var(--line);border-radius:10px;background:#07121d;padding:14px;transition:.2s}.stadium-map.hidden{display:none}.map-title{display:flex;justify-content:space-between;align-items:center;font-size:.7rem;color:#7f95a7}.map-title b{display:block;color:white;margin-top:3px}.map-bowl{position:relative;height:200px;margin-top:10px;border:1px solid #284d68;border-radius:50%;background:radial-gradient(ellipse,#0d283a 0 50%,#07111b 51%)}.map-field{position:absolute;left:31%;right:31%;top:30%;bottom:30%;border:1px solid #3f8b79;background:#16483a}.map-bowl button{position:absolute;border:1px solid #1689d0;border-radius:999px;background:#09243a;color:white;padding:5px 8px;font-size:.65rem}.map-bowl button.active{background:var(--blue);box-shadow:0 0 15px #0a8be2}.m1{top:8%;left:46%}.m2{top:44%;left:15%}.m3{top:44%;right:15%}.m4{bottom:8%;left:46%}.m5{top:15%;right:25%}.m6{bottom:15%;left:25%}.watch-social{border:1px solid var(--line);border-radius:11px;background:#07131e;overflow:hidden}.social-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line)}.social-tabs button{border:0;background:#081522;color:#7f95a8;padding:13px}.social-tabs button.active{color:white;background:#0c2031;border-bottom:2px solid var(--blue)}.side-panel{display:none;padding:14px}.side-panel.active{display:block}.online{color:var(--green);font-size:.68rem;margin-bottom:15px}.watch-messages{height:320px;overflow:auto}.watch-messages p{display:flex;gap:8px;font-size:.75rem;margin:14px 0}.watch-messages i,.friend i{width:28px;height:28px;flex:none;display:grid;place-items:center;border-radius:50%;background:#123854;color:#59d7ff;font-style:normal;font-weight:900}.watch-messages b{display:block;color:#eef7fd}.watch-messages span{color:#9eb0bf}.reactions{display:flex;justify-content:space-between;margin:10px 0}.reactions button{border:1px solid var(--line);border-radius:999px;background:#0a1b29;padding:7px}.side-panel form{display:flex;border:1px solid var(--line);border-radius:7px;overflow:hidden}.side-panel form input{min-width:0;flex:1;border:0;background:#050d15;color:white;padding:10px}.side-panel form button{width:42px;border:0;background:#087dcc;color:white}.friend{display:flex;align-items:center;gap:8px;padding:12px 0;border-bottom:1px solid var(--line)}.friend span{flex:1;font-size:.72rem}.friend span b{display:block}.friend button{border:1px solid #1676af;background:#09233a;color:white;border-radius:6px;padding:5px 8px}.stat{display:flex;justify-content:space-between;padding:15px 0;border-bottom:1px solid var(--line);color:#91a5b7;font-size:.8rem}.stat b{color:white}.watch-ad{margin:14px;padding:16px;border:1px solid #285778;border-radius:8px;background:radial-gradient(circle at 90% 10%,rgba(0,146,255,.18),transparent 40%),#091a28}.watch-ad small,.watch-ad span{display:block;color:#829aad;font-size:.63rem}.watch-ad b{display:block;margin:5px 0;font-size:1.2rem}.watch-bottom{display:flex;gap:8px;justify-content:center;padding:14px}.watch-bottom button{border:1px solid var(--line);border-radius:8px;background:#081522;color:#a8bac9;padding:10px 14px}
@media(max-width:900px){.watch-layout{grid-template-columns:1fr}.watch-social{min-height:360px}.watch-messages{height:210px}.matchbar{grid-template-columns:1fr}.matchbar>div:first-child,.match-meta{justify-content:center}.teams{order:-1}.viewrail{grid-template-columns:repeat(6,130px)}}
@media(max-width:680px){.watch-top{flex-wrap:nowrap}.watch-top .logo small{display:none}.back-home{display:none}.watch-shell{padding-inline:10px}.matchbar{padding:10px}.teams{gap:8px}.teams b{font-size:.62rem}.teams strong{font-size:1.25rem}.match-meta{display:none}.video-demo{min-height:245px;aspect-ratio:1.25}.sponsor{display:none}.view-name{font-size:.62rem}.watch-controls button{font-size:.68rem;padding:8px}.stadium-map{padding:10px}.map-bowl{height:160px}.watch-bottom{position:sticky;bottom:0;z-index:12;background:rgba(3,8,16,.94);overflow:auto;justify-content:flex-start}.watch-bottom button{min-width:max-content}.watch-page .top{min-height:64px}.watch-page .top .cta{margin-left:auto}.watch-page .top nav{display:none}}
/* Mobile refinement v3 */
@media(max-width:680px){
  body:not(.watch-page) .sportbar{position:relative;top:auto;z-index:1;margin-inline:-16px;padding-inline:16px}
  .watch-page .watch-shell{padding-top:8px}
  .watch-page .matchbar{border-radius:8px}
  .watch-page .video-demo{height:54vh;min-height:390px;max-height:560px;aspect-ratio:auto;border-radius:10px}
  .watch-page .demo-field{left:8%;right:8%;height:58%;bottom:-1%}
  .watch-page .demo-crowd{inset:7% 2% 23%}
  .watch-page .viewrail{display:flex;gap:9px;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 1px 7px;scrollbar-width:none}
  .watch-page .viewrail::-webkit-scrollbar{display:none}
  .watch-page .viewrail button{min-width:142px;scroll-snap-align:start;padding:8px}
  .watch-page .thumb{height:66px}
  .watch-page .stadium-map{margin-bottom:72px}
  .watch-page .map-bowl{height:190px}
  .watch-page .watch-social{position:fixed;left:8px;right:8px;bottom:64px;z-index:35;max-height:68vh;overflow:auto;box-shadow:0 -12px 50px rgba(0,0,0,.55);transform:translateY(calc(100% + 90px));transition:transform .25s ease}
  .watch-page .watch-social.mobile-open{transform:translateY(0)}
  .watch-page .watch-bottom{position:fixed;left:0;right:0;bottom:0;height:62px;padding:8px 10px;border-top:1px solid var(--line);background:rgba(3,8,16,.97);backdrop-filter:blur(12px)}
  .watch-page .watch-bottom button{flex:1;min-width:0;padding:8px 6px;font-size:.7rem}
  .watch-page .mobile-social{display:block}
  .watch-page .watch-controls{position:relative;z-index:4}
}
@media(min-width:681px){.mobile-social{display:none!important}}

/* Cloudflare Stream live player */
.live-video{background:#000}
.stream-player{position:absolute;inset:0;width:100%;height:100%;border:0;background:#000;z-index:3}
.live-video .video-badge,.live-video .view-name,.live-video .sponsor,.live-video .fullscreen{z-index:6;pointer-events:none}
.live-video .fullscreen{pointer-events:auto}
.live-video .demo-field,.live-video .demo-crowd,.live-video .stadium-lights{display:none}

/* Live player mobile layout correction */
.video-demo.live-video{aspect-ratio:16/9!important;min-height:0!important;height:auto!important;background:#000!important}
.video-demo.live-video .stream-player{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;border:0!important}
@media(max-width:680px){
  .watch-page .video-demo.live-video{height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:16/9!important}
  .watch-page .video-demo.live-video:before{display:none!important}
  .watch-page .live-video .view-name{bottom:10px}
}

.nav-stadium-link{display:inline-flex;align-items:center;justify-content:center;padding:9px 13px;border:1px solid rgba(63,190,245,.55);border-radius:9px;color:#9fe5ff;text-decoration:none;font-size:.84rem;font-weight:800;white-space:nowrap;transition:background .2s,border-color .2s}
.nav-stadium-link:hover,.hero-stadium-link:hover{background:rgba(48,180,239,.12);border-color:#43c9ff}
.hero-stadium-link{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
@media(max-width:900px){.nav-stadium-link{font-size:.75rem;padding:8px 9px}}


/* Dashboard refinement — responsive polish, hierarchy, and keyboard focus */
:root{scroll-padding-top:112px}
:where(a,button,input):focus-visible{outline:2px solid #5bd7ff;outline-offset:3px}
.top{gap:clamp(10px,1.6vw,24px)}
.top nav{align-items:center;gap:2px}
.top nav a{display:inline-flex;align-items:center;color:#9bb0c3;text-decoration:none;padding:10px;border-radius:7px;font-size:.85rem}
.top nav a:hover,.top nav button:hover{color:#fff;background:rgba(35,94,132,.2)}
.search{border-radius:999px}
.hero{gap:clamp(24px,4vw,58px);padding-block:clamp(36px,5vw,68px)}
.hero-copy>p{max-width:590px}
.arena{min-height:clamp(340px,34vw,470px);isolation:isolate}
.arena:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,rgba(41,173,255,.08),transparent 42%,rgba(45,224,171,.06));z-index:1}
.arena .pin{z-index:2;transition:transform .18s ease,box-shadow .18s ease}
.arena .pin:hover{transform:scale(1.1);box-shadow:0 0 25px #0799ff}
.section{scroll-margin-top:125px}
.section-title{margin-bottom:8px}
.games{gap:clamp(12px,1.4vw,20px)}
.game{box-shadow:0 12px 32px rgba(0,0,0,.12)}
.game-art{height:clamp(150px,14vw,205px)}
.game-info{padding:clamp(13px,1.3vw,18px)}
.game-info h3{line-height:1.4;min-height:2.65em}
.choose,.vr,.sport,.ghost,.cta,.rooms button,.remind{transition:background .18s ease,border-color .18s ease,transform .18s ease,filter .18s ease}
.choose:hover,.cta:hover{filter:brightness(1.12);transform:translateY(-1px)}
.vr:hover,.ghost:hover,.sport:not(.active):hover{border-color:#367aa4;background:#0c2335}
.social{align-items:stretch}
.chat,.community,.rooms{box-shadow:0 14px 36px rgba(0,0,0,.12)}
.adband{margin-top:18px}
@media(max-width:1100px){
 .sportbar{top:132px}
 .top{flex-wrap:wrap;min-height:68px}
 .top .search{order:3;flex-basis:100%;max-width:none;margin:0}
 .top nav{margin-left:auto}
 .top nav button,.top nav a{padding:8px;font-size:.78rem}
 .hero{grid-template-columns:1fr 1fr}
 .social{grid-template-columns:1fr 1fr}
 .rooms{grid-column:1/-1}
 .rooms>div{display:inline-flex;width:32%;padding-right:12px}
}
@media(max-width:760px){
 :root{scroll-padding-top:82px}
 .top{padding:10px 14px;gap:10px}
 .top .logo{font-size:.83rem}
 .top nav{order:4;width:100%;margin:0;overflow-x:auto;justify-content:space-between}
 .top nav button,.top nav a{white-space:nowrap;padding:8px 9px}
 .top .cta{margin-left:auto;padding:10px 12px;font-size:.78rem}
 .top .search{height:36px;font-size:.78rem}
 main{padding-inline:16px}
 .hero{grid-template-columns:1fr;min-height:0;padding:38px 0 28px;gap:24px}
 .hero h1{font-size:clamp(3rem,12vw,4.5rem)}
 .hero-copy>p{font-size:.98rem;line-height:1.6}
 .hero-stats{gap:22px;margin-top:24px}
 .arena{min-height:330px}
 .sportbar{position:relative;top:auto;padding:10px 0}
 .section{padding:34px 0}
 .section-title{align-items:flex-start;flex-direction:column;gap:0}
 .games{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .game-art{height:145px}
 .game-info{padding:12px}
 .game-info>span{font-size:.55rem;line-height:1.4;display:block}
 .game-info h3{font-size:.86rem;min-height:3.8em;margin-bottom:12px}
 .card-actions{gap:5px}
 .choose,.vr{padding:9px 7px;font-size:.72rem}
 .social{grid-template-columns:1fr}
 .rooms{grid-column:auto}
 .rooms>div{display:flex;width:100%}
 .social-features{grid-template-columns:1fr}
 .social-features button{min-height:70px}
 .adband{grid-template-columns:1fr;padding:22px;gap:14px}
 .upcoming{grid-template-columns:1fr}
 footer{flex-wrap:wrap;gap:12px}
}
@media(max-width:420px){
 .games{grid-template-columns:1fr}
 .game-art{height:175px}
 .game-info h3{min-height:0}
 .hero-stats{gap:16px}
 .hero-stats b{font-size:1.1rem}
 .actions>*{flex:1;text-align:center}
 .arena{min-height:290px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}