:root{
  --bg:#050d19;--bg2:#081425;--panel:#0b1728;--panel2:#0d1b30;--panel3:#101f36;
  --line:#22324a;--line2:#31425f;--text:#f7f9ff;--muted:#96a5bd;--accent:#8950ee;
  --accent2:#b567ff;--hot:#ef486f;--gold:#f6bd55;--cyan:#55bbff;--success:#48d597;
  --radius:16px;--shadow:0 18px 55px rgba(0,0,0,.28);--max:1240px
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:radial-gradient(circle at 50% -15%,#15243d 0,#07111f 36%,var(--bg) 72%);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased;font-size:14px}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.3;background:linear-gradient(90deg,transparent 0 10%,rgba(113,79,232,.04) 50%,transparent 90%),radial-gradient(circle at 12% 48%,rgba(58,130,255,.10),transparent 24%),radial-gradient(circle at 88% 38%,rgba(141,73,246,.09),transparent 25%)}
a{color:inherit;text-decoration:none}.arena-shell{min-height:100vh}.arena-container,.arena-main{width:min(var(--max),calc(100% - 40px));margin-inline:auto}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.arena-topbar{border-bottom:1px solid rgba(132,155,191,.12);background:rgba(3,10,20,.86);font-size:12px;color:#c8d3e5}.topbar-inner{height:38px;display:flex;align-items:center;justify-content:space-between;gap:20px}.topbar-copy{display:flex;align-items:center;gap:12px;min-width:0}.trend-badge{padding:5px 10px;border-radius:6px;background:linear-gradient(135deg,#7443d3,#a252ef);font-weight:800;color:#fff}.topbar-copy>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-time{color:var(--muted);white-space:nowrap}
.arena-header{position:sticky;top:0;z-index:30;background:rgba(5,13,25,.90);backdrop-filter:blur(16px);border-bottom:1px solid rgba(118,141,181,.15);box-shadow:0 8px 30px rgba(0,0,0,.12)}.header-inner{min-height:86px;display:grid;grid-template-columns:minmax(190px,260px) 1fr minmax(260px,360px);align-items:center;gap:26px}.arena-brand{display:flex;align-items:center;min-width:0}.arena-brand img{display:block;width:auto;height:54px;max-width:250px;object-fit:contain;object-position:left center}.arena-nav{display:flex;justify-content:center;align-items:center;gap:28px;height:100%}.arena-nav a{position:relative;font-size:14px;font-weight:650;color:#dbe4f2;padding:32px 0}.arena-nav a:after{content:"";position:absolute;left:50%;right:50%;bottom:0;height:2px;background:linear-gradient(90deg,#7444df,#bd5cff);transition:.2s}.arena-nav a:hover{color:#fff}.arena-nav a:hover:after{left:0;right:0}.header-search{display:grid;grid-template-columns:1fr 48px;border:1px solid var(--line2);border-radius:10px;overflow:hidden;background:#081324;box-shadow:inset 0 1px rgba(255,255,255,.02)}.header-search input{width:100%;min-width:0;border:0!important;outline:0;background:transparent!important;color:#fff;padding:13px 15px;margin:0!important;font:inherit}.header-search input::placeholder{color:#7889a5}.header-search button{border:0;border-radius:0;margin:0;padding:0;background:linear-gradient(135deg,#6942d7,#9c4bea);color:#fff;display:grid;place-items:center;cursor:pointer}.header-search svg{fill:currentColor}
.arena-main{padding-block:32px 64px}.breadcrumbs{font-size:12px;color:#788ba9;margin:2px 0 16px}.breadcrumbs a{color:#a97cff}.breadcrumbs a:hover{color:#d7c2ff}
.hero{position:relative;overflow:hidden;margin:0 0 28px;padding:36px 40px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(135deg,rgba(17,33,56,.97),rgba(7,18,34,.98));box-shadow:var(--shadow)}.hero:before{content:"";position:absolute;width:520px;height:240px;right:-90px;top:-100px;background:radial-gradient(circle,rgba(128,70,229,.2),transparent 65%);pointer-events:none}.hero h1{position:relative;margin:0 0 12px;font-size:clamp(30px,4vw,50px);line-height:1.08;letter-spacing:-.035em}.hero p{position:relative;max-width:790px;margin:0;color:var(--muted);font-size:15px}.hero .btn{margin-top:22px}.arena-home-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.95fr);gap:30px;align-items:stretch;padding:0;background:linear-gradient(120deg,rgba(8,19,36,.94),rgba(11,24,44,.94));min-height:390px}.arena-home-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,16,29,.15),transparent 55%),radial-gradient(circle at 18% 50%,rgba(111,73,214,.18),transparent 30%);pointer-events:none}.hero-copy{position:relative;z-index:2;padding:46px 0 44px 42px;display:flex;flex-direction:column;justify-content:center}.hero-eyebrow{display:flex;align-items:center;gap:8px;color:#c7b0fa;font-size:12px;text-transform:uppercase;letter-spacing:.12em;font-weight:800}.hero-eyebrow:before{content:"";width:8px;height:8px;border-radius:50%;background:#ff476a;box-shadow:0 0 14px #ff476a}.arena-home-hero h1{font-size:clamp(38px,5vw,66px);max-width:620px}.arena-home-hero h1 em{font-style:normal;color:#9a65f3}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.btn,.hero-actions a,.section-head a,.card-link{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:11px 16px;border-radius:8px;border:1px solid rgba(174,134,255,.35);background:linear-gradient(135deg,#6d42d5,#9149e7);color:#fff;font-weight:750;font-size:13px;box-shadow:0 8px 25px rgba(112,65,214,.20);cursor:pointer}.btn:hover,.hero-actions a:hover,.section-head a:hover,.card-link:hover{filter:brightness(1.08)}.btn-secondary{background:#0e1b2e!important;border-color:var(--line2)!important;color:#d9e4f4!important;box-shadow:none!important}.hero-stats{display:flex;align-items:center;gap:0;margin-top:30px}.hero-stat{padding-right:28px;margin-right:28px;border-right:1px solid var(--line2)}.hero-stat:last-child{border-right:0;margin-right:0}.hero-stat strong{display:block;font-size:24px;color:#fff}.hero-stat span{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.hero-feature{position:relative;z-index:2;padding:32px 30px 32px 0;display:flex;align-items:center}.feature-match{width:100%;border:1px solid #31415b;border-radius:14px;background:linear-gradient(180deg,rgba(13,28,49,.94),rgba(8,19,35,.96));box-shadow:0 22px 60px rgba(0,0,0,.28);overflow:hidden}.feature-match-top{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid rgba(107,130,167,.16);font-size:12px;color:#9eb0cb}.status-badge{display:inline-flex;gap:6px;align-items:center;padding:5px 9px;border-radius:6px;background:rgba(137,80,238,.9);color:white;font-size:12px;font-weight:850;text-transform:uppercase}.feature-teams{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;padding:28px 24px}.feature-team{text-align:center}.team-mark{width:62px;height:62px;margin:0 auto 10px;border-radius:50%;display:grid;place-items:center;font-size:19px;font-weight:900;background:radial-gradient(circle at 35% 30%,#263d68,#101d34 65%);border:2px solid #3c5380;box-shadow:0 0 25px rgba(88,113,168,.2)}.feature-team strong{display:block;font-size:16px}.feature-score{font-size:23px;font-weight:900;margin-top:5px}.feature-vs{font-weight:900;color:#7589aa}.feature-result{text-align:center;padding:0 20px 14px;color:#b785ff;font-weight:750;font-size:13px}.feature-meta{text-align:center;padding:0 20px 18px;color:#8fa0b9;font-size:12px}
.section{margin:30px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:14px}.section-head h2{margin:0;font-size:21px}.section-head h2 small{display:block;margin-top:3px;font-size:12px;color:var(--muted);font-weight:500}.section-head>a{padding:8px 12px;font-size:12px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:16px}.match-card{position:relative;overflow:hidden;background:linear-gradient(180deg,rgba(14,29,50,.98),rgba(8,19,34,.98));padding:18px;border-radius:13px;border:1px solid var(--line);box-shadow:0 12px 35px rgba(0,0,0,.16);transition:transform .2s,border-color .2s}.match-card:hover{transform:translateY(-2px);border-color:#4e477d}.match-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#7749df,transparent);opacity:.7}.match-kicker{display:flex;align-items:center;justify-content:space-between;color:#8ea1bf;font-size:12px;text-transform:uppercase;letter-spacing:.06em}.match-card h3{margin:12px 0 15px;font-size:17px}.match-card h3 a{color:#fff}.match-card h3 span{color:#657a9d;font-weight:600}.score-row{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:7px 0;border-top:1px solid rgba(115,137,173,.10)}.score-row strong{font-size:13px}.score-row b{color:#fff;font-size:14px}.match-meta{margin-top:10px;color:#8092ad;font-size:12px}.empty-state{grid-column:1/-1;padding:28px;border:1px dashed #31415b;border-radius:13px;text-align:center;color:var(--muted);background:#0a1728}
.dashboard-grid{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(280px,.8fr);gap:24px}.side-stack{display:grid;gap:16px}.side-card,.content-card,.scorecard-card,.form-card{background:linear-gradient(180deg,rgba(14,29,50,.98),rgba(8,19,34,.98));border:1px solid var(--line);border-radius:13px;box-shadow:0 14px 40px rgba(0,0,0,.14)}.side-card{padding:18px}.side-card h3{margin:0 0 12px;font-size:16px}.quick-links{display:grid;gap:6px}.quick-links a{padding:9px 10px;border-radius:7px;color:#cdd8e9;font-size:12px}.quick-links a:hover{background:#111f36;color:#b888ff}.mini-history{display:grid;gap:8px}.mini-history a{display:flex;justify-content:space-between;gap:15px;padding:9px 0;border-bottom:1px solid rgba(118,139,172,.1);font-size:12px}.mini-history a:last-child{border-bottom:0}.mini-history span{color:var(--muted)}
.content-card,.scorecard-card,.form-card{padding:24px;margin:16px 0}.content-card h2,.scorecard-card h2,.form-card h2{margin-top:0}.content-card h2{margin-top:28px}.content-card h2:first-child{margin-top:0}.content-card p,.static-content p{color:#b5c2d5}.static-content{max-width:960px;margin-left:auto;margin-right:auto}.static-content .lead{font-size:1.08rem;line-height:1.8;color:#d8e2ef}.static-content h2{font-size:clamp(21px,3vw,30px);margin:34px 0 10px;color:#fff}.content-list{padding-left:22px}.content-list li{margin:9px 0;color:#becadc}.contact-card{max-width:960px;margin-left:auto;margin-right:auto}.faq-question{padding:15px 18px;margin:10px 0 0;border:1px solid var(--line);border-radius:9px;background:#0c1a2d;font-size:14px}.faq-answer{padding:0 18px 15px;margin:0;border-left:1px solid var(--line);border-right:1px solid var(--line);border-bottom:1px solid var(--line);border-radius:0 0 9px 9px;color:#aebdd1}
.tabs{display:flex;gap:9px;flex-wrap:wrap;margin:16px 0}.pill{display:inline-flex;align-items:center;padding:8px 12px;border-radius:7px;background:#101e33;border:1px solid var(--line);color:#c8d4e6;font-size:12px}.pill:hover{border-color:#704cca;color:#fff}.history-list{display:grid;border:1px solid var(--line);border-radius:13px;overflow:hidden;background:#0a1728}.history-row{display:grid;grid-template-columns:1fr 1fr auto;gap:18px;align-items:center;padding:15px 18px;border-bottom:1px solid rgba(126,148,183,.12)}.history-row:last-child{border-bottom:0}.history-row strong{font-size:14px}.history-row span{color:var(--muted);font-size:12px}.history-row .card-link{padding:7px 10px;font-size:12px}.history-title{display:flex;align-items:center;gap:10px}.history-dot{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:rgba(122,72,226,.16);color:#a779ff}
table{width:100%;border-collapse:collapse;font-size:13px}th,td{padding:11px 10px;border-bottom:1px solid rgba(122,144,178,.13);text-align:left}th{color:#8194b3;font-size:12px;text-transform:uppercase;letter-spacing:.06em;background:#0b1829}td small{display:block;color:#6f83a3;margin-top:2px}.scorecard-card{overflow:auto}.scorecard-card h3{color:#c9d6e7}.comment{padding:15px 0;border-bottom:1px solid rgba(126,149,184,.12)}.comment small{color:var(--muted)}
input,textarea,select{width:100%;padding:12px 13px;border-radius:8px;border:1px solid #2d3d58;background:#071424;color:#fff;margin:6px 0 13px;outline:none;font:inherit}input:focus,textarea:focus,select:focus{border-color:#7d50df;box-shadow:0 0 0 3px rgba(125,80,223,.12)}button{font:inherit}.form-card button{border:0;background:linear-gradient(135deg,#7041d4,#974de6);color:#fff;padding:11px 17px;border-radius:8px;font-weight:800;cursor:pointer}.hp{position:absolute!important;left:-99999px!important}
.search-results{display:grid;gap:12px}.search-result{padding:15px 18px;border:1px solid var(--line);border-radius:10px;background:#0b192b}.search-result strong{display:block}.search-result span{font-size:12px;color:var(--muted)}
.site-footer.arena-footer{position:relative;margin-top:0;border-top:2px solid transparent;border-image:linear-gradient(90deg,transparent,#7b47df,#b05fff,transparent) 1;background:linear-gradient(180deg,#071321,#06101d);color:#dbe5f3}.footer-inner{width:min(var(--max),calc(100% - 40px));margin:auto}.footer-main{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:48px;padding:40px 0 32px}.footer-brand img{display:block;height:64px;max-width:280px;object-fit:contain;object-position:left center;margin-bottom:16px}.footer-brand p{max-width:460px;color:#8fa1bb;font-size:13px;margin:0 0 18px}.footer-column h3{margin:0 0 13px;font-size:14px}.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:8px 20px}.footer-links a{color:#aebdd1;font-size:12px}.footer-links a:hover{color:#b782ff}.share-links{display:flex;flex-direction:row;align-items:center;gap:10px}.share-icon{width:38px;height:38px;border-radius:50%;display:grid!important;place-items:center;background:#14233b;border:1px solid #2d4264;color:#dce5f4;transition:.18s}.share-icon:hover{transform:translateY(-2px);background:#7346d8;border-color:#9158ed}.share-icon svg{width:19px;height:19px;fill:currentColor;display:block}.newsletter-zone{display:grid;grid-template-columns:1fr minmax(360px,560px);align-items:center;gap:40px;padding:28px 0;border-top:1px solid #22324b;border-bottom:1px solid #1d2b41}.newsletter-copy h3{margin:0 0 4px;font-size:16px}.newsletter-copy p{margin:0;color:#899ab3;font-size:12px}.newsletter{display:grid;grid-template-columns:1fr auto;gap:0;margin:0;width:100%;max-width:none}.newsletter input{margin:0;border-radius:8px 0 0 8px;border-right:0}.newsletter button{border:0;border-radius:0 8px 8px 0;padding:0 22px;background:linear-gradient(135deg,#7041d4,#974de6);color:#fff;font-weight:800;cursor:pointer}.footer-bottom{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:20px 0;color:#7689a7;font-size:12px}.copyright{text-align:center;font-size:12px;line-height:1.6}.footer-note{display:none}
@media(max-width:1050px){.header-inner{grid-template-columns:220px 1fr}.header-search{grid-column:1/-1;margin-bottom:16px}.arena-nav{justify-content:flex-end}.arena-home-hero{grid-template-columns:1fr}.hero-copy{padding-right:42px}.hero-feature{padding:0 32px 36px}.dashboard-grid{grid-template-columns:1fr}.footer-main{grid-template-columns:1.2fr 1fr}.footer-column:last-child{grid-column:1/-1}.newsletter-zone{grid-template-columns:1fr}}
@media(max-width:760px){.arena-container,.arena-main,.footer-inner{width:min(100% - 24px,var(--max))}.topbar-time{display:none}.arena-topbar{display:none}.arena-header{position:relative}.header-inner{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:14px 0}.arena-brand{justify-content:center}.arena-brand img{height:48px;max-width:230px}.arena-nav{order:2;justify-content:flex-start;overflow:auto;gap:20px;padding:10px 2px}.arena-nav a{padding:8px 0;white-space:nowrap}.header-search{order:3;margin:6px 0 0}.arena-main{padding-top:20px}.hero{padding:28px 22px}.arena-home-hero{min-height:0}.hero-copy{padding:32px 22px}.hero-feature{padding:0 20px 24px}.feature-teams{padding:22px 12px;gap:9px}.team-mark{width:50px;height:50px;font-size:15px}.feature-score{font-size:18px}.hero-stats{gap:0}.hero-stat{padding-right:14px;margin-right:14px}.hero-stat strong{font-size:19px}.grid{grid-template-columns:1fr}.history-row{grid-template-columns:1fr auto}.history-row>span{display:none}.footer-main{grid-template-columns:1fr;gap:28px;padding-top:30px}.footer-links{grid-template-columns:1fr 1fr}.newsletter-zone{grid-template-columns:1fr;gap:15px}.newsletter{grid-template-columns:1fr}.newsletter input{border-radius:8px;border-right:1px solid #2d3d58}.newsletter button{border-radius:8px;padding:11px 16px;margin-top:8px}}
.static-layout{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(260px,.75fr);gap:24px;align-items:start}.static-layout .static-content,.static-layout .contact-card{max-width:none;margin-top:0}.static-aside{display:grid;gap:16px;position:sticky;top:120px}.site-badge-card{padding:22px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(180deg,#0e1d32,#091727);text-align:center;box-shadow:var(--shadow)}.site-badge-card img{width:110px;height:110px;object-fit:contain;border-radius:22px;margin:0 auto 12px;filter:drop-shadow(0 12px 24px rgba(0,0,0,.35))}.site-badge-card h3{margin:0 0 7px}.site-badge-card p{margin:0;color:var(--muted);font-size:12px}.static-content a,.contact-card a{color:#af82ff}.static-content a:hover,.contact-card a:hover{text-decoration:underline}
@media(max-width:900px){.static-layout{grid-template-columns:1fr}.static-aside{position:static;grid-template-columns:1fr 1fr}}@media(max-width:620px){.static-aside{grid-template-columns:1fr}.site-badge-card img{width:88px;height:88px}}
.search-hero-form{display:grid;grid-template-columns:1fr auto;gap:0;max-width:720px;margin-top:22px;position:relative}.search-hero-form input{margin:0;border-radius:9px 0 0 9px}.search-hero-form button{border:0;border-radius:0 9px 9px 0;padding:0 24px;background:linear-gradient(135deg,#7041d4,#974de6);color:#fff;font-weight:800;cursor:pointer}.sitemap-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px}.sitemap-card h2{margin-top:0}.sitemap-card .quick-links a{border-bottom:1px solid rgba(118,139,172,.1)}
@media(max-width:700px){.search-hero-form{grid-template-columns:1fr}.search-hero-form input{border-radius:9px}.search-hero-form button{border-radius:9px;padding:11px 16px;margin-top:8px}.sitemap-grid{grid-template-columns:1fr;gap:28px}}
.match-detail-hero{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(330px,.8fr);gap:24px;align-items:center}.match-detail-copy{position:relative;z-index:2}.match-detail-copy h1{font-size:clamp(30px,4vw,48px)}.match-result{color:#b885ff!important;font-weight:800;margin-top:16px!important}.match-versus{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;text-align:center;position:relative;z-index:2}.match-versus>div{display:grid;justify-items:center;gap:8px}.match-versus .team-mark{margin:0}.match-versus b{color:#7589aa}.match-detail-meta{grid-column:1/-1;display:flex;gap:18px;flex-wrap:wrap;color:#8093af;font-size:12px;border-top:1px solid rgba(123,146,181,.13);padding-top:14px;position:relative;z-index:2}
@media(max-width:800px){.match-detail-hero{grid-template-columns:1fr}.match-versus{margin-top:8px}}

/* =========================================================
   NeonArena visual parity patch - stadium / carousel / icons
   ========================================================= */
body{
  background-color:#050d19;
  background-image:
    linear-gradient(180deg,rgba(3,10,20,.86),rgba(5,13,25,.94) 68%,rgba(3,9,17,.98)),
    url("/templates/NeonArena/assets/stadium-bg.webp");
  background-size:cover,cover;
  background-position:center top,center top;
  background-repeat:no-repeat,no-repeat;
  background-attachment:fixed,fixed;
}
.arena-main{position:relative;isolation:isolate}
.arena-home-hero{
  background-image:
    linear-gradient(90deg,rgba(5,13,25,.91) 0%,rgba(7,18,34,.77) 45%,rgba(6,15,29,.58) 100%),
    url("/templates/NeonArena/assets/stadium-bg.webp");
  background-size:cover;
  background-position:center 44%;
  border-color:rgba(116,91,195,.38);
  box-shadow:0 24px 70px rgba(0,0,0,.32),inset 0 1px rgba(255,255,255,.03);
}
.arena-home-hero:before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(circle at 78% 26%,rgba(157,83,255,.12),transparent 29%),
    radial-gradient(circle at 10% 34%,rgba(35,139,255,.11),transparent 28%);
}
.hero-feature{overflow:visible}
.match-carousel{position:relative;width:100%;min-height:292px;padding:0 22px 28px}
.carousel-viewport{position:relative;min-height:265px}
.carousel-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transform:translateX(12px) scale(.992);transition:opacity .35s ease,transform .35s ease,visibility .35s;pointer-events:none}
.carousel-slide.is-active{position:relative;opacity:1;visibility:visible;transform:none;pointer-events:auto}
.carousel-arrow{position:absolute;z-index:4;top:50%;translate:0 -64%;width:42px;height:42px;border-radius:50%;border:1px solid rgba(155,112,245,.54);background:rgba(10,20,38,.88);color:#fff;font-size:30px;line-height:1;display:grid;place-items:center;cursor:pointer;box-shadow:0 10px 28px rgba(0,0,0,.28),0 0 24px rgba(129,73,232,.12);transition:.2s}
.carousel-arrow:hover{background:#7444d8;border-color:#ac75ff;box-shadow:0 0 28px rgba(139,79,236,.35)}
.carousel-prev{left:0}.carousel-next{right:0}
.carousel-dots{position:absolute;left:50%;bottom:2px;translate:-50% 0;display:flex;gap:9px;align-items:center;z-index:5}
.carousel-dot{width:9px;height:7px;padding:0;border:0;border-radius:999px;background:#71809a;opacity:.7;cursor:pointer;transition:.2s}
.carousel-dot.is-active{width:22px;background:linear-gradient(90deg,#7b49df,#b55cff);opacity:1;box-shadow:0 0 14px rgba(164,89,255,.55)}
.feature-match{background:linear-gradient(180deg,rgba(11,25,46,.91),rgba(6,16,31,.95));backdrop-filter:blur(7px);border-color:rgba(81,109,154,.65)}
.feature-match-top{background:linear-gradient(90deg,rgba(101,58,197,.10),transparent)}
.team-mark{overflow:hidden;background:radial-gradient(circle at 35% 30%,#213965,#0a172b 70%);border-color:#415d91}
.team-mark img{width:90%;height:90%;object-fit:contain;display:block;filter:drop-shadow(0 5px 10px rgba(0,0,0,.35))}
.feature-vs{font-size:19px;color:#8ea1bd;text-shadow:0 0 16px rgba(155,103,240,.25)}
.feature-result{font-size:14px;color:#b576ff;text-shadow:0 0 16px rgba(173,105,255,.2)}

.arena-feature-strip{
  display:grid;grid-template-columns:repeat(5,1fr);margin:0 0 30px;
  border:1px solid rgba(96,79,162,.55);border-radius:14px;
  background:linear-gradient(180deg,rgba(13,26,47,.94),rgba(7,17,32,.95));
  box-shadow:0 16px 45px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.02);
  overflow:hidden;position:relative;
}
.arena-feature-strip:before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,#9e5aff,transparent);box-shadow:0 0 12px #914be9}
.arena-feature-item{position:relative;min-height:142px;padding:22px 17px 20px;display:grid;place-items:center;text-align:center;align-content:center;gap:10px}
.arena-feature-item:not(:last-child):after{content:"";position:absolute;right:0;top:22px;bottom:22px;width:1px;background:linear-gradient(180deg,transparent,#53627a 25%,#53627a 75%,transparent);opacity:.8}
.feature-icon{width:48px;height:48px;display:grid;place-items:center;color:#b783ff;filter:drop-shadow(0 0 12px rgba(162,95,255,.36))}
.feature-icon svg{width:42px;height:42px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.arena-feature-item strong{display:block;font-size:13px;color:#fff;margin-bottom:4px}
.arena-feature-item small{display:block;color:#8293ad;font-size:12px;line-height:1.5;max-width:160px}

/* Make normal content cards slightly translucent so the stadium remains visible */
.side-card,.content-card,.scorecard-card,.form-card,.match-card,.history-row{backdrop-filter:blur(8px)}

@media(max-width:1050px){
  .arena-feature-strip{grid-template-columns:repeat(3,1fr)}
  .arena-feature-item:nth-child(3):after{display:none}
  .arena-feature-item:nth-child(n/**/+4){border-top:1px solid rgba(86,104,135,.18)}
  .match-carousel{padding-inline:18px}
}
@media(max-width:760px){
  body{background-attachment:scroll,scroll;background-size:auto 1000px,auto 1000px}
  .match-carousel{min-height:300px;padding:0 14px 26px}
  .carousel-viewport{min-height:276px}
  .carousel-arrow{width:36px;height:36px;font-size:26px;top:48%}
  .carousel-prev{left:-4px}.carousel-next{right:-4px}
  .arena-feature-strip{grid-template-columns:1fr 1fr}
  .arena-feature-item{min-height:126px;padding:18px 12px}
  .arena-feature-item:nth-child(odd):after{display:block}.arena-feature-item:nth-child(even):after{display:none}
  .arena-feature-item:nth-child(n/**/+3){border-top:1px solid rgba(86,104,135,.18)}
  .arena-feature-item:last-child{grid-column:1/-1}
  .feature-icon{width:42px;height:42px}.feature-icon svg{width:36px;height:36px}
}

/* =========================================================
   NeonArena V2 homepage parity - hero + four panels + help
   ========================================================= */
.arena-main{position:relative;overflow:visible}
.arena-main:before,.arena-main:after{
  content:"";position:absolute;z-index:-1;top:16px;width:220px;height:300px;pointer-events:none;opacity:.72;
  background:
    radial-gradient(circle at 18px 18px,rgba(228,241,255,.98) 0 7px,rgba(145,187,255,.58) 8px 13px,transparent 15px) 0 0/38px 38px;
  filter:drop-shadow(0 0 14px rgba(130,179,255,.65)) drop-shadow(0 0 34px rgba(98,88,255,.25));
  mask-image:linear-gradient(180deg,#000 0 50%,transparent 92%);
}
.arena-main:before{left:-125px;transform:rotate(-18deg)}
.arena-main:after{right:-125px;transform:rotate(18deg)}
.arena-home-top{
  display:grid;grid-template-columns:minmax(0,.92fr) minmax(520px,1.28fr);gap:28px;align-items:stretch;
  position:relative;margin:0 0 24px;padding:0;min-height:420px;
}
.arena-home-copy{
  padding:34px 10px 28px 0;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2;
}
.arena-home-copy .hero-eyebrow{display:flex;align-items:center;gap:9px;color:#c7a8ff;font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:800}
.arena-home-copy .hero-eyebrow span{width:8px;height:8px;border-radius:50%;background:#ff4b78;box-shadow:0 0 14px #ff4b78}
.arena-home-copy h1{font-size:clamp(40px,5.1vw,72px);line-height:.95;margin:14px 0 20px;letter-spacing:-.035em}
.arena-home-copy h1 em{display:block;font-style:normal;color:#9358ed;margin-top:8px;text-shadow:0 0 28px rgba(147,88,237,.2)}
.arena-home-copy p{max-width:680px;font-size:15px;line-height:1.8;color:#9aa9bf}

.arena-home-copy .hero-stats{margin-top:30px}
.arena-home-carousel{
  position:relative;display:flex;align-items:center;padding:22px 0 10px;min-width:0;
}
.arena-home-carousel .match-carousel{width:100%}
.arena-home-carousel .feature-match{border-color:rgba(135,79,232,.8);box-shadow:0 0 0 1px rgba(139,83,238,.18),0 0 34px rgba(125,65,221,.16),0 26px 60px rgba(0,0,0,.35)}
.arena-home-carousel .carousel-arrow{top:50%}

.arena-home-panels{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:0 0 18px;position:relative;z-index:2}
.arena-panel{border:1px solid rgba(100,78,164,.58);border-radius:14px;background:linear-gradient(180deg,rgba(8,20,38,.94),rgba(4,13,27,.96));box-shadow:0 14px 38px rgba(0,0,0,.23),inset 0 1px rgba(255,255,255,.025);overflow:hidden}
.arena-panel-head{height:54px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(89,73,147,.28);background:linear-gradient(90deg,rgba(127,62,221,.06),transparent)}
.arena-panel-head h2{font-size:16px;margin:0;display:flex;align-items:center;gap:9px}
.panel-icon{width:24px;height:24px;display:grid;place-items:center;color:#b67bff;font-size:18px;text-shadow:0 0 14px rgba(176,114,255,.6)}
.arena-panel-head a{font-size:12px;color:#c49dff;border:1px solid rgba(135,75,226,.55);border-radius:6px;padding:7px 11px;background:rgba(113,56,201,.08)}
.arena-panel-head a:hover{background:#7442d6;color:#fff}
.arena-panel-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding:12px}
.arena-mini-match{display:flex;flex-direction:column;min-height:168px;padding:12px;border:1px solid rgba(83,102,139,.55);border-radius:10px;background:linear-gradient(180deg,rgba(10,24,44,.96),rgba(5,16,31,.96));color:#fff;transition:.22s;box-shadow:inset 0 1px rgba(255,255,255,.02)}
.arena-mini-match:hover{transform:translateY(-3px);border-color:#7d4bd2;box-shadow:0 12px 28px rgba(0,0,0,.28),0 0 20px rgba(123,71,213,.14)}
.arena-mini-top{display:flex;align-items:center;justify-content:space-between;gap:6px;color:#8fa0b9;font-size:12px;min-height:20px}
.mini-badge{padding:3px 7px;border-radius:6px;font-weight:800;text-transform:uppercase;color:#fff;background:#7e47dd}.mini-result{background:#2c6f61}.mini-upcoming{background:#433a85}
.arena-mini-teams{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:6px;margin:14px 0 8px}
.arena-mini-team{display:grid;justify-items:center;gap:5px;min-width:0}.arena-mini-team strong{font-size:12px}
.mini-team-mark{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#203761,#0a1629 72%);border:2px solid #3c5687;color:#fff;font-weight:900;font-size:12px;overflow:hidden}.mini-team-mark img{width:88%;height:88%;object-fit:contain}
.mini-vs{color:#c0c9d8;font-size:12px}
.arena-mini-score{display:flex;justify-content:space-between;gap:8px;padding:5px 0;color:#e7ecf5;font-size:12px}.arena-mini-score span{color:#b9c5d7}
.arena-mini-result{margin-top:auto;padding-top:5px;color:#84d874;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.arena-mini-title{margin-top:7px;border-top:1px solid rgba(81,101,135,.28);padding-top:7px;color:#8191aa;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.arena-archive-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;padding:12px}
.arena-archive-card{min-height:168px;padding:14px 10px;border:1px solid rgba(100,82,170,.58);border-radius:10px;background:linear-gradient(180deg,rgba(13,24,45,.98),rgba(7,15,31,.98));display:grid;place-items:center;text-align:center;align-content:center;gap:8px;color:#fff;transition:.22s}
.arena-archive-card:hover{transform:translateY(-3px);border-color:#9b62ef;box-shadow:0 0 24px rgba(149,89,240,.18)}
.archive-neon-icon{width:48px;height:48px;border:1px solid rgba(171,96,255,.55);border-radius:50%;display:grid;place-items:center;color:#c28eff;font-size:24px;box-shadow:inset 0 0 18px rgba(145,74,229,.18),0 0 18px rgba(145,74,229,.18)}
.arena-archive-card strong{font-size:12px}.arena-archive-card small{font-size:12px;color:#8899b3}





/* Exact homepage action spacing. */
.arena-home-copy .hero-actions{margin:18px!important}


/* =========================================================
   Cricket Help Center — canonical layout
   Intro is one centered full-width row; cards live below.
   ========================================================= */
.cricket-help-wide{
  width:100%;
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:14px;
  align-items:stretch;
  padding:20px;
  margin:10px 0 34px;
  border:1px solid rgba(134,70,221,.72);
  border-radius:14px;
  background:linear-gradient(100deg,rgba(20,11,54,.94),rgba(9,17,35,.96) 50%,rgba(25,9,61,.94));
  box-shadow:0 0 0 1px rgba(154,80,255,.1),0 0 40px rgba(120,58,225,.16),inset 0 1px rgba(255,255,255,.025);
  position:relative;
  overflow:hidden;
}
.cricket-help-wide:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 3% 50%,rgba(132,72,241,.18),transparent 28%),
    radial-gradient(circle at 97% 50%,rgba(94,68,213,.15),transparent 30%);
}
.cricket-help-wide .help-intro{
  grid-column:1/-1;
  position:relative;
  z-index:1;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  gap:0;
  padding:10px 16px 20px;
  margin:0;
  border-bottom:1px solid rgba(143,83,229,.28);
}
.cricket-help-wide .help-intro>div:last-child{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  width:100%;
}
.cricket-help-wide .help-art{
  width:68px;
  height:68px;
  margin:0 auto 12px;
  border:2px solid #8c50e8;
  border-radius:50%;
  display:grid;
  place-items:center;
  font-size:34px;
  font-weight:900;
  color:#c396ff;
  box-shadow:0 0 30px rgba(137,73,231,.25),inset 0 0 24px rgba(103,50,188,.16);
}
.cricket-help-wide .help-intro h2{margin:0 0 12px;font-size:24px;line-height:1.25}
.cricket-help-wide .help-intro p{margin:0 0 18px;color:#9baac2;font-size:14px;line-height:1.65}
.cricket-help-wide .help-main-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  width:auto;
  
  padding:10px 16px;
  border-radius:7px;
  background:linear-gradient(135deg,#6e3fd0,#9148e2);
  color:#fff;
  font-weight:800;
  
;margin:2px auto 0;font-size:13px}
.cricket-help-wide .help-card,
.cricket-help-wide .help-batsman-art{
  min-height:168px;
  height:100%;
}
@media(max-width:1180px){
  .cricket-help-wide{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cricket-help-wide .help-intro{grid-column:1/-1}
  .cricket-help-wide .help-batsman-art{display:none}
}
@media(max-width:620px){
  .cricket-help-wide{grid-template-columns:1fr;gap:10px;padding:16px;margin-bottom:26px}
  .cricket-help-wide .help-intro{padding:6px 4px 14px}
  .cricket-help-wide .help-art{width:56px;height:56px;font-size:29px}
  .cricket-help-wide .help-card{min-height:120px}
}

.help-card{position:relative;z-index:1;min-height:122px;padding:14px;border:1px solid rgba(88,93,146,.42);border-radius:9px;background:rgba(8,19,37,.74);display:flex;flex-direction:column;align-items:flex-start;gap:7px;color:#fff;transition:.22s}.help-card:hover{transform:translateY(-3px);border-color:#8f51e2;box-shadow:0 10px 24px rgba(0,0,0,.22),0 0 20px rgba(136,77,226,.12)}.help-card>span{width:28px;height:28px;color:#b779ff}.help-card svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.6}.help-card strong{font-size:12px}.help-card small{font-size:12px;color:#8c9bb0;line-height:1.55}.help-card em{margin-top:auto;font-size:12px;color:#bd7cff;font-style:normal;font-weight:800}

@media(max-width:1180px){.arena-home-top{grid-template-columns:1fr}.arena-home-copy{padding-right:0}.arena-home-carousel{padding-top:0}.arena-panel-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.arena-archive-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.arena-home-panels{grid-template-columns:1fr}.arena-panel-cards{grid-template-columns:1fr 1fr}.arena-home-copy h1{font-size:clamp(38px,12vw,58px)}}
@media(max-width:560px){.arena-panel-cards{grid-template-columns:1fr}.arena-archive-cards{grid-template-columns:1fr 1fr}.arena-main:before,.arena-main:after{display:none}}

/* =========================================================
   NeonArena V3 - natural stadium, single-row panels,
   mobile parity, FAQ accordion, breadcrumb contrast
   ========================================================= */

/* 1. Natural stadium treatment: remove synthetic dot-array floodlights. */
.arena-main:before,.arena-main:after{display:none!important}
body{
  background-image:
    linear-gradient(180deg,rgba(3,9,18,.72) 0%,rgba(4,12,24,.88) 48%,rgba(3,9,17,.98) 100%),
    url("/templates/NeonArena/assets/stadium-bg.webp");
  background-size:cover,cover;
  background-position:center top,center top;
}
.arena-home-top{
  isolation:isolate;
  padding:22px;
  border-radius:20px;
  background:
    radial-gradient(ellipse at 3% 16%,rgba(216,233,255,.16),transparent 18%),
    radial-gradient(ellipse at 97% 16%,rgba(216,233,255,.16),transparent 18%),
    linear-gradient(110deg,rgba(6,16,31,.52),rgba(7,16,31,.22));
}
.arena-home-top:before{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;
  background:url("/templates/NeonArena/assets/stadium-bg.webp") center 44%/cover no-repeat;
  opacity:.28;
  mask-image:linear-gradient(180deg,#000 0 70%,transparent 100%);
}

/* 2. Hero copy is a proper glass panel. */
.arena-home-copy{
  padding:34px 32px!important;
  border:1px solid rgba(140,82,234,.68);
  border-radius:16px;
  background:linear-gradient(180deg,rgba(8,19,38,.92),rgba(5,14,29,.88));
  box-shadow:0 0 0 1px rgba(154,87,255,.08),0 18px 44px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.035);
  backdrop-filter:blur(8px);
}
/* Keep only the explicit <span> dot; remove duplicated pseudo dot. */
.arena-home-copy .hero-eyebrow:before{display:none!important}

/* 3. Each homepage module is its own full-width row. */
.arena-home-panels{display:grid!important;grid-template-columns:1fr!important;gap:30px!important;margin:34px 0 36px!important}
.arena-panel{width:100%;margin:0!important;overflow:hidden}
.arena-panel-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:16px}
.arena-archive-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:16px}
.arena-mini-match,.arena-archive-card{min-height:184px}
.arena-panel-head{min-height:58px;height:auto;padding:12px 18px}
.arena-panel-head h2{font-size:18px}

/* 4. Cricket Help remains a standalone, full-width region. */


/* 5. FAQ is now a real click-to-expand accordion. */
.faq-question{
  width:100%;display:flex;align-items:center;justify-content:space-between;gap:18px;
  padding:16px 18px;margin:12px 0 0;border:1px solid rgba(104,83,166,.68);border-radius:10px;
  background:linear-gradient(180deg,#0d1c31,#09172a);color:#f7f9ff;text-align:left;
  font:inherit;font-size:14px;font-weight:750;cursor:pointer;transition:.2s;
}
.faq-question:hover,.faq-question.is-open{border-color:#9c61f1;background:#10213a;box-shadow:0 0 22px rgba(139,79,235,.13)}
.faq-toggle{flex:0 0 28px;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:rgba(137,80,238,.16);color:#c79cff;font-size:20px;line-height:1;transition:transform .2s}
.faq-question.is-open .faq-toggle{transform:rotate(45deg)}
.faq-answer{padding:0 18px 16px!important;margin:0!important;border:1px solid rgba(104,83,166,.50)!important;border-top:0!important;border-radius:0 0 10px 10px!important;background:#09172a;color:#c2cee0!important}
.faq-answer p{margin:0;padding-top:14px;color:#c2cee0}
.faq-answer[hidden]{display:none!important}

/* 6. History action links must read clearly. */
.history-row .card-link,.history-row .card-link:visited,.history-list .card-link,.history-list .card-link:visited{color:#fff!important}

/* 7. Brighter breadcrumbs on every page. */
.breadcrumbs{color:#cbd7ea!important;font-size:12px;font-weight:650;letter-spacing:.01em}
.breadcrumbs a,.breadcrumbs a:visited{color:#c79cff!important;font-weight:750}
.breadcrumbs a:hover{color:#fff!important;text-shadow:0 0 12px rgba(190,145,255,.5)}

/* Tablet */
@media(max-width:1100px){
  .arena-home-top{grid-template-columns:1fr!important;gap:18px;padding:18px}
  .arena-home-copy{padding:30px!important}
  .arena-home-carousel{padding:0 4px 8px!important}
  .arena-panel-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .arena-archive-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  
  
}

/* Phone: deliberate mobile layout, horizontal card rails and compact hero. */
@media(max-width:760px){
  body{background-attachment:scroll!important;background-size:auto 760px!important;background-position:center top!important}
  .arena-container,.arena-main,.footer-inner{width:min(calc(100% - 20px),var(--max))!important}
  .arena-main{padding-top:14px!important;padding-bottom:42px!important}
  .header-inner{padding:10px 0!important}
  .arena-brand{justify-content:flex-start!important}.arena-brand img{height:42px!important;max-width:190px!important}
  .arena-nav{width:100%;overflow-x:auto;gap:18px;padding:8px 0 6px!important;scrollbar-width:none}.arena-nav::-webkit-scrollbar{display:none}.arena-nav a{font-size:12px!important;padding:7px 0!important}
  .header-search{width:100%;grid-template-columns:1fr 44px!important;margin-top:8px!important}
  .header-search input{padding:11px 12px!important;font-size:13px}
  .breadcrumbs{margin:0 0 12px!important;line-height:1.6;font-size:12px!important}

  .arena-home-top{display:grid!important;grid-template-columns:1fr!important;gap:16px!important;padding:10px!important;margin-bottom:26px!important;border-radius:16px}
  .arena-home-copy{padding:24px 20px!important;border-radius:14px}
  .arena-home-copy h1{font-size:clamp(34px,12vw,48px)!important;line-height:1!important;margin:12px 0 16px!important}
  .arena-home-copy h1 em{margin-top:6px!important}
  .arena-home-copy p{font-size:13px!important;line-height:1.7!important}
  .hero-actions{display:grid!important;grid-template-columns:1fr 1fr;gap:9px!important;margin-top:18px!important}
  .hero-actions a{padding:10px 8px!important;font-size:12px!important}
  .hero-stats{margin-top:20px!important;justify-content:space-between!important}.hero-stat{flex:1;padding:0 10px!important;margin:0!important;text-align:center}.hero-stat strong{font-size:20px!important}.hero-stat span{font-size:12px!important}
  .arena-home-carousel{padding:0!important}.match-carousel{min-height:286px!important;padding:0 8px 26px!important}.carousel-viewport{min-height:258px!important}
  .feature-match-top{padding:11px 13px!important;font-size:12px!important}.feature-teams{padding:22px 12px!important;gap:6px!important}.team-mark{width:48px!important;height:48px!important}.feature-team strong{font-size:12px!important}.feature-score{font-size:17px!important}.feature-result{font-size:12px!important}.feature-meta{font-size:12px!important;padding-bottom:14px!important}
  .carousel-arrow{width:34px!important;height:34px!important;font-size:24px!important}.carousel-prev{left:-6px!important}.carousel-next{right:-6px!important}

  .arena-home-panels{gap:26px!important;margin:26px 0 30px!important}
  .arena-panel{border-radius:12px!important}
  .arena-panel-head{padding:11px 12px!important;min-height:52px!important}.arena-panel-head h2{font-size:15px!important}.arena-panel-head a{font-size:12px!important;padding:6px 8px!important}
  .arena-panel-cards,.arena-archive-cards{display:flex!important;overflow-x:auto!important;grid-template-columns:none!important;gap:12px!important;padding:14px 12px 18px!important;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .arena-panel-cards::-webkit-scrollbar,.arena-archive-cards::-webkit-scrollbar{display:none}
  .arena-mini-match,.arena-archive-card{flex:0 0 min(82vw,290px)!important;scroll-snap-align:start;min-height:178px!important}
  .arena-archive-card{flex-basis:min(70vw,235px)!important}

  .help-card{min-height:105px!important}
  .content-card,.scorecard-card,.form-card{padding:18px!important}
  .faq-question{font-size:13px!important;padding:14px!important}.faq-answer{padding:0 14px 14px!important}
}

@media(max-width:420px){
  .hero-actions{grid-template-columns:1fr!important}
  .arena-home-copy{padding:22px 16px!important}
  .arena-mini-match{flex-basis:84vw!important}
  .arena-archive-card{flex-basis:76vw!important}
}


/* =========================================================
   CTA animation — one canonical implementation shared by
   global-floating-cta and match-cta-inline.
   ========================================================= */
.global-floating-cta,
.match-cta-inline{
  isolation:isolate;
  overflow:visible;
  border:1px solid rgba(214,179,255,.76);
  border-radius:999px;
  background:linear-gradient(135deg,#6134c9 0%,#9b4af0 50%,#7137d4 100%);
  color:#fff;
  font-weight:900;
  letter-spacing:.02em;
  text-align:center;
  box-shadow:
    0 12px 34px rgba(0,0,0,.38),
    0 0 20px rgba(158,78,244,.48),
    0 0 42px rgba(112,51,224,.22),
    inset 0 1px 0 rgba(255,255,255,.30);
  animation:arenaCtaBreath 2.2s ease-in-out infinite;
}
.global-floating-cta{
  position:fixed;
  left:50%;
  bottom:22px;
  z-index:80;
  transform:translateX(-50%);
  min-width:260px;
  max-width:min(88vw,560px);
  padding:13px 30px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:14px;
}
.match-cta-inline{
  position:relative;
  z-index:2;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  padding:12px 24px;
  font-size:13px;
}
.global-floating-cta:before,
.global-floating-cta:after,
.match-cta-inline:before,
.match-cta-inline:after{
  content:"";
  position:absolute;
  inset:0;
  border:2px solid rgba(184,111,255,.72);
  border-radius:inherit;
  background:transparent;
  box-shadow:0 0 18px rgba(147,75,242,.30);
  opacity:0;
  pointer-events:none;
  z-index:-1;
  transform:scale(1);
  transform-origin:50% 50%;
  animation:arenaCtaRipple 2.8s cubic-bezier(.16,.66,.34,1) infinite;
}
.global-floating-cta:after,
.match-cta-inline:after{
  animation-delay:1.4s;
}
.global-floating-cta-glow,
.match-cta-inline-glow{
  position:absolute;
  inset:0;
  display:block;
  border-radius:inherit;
  overflow:hidden;
  pointer-events:none;
  z-index:1;
  background:transparent;
}
.global-floating-cta-glow:before,
.match-cta-inline-glow:before{
  content:"";
  position:absolute;
  top:-30%;
  bottom:-30%;
  left:-72%;
  width:62%;
  background:linear-gradient(
    100deg,
    transparent 0%,
    rgba(255,255,255,.06) 22%,
    rgba(255,255,255,.62) 48%,
    rgba(233,209,255,.26) 64%,
    transparent 100%
  );
  filter:blur(.35px);
  transform:skewX(-18deg);
  animation:arenaCtaSweep 2.9s ease-in-out infinite;
}
.global-floating-cta-glow:after,
.match-cta-inline-glow:after{
  content:none;
  display:none;
}
.global-floating-cta-text,
.match-cta-inline-text{
  position:relative;
  z-index:2;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
}
.global-floating-cta:hover{
  filter:brightness(1.1);
  transform:translateX(-50%) translateY(-2px);
}
.match-cta-inline:hover{
  filter:brightness(1.1);
  transform:translateY(-2px);
}
@keyframes arenaCtaRipple{
  0%{opacity:.72;transform:scale(1,1)}
  70%{opacity:.13;transform:scale(1.28,1.62)}
  100%{opacity:0;transform:scale(1.42,1.9)}
}
@keyframes arenaCtaSweep{
  0%,12%{left:-72%;opacity:0}
  20%{opacity:1}
  70%{opacity:1}
  84%,100%{left:120%;opacity:0}
}
@keyframes arenaCtaBreath{
  0%,100%{
    filter:brightness(1);
    box-shadow:0 12px 34px rgba(0,0,0,.38),0 0 18px rgba(158,78,244,.42),0 0 34px rgba(104,48,214,.18),inset 0 1px 0 rgba(255,255,255,.26);
  }
  50%{
    filter:brightness(1.08);
    box-shadow:0 14px 38px rgba(0,0,0,.42),0 0 28px rgba(181,102,255,.72),0 0 50px rgba(117,54,226,.30),inset 0 1px 0 rgba(255,255,255,.32);
  }
}
@media(max-width:620px){
  .global-floating-cta{
    bottom:12px;
    min-width:0;
    width:min(calc(100% - 34px),430px);
    padding:12px 20px;
    font-size:12px;
  }
  .match-cta-inline{width:100%;max-width:380px}
}

/* =========================================================
   NeonArena V4 - CTA / detail pages / match rows / alignment
   ========================================================= */

/* 1. Global floating CTA: one public URL + configurable copy. */










/* 2. All generic hero blocks are visually centered. */
.hero{text-align:center!important}
.hero>h1,.hero>p,.hero>.hero-eyebrow,.hero>.hero-actions,.hero>.hero-stats,.hero>form{margin-left:auto!important;margin-right:auto!important}
.hero .hero-eyebrow{justify-content:center}
.hero-actions,.hero-stats{justify-content:center}
.search-hero-form{margin-left:auto!important;margin-right:auto!important}

/* 3. Static content may use the full content column. */
.static-content,.content-card.static-content{max-width:none!important}

/* 4. Mobile brand + navigation stay centered. */
@media(max-width:760px){
  .arena-brand{justify-content:center!important;text-align:center!important;width:100%}
  .arena-brand img{object-position:center center!important;margin-inline:auto!important}
  .arena-nav{justify-content:center!important;text-align:center!important;width:100%!important}
}

/* 5. Homepage top pair aligns exactly to panel edges and equal heights. */
.arena-home-top{
  padding:0!important;gap:18px!important;background:none!important;border-radius:0!important;
  grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr)!important;align-items:stretch!important;min-height:410px!important;
}
.arena-home-top:before{display:none!important}
.arena-home-copy,.arena-home-carousel{min-height:410px!important;height:100%!important}
.arena-home-copy{padding:30px 32px!important;justify-content:center!important}
.arena-home-carousel{padding:0!important;align-items:stretch!important}
.arena-home-carousel .match-carousel{padding:0 0 30px!important;min-height:410px!important;display:flex;flex-direction:column;flex:1}
.arena-home-carousel .carousel-viewport{min-height:380px!important;height:100%!important;flex:1}
.arena-home-carousel .carousel-slide.is-active{height:100%!important;min-height:380px!important;display:flex!important;flex-direction:column!important}
.arena-home-carousel .feature-meta{margin-top:auto}
.arena-home-carousel .carousel-prev{left:-20px!important}.arena-home-carousel .carousel-next{right:-20px!important}

/* 6. Large match-detail hero with team logos and stronger match-center hierarchy. */
.arena-match-detail-hero{
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
  gap:18px!important;padding:34px clamp(20px,4vw,56px)!important;min-height:520px;
  border-color:rgba(139,82,232,.72)!important;
  background:
    radial-gradient(circle at 50% 44%,rgba(133,77,225,.16),transparent 32%),
    linear-gradient(180deg,rgba(8,20,39,.93),rgba(5,14,29,.96)),
    url("/templates/NeonArena/assets/stadium-bg.webp") center 46%/cover no-repeat!important;
  box-shadow:0 22px 65px rgba(0,0,0,.34),0 0 32px rgba(125,70,219,.12)!important;
}
.match-detail-kicker{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;color:#b7c5db;font-size:12px;position:relative;z-index:2}
.match-detail-copy{display:grid!important;justify-items:center!important;text-align:center!important;position:relative;z-index:2}
.match-detail-copy h1{font-size:clamp(30px,4.5vw,56px)!important;max-width:980px;margin:8px auto 4px!important}
.match-detail-copy p{margin:0!important;color:#96a7c0!important}
.match-detail-versus{width:min(880px,100%);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;gap:30px!important;padding:20px 0 4px!important}
.match-detail-team{display:grid!important;justify-items:center!important;gap:9px!important}
.match-detail-logo{width:108px!important;height:108px!important;font-size:25px!important;border-width:3px!important;background:radial-gradient(circle at 35% 28%,#274b83,#09182d 72%)!important;box-shadow:0 0 34px rgba(126,85,231,.28)!important}
.match-detail-logo img{width:90%!important;height:90%!important;object-fit:contain!important}
.match-detail-team strong{font-size:clamp(18px,2.2vw,26px)!important}
.match-detail-team>b{font-size:clamp(21px,2.6vw,32px);color:#fff}
.match-detail-vs{font-size:clamp(24px,3vw,42px);font-weight:950;color:#b693ff;text-shadow:0 0 24px rgba(148,84,239,.42)}
.match-result{margin:2px auto!important;padding:9px 18px;border-radius:999px;background:rgba(124,68,219,.13);border:1px solid rgba(158,99,244,.28)}
.match-detail-meta{width:100%!important;justify-content:center!important;border-top:1px solid rgba(125,145,180,.16)!important;padding-top:16px!important;color:#a7b5c9!important}



/* 7. Match list: one full-width fixture per row, logo-first, whole row clickable. */
.arena-matches-section{margin-top:28px}
.arena-match-list{display:grid;gap:16px}
.arena-match-row{
  min-height:132px;display:grid;grid-template-columns:minmax(150px,.7fr) minmax(210px,1fr) 62px minmax(210px,1fr) minmax(180px,.85fr) 42px;
  align-items:center;gap:16px;padding:18px 20px;border:1px solid rgba(91,84,155,.62);border-radius:14px;
  color:#fff;background:linear-gradient(100deg,rgba(11,26,47,.97),rgba(6,17,33,.97));
  box-shadow:0 16px 42px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.025);transition:.22s;position:relative;overflow:hidden;
}
.arena-match-row:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#9b5af4,#4c7bff);box-shadow:0 0 14px rgba(143,83,240,.55)}
.arena-match-row:hover{transform:translateY(-2px);border-color:#9861e7;box-shadow:0 20px 50px rgba(0,0,0,.28),0 0 26px rgba(132,75,224,.13)}
.match-row-meta{display:grid;gap:8px;color:#9aabc2;font-size:12px}.match-row-meta .mini-badge{width:max-content}
.match-row-team{display:grid;grid-template-columns:68px 1fr;align-items:center;gap:13px;min-width:0}
.match-row-team>div{min-width:0}.match-row-team strong{display:block;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.match-row-team b{display:block;margin-top:4px;color:#fff;font-size:18px}
.match-row-logo{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 35% 30%,#234475,#09172b 72%);border:2px solid #3c5a8b;color:#fff;font-weight:900;box-shadow:0 0 20px rgba(99,87,202,.18)}
.match-row-logo img{width:90%;height:90%;object-fit:contain}
.match-row-vs{font-weight:950;text-align:center;color:#9273c8;font-size:16px}
.match-row-info{display:grid;gap:4px;color:#b1bdd0;font-size:12px;text-align:right}.match-row-info small{color:#7f91ad}.match-row-info em{color:#7fd56d;font-style:normal;font-weight:700}
.match-row-arrow{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(148,91,235,.55);color:#c899ff;font-size:20px;justify-self:end}
.match-tabs{justify-content:center!important}

/* Bottom space so fixed CTA never covers footer/content. */
body{padding-bottom:78px}

@media(max-width:1100px){
  .arena-home-top{grid-template-columns:1fr!important;min-height:0!important}
  .arena-home-copy,.arena-home-carousel{min-height:0!important;height:auto!important}
  .arena-home-carousel .match-carousel{min-height:330px!important}.arena-home-carousel .carousel-viewport{min-height:300px!important}
  .arena-match-row{grid-template-columns:120px 1fr 46px 1fr 150px 34px;gap:12px;padding:16px}
  .match-row-team{grid-template-columns:56px 1fr}.match-row-logo{width:54px;height:54px}.match-row-team strong{font-size:14px}.match-row-team b{font-size:15px}
}

@media(max-width:760px){
  
  body{padding-bottom:72px}
  .arena-home-top{gap:16px!important}
  .arena-home-copy,.arena-home-carousel{min-height:0!important}
  .arena-home-carousel .match-carousel{min-height:286px!important}.arena-home-carousel .carousel-viewport{min-height:258px!important}
  .arena-home-carousel .carousel-prev{left:-6px!important}.arena-home-carousel .carousel-next{right:-6px!important}

  .arena-match-detail-hero{min-height:0;padding:24px 14px!important;gap:14px!important}
  .match-detail-kicker{flex-wrap:wrap}
  .match-detail-versus{gap:12px!important}.match-detail-logo{width:72px!important;height:72px!important}.match-detail-team strong{font-size:13px!important}.match-detail-team>b{font-size:17px}.match-detail-vs{font-size:24px}.match-detail-meta{display:grid!important;gap:6px!important;text-align:center}
  

  .arena-match-row{grid-template-columns:1fr auto 1fr;grid-template-areas:"meta meta meta" "ta vs tb" "info info arrow";gap:12px;padding:15px 13px;min-height:0}
  .match-row-meta{grid-area:meta;grid-template-columns:auto 1fr;align-items:center}.match-row-team-a{grid-area:ta}.match-row-team-b{grid-area:tb}.match-row-vs{grid-area:vs}.match-row-info{grid-area:info;text-align:left}.match-row-arrow{grid-area:arrow}
  .match-row-team{grid-template-columns:1fr;justify-items:center;text-align:center;gap:7px}.match-row-logo{width:58px;height:58px}.match-row-team strong{font-size:12px;white-space:normal}.match-row-team b{font-size:14px}
}

@media(max-width:420px){
  .arena-nav{gap:14px!important}.arena-nav a{font-size:12px!important}
  .match-detail-logo{width:62px!important;height:62px!important}
  .match-row-logo{width:50px;height:50px}
}

/* =========================================================
   NeonArena V5 - CTA parity / history / match context / hero balance
   ========================================================= */

/* Homepage: give the information panel more width so the title wraps less,
   while keeping both hero columns visually balanced. */
.arena-home-top{
  grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr)!important;
  min-height:360px!important;
}
.arena-home-copy,.arena-home-carousel{min-height:360px!important;height:100%!important}
.arena-home-carousel .match-carousel{min-height:360px!important}
.arena-home-carousel .carousel-viewport{min-height:330px!important}
.arena-home-carousel .carousel-slide.is-active{min-height:330px!important}
.arena-home-copy h1{font-size:clamp(40px,4.4vw,66px)!important}

/* History season detail: exactly three match cards per desktop row. */
.history-detail-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important}

/* Match CTA uses the same pulse/ripple/shine language as the global CTA. */






/* Production match preview and historical context. */
.match-preview-card,.match-live-summary,.related-history-section{
  border:1px solid rgba(126,78,218,.5)!important;
  background:linear-gradient(180deg,rgba(10,23,42,.95),rgba(6,16,31,.96))!important;
  box-shadow:0 16px 44px rgba(0,0,0,.24),0 0 24px rgba(128,72,224,.08)!important;
}
.match-preview-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0}
.match-preview-facts>div{padding:14px;border:1px solid rgba(117,94,177,.38);border-radius:10px;background:#0a192d}
.match-preview-facts small{display:block;color:#8193ad;text-transform:uppercase;letter-spacing:.08em;font-size:12px;margin-bottom:6px}
.match-preview-facts strong{display:block;color:#f6f8ff;font-size:13px;line-height:1.45}
.related-history-head{align-items:flex-end}.related-history-head p{margin:5px 0 0;color:#8799b4;font-size:12px}
.related-history-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px}
.related-history-card{display:block;padding:16px;border:1px solid rgba(114,86,180,.46);border-radius:12px;background:linear-gradient(180deg,#0b1b31,#071529);color:#f4f7ff;transition:.2s}
.related-history-card:hover{transform:translateY(-2px);border-color:#9258e8;box-shadow:0 12px 30px rgba(0,0,0,.25),0 0 20px rgba(143,80,235,.12)}
.related-history-date{color:#9cafc9;font-size:12px;margin-bottom:12px}
.related-history-teams{display:grid;grid-template-columns:auto 1fr auto auto 1fr;align-items:center;gap:8px}
.related-history-teams span{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#152a48;border:1px solid #35527b;font-size:12px;font-weight:900}
.related-history-teams strong{font-size:12px;color:#fff}.related-history-teams i{font-style:normal;color:#786f99;font-size:12px;text-transform:uppercase}
.related-history-card p{margin:12px 0 5px!important;color:#8fd66c!important;font-size:12px!important;font-weight:700}
.related-history-card small{color:#778aa7;font-size:12px}

@media(max-width:1100px){
  .arena-home-top{grid-template-columns:1fr!important;min-height:0!important}
  .arena-home-copy,.arena-home-carousel{min-height:0!important;height:auto!important}
  .history-detail-grid,.related-history-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .match-preview-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .history-detail-grid,.related-history-grid{grid-template-columns:1fr!important}
  .match-preview-facts{grid-template-columns:1fr 1fr}
}
@media(max-width:420px){.match-preview-facts{grid-template-columns:1fr}}

/* =========================================================
   NeonArena V6 - 24 history items / 3-column dashboard / CTA parity / hero balance
   ========================================================= */

/* History index and season detail: three columns on desktop. */
.history-seasons-grid,
.history-detail-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:18px!important;
}

/* Season pagination centered under the 24-card page. */
.history-pagination{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  gap:14px!important;
  width:100%!important;
  margin:28px auto 10px!important;
}
.history-pagination .pill{min-width:110px;text-align:center}

/* Home dashboard: exactly three items per row on desktop. */
.arena-panel-cards,
.arena-archive-cards{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}

/* Hero: make information panel wider and reduce forced height so the match
   carousel does not finish with a large empty lower area. */
.arena-home-top{
  grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)!important;
  min-height:320px!important;
  align-items:stretch!important;
}
.arena-home-copy,.arena-home-carousel{
  min-height:320px!important;
  height:100%!important;
}
.arena-home-copy{padding:28px 36px!important}
.arena-home-copy h1{font-size:clamp(38px,4.15vw,62px)!important;line-height:.98!important}
.arena-home-copy p{line-height:1.65!important;margin-top:14px!important}

.arena-home-copy .hero-stats{margin-top:22px!important}
.arena-home-carousel .match-carousel{min-height:320px!important;padding-bottom:24px!important}
.arena-home-carousel .carousel-viewport{min-height:292px!important}
.arena-home-carousel .carousel-slide.is-active{min-height:292px!important}

/* Inline match CTA gets the same glow pulse, ripple and moving shine as the
   global floating CTA, but remains in normal document flow. */








@media(max-width:1100px){
  .arena-home-top{grid-template-columns:1fr!important;min-height:0!important}
  .arena-home-copy,.arena-home-carousel{min-height:0!important;height:auto!important}
  .arena-panel-cards,.arena-archive-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .history-seasons-grid,.history-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:760px){
  .arena-panel-cards,.arena-archive-cards,
  .history-seasons-grid,.history-detail-grid{grid-template-columns:1fr!important}
  .history-pagination{margin-top:22px!important}
}

/* =========================================================
   NeonArena V7 — approved hero proportion + natural stadium
   spotlights + pagination centering + CTA animation parity
   ========================================================= */

/* Approved desktop hero proportion from the latest mockup. */
.arena-home-top{
  position:relative!important;
  grid-template-columns:minmax(0,.98fr) minmax(0,1.02fr)!important;
  gap:24px!important;
  min-height:0!important;
  padding:26px 28px!important;
  overflow:hidden!important;
  background:
    linear-gradient(180deg,rgba(3,10,22,.28),rgba(3,10,22,.72)),
    url("/templates/NeonArena/assets/stadium-bg.webp") center 46%/cover no-repeat!important;
}
/* Replace the old artificial light-dot look with soft, natural floodlight beams. */
.arena-home-top:before{
  display:block!important;
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  pointer-events:none!important;
  opacity:1!important;
  mask-image:none!important;
  background:
    radial-gradient(ellipse 22% 40% at 0% 8%,rgba(226,239,255,.34) 0%,rgba(146,188,255,.14) 28%,transparent 68%),
    radial-gradient(ellipse 22% 40% at 100% 8%,rgba(226,239,255,.34) 0%,rgba(146,188,255,.14) 28%,transparent 68%),
    linear-gradient(112deg,rgba(116,169,255,.15) 0 7%,transparent 22%),
    linear-gradient(248deg,rgba(116,169,255,.15) 0 7%,transparent 22%)!important;
  mix-blend-mode:screen;
}
.arena-home-top:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 15% 21%,rgba(255,255,255,.20),transparent 2.2%),
    radial-gradient(circle at 85% 21%,rgba(255,255,255,.20),transparent 2.2%),
    linear-gradient(90deg,rgba(1,7,16,.20),transparent 28%,transparent 72%,rgba(1,7,16,.20));
}
.arena-home-copy,.arena-home-carousel{position:relative!important;z-index:2!important;min-height:318px!important;height:318px!important}
.arena-home-copy{padding:30px 34px!important;justify-content:center!important}
.arena-home-copy h1{font-size:clamp(38px,4.05vw,60px)!important;line-height:.98!important;margin:12px 0 18px!important}
.arena-home-copy p{font-size:14px!important;line-height:1.68!important;margin:8px 0 0!important;max-width:660px!important}

.arena-home-copy .hero-stats{margin-top:20px!important}
.arena-home-carousel{padding:0!important;align-items:stretch!important}
.arena-home-carousel .match-carousel{min-height:318px!important;height:318px!important;padding:0 0 22px!important;display:flex!important;flex-direction:column!important}
.arena-home-carousel .carousel-viewport{min-height:288px!important;height:288px!important;flex:1!important}
.arena-home-carousel .carousel-slide.is-active{min-height:288px!important;height:288px!important;display:flex!important;flex-direction:column!important}
.arena-home-carousel .feature-meta{margin-top:auto!important}

/* History pagination: both the button box and its text are truly centered. */
.history-pagination .pill,
.history-pagination a.pill,
.history-pagination button.pill{
  min-width:132px!important;
  min-height:46px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  padding:0 24px!important;
  line-height:1!important;
}

/* Match page inline CTA: same visible pulse/ripple/shine language as the global CTA. */











/* Keep the approved ratio on laptop widths; stack cleanly on tablet/mobile. */
@media(max-width:1180px){
  .arena-home-top{grid-template-columns:1fr!important;gap:18px!important;padding:20px!important}
  .arena-home-copy,.arena-home-carousel{height:auto!important;min-height:0!important}
  .arena-home-carousel .match-carousel{height:auto!important;min-height:320px!important}
  .arena-home-carousel .carousel-viewport,.arena-home-carousel .carousel-slide.is-active{height:auto!important;min-height:290px!important}
}
@media(max-width:760px){
  .arena-home-top{padding:12px!important;background-position:center top!important}
  .arena-home-copy{padding:24px 20px!important}
  .arena-home-copy h1{font-size:clamp(34px,11.5vw,48px)!important}
  .history-pagination{gap:10px!important;flex-wrap:wrap!important}
  .history-pagination .pill{min-width:118px!important;min-height:44px!important;padding:0 18px!important}
}

/* =========================================================
   NeonArena V8 — approved top ratio / real CTA motion / help art
   ========================================================= */

/* 1) Match page inline CTA: visible halo + ripple + sweep.
      Avoid negative z-index layers that were hidden behind the button. */










/* 2) Mini match/footer title is visually centered. */
.arena-mini-title{
  text-align:center!important;
  display:block!important;
  width:100%!important;
}

/* 3) Global Cricket Bonus Offer: stronger horizontal light-ring backdrop. */







/* 4) Help Center gets a dedicated right-side batsman panel like the approved mockup. */

.help-batsman-art{
  position:relative;
  z-index:1;
  min-height:138px;
  border-left:1px solid rgba(119,77,195,.38);
  border-radius:10px;
  background:
    linear-gradient(90deg,rgba(8,17,35,.96) 0%,rgba(8,17,35,.30) 30%,rgba(21,6,57,.08) 100%),
    url("/templates/NeonArena/assets/help-batsman.webp") right center/cover no-repeat;
  box-shadow:inset 28px 0 35px rgba(7,16,32,.72),0 0 26px rgba(111,48,207,.08);
  overflow:hidden;
}
.help-batsman-art:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:radial-gradient(circle at 72% 50%,rgba(140,66,239,.10),transparent 52%);
}

/* 5) Home top: approved near-even ratio, shorter coordinated panels and natural stadium lighting. */
.arena-home-top{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:24px!important;
  padding:22px 24px!important;
  min-height:0!important;
  align-items:stretch!important;
  background:
    linear-gradient(180deg,rgba(3,9,19,.18),rgba(3,9,19,.60)),
    url("/templates/NeonArena/assets/stadium-bg.webp") center 42%/cover no-repeat!important;
}
.arena-home-top:before{
  display:block!important;
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  pointer-events:none!important;
  background:
    radial-gradient(ellipse 19% 34% at 3% 8%,rgba(236,246,255,.38),rgba(120,170,255,.11) 31%,transparent 67%),
    radial-gradient(ellipse 19% 34% at 97% 8%,rgba(236,246,255,.38),rgba(120,170,255,.11) 31%,transparent 67%),
    linear-gradient(108deg,rgba(123,171,255,.12),transparent 21%),
    linear-gradient(252deg,rgba(123,171,255,.12),transparent 21%)!important;
  mix-blend-mode:screen!important;
}
.arena-home-copy,
.arena-home-carousel{
  min-height:316px!important;
  height:316px!important;
}
.arena-home-copy{
  padding:26px 30px!important;
  justify-content:center!important;
}
.arena-home-copy h1{
  font-size:clamp(36px,3.25vw,54px)!important;
  line-height:1.02!important;
  margin:10px 0 16px!important;
}
.arena-home-copy p{
  max-width:590px!important;
  font-size:13px!important;
  line-height:1.62!important;
}

.arena-home-copy .hero-stats{margin-top:16px!important}
.arena-home-carousel{padding:0!important}
.arena-home-carousel .match-carousel{
  height:316px!important;
  min-height:316px!important;
  padding-bottom:20px!important;
}
.arena-home-carousel .carousel-viewport,
.arena-home-carousel .carousel-slide.is-active{
  height:286px!important;
  min-height:286px!important;
}
.arena-home-carousel .feature-meta{margin-top:auto!important}

@media(max-width:1320px){
  
  .help-batsman-art{display:none!important}
}
@media(max-width:1180px){
  .arena-home-top{grid-template-columns:1fr!important;gap:18px!important;padding:18px!important}
  .arena-home-copy,.arena-home-carousel{height:auto!important;min-height:0!important}
  .arena-home-carousel .match-carousel{height:auto!important;min-height:310px!important}
  .arena-home-carousel .carousel-viewport,.arena-home-carousel .carousel-slide.is-active{height:auto!important;min-height:280px!important}
}
@media(max-width:760px){
  .arena-home-top{padding:12px!important;background-position:center top!important}
  .arena-home-copy{padding:22px 18px!important}
  .arena-home-copy h1{font-size:clamp(33px,10.8vw,47px)!important}
  
  
}

/* =========================================================
   NeonArena V9 — help art framing / CTA halo centering / hero stats alignment
   ========================================================= */

/* 1) Help Center artwork: show the complete batsman instead of cropping the
      source image with background-size:cover. */
.help-batsman-art{
  min-height:150px!important;
  background-image:
    linear-gradient(90deg,rgba(7,16,32,.98) 0%,rgba(8,17,35,.78) 20%,rgba(18,7,53,.22) 58%,rgba(23,6,65,.05) 100%),
    url("/templates/NeonArena/assets/help-batsman.webp")!important;
  background-size:100% 100%,contain!important;
  background-position:center,right bottom!important;
  background-repeat:no-repeat,no-repeat!important;
  box-shadow:inset 24px 0 32px rgba(7,16,32,.70),0 0 28px rgba(111,48,207,.10)!important;
}
.help-batsman-art:after{
  background:radial-gradient(ellipse at 76% 58%,rgba(150,76,255,.20),transparent 52%)!important;
}

/* 2) Global CTA halo: disable the old independently-positioned pseudo rings
      and anchor every light ring to the glow span itself. This prevents the
      ellipse from drifting away from the fixed button. */







/* Keep the button surface shine without using the halo pseudo-elements. */




/* 3) Home hero counters: reserve a real bottom row inside the left card,
      center each counter, and never let labels fall outside the border. */
.arena-home-copy{
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  min-height:336px!important;
  height:336px!important;
  padding:24px 30px 18px!important;
  box-sizing:border-box!important;
}
.arena-home-copy h1{margin:8px 0 13px!important}
.arena-home-copy p{margin:4px 0 0!important}

.arena-home-copy .hero-stats{
  margin-top:auto!important;
  width:100%!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  align-items:end!important;
  justify-content:stretch!important;
  padding-top:14px!important;
  border-top:1px solid rgba(91,111,149,.30)!important;
}
.arena-home-copy .hero-stat{
  min-width:0!important;
  margin:0!important;
  padding:0 14px!important;
  border-right:1px solid rgba(91,111,149,.46)!important;
  text-align:center!important;
}
.arena-home-copy .hero-stat:last-child{border-right:0!important}
.arena-home-copy .hero-stat strong{
  display:block!important;
  line-height:1.05!important;
  margin:0 0 7px!important;
}
.arena-home-copy .hero-stat span{
  display:block!important;
  line-height:1.2!important;
  white-space:nowrap!important;
}

/* Match the right carousel to the corrected left-card height. */
.arena-home-carousel{min-height:336px!important;height:336px!important}
.arena-home-carousel .match-carousel{min-height:336px!important;height:336px!important}
.arena-home-carousel .carousel-viewport,
.arena-home-carousel .carousel-slide.is-active{min-height:306px!important;height:306px!important}

@media(max-width:1180px){
  .arena-home-copy,.arena-home-carousel{height:auto!important;min-height:0!important}
  .arena-home-carousel .match-carousel{height:auto!important;min-height:320px!important}
  .arena-home-carousel .carousel-viewport,
  .arena-home-carousel .carousel-slide.is-active{height:auto!important;min-height:290px!important}
}
@media(max-width:760px){
  .arena-home-copy{padding:22px 18px 16px!important}
  .arena-home-copy .hero-stats{padding-top:12px!important}
  .arena-home-copy .hero-stat{padding:0 8px!important}
  
}

/* =========================================================
   NeonArena V10 — production cleanup
   - Help art fills its panel naturally
   - Global CTA: no detached halo, only button glow + ripple
   - Stadium background stays global, not duplicated on home top
   - Hero cards auto-size together; counters stay inside border
   ========================================================= */

/* 1) Help Center decorative batsman: use the portrait asset as a real
      full-height panel instead of shrinking a landscape image with contain. */

.help-batsman-art{
  min-height:100%!important;
  height:auto!important;
  background-image:
    linear-gradient(90deg,rgba(7,16,32,.94) 0%,rgba(8,17,35,.38) 30%,rgba(18,7,53,.06) 72%),
    url("/templates/NeonArena/assets/help-batsman.webp")!important;
  background-size:100% 100%,cover!important;
  background-position:center,center bottom!important;
  background-repeat:no-repeat,no-repeat!important;
  box-shadow:inset 18px 0 30px rgba(7,16,32,.58),0 0 30px rgba(111,48,207,.12)!important;
}
.help-batsman-art:after{
  background:linear-gradient(180deg,transparent 58%,rgba(7,16,32,.16))!important;
}

/* 2) Floating CTA: remove the detached ellipse/halo layer completely.
      Keep a centered surface glow, shine and two close ripple rings. */







/* 3) The stadium is a site-wide BODY background. Do not create a second
      boxed stadium image inside .arena-home-top. */
.arena-home-top{
  background:transparent!important;
  background-image:none!important;
  padding:0!important;
  border-radius:0!important;
  isolation:auto!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:28px!important;
  align-items:stretch!important;
  overflow:visible!important;
}
.arena-home-top:before,
.arena-home-top:after{display:none!important;content:none!important}

/* Keep the global stadium visible through the two glass cards. */
.arena-home-copy,
.arena-home-carousel{
  background-color:rgba(6,16,32,.76)!important;
  backdrop-filter:blur(7px)!important;
}

/* 4) Never hard-lock the hero card height. The grid stretches both columns
      to the taller card so the counters remain inside the left border while
      both sides still finish on the same baseline. */
.arena-home-copy,
.arena-home-carousel{
  height:auto!important;
  min-height:390px!important;
  box-sizing:border-box!important;
}
.arena-home-copy{
  padding:28px 32px 24px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
}
.arena-home-copy h1{
  font-size:clamp(38px,3.65vw,58px)!important;
  line-height:1.01!important;
  margin:8px 0 15px!important;
}
.arena-home-copy p{
  margin:4px 0 0!important;
  line-height:1.65!important;
}

.arena-home-copy .hero-stats{
  margin-top:auto!important;
  padding:18px 0 2px!important;
  width:100%!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  align-items:center!important;
  border-top:1px solid rgba(91,111,149,.30)!important;
}
.arena-home-copy .hero-stat{
  padding:0 14px!important;
  margin:0!important;
  min-width:0!important;
  text-align:center!important;
  border-right:1px solid rgba(91,111,149,.46)!important;
}
.arena-home-copy .hero-stat:last-child{border-right:0!important}
.arena-home-copy .hero-stat strong,
.arena-home-copy .hero-stat span{
  display:block!important;
  text-align:center!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.arena-home-copy .hero-stat strong{margin-bottom:7px!important;line-height:1!important}
.arena-home-copy .hero-stat span{line-height:1.25!important;white-space:nowrap!important}

.arena-home-carousel{
  padding:0!important;
  display:flex!important;
  align-items:stretch!important;
}
.arena-home-carousel .match-carousel{
  height:auto!important;
  min-height:390px!important;
  flex:1 1 auto!important;
  display:flex!important;
  flex-direction:column!important;
  padding-bottom:28px!important;
}
.arena-home-carousel .carousel-viewport{
  height:auto!important;
  min-height:350px!important;
  flex:1 1 auto!important;
}
.arena-home-carousel .carousel-slide.is-active{
  height:100%!important;
  min-height:350px!important;
}
.arena-home-carousel .feature-match{
  height:100%!important;
  min-height:350px!important;
  display:flex!important;
  flex-direction:column!important;
}
.arena-home-carousel .feature-teams{flex:1 1 auto!important}
.arena-home-carousel .feature-meta{margin-top:auto!important}

@media(max-width:1320px){
  
}
@media(max-width:1180px){
  .arena-home-top{grid-template-columns:1fr!important;gap:18px!important}
  .arena-home-copy,.arena-home-carousel{min-height:0!important;height:auto!important}
  .arena-home-carousel .match-carousel{min-height:320px!important}
  .arena-home-carousel .carousel-viewport,
  .arena-home-carousel .carousel-slide.is-active,
  .arena-home-carousel .feature-match{min-height:290px!important;height:auto!important}
  .help-batsman-art{display:none!important}
  
}
@media(max-width:760px){
  .arena-home-copy{padding:22px 18px 18px!important}
  .arena-home-copy h1{font-size:clamp(34px,10.5vw,47px)!important}
  .arena-home-copy .hero-stats{padding-top:14px!important}
  .arena-home-copy .hero-stat{padding:0 8px!important}
  
}

/* =========================================================
   NeonArena V11 — Help layout + CTA ripple/shine restore
   ========================================================= */

/* 1) Help Center: intro gets a full row, cards + artwork sit below it. */








/* 2) Global floating CTA: restore water-like expanding ripples and a
      highlight that sweeps across the complete <a> surface. */











/* 3) Exact hero button spacing requested. */


@media(max-width:1180px){
  
  
  
}
@media(max-width:620px){
  
  
  
  
  
  
}

.footer-legal{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;font-size:12px}
.footer-legal a{color:#91a4c2;text-decoration:none}
.footer-legal a:hover{color:#d6c7ff}