:root{--arena:#b9ff28;--arena-blue:#6b74ff;--arena-bg:#080a0f;--arena-panel:#11151d;--arena-line:#2a303b}.esports{margin:0;background:var(--arena-bg);color:#f5f7fb;font-family:Arial,"Microsoft YaHei",sans-serif}.arena-nav{position:sticky;z-index:20;top:0;height:78px;display:flex;align-items:center;padding:0 4vw;border-bottom:1px solid var(--arena-line);background:rgba(8,10,15,.86);backdrop-filter:blur(16px)}.arena-logo{display:flex;align-items:center;gap:11px;margin-right:auto;color:#fff;font-size:11px;font-weight:900;line-height:1.05;letter-spacing:.08em}.arena-logo i{width:38px;height:38px;display:grid;place-items:center;background:var(--arena);color:#090b0f;font-size:24px;font-style:italic;clip-path:polygon(0 0,100% 0,78% 100%,0 100%)}.arena-nav nav{display:flex;gap:32px;font-size:12px}.arena-nav nav a{color:#aeb6c5}.arena-login{margin-left:auto;padding:11px 17px;border:1px solid var(--arena);color:var(--arena);font-size:12px;font-weight:800}.arena-hero{min-height:680px;display:grid;grid-template-columns:.9fr 1.1fr;overflow:hidden}.arena-hero-copy{display:flex;flex-direction:column;justify-content:center;padding:7vw 5vw}.arena-hero-copy small,.arena-membership small,.arena-benefits small,.arena-faq small{color:var(--arena);font-weight:900;letter-spacing:.18em}.arena-hero h1{margin:24px 0;font-size:clamp(64px,7vw,112px);line-height:.86;letter-spacing:-.075em}.arena-hero h1 em{color:var(--arena);font-style:normal}.arena-hero-copy>p{max-width:580px;color:#9da6b5;font-size:16px;line-height:1.8}.arena-hero-actions{display:flex;gap:12px;margin-top:28px}.arena-hero-actions a,.arena-hero-actions button{padding:14px 20px;border:1px solid var(--arena);background:var(--arena);color:#090b0f;font-weight:850;cursor:pointer}.arena-hero-actions button{border-color:#424b59;background:transparent;color:#fff}.arena-stats{display:flex;gap:30px;margin-top:48px;color:#727d8d;font-size:11px}.arena-stats b{display:block;color:#fff;font-size:22px}.arena-stage{position:relative;min-height:680px;overflow:hidden;background:radial-gradient(circle at 55% 32%,rgba(107,116,255,.32),transparent 30%),linear-gradient(145deg,#151b28,#080a0f 70%)}.stage-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(185,255,40,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(185,255,40,.08) 1px,transparent 1px);background-size:54px 54px;transform:perspective(500px) rotateX(58deg) scale(1.6);transform-origin:center bottom}.stage-screen{position:absolute;left:17%;right:15%;top:18%;bottom:22%;display:flex;flex-direction:column;justify-content:center;padding:8%;border:1px solid rgba(185,255,40,.35);background:linear-gradient(135deg,rgba(14,18,27,.95),rgba(32,38,54,.75));box-shadow:0 0 80px rgba(107,116,255,.25);clip-path:polygon(7% 0,100% 0,93% 100%,0 100%)}.stage-screen span{color:var(--arena);font:800 12px monospace}.stage-screen strong{margin:20px 0;color:#fff;font-size:clamp(48px,6vw,88px);font-style:italic;line-height:.78}.stage-screen i{color:#7e8ba0;font:700 14px monospace}.stage-player{position:absolute;bottom:-10%;width:21%;height:52%;border:1px solid #394154;background:linear-gradient(155deg,#343c4b,#0b0e14 55%);border-radius:45% 45% 10% 10%;box-shadow:0 25px 60px #000}.stage-player:before{content:"";position:absolute;left:20%;top:-18%;width:60%;aspect-ratio:1;border-radius:50%;background:#141923;box-shadow:0 0 0 12px #252c38}.stage-player.one{left:6%;transform:rotate(8deg)}.stage-player.two{right:5%;transform:rotate(-9deg)}.stage-light{position:absolute;left:48%;bottom:-5%;width:4px;height:40%;background:var(--arena);box-shadow:0 0 35px 9px var(--arena);transform:rotate(34deg);opacity:.55}.arena-membership,.arena-benefits,.arena-faq{padding:100px 5vw}.arena-membership>header,.arena-benefits>header,.arena-faq>header{position:relative;margin-bottom:42px}.arena-membership h2,.arena-benefits h2,.arena-faq h2{margin:12px 0;font-size:clamp(42px,5vw,70px);letter-spacing:-.05em}.arena-membership header p{color:#858f9d}.arena-period{position:absolute;right:0;bottom:0;display:flex;padding:4px;border:1px solid var(--arena-line);border-radius:999px;background:#0c0f15}.arena-period button{padding:10px 16px;border:0;border-radius:999px;background:transparent;color:#929cab;cursor:pointer}.arena-period button.active{background:var(--arena);color:#090b0f}.arena-plans{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.arena-plan{position:relative;padding:34px;border:1px solid var(--arena-line);background:var(--arena-panel);transition:transform .3s ease,border-color .3s ease}.arena-plan:hover{transform:translateY(-8px);border-color:#667183}.arena-plan.featured{border-color:var(--arena);background:linear-gradient(155deg,#182213,#10151c 50%)}.arena-popular{position:absolute;right:18px;top:18px;padding:7px 10px;background:var(--arena);color:#080a0f;font-size:10px;font-weight:900}.arena-plan h3{margin:16px 0 8px;font-size:28px}.arena-plan-copy{min-height:54px;color:#8d97a6;font-size:13px;line-height:1.6}.arena-price{margin:32px 0}.arena-price b{font-size:48px}.arena-price span{color:#737e8e}.arena-plan ul{min-height:135px;margin:0 0 26px;padding:0;list-style:none}.arena-plan li{padding:8px 0;border-bottom:1px solid #252b35;color:#c1c8d2;font-size:13px}.arena-plan li:before{content:"✓";margin-right:9px;color:var(--arena)}.arena-plan>button{width:100%;padding:14px;border:1px solid var(--arena);background:transparent;color:var(--arena);font-weight:850;cursor:pointer}.arena-plan.featured>button{background:var(--arena);color:#080a0f}.arena-benefits{background:#0c0f15}.arena-perks{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--arena-line);border-left:1px solid var(--arena-line)}.arena-perk{min-height:230px;padding:28px;border-right:1px solid var(--arena-line);border-bottom:1px solid var(--arena-line)}.arena-perk i{color:var(--arena);font:800 13px monospace}.arena-perk h3{margin-top:60px;font-size:21px}.arena-perk p{color:#7f8998;font-size:13px;line-height:1.7}.arena-faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw}.arena-faq>div{border-top:1px solid var(--arena-line)}.arena-faq article{border-bottom:1px solid var(--arena-line)}.arena-faq button{width:100%;display:flex;justify-content:space-between;padding:24px 0;border:0;background:none;color:#fff;font-size:17px;text-align:left;cursor:pointer}.arena-faq button span{color:var(--arena);font-size:22px;transition:transform .3s}.arena-faq p{max-height:0;overflow:hidden;margin:0;color:#909aa8;line-height:1.7;transition:max-height .4s ease,margin .4s ease}.arena-faq article.open p{max-height:140px;margin:0 0 24px}.arena-faq article.open button span{transform:rotate(45deg)}.arena-footer{display:flex;align-items:center;gap:30px;padding:40px 5vw;border-top:1px solid var(--arena-line);color:#657080;font-size:11px}.arena-footer strong{margin:auto;color:#fff}.arena-footer a{color:var(--arena)}.arena-confirm-price{margin-top:20px;padding:16px;background:#e9f1e8;font-weight:800}@media(max-width:900px){.arena-hero{grid-template-columns:1fr}.arena-stage{min-height:520px}.arena-plans{grid-template-columns:1fr}.arena-perks{grid-template-columns:repeat(2,1fr)}.arena-faq{grid-template-columns:1fr}.arena-period{position:static;width:max-content;margin-top:24px}}@media(max-width:560px){.arena-nav nav{display:none}.arena-login{font-size:0;padding:10px}.arena-login:after{content:"加入";font-size:11px}.arena-hero-copy,.arena-membership,.arena-benefits,.arena-faq{padding:70px 20px}.arena-hero h1{font-size:60px}.arena-stats{gap:16px}.arena-stats b{font-size:17px}.arena-stage{min-height:400px}.arena-plans,.arena-perks{grid-template-columns:1fr}.arena-plan{padding:26px}.arena-footer{align-items:flex-start;flex-direction:column}.arena-footer strong{margin:0}}

/* Expanded club experience */
*{box-sizing:border-box}.arena-nav nav{gap:26px}.arena-nav nav a{transition:color .2s}.arena-nav nav a:hover{color:var(--arena)}
.arena-hero{position:relative;min-height:760px;display:flex;align-items:flex-end;overflow:hidden}.arena-hero-photo{position:absolute;inset:0;background:url("assets/showcase/esports-arena-v2.webp") center/cover no-repeat;animation:arenaZoom 8s ease-out both}.arena-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,7,10,.98),rgba(5,7,10,.78) 38%,rgba(5,7,10,.18) 72%),linear-gradient(0deg,rgba(5,7,10,.82),transparent 52%)}.arena-hero-copy{position:relative;z-index:2;width:60%;padding:9vw 5vw 6vw}.arena-hero-copy>p{color:#bdc4cf}.arena-stats{flex-wrap:wrap}.arena-live{position:absolute;right:4vw;bottom:34px;z-index:2;padding:11px 14px;border:1px solid #4c5562;background:rgba(8,10,15,.78);font:700 11px monospace;letter-spacing:.1em}.arena-live span{display:inline-block;width:7px;height:7px;margin-right:8px;border-radius:50%;background:var(--arena);box-shadow:0 0 12px var(--arena);animation:pulse 1.5s infinite}@keyframes arenaZoom{from{transform:scale(1.07)}to{transform:scale(1)}}@keyframes pulse{50%{opacity:.25}}
.arena-ticker{overflow:hidden;border-block:1px solid var(--arena-line);background:var(--arena);color:#080a0f}.arena-ticker div{width:max-content;padding:14px 0;font:900 12px monospace;letter-spacing:.12em;animation:ticker 23s linear infinite}.arena-ticker i{margin:0 28px}@keyframes ticker{to{transform:translateX(-45%)}}
.arena-venue,.arena-events,.arena-roster,.arena-gear{padding:110px 5vw}.arena-venue{display:grid;grid-template-columns:.75fr 1.25fr;gap:5vw}.arena-venue header{align-self:center}.arena-venue h2,.arena-events h2,.arena-roster h2,.arena-gear h2{margin:13px 0;font-size:clamp(42px,5vw,70px);line-height:1.02;letter-spacing:-.05em}.arena-venue small,.arena-events small,.arena-roster small,.arena-gear small{color:var(--arena);font-weight:900;letter-spacing:.18em}.arena-venue header p,.arena-roster header p{color:#8993a2;line-height:1.8}.arena-venue-photo{position:relative;min-height:520px;overflow:hidden}.arena-venue-photo img{width:100%;height:100%;object-fit:cover;transition:transform .8s}.arena-venue-photo:hover img{transform:scale(1.025)}.arena-venue-photo>span{position:absolute;left:18px;bottom:18px;padding:9px 11px;background:#080a0f;font:700 10px monospace}.arena-zone-list{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--arena-line)}.arena-zone-list button{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:24px 18px;border:0;border-right:1px solid var(--arena-line);border-bottom:1px solid var(--arena-line);background:none;color:#fff;text-align:left;cursor:pointer}.arena-zone-list button b{color:#5c6674}.arena-zone-list button span{font-weight:800}.arena-zone-list button small{display:block;margin-top:6px;color:#707a89;font-size:11px;letter-spacing:0}.arena-zone-list button i{color:var(--arena);font-style:normal}.arena-zone-list button.active{background:var(--arena);color:#080a0f}.arena-zone-list button.active *{color:#080a0f}
.arena-events>header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:40px}.arena-event-filter{display:flex;gap:8px}.arena-event-filter button{padding:10px 14px;border:1px solid var(--arena-line);background:none;color:#8c96a5;cursor:pointer}.arena-event-filter button.active{border-color:var(--arena);color:var(--arena)}.arena-event-list{border-top:1px solid var(--arena-line)}.arena-event-list article{display:grid;grid-template-columns:130px 1fr 130px 80px;align-items:center;gap:30px;padding:25px 10px;border-bottom:1px solid var(--arena-line);transition:background .25s}.arena-event-list article:hover{background:#0e1219}.arena-event-list article.hidden{display:none}.arena-event-list time{color:#6f7988;font:700 10px monospace}.arena-event-list time b{display:block;color:#fff;font-size:31px}.arena-event-list span i{color:var(--arena);font:800 9px monospace}.arena-event-list h3{margin:6px 0;font-size:20px}.arena-event-list p{margin:0;color:#747f8e;font-size:12px}.arena-event-list strong{font:800 17px monospace}.arena-event-list strong small{display:block;margin-top:6px;color:#697382;font:400 10px sans-serif}.arena-event-list article>button{padding:11px;border:1px solid #596270;background:none;color:#fff;cursor:pointer}
.arena-roster{display:grid;grid-template-columns:.72fr 1.28fr;gap:5vw;background:#0c0f15}.arena-roster header{align-self:end}.arena-roster-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.arena-roster-grid article{padding-bottom:18px;background:#131821;overflow:hidden}.player-portrait{position:relative;height:330px;display:grid;place-items:end center;overflow:hidden;background:linear-gradient(155deg,#232b37,#0b0e14)}.player-portrait:before{content:"";position:absolute;width:120%;height:55%;bottom:-15%;border-radius:50% 50% 0 0;background:linear-gradient(130deg,#252d38,#090b0f)}.player-portrait:after{content:"";position:absolute;top:16%;width:52%;aspect-ratio:1;border-radius:48% 52% 43% 57%;background:#202735;box-shadow:0 0 0 12px #10141b}.player-portrait span{position:relative;z-index:2;margin-bottom:18px;color:var(--arena);font:900 76px monospace;opacity:.45}.p2{background:linear-gradient(155deg,#22253e,#0b0e14)}.p3{background:linear-gradient(155deg,#162c2b,#0b0e14)}.p4{background:linear-gradient(155deg,#302720,#0b0e14)}.arena-roster-grid article>small,.arena-roster-grid article>h3,.arena-roster-grid article>p{margin-left:16px}.arena-roster-grid article>small{display:block;margin-top:17px;font-size:9px}.arena-roster-grid h3{margin-top:8px;margin-bottom:6px;font-size:22px}.arena-roster-grid p{margin-top:0;color:#747f8e;font-size:11px}
.arena-gear-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:44px;border-top:1px solid var(--arena-line);border-left:1px solid var(--arena-line)}.arena-gear-grid article{display:flex;gap:18px;padding:28px;border-right:1px solid var(--arena-line);border-bottom:1px solid var(--arena-line)}.arena-gear-grid b{color:var(--arena);font:900 29px monospace}.arena-gear-grid span{font-weight:800}.arena-gear-grid small{display:block;margin-top:8px;color:#727d8c;font-size:10px;letter-spacing:0;font-weight:400}.arena-quote{padding:120px 5vw;text-align:center;background:linear-gradient(120deg,rgba(102,116,255,.13),transparent 40%),#10141b}.arena-quote blockquote{margin:0;font-size:clamp(35px,4vw,65px);font-weight:850;line-height:1.2;letter-spacing:-.05em}.arena-quote em{color:var(--arena);font-style:normal}.arena-quote p{margin-top:28px;color:#748090;font-size:12px}
@media(max-width:1050px){.arena-roster{grid-template-columns:1fr}.arena-roster-grid,.arena-gear-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.arena-hero-copy{width:100%;padding:130px 30px 65px}.arena-venue{grid-template-columns:1fr}.arena-venue-photo{min-height:420px}.arena-events>header{align-items:flex-start;flex-direction:column;gap:22px}.arena-event-list article{grid-template-columns:90px 1fr auto}.arena-event-list article>button{grid-column:2/-1}}@media(max-width:620px){.arena-venue,.arena-events,.arena-roster,.arena-gear{padding:75px 20px}.arena-hero h1{font-size:59px}.arena-live{display:none}.arena-zone-list,.arena-roster-grid,.arena-gear-grid{grid-template-columns:1fr}.arena-event-list article{grid-template-columns:70px 1fr;gap:16px}.arena-event-list strong{grid-column:2}.arena-event-filter{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){.arena-hero-photo,.arena-ticker div,.arena-live span{animation:none}}

/* HOUSE ROSTER editorial photography */
.arena-roster-grid article{position:relative;transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease;border:1px solid transparent}.arena-roster-grid article:hover{z-index:2;transform:translateY(-9px);border-color:rgba(185,255,40,.5);box-shadow:0 22px 50px rgba(0,0,0,.42)}.player-portrait{height:360px;background-repeat:no-repeat!important;background-position:center 18%!important;background-size:cover!important;transition:background-size .7s ease,filter .35s ease}.player-portrait:before,.player-portrait:after{display:none}.player-portrait.p1{background-image:linear-gradient(0deg,rgba(8,10,15,.62),transparent 42%),url("assets/showcase/roster-juno.webp")}.player-portrait.p2{background-image:linear-gradient(0deg,rgba(8,10,15,.62),transparent 42%),url("assets/showcase/roster-kite.webp")}.player-portrait.p3{background-image:linear-gradient(0deg,rgba(8,10,15,.62),transparent 42%),url("assets/showcase/roster-mars.webp")}.player-portrait.p4{background-image:linear-gradient(0deg,rgba(8,10,15,.62),transparent 42%),url("assets/showcase/roster-north.webp")}.player-portrait span{align-self:end;justify-self:end;margin:0 14px 12px 0;padding:5px 8px;border:1px solid rgba(185,255,40,.55);background:rgba(8,10,15,.65);font-size:18px;line-height:1;opacity:1}.arena-roster-grid article:hover .player-portrait{background-size:106%!important;filter:saturate(1.08) contrast(1.04)}
@media(max-width:620px){.player-portrait{height:460px}}
@media(prefers-reduced-motion:reduce){.arena-roster-grid article,.player-portrait{transition:none}}