/* HBS FANS · LIVE ARENA 3D · V7.0 */
.arena3d{--a-red:#d9082b;--a-dark:#08090b;--a-panel:#101217;--a-line:rgba(255,255,255,.14);max-width:var(--max);margin:0 auto;padding:22px 24px 110px;color:var(--ink)}
.arena3d *{box-sizing:border-box}.arena3d-hero{min-height:520px;position:relative;overflow:hidden;background:#090a0d;color:#fff;display:grid;grid-template-columns:minmax(0,1fr) 440px;align-items:end;border-top:5px solid var(--a-red)}
.arena3d-hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,9,12,.98) 0%,rgba(8,9,12,.9) 45%,rgba(8,9,12,.5) 100%),url('../media/turner-panorama.webp') center/cover no-repeat;filter:saturate(.72)}
.arena3d-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.52));pointer-events:none}.arena3d-hero-copy,.arena3d-hero-status{position:relative;z-index:2}.arena3d-hero-copy{padding:58px 58px 54px}.arena3d-eyebrow{display:flex;align-items:center;gap:10px;color:#ff667b;font:800 10px/1 var(--display);letter-spacing:.14em}.arena3d-eyebrow i{width:8px;height:8px;border-radius:50%;background:var(--a-red);box-shadow:0 0 0 7px rgba(217,8,43,.13)}.arena3d-eyebrow b{margin-right:auto;color:#fff;background:rgba(255,255,255,.08);padding:7px 9px;border:1px solid rgba(255,255,255,.14)}.arena3d-hero h1{font:900 clamp(54px,5.6vw,84px)/.89 var(--display);letter-spacing:-.06em;margin:25px 0 22px;max-width:900px}.arena3d-hero h1 em{color:#ff2346}.arena3d-hero-copy>p{max-width:740px;color:#c6c3c8;font-size:16px;line-height:1.9;margin:0}.arena3d-hero-actions{display:flex;gap:18px;align-items:center;margin-top:30px;flex-wrap:wrap}.arena3d-primary{min-height:50px;padding:0 20px;background:var(--a-red);display:inline-flex;align-items:center;gap:9px;font-weight:900}.arena3d-primary .icon{width:15px}.arena3d-secondary{font-weight:800;border-bottom:1px solid #fff;padding-bottom:4px}.arena3d-hero-status{align-self:stretch;border-right:1px solid rgba(255,255,255,.17);padding:48px 38px 38px;background:rgba(0,0,0,.16);display:flex;flex-direction:column;justify-content:flex-end}.arena3d-hero-status>span{font:800 10px var(--display);letter-spacing:.16em;color:#ff6c80}.arena3d-hero-score{display:grid;grid-template-columns:1fr 110px 1fr;gap:10px;align-items:center;margin:26px 0}.arena3d-hero-score>div{display:grid;justify-items:center;gap:9px;text-align:center}.arena3d-hero-score img{width:52px;height:52px;object-fit:contain}.arena3d-hero-score b{font-size:13px}.arena3d-hero-score>strong{font:900 39px/1 var(--display);text-align:center;white-space:nowrap}.arena3d-hero-status footer{padding-top:20px;border-top:1px solid rgba(255,255,255,.17);display:flex;justify-content:space-between;gap:12px;color:#aaa7ae;font-size:11px}
.arena3d-controlbar{min-height:76px;background:#f8f5ef;border:1px solid #cfc9c0;border-top:0;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:13px 18px}.arena3d-live-state{display:flex;align-items:center;gap:12px}.arena3d-live-state>i{width:10px;height:10px;border-radius:50%;background:#999}.arena3d-live-state>i.is-live{background:var(--a-red);box-shadow:0 0 0 7px rgba(217,8,43,.1);animation:arenaPulse 1.45s infinite}.arena3d-live-state div{display:flex;flex-direction:column}.arena3d-live-state b{font-size:13px}.arena3d-live-state small{color:#77727a;font-size:10px;margin-top:3px}.arena3d-control-buttons{display:flex;gap:5px}.arena3d-control-buttons button{height:40px;border:1px solid #cbc6bd;background:transparent;padding:0 14px;font:800 10px var(--display);letter-spacing:.08em}.arena3d-control-buttons button.is-active{background:var(--ink);border-color:var(--ink);color:#fff}.arena3d-fullscreen{display:flex;align-items:center;gap:7px}.arena3d-fullscreen .icon{width:14px}
.arena3d-stage-shell{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:22px;margin-top:22px;align-items:start}.arena3d-stage{position:relative;min-height:720px;background:radial-gradient(circle at 50% 28%,#242931 0,#111318 39%,#07080a 100%);overflow:hidden;color:#fff;border:1px solid #1f2228;perspective:1100px}.arena3d-stadium-glow{position:absolute;inset:-20% -10% 45%;background:radial-gradient(ellipse at center,rgba(255,255,255,.14),transparent 57%);filter:blur(12px)}.arena3d-scoreboard{position:absolute;top:22px;left:50%;transform:translateX(-50%) translateZ(70px);z-index:12;width:min(620px,82%);min-height:84px;padding:12px 18px;background:rgba(4,5,7,.88);border:1px solid rgba(255,255,255,.18);box-shadow:0 20px 50px rgba(0,0,0,.35);display:grid;grid-template-columns:76px 1fr 62px;align-items:center;gap:12px}.arena3d-scoreboard-status{display:flex;align-items:center;gap:7px;font-size:9px}.arena3d-scoreboard-status i{width:7px;height:7px;background:var(--a-red);border-radius:50%}.arena3d-scoreboard>div{display:grid;grid-template-columns:1fr 32px 10px 32px 1fr;align-items:center;text-align:center;gap:7px}.arena3d-scoreboard>div strong{font-size:12px}.arena3d-scoreboard>div b{font:900 27px var(--display)}.arena3d-scoreboard time{text-align:left;color:#ff6078;font-weight:900}.arena3d-crowd{position:absolute;left:4%;right:4%;height:120px;display:grid;grid-template-columns:repeat(5,1fr);gap:3px;opacity:.5}.arena3d-crowd--north{top:115px;transform:perspective(700px) rotateX(-54deg);transform-origin:top}.arena3d-crowd--south{bottom:8px;transform:perspective(700px) rotateX(58deg);transform-origin:bottom}.arena3d-crowd span{background:repeating-linear-gradient(90deg,#2a2e34 0 4px,#15171b 4px 8px);border-top:1px solid rgba(255,255,255,.12)}.arena3d-light-rig{position:absolute;top:100px;left:8%;right:8%;display:flex;justify-content:space-between;z-index:2}.arena3d-light-rig i{width:55px;height:8px;background:#fff;box-shadow:0 0 28px 10px rgba(255,255,255,.25);opacity:.62}.arena3d-pitch-wrap{position:absolute;left:5%;right:5%;top:177px;bottom:96px;display:grid;place-items:center;perspective:1150px}.arena3d-pitch{position:relative;width:92%;height:78%;background:repeating-linear-gradient(90deg,#32653e 0 12.5%,#376e44 12.5% 25%);border:2px solid rgba(255,255,255,.82);box-shadow:0 55px 90px rgba(0,0,0,.45),0 0 0 12px rgba(255,255,255,.025);transform:rotateX(57deg) rotateZ(0deg);transform-style:preserve-3d;transition:transform .7s cubic-bezier(.2,.8,.2,1),width .7s,height .7s}.arena3d-stage[data-camera-mode="tactical"] .arena3d-pitch{transform:rotateX(18deg) scale(.94);width:82%;height:72%}.arena3d-stage[data-camera-mode="stand"] .arena3d-pitch{transform:rotateX(68deg) rotateZ(-7deg) scale(.92);width:94%;height:80%}.arena3d-pitch-lines{position:absolute;inset:0;pointer-events:none}.arena3d-pitch-lines .half{position:absolute;top:0;bottom:0;left:50%;width:2px;background:rgba(255,255,255,.82)}.arena3d-pitch-lines .circle{position:absolute;width:110px;height:110px;border:2px solid rgba(255,255,255,.82);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.arena3d-pitch-lines .box{position:absolute;width:18%;height:47%;top:26%;border:2px solid rgba(255,255,255,.82)}.arena3d-pitch-lines .box-a{left:-2px;border-left:0}.arena3d-pitch-lines .box-b{right:-2px;border-right:0}.arena3d-pitch-lines .goal{position:absolute;width:4%;height:23%;top:39%;border:2px solid rgba(255,255,255,.75)}.arena3d-pitch-lines .goal-a{left:-4.2%}.arena3d-pitch-lines .goal-b{right:-4.2%}.arena3d-team i{position:absolute;width:18px;height:18px;border-radius:50%;transform-style:preserve-3d;box-shadow:0 10px 12px rgba(0,0,0,.25);transition:left 1.7s ease,top 1.7s ease}.arena3d-team i:after{content:"";position:absolute;left:50%;top:50%;width:2px;height:18px;background:rgba(255,255,255,.7);transform:translate(-50%,-50%) rotateX(-57deg) translateZ(8px);transform-origin:center bottom}.arena3d-team i span{position:absolute;width:8px;height:8px;border-radius:50%;left:5px;top:-7px;background:inherit}.arena3d-team--home i{background:#d70b2d;border:2px solid #fff}.arena3d-team--away i{background:#f4f4f6;border:2px solid #17181d}.arena3d-ball{position:absolute;width:12px;height:12px;border-radius:50%;background:#fff;border:2px solid #1c1d21;left:50%;top:50%;transform:translate(-50%,-50%) translateZ(20px);box-shadow:0 9px 13px rgba(0,0,0,.35);transition:left 1.1s ease,top 1.1s ease}.arena3d-event-wave{position:absolute;width:18px;height:18px;border-radius:50%;border:3px solid rgba(255,255,255,.9);left:50%;top:50%;transform:translate(-50%,-50%);opacity:0}.arena3d-event-wave.is-active{animation:eventWave 1.2s ease-out}.arena3d-event-cinematic{position:absolute;inset:0;z-index:20;background:rgba(7,8,10,.76);backdrop-filter:blur(8px);display:grid;place-items:center;align-content:center;text-align:center;padding:30px}.arena3d-event-cinematic[hidden]{display:none}.arena3d-event-cinematic small{color:#ff657c;font:800 10px var(--display);letter-spacing:.18em}.arena3d-event-cinematic strong{font:900 clamp(44px,6vw,74px)/.92 var(--display);margin:12px 0}.arena3d-event-cinematic span{color:#c9c6cb}.arena3d-disclaimer{position:absolute;bottom:14px;right:18px;left:18px;z-index:12;display:flex;align-items:flex-start;gap:10px;background:rgba(5,6,8,.78);border:1px solid rgba(255,255,255,.1);padding:10px 12px;color:#aaa8ad}.arena3d-disclaimer .icon{width:15px;flex:0 0 auto;margin-top:2px}.arena3d-disclaimer p{margin:0;font-size:10px;line-height:1.6}.arena3d-disclaimer b{color:#fff}
.arena3d-side{display:grid;gap:22px}.arena3d-panel{background:#f8f5ef;border-top:4px solid var(--a-red);padding:24px}.arena3d-panel header span{display:block;color:var(--a-red);font:800 9px var(--display);letter-spacing:.14em}.arena3d-panel header b{display:block;font:900 25px/1 var(--display);margin-top:8px}.arena3d-pulse-grid{display:grid;grid-template-columns:1fr 1fr;margin:24px 0 18px;border:1px solid #d4cec5}.arena3d-pulse-grid article{min-height:95px;padding:16px;border-left:1px solid #d4cec5;border-bottom:1px solid #d4cec5}.arena3d-pulse-grid article:nth-child(2n){border-left:0}.arena3d-pulse-grid article:nth-last-child(-n+2){border-bottom:0}.arena3d-pulse-grid strong{display:block;font:900 27px var(--display)}.arena3d-pulse-grid span{font-size:10px;color:#706b72}.arena3d-panel>a{display:inline-flex;align-items:center;gap:7px;font-weight:900;border-bottom:1px solid currentColor;padding-bottom:3px}.arena3d-panel>a .icon{width:14px}.arena3d-panel--stats{border-top-color:var(--ink)}.arena3d-stat{display:grid;grid-template-columns:55px 1fr 55px;align-items:center;gap:8px;padding:14px 0;border-bottom:1px solid #d8d1c8;text-align:center}.arena3d-stat b{font-size:11px}.arena3d-stat span{font:900 16px var(--display)}.arena3d-no-data{color:#77727a;font-size:12px;line-height:1.7;margin:20px 0 0}
.arena3d-events{padding:82px 0 0}.arena3d-section-head{display:grid;grid-template-columns:1fr 360px;gap:50px;align-items:end;border-top:1px solid var(--ink);padding-top:18px;margin-bottom:28px}.arena3d-section-head span{color:var(--a-red);font:800 9px var(--display);letter-spacing:.15em}.arena3d-section-head h2{font:900 clamp(38px,4.4vw,60px)/.95 var(--display);margin:8px 0 0}.arena3d-section-head>p{margin:0;color:#676169;line-height:1.75;font-size:14px}.arena3d-events-track{border-top:1px solid #d2cbc2}.arena3d-events-track article{display:grid;grid-template-columns:78px 1fr 22px;gap:22px;align-items:center;padding:22px 0;border-bottom:1px solid #d2cbc2}.arena3d-events-track time{font:900 27px var(--display);color:var(--a-red)}.arena3d-events-track small{font-size:9px;color:#807a80;font-weight:800;letter-spacing:.1em}.arena3d-events-track h3{font:900 21px/1.05 var(--display);margin:5px 0}.arena3d-events-track p{margin:0;color:#6b666c;font-size:12px}.arena3d-event-side{width:10px;height:10px;border-radius:50%;background:#999}.arena3d-event-side.home{background:var(--a-red)}.arena3d-event-side.away{background:#16171a}.arena3d-empty{padding:34px 0;border-bottom:1px solid #d2cbc2}.arena3d-empty b{display:block;font:900 24px var(--display)}.arena3d-empty span{display:block;color:#77727a;margin-top:6px}.arena3d-how{margin-top:82px;background:#0a0b0e;color:#fff;padding:52px;display:grid;grid-template-columns:380px 1fr;gap:58px}.arena3d-how>div:first-child>span{color:#ff6378;font:800 9px var(--display);letter-spacing:.14em}.arena3d-how h2{font:900 clamp(38px,4.4vw,59px)/.93 var(--display);margin:13px 0 0}.arena3d-how-grid{display:grid;grid-template-columns:repeat(3,1fr);border-right:1px solid #34363c}.arena3d-how-grid article{padding:20px 22px;border-left:1px solid #34363c}.arena3d-how-grid b{color:#ff536b;font:900 27px var(--display)}.arena3d-how-grid h3{font:900 20px var(--display);margin:18px 0 8px}.arena3d-how-grid p{color:#aaa8ae;font-size:12px;line-height:1.75;margin:0}
.arena3d-stage:fullscreen{min-height:100vh;width:100vw;border:0}.arena3d-stage:fullscreen .arena3d-pitch-wrap{top:140px;bottom:75px}.arena3d-stage:fullscreen .arena3d-disclaimer{bottom:10px}
@keyframes arenaPulse{0%,100%{box-shadow:0 0 0 6px rgba(217,8,43,.1)}50%{box-shadow:0 0 0 13px rgba(217,8,43,0)}}@keyframes eventWave{0%{opacity:1;transform:translate(-50%,-50%) scale(.5)}100%{opacity:0;transform:translate(-50%,-50%) scale(13)}}
@media(prefers-reduced-motion:reduce){.arena3d *{animation:none!important;transition:none!important}}
@media(max-width:1050px){.arena3d-hero{grid-template-columns:1fr}.arena3d-hero-status{border-right:0;border-top:1px solid rgba(255,255,255,.17)}.arena3d-stage-shell{grid-template-columns:1fr}.arena3d-side{grid-template-columns:1fr 1fr}.arena3d-how{grid-template-columns:1fr}.arena3d-how-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:720px){.arena3d{padding:14px 12px 95px}.arena3d-hero{min-height:auto}.arena3d-hero-copy{padding:38px 20px 34px}.arena3d-hero h1{font-size:52px}.arena3d-hero-copy>p{font-size:14px}.arena3d-hero-status{padding:26px 20px}.arena3d-hero-score{grid-template-columns:1fr 80px 1fr}.arena3d-hero-score>strong{font-size:30px}.arena3d-controlbar{align-items:flex-start;flex-direction:column}.arena3d-control-buttons{width:100%;overflow-x:auto}.arena3d-control-buttons button{flex:0 0 auto}.arena3d-stage{min-height:590px}.arena3d-scoreboard{top:14px;width:calc(100% - 24px);grid-template-columns:58px 1fr 46px;padding:9px}.arena3d-scoreboard>div{grid-template-columns:1fr 24px 7px 24px 1fr;gap:3px}.arena3d-scoreboard>div strong{font-size:9px}.arena3d-scoreboard>div b{font-size:21px}.arena3d-pitch-wrap{left:1%;right:1%;top:130px;bottom:112px}.arena3d-pitch{width:94%;height:70%;transform:rotateX(62deg)}.arena3d-team i{width:14px;height:14px}.arena3d-ball{width:10px;height:10px}.arena3d-disclaimer{right:10px;left:10px;bottom:9px}.arena3d-disclaimer p{font-size:9px}.arena3d-side{grid-template-columns:1fr}.arena3d-events{padding-top:60px}.arena3d-section-head{grid-template-columns:1fr;gap:13px}.arena3d-events-track article{grid-template-columns:58px 1fr 12px;gap:12px}.arena3d-events-track time{font-size:23px}.arena3d-how{padding:34px 20px;margin-top:60px}.arena3d-how-grid{grid-template-columns:1fr;border-right:0}.arena3d-how-grid article{border-left:0;border-top:1px solid #34363c;padding:18px 0}}