*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;color:#fff;font-family:Impact,'Arial Narrow',Arial,sans-serif;background:#07080c}body:before{content:'';position:fixed;inset:0;background:radial-gradient(ellipse at 74% 27%,#60132488,transparent 49%),linear-gradient(127deg,#07080d 15%,#1d0911 62%,#080a0f);pointer-events:none}.frame{position:relative;height:100vh;padding:50px 68px;border:0;border-top:10px solid #e02a43;border-bottom:10px solid #e02a43}.frame:before{content:'TEAM AEROWOLF ESPORTS  /  OFFICIAL BROADCAST';position:absolute;top:0;left:0;transform:translateY(12px);padding:8px 24px;background:#d3203c;color:#fff;font:900 17px Arial;letter-spacing:2px;clip-path:polygon(0 0,100% 0,96% 100%,0 100%)}.frame:after{content:'';position:absolute;inset:35px;border:1px solid #a5213844;pointer-events:none}.brand{position:absolute;right:65px;top:28px;color:#f7f7fa;font:900 18px Arial;letter-spacing:2px}.eyebrow{color:#ff6b7e;font:900 25px Arial;letter-spacing:6px}.heading{font-size:80px;font-weight:1000;line-height:1.03;margin:28px 0;text-transform:uppercase;letter-spacing:1px;text-shadow:0 8px 40px #000}.gold{color:#ff3656}.center{height:100%;display:flex;align-items:center;justify-content:center;text-align:center;flex-direction:column}.logo{object-fit:contain;flex-shrink:0;filter:drop-shadow(0 8px 20px #000)}.fallback{display:flex;align-items:center;justify-content:center;border:2px solid #f34058;background:#2a101c;color:#fff;font-weight:900;flex-shrink:0}.identity{display:flex;align-items:center;justify-content:center;gap:38px;margin:38px 0}.teamname{font-size:65px;font-weight:900;text-transform:uppercase}.stats{display:flex;gap:17px;justify-content:center}.stat{padding:24px 35px;min-width:210px;border-top:5px solid #e52b48;background:linear-gradient(#2b1620,#11121c)}.value{font-size:49px;font-weight:900;color:#fff}.label{font:800 15px Arial;letter-spacing:2px;color:#b9b8c1}.empty{font:700 28px Arial;color:#d5d9e1}.fade{animation:enter .65s ease}@keyframes enter{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}
/* AEROWOLF CINEMATIC MOTION — no video assets, GPU-friendly CSS */
@keyframes awReveal{0%{opacity:0;transform:translate3d(0,65px,0) scale(.96);filter:blur(9px)}100%{opacity:1;transform:translate3d(0,0,0) scale(1);filter:blur(0)}}
@keyframes awSweep{0%{transform:translateX(-120%) skewX(-22deg)}100%{transform:translateX(380%) skewX(-22deg)}}
@keyframes awGlow{0%,100%{text-shadow:0 0 15px #ec315733,0 10px 40px #000}50%{text-shadow:0 0 38px #fa496eaa,0 10px 40px #000}}
@keyframes awFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@keyframes awSlide{from{opacity:0;transform:translateX(-75px)}to{opacity:1;transform:translateX(0)}}
.frame{isolation:isolate}.frame>.brand{animation:awSlide .7s both}
.frame:after{z-index:0}.center,.frame>#content{position:relative;z-index:1}
.fade{animation:awReveal .85s cubic-bezier(.18,.8,.2,1) both}
.fade .eyebrow{animation:awSlide .6s .18s both}
.fade .heading{animation:awReveal .8s .25s both,awGlow 4s 1s infinite}
.fade .identity{animation:awReveal .8s .55s both}
.fade .identity .logo{animation:awFloat 4s 1.4s ease-in-out infinite}
.fade .stat{animation:awReveal .65s both}
.fade .stat:nth-child(1){animation-delay:.85s}.fade .stat:nth-child(2){animation-delay:1s}.fade .stat:nth-child(3){animation-delay:1.15s}
.fade .heading:after{content:'';display:block;width:55%;height:3px;margin:16px auto 0;background:linear-gradient(90deg,transparent,#f4b864,transparent);animation:awReveal .6s .65s both}
/* Overall standings: staggered row reveals without disturbing layout */
#content .aw-standings-row{animation:awSlide .5s both;animation-delay:calc(var(--row,0) * 65ms)}
@media(prefers-reduced-motion:reduce){.fade,.fade *,#content .aw-standings-row,.frame>.brand{animation:none!important}}

/* AEROWOLF PREMIUM BROADCAST DESIGN V2 — 1920x1080 */
:root{--aw-red:#ff344f;--aw-gold:#efc87d;--aw-dark:#090b11}
body{background:#07090f}
body:before{background:radial-gradient(ellipse at 65% 40%,#621325a8,transparent 54%),radial-gradient(ellipse at 20% 90%,#281a28,transparent 45%),linear-gradient(130deg,#05070c,#14111c 65%,#07090d)}
.frame{overflow:hidden;border-top:7px solid #f23b54;border-bottom:7px solid #f23b54;box-shadow:inset 0 0 90px #0008}
.frame:before{z-index:5;box-shadow:0 6px 24px #0009}
.frame:after{border-color:#ff466331;inset:26px}
.frame .brand{z-index:5;color:#ffe5ea;text-shadow:0 3px 15px #000}
.frame #content{z-index:2}
.frame #content:before{content:'';position:absolute;inset:-35vh -15vw;z-index:-1;pointer-events:none;background:linear-gradient(105deg,transparent 39%,#ff4d6b10 48%,transparent 56%);animation:awBeam 10s linear infinite}
.frame .heading{font-family:Impact,'Arial Narrow',Arial,sans-serif;letter-spacing:3px;text-shadow:0 6px 0 #0008,0 20px 55px #000}
.frame .gold{color:var(--aw-gold);text-shadow:0 0 26px #f1b95b52,0 8px 25px #000}
.frame .eyebrow{color:#ff647b}
.frame .identity{padding:16px 35px;border-left:4px solid #f0c478;border-right:4px solid #f0c478;background:linear-gradient(90deg,transparent,#15121fba,transparent)}
.frame .teamname{letter-spacing:2px;text-shadow:0 4px 28px #000}
.frame .stat{position:relative;overflow:hidden;min-width:215px;background:linear-gradient(135deg,#241821,#11141d);border-top:4px solid var(--aw-red);box-shadow:0 12px 30px #0006}
.frame .stat:after{content:'';position:absolute;top:0;left:-120%;width:75%;height:100%;background:linear-gradient(90deg,transparent,#ffffff16,transparent);transform:skewX(-24deg);animation:awStatShine 4.6s 1.5s infinite}
.frame .stat .value{font-variant-numeric:tabular-nums;color:#fff;text-shadow:0 0 18px #ff3c5744}
.frame .fade .heading{animation:awTitleDrop .85s .15s cubic-bezier(.15,.9,.2,1) both,awTitlePulse 5s 1.4s ease-in-out infinite}
.frame .fade .identity{animation:awScaleReveal .85s .65s cubic-bezier(.18,.85,.2,1) both}
.frame .fade .stat{animation:awStatRise .7s both}
.frame .fade .stat:nth-child(1){animation-delay:1.05s}.frame .fade .stat:nth-child(2){animation-delay:1.22s}.frame .fade .stat:nth-child(3){animation-delay:1.39s}
.frame .fade .identity .logo{animation:awLogoFloat 4.5s 1.6s ease-in-out infinite;filter:drop-shadow(0 0 28px #ff46644d)}
@keyframes awTitleDrop{from{opacity:0;transform:translateY(-65px) scale(1.08);filter:blur(12px)}to{opacity:1;transform:none;filter:blur(0)}}
@keyframes awScaleReveal{from{opacity:0;transform:scale(.72);filter:blur(12px)}to{opacity:1;transform:scale(1);filter:blur(0)}}
@keyframes awStatRise{from{opacity:0;transform:translateY(55px) rotateX(20deg)}to{opacity:1;transform:none}}
@keyframes awTitlePulse{0%,100%{filter:brightness(1)}50%{filter:brightness(1.12)}}
@keyframes awLogoFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-11px)}}
@keyframes awBeam{from{transform:translateX(-25%)}to{transform:translateX(25%)}}
@keyframes awStatShine{0%,60%,100%{left:-120%}82%{left:160%}}
#content .aw-standings-row{animation:awRankEnter .58s cubic-bezier(.16,.9,.22,1) both;animation-delay:calc(var(--row,0)*55ms);border-radius:3px}
#content .aw-standings-row:nth-child(even){background:#ffffff07}
@keyframes awRankEnter{from{opacity:0;transform:translateX(-95px);filter:blur(5px)}to{opacity:1;transform:none;filter:blur(0)}}
@media(prefers-reduced-motion:reduce){.frame *, .frame *:before,.frame *:after,#content .aw-standings-row{animation:none!important}}