:root { --arena-ink:#020811; --arena-navy:#051422; --arena-surface:#081b2b; --arena-cyan:#20cfff; --arena-cyan-soft:#8cecff; --arena-gold:#d9ad4b; --arena-paper:#f3f6f8; --arena-muted:#9fb3c5; }
.arena-page { overflow-x: clip; background: var(--arena-ink); color: #fff; }
.arena-page .shell { width: min(100% - 40px, 1440px); }
.arena-page .site-header { border-bottom-color: rgba(102,163,201,.13); background: rgba(2,8,17,.48); backdrop-filter: blur(18px); transition: background .25s ease,border-color .25s ease; }
.arena-page .site-header.arena-header-scrolled { border-bottom-color: rgba(102,163,201,.24); background: rgba(2,8,17,.94); }
.arena-page .brand img { width: auto; max-width: 142px; max-height: 76px; }
.arena-page .main-nav { margin-left: auto; gap: clamp(18px,2vw,34px); }
.arena-page .main-nav a { position: relative; font-size: 14px; letter-spacing: .01em; }
.arena-page .main-nav .arena-nav-active { color: #fff; }
.arena-page .main-nav .arena-nav-active::after { content:""; position:absolute; left:0; right:0; bottom:-10px; height:2px; background:var(--arena-cyan); }
.arena-page .nav-actions { display:flex; align-items:center; gap:14px; }
.arena-language-nav { display:flex; align-items:center; gap:5px; padding:0; border:0; background:none; }
.arena-language-nav a { display:grid; width:31px; height:31px; padding:5px; border:1px solid transparent; border-radius:50%; place-items:center; opacity:.66; }
.arena-language-nav .flag { display:block; width:20px; height:14px; object-fit:cover; }
.arena-language-nav a:hover,.arena-language-nav a:focus-visible { color:#fff; }
.arena-language-nav a.is-active { border-color:var(--arena-cyan); background:rgba(32,207,255,.1); opacity:1; }
.arena-page > .arena-cluster { position:sticky; top:92px; z-index:20; padding:12px 0; border-bottom:1px solid rgba(72,142,177,.18); background:rgba(2,8,17,.92); backdrop-filter:blur(16px); }
.arena-page > .arena-cluster .arena-kicker { display:none; }
.arena-page > .arena-cluster nav { margin:0; flex-wrap:nowrap; overflow-x:auto; scrollbar-width:none; }
.arena-page > .arena-cluster nav a { flex:0 0 auto; white-space:nowrap; overflow-wrap:normal; hyphens:none; }
.arena-page > .arena-cluster nav::-webkit-scrollbar { display:none; }
.arena-page .mobile-languages a { display:flex; align-items:center; gap:8px; }
.arena-page .button { min-height: 52px; border-radius: 4px; letter-spacing: .025em; }
.arena-page .button-primary { border-color: var(--arena-cyan); background: var(--arena-cyan); color:#00111a; box-shadow: 0 14px 34px rgba(32,207,255,.16); }
.arena-page .button-primary:hover { background:#75e7ff; border-color:#75e7ff; transform:translateY(-1px); }
.arena-page a:focus-visible,.arena-page button:focus-visible { outline:3px solid #ffd870; outline-offset:4px; }

.arena-hero { position:relative; isolation:isolate; overflow:hidden; }
.arena-signature-hero { min-height:100svh; padding:146px 0 110px; background: radial-gradient(circle at 76% 43%,rgba(9,130,181,.24),transparent 34%),radial-gradient(circle at 65% 118%,rgba(24,91,130,.22),transparent 38%),linear-gradient(116deg,#020811 0%,#04111f 48%,#062035 100%); }
.arena-signature-hero::before { content:""; position:absolute; inset:0; z-index:-2; background:linear-gradient(90deg,rgba(2,8,17,.96) 0%,rgba(2,8,17,.86) 34%,rgba(2,8,17,.18) 69%,rgba(2,8,17,.5) 100%); }
.arena-signature-hero::after { content:""; position:absolute; left:0; right:0; bottom:0; height:200px; z-index:-1; background:linear-gradient(180deg,transparent,#020811 94%); }
.arena-horizon { position:absolute; z-index:-1; left:35%; right:-15%; bottom:11%; height:1px; background:linear-gradient(90deg,transparent,rgba(61,219,255,.55),transparent); box-shadow:0 -70px 110px rgba(20,179,225,.11); transform:rotate(-5deg); }
.arena-signature-layout { display:grid; grid-template-columns:minmax(480px,.78fr) minmax(580px,1.22fr); align-items:center; min-height:650px; }
.arena-hero-copy { position:relative; z-index:3; max-width:650px; padding:44px 0 58px; }
.arena-kicker,.arena-index { margin:0 0 18px; color:var(--arena-cyan); font-size:12px; font-weight:900; letter-spacing:.25em; text-transform:uppercase; }
.arena-signature-hero .arena-kicker::before { content:""; display:inline-block; width:46px; height:1px; margin:0 15px 4px 0; background:var(--arena-cyan); }
.arena-signature-hero h1 { margin:0; max-width:650px; font-size:clamp(54px,5.3vw,84px); line-height:.91; letter-spacing:-.062em; text-wrap:balance; }
.arena-signature-hero h1 span { display:block; margin-top:.1em; color:var(--arena-cyan-soft); font-weight:420; }
.arena-lead { max-width:630px; margin:28px 0 0; color:#b8c9d8; font-size:clamp(18px,1.4vw,21px); line-height:1.55; }
.arena-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:34px; }
.arena-hero-facts { display:flex; flex-wrap:wrap; gap:22px; margin-top:48px; color:#708aa0; font-size:10px; font-weight:850; letter-spacing:.18em; }
.arena-hero-facts span { display:flex; align-items:center; gap:7px; }
.arena-hero-facts b { color:#fff; font-size:13px; }
.arena-hero-world { position:absolute; z-index:1; width:min(820px,58vw); aspect-ratio:1; right:3vw; bottom:24px; pointer-events:none; filter:drop-shadow(0 48px 80px rgba(0,0,0,.45)); }
.arena-hero-world img { width:100%; height:100%; object-fit:contain; animation:arena-breathe 8s ease-in-out infinite; }
.arena-hero-orbit { position:absolute; z-index:-1; inset:13%; border:1px solid rgba(64,213,255,.25); border-radius:50%; box-shadow:0 0 0 54px rgba(32,207,255,.018),0 0 120px rgba(32,207,255,.14); transform:rotate(-14deg) scaleX(1.14); }
.arena-world-word { position:absolute; top:21%; right:1%; color:rgba(255,255,255,.22); font-size:11px; font-weight:900; letter-spacing:.45em; writing-mode:vertical-rl; }
.arena-world-number { position:absolute; right:2%; bottom:18%; color:var(--arena-gold); font-size:12px; font-weight:900; letter-spacing:.3em; }
.arena-breadcrumbs { position:relative; z-index:4; margin-bottom:15px; }
.arena-breadcrumbs ol { display:flex; flex-wrap:wrap; gap:9px; margin:0; padding:0; color:#728ba0; font-size:13px; list-style:none; }
.arena-breadcrumbs li + li::before { content:"/"; margin-right:9px; color:#39546b; }
.arena-breadcrumbs a:hover,.arena-breadcrumbs a:focus-visible { color:var(--arena-cyan); }
@keyframes arena-breathe { 0%,100%{transform:translate3d(0,0,0) scale(1)} 50%{transform:translate3d(0,-8px,0) scale(1.006)} }

.arena-editorial-hero { min-height:620px; padding:158px 0 94px; background:radial-gradient(circle at 92% 38%,rgba(21,150,204,.19),transparent 31%),linear-gradient(126deg,#020811,#061a2c); }
.arena-editorial-hero::after { content:""; position:absolute; inset:auto 0 0; height:1px; background:linear-gradient(90deg,transparent,var(--arena-cyan),transparent); opacity:.35; }
.arena-editorial-copy { position:relative; z-index:2; max-width:960px; padding-top:54px; }
.arena-editorial-copy h1 { margin:0; max-width:930px; font-size:clamp(46px,5.3vw,78px); line-height:.98; letter-spacing:-.052em; text-wrap:balance; }
.arena-editorial-mark { position:absolute; right:-.03em; bottom:-.22em; color:transparent; font-size:clamp(150px,26vw,430px); font-weight:950; letter-spacing:-.08em; -webkit-text-stroke:1px rgba(53,196,240,.09); }

.arena-world-section,.arena-product-section,.arena-realized-section,.arena-world-stage-section,.arena-trust-section,.arena-rules-teaser,.arena-section { position:relative; padding:clamp(88px,9vw,150px) 0; }
.arena-world-section { background:linear-gradient(180deg,#020811 0%,#061522 100%); }
.arena-section-intro { max-width:900px; }
.arena-section-intro h2,.arena-heading h2,.arena-final h2,.arena-status h2 { margin:0; font-size:clamp(42px,5.2vw,76px); line-height:.98; letter-spacing:-.05em; text-wrap:balance; }
.arena-section-intro > p:not(.arena-index),.arena-heading p:not(.arena-kicker),.arena-status p { max-width:750px; margin:22px 0 0; color:var(--arena-muted); font-size:17px; line-height:1.65; }
.arena-continent-experience { display:grid; grid-template-columns:minmax(500px,1.25fr) minmax(390px,.75fr); gap:clamp(34px,6vw,88px); align-items:center; margin-top:62px; }
.arena-interactive-world { position:relative; min-width:0; aspect-ratio:1.2; overflow:hidden; border:1px solid rgba(82,191,224,.19); background:radial-gradient(circle at 50% 47%,rgba(17,105,144,.26),transparent 47%),linear-gradient(150deg,#061827,#020a13); box-shadow:0 40px 100px rgba(0,0,0,.32); }
.arena-interactive-world::before { content:""; position:absolute; inset:10%; border:1px solid rgba(81,213,250,.13); border-radius:50%; transform:scaleY(.65) rotate(-14deg); }
.arena-world-poster,.arena-interactive-world canvas { position:absolute; inset:0; width:100%; height:100%; object-fit:contain; }
.arena-interactive-world canvas { opacity:0; transition:opacity .55s ease; }
.arena-interactive-world.is-enhanced canvas { opacity:1; }
.arena-interactive-world.is-enhanced .arena-world-poster { opacity:0; }
.arena-interactive-world.is-fallback .arena-world-poster { opacity:1; filter:none; transform:none; }
.arena-world-caption { position:absolute; left:26px; right:26px; bottom:24px; z-index:3; max-width:410px; padding:18px 20px; border-left:2px solid var(--arena-cyan); background:linear-gradient(90deg,rgba(2,8,17,.94),rgba(2,8,17,.54)); backdrop-filter:blur(10px); }
.arena-world-caption span { display:block; color:#698ba3; font-size:10px; font-weight:900; letter-spacing:.2em; }
.arena-world-caption strong { display:block; margin-top:5px; font-size:27px; }
.arena-world-caption p { margin:5px 0 0; color:#9bb2c5; font-size:13px; line-height:1.5; }
.arena-pause { position:absolute; z-index:4; top:20px; right:20px; min-height:42px; padding:0 15px; border:1px solid rgba(115,205,233,.28); border-radius:999px; background:rgba(2,8,17,.78); color:#c8dce9; font:inherit; font-size:12px; cursor:pointer; }
.arena-continent-list { display:grid; gap:8px; }
.arena-continent-button { display:grid; grid-template-columns:104px 1fr; align-items:center; width:100%; min-height:106px; padding:10px 18px 10px 8px; border:1px solid rgba(104,161,193,.17); background:rgba(8,27,43,.54); color:#fff; text-align:left; cursor:pointer; transition:border-color .2s ease,background .2s ease,transform .2s ease; }
.arena-continent-button:hover,.arena-continent-button.is-active { border-color:rgba(55,216,255,.7); background:rgba(11,47,68,.78); transform:translateX(-5px); }
.arena-continent-button img { width:96px; height:78px; object-fit:contain; opacity:.82; transition:opacity .2s ease,filter .2s ease; }
.arena-continent-button.is-active img { opacity:1; filter:drop-shadow(0 0 13px rgba(32,207,255,.42)); }
.arena-continent-button strong { display:block; font-size:20px; }
.arena-continent-button small { display:block; max-height:0; overflow:hidden; opacity:0; color:#9fb7c8; font-size:12px; line-height:1.45; transition:max-height .25s ease,opacity .25s ease,margin .25s ease; }
.arena-continent-button.is-active small { max-height:64px; margin-top:6px; opacity:1; }

.arena-product-section { overflow:hidden; background:#eef3f6; color:#081522; }
.arena-product-section::before { content:""; position:absolute; inset:0; opacity:.28; background:linear-gradient(125deg,transparent 0 48%,rgba(0,154,210,.1) 48.1% 48.3%,transparent 48.4%); }
.arena-product-section .arena-index,.arena-realized-section .arena-index,.arena-trust-section .arena-index,.arena-rules-teaser .arena-index { color:#087aaa; }
.arena-product-section .arena-section-intro > p:not(.arena-index),.arena-realized-section .arena-section-intro > p:not(.arena-index),.arena-trust-section .arena-section-intro > p:not(.arena-index),.arena-rules-teaser .arena-section-intro > p:not(.arena-index) { color:#586b7a; }
.arena-product-flow { position:relative; display:grid; grid-template-columns:1fr 60px 1fr 60px 1fr; align-items:center; margin-top:62px; }
.arena-product-panel { position:relative; min-width:0; min-height:500px; padding:14px 14px 30px; border:1px solid #d4e0e7; background:#fff; box-shadow:0 28px 65px rgba(5,22,34,.1); }
.arena-product-image { height:270px; overflow:hidden; background:#06121f; }
.arena-product-image img { display:block; width:100%; height:100%; padding:24px; object-fit:contain; object-position:center; transition:transform .5s ease; }
.arena-product-panel:hover .arena-product-image img { transform:scale(1.025); }
.arena-product-panel > span { display:block; margin:26px 16px 8px; color:#0b91c4; font-size:11px; font-weight:900; letter-spacing:.2em; }
.arena-product-panel h3 { margin:0 16px; font-size:31px; letter-spacing:-.035em; }
.arena-product-panel p { margin:13px 16px 0; color:#596b79; font-size:15px; line-height:1.58; }
.arena-product-arena { background:#fff; color:#081522; border-color:#d4e0e7; }
.arena-product-arena .arena-product-image { background:radial-gradient(circle,#0b3247,#020811); }
.arena-product-arena .arena-product-image img { object-fit:contain; }
.arena-product-arena p { color:#596b79; }
.arena-flow-line { height:1px; background:linear-gradient(90deg,#a5becb,#0ea5d8,#a5becb); }
.arena-flow-line i { display:block; width:7px; height:7px; margin:-3px auto 0; border-radius:50%; background:#0faee1; box-shadow:0 0 14px #0faee1; }

.arena-realized-section { background:#fff; color:#081522; }
.arena-realized-layout { display:grid; grid-template-columns:minmax(0,.85fr) minmax(520px,1.15fr); gap:clamp(50px,8vw,120px); align-items:center; }
.arena-text-link { display:inline-block; margin-top:26px; color:#057ba8; font-weight:850; }
.arena-timeline { position:relative; min-height:520px; padding:32px; overflow:hidden; border:1px solid rgba(54,184,224,.22); background:radial-gradient(circle at 84% 10%,rgba(25,157,204,.15),transparent 34%),linear-gradient(145deg,#020b14,#071b2c 62%,#09263b); color:#fff; box-shadow:0 38px 90px rgba(5,25,40,.2); }
.arena-timeline::before { content:""; position:absolute; inset:0; opacity:.22; pointer-events:none; background:linear-gradient(rgba(89,181,216,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(89,181,216,.07) 1px,transparent 1px); background-size:48px 48px; mask-image:linear-gradient(90deg,transparent,#000 28%,#000); }
.arena-timeline::after { content:""; position:absolute; right:-105px; top:-125px; width:330px; height:330px; border:1px solid rgba(32,207,255,.16); border-radius:50%; box-shadow:0 0 0 48px rgba(32,207,255,.022),0 0 0 96px rgba(32,207,255,.012); }
.arena-ledger-head { position:relative; z-index:1; display:flex; justify-content:space-between; align-items:center; padding-bottom:18px; border-bottom:1px solid rgba(117,190,220,.16); }
.arena-ledger-head span { color:var(--arena-cyan-soft); font-size:10px; font-weight:900; letter-spacing:.22em; }
.arena-ledger-head strong { color:#657f91; font-size:9px; letter-spacing:.18em; }
.arena-stage-window { position:relative; z-index:1; display:grid; grid-template-columns:auto 1fr auto; gap:14px; align-items:center; margin-top:25px; color:#6f8da2; font-size:9px; font-weight:900; letter-spacing:.16em; }
.arena-stage-window i { height:1px; background:linear-gradient(90deg,rgba(32,207,255,.12),rgba(32,207,255,.7),rgba(217,173,75,.65)); }
.arena-trade-path { position:relative; z-index:1; display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:24px; }
.arena-trade-path > i { position:absolute; left:12%; right:12%; top:30px; height:2px; background:linear-gradient(90deg,#16a8d4,var(--arena-cyan) 60%,var(--arena-gold)); box-shadow:0 0 18px rgba(32,207,255,.2); }
.arena-ledger-event { position:relative; min-height:128px; padding:48px 18px 17px; border:1px solid rgba(78,160,193,.17); background:linear-gradient(145deg,rgba(9,38,59,.88),rgba(3,17,29,.9)); }
.arena-ledger-event::before { content:""; position:absolute; z-index:2; top:22px; left:18px; width:14px; height:14px; border:3px solid #061522; border-radius:50%; background:var(--arena-cyan); box-shadow:0 0 0 1px var(--arena-cyan),0 0 18px rgba(32,207,255,.72); }
.arena-ledger-event b { position:absolute; top:18px; right:17px; color:#48667a; font-size:9px; letter-spacing:.15em; }
.arena-ledger-event span { display:block; color:#fff; font-size:13px; font-weight:900; letter-spacing:.12em; }
.arena-ledger-event small { display:block; margin-top:8px; color:#7792a5; font-size:11px; }
.arena-ledger-event.trade-close { border-color:rgba(217,173,75,.36); background:linear-gradient(145deg,rgba(47,39,20,.54),rgba(8,20,28,.92)); text-align:left; }
.arena-ledger-event.trade-close::before { background:var(--arena-gold); box-shadow:0 0 0 1px var(--arena-gold),0 0 20px rgba(217,173,75,.62); }
.arena-ledger-event.trade-close span { color:#ffe19a; }
.arena-capital-lane { position:relative; z-index:1; display:grid; grid-template-columns:.72fr 1fr 1.35fr; align-items:center; gap:18px; margin-top:20px; padding:17px 18px; border-left:2px solid #718798; background:rgba(3,14,24,.7); }
.arena-capital-lane > span,.arena-capital-lane em { color:#698397; font-size:9px; font-style:normal; font-weight:900; letter-spacing:.15em; }
.arena-capital-lane div { padding-left:17px; border-left:1px solid rgba(116,145,164,.25); }.arena-capital-lane b { display:block; font-size:12px; }.arena-capital-lane small { color:#758d9d; }
.arena-capital-lane em { justify-self:end; padding:8px 11px; border:1px solid rgba(115,139,155,.2); }
.arena-timeline-result { position:relative; z-index:1; display:flex; justify-content:space-between; align-items:center; gap:20px; margin-top:22px; padding-top:22px; border-top:1px solid rgba(106,169,201,.18); }
.arena-timeline-result span { color:#7191a5; font-size:9px; font-weight:900; letter-spacing:.17em; }
.arena-timeline-result strong { color:#fff; font-size:19px; }.arena-timeline-result strong i { display:inline-grid; place-items:center; width:26px; height:26px; margin-left:9px; border-radius:50%; background:var(--arena-gold); color:#06111a; font-size:13px; font-style:normal; }

.arena-world-stage-section { overflow:hidden; isolation:isolate; background:radial-gradient(circle at 22% 50%,rgba(217,173,75,.13),transparent 30%),linear-gradient(120deg,#02070d,#081421 60%,#050b12); }
.arena-world-stage-section::after { content:"WORLD"; position:absolute; z-index:2; right:-.02em; bottom:-.08em; color:rgba(217,173,75,.025); font-size:clamp(170px,25vw,440px); font-weight:950; letter-spacing:-.065em; pointer-events:none; -webkit-text-stroke:1px rgba(217,173,75,.3); }
.arena-world-stage-layout { display:grid; grid-template-columns:minmax(380px,.78fr) minmax(520px,1.22fr); align-items:center; gap:clamp(64px,8vw,130px); }
.arena-world-stage-layout .arena-section-intro { position:relative; z-index:3; }
.arena-world-stage-art { position:relative; z-index:1; width:min(100%,540px); justify-self:end; transform:translate(62px,-18px); }
.arena-world-stage-art img { display:block; width:100%; height:auto; aspect-ratio:1; object-fit:contain; filter:drop-shadow(0 45px 75px rgba(0,0,0,.5)); }
.arena-world-stage-section .arena-section-intro { position:relative; z-index:2; }
.arena-gold { color:var(--arena-gold); }
.button-gold { margin-top:32px; border:1px solid var(--arena-gold); background:var(--arena-gold); color:#130d02; }
.button-gold:hover { background:#f2cf79; border-color:#f2cf79; }

.arena-trust-section { background:#f3f6f8; color:#081522; }
.arena-trust-grid { display:grid; grid-template-columns:1.18fr .91fr .91fr; gap:1px; margin-top:62px; background:#cbd8df; }
.arena-trust-grid article { min-height:320px; padding:42px; background:#fff; }
.arena-trust-grid article:first-child { background:#071827; color:#fff; }
.arena-trust-grid span { color:#0b91c4; font-size:10px; font-weight:900; letter-spacing:.2em; }
.arena-trust-grid h3 { margin:28px 0 0; font-size:29px; line-height:1.05; }
.arena-trust-grid p { color:#5c6f7d; line-height:1.62; }
.arena-trust-grid article:first-child p { color:#9eb4c4; }
.arena-trust-grid a { color:var(--arena-cyan); font-weight:850; }
.arena-rules-teaser { background:#fff; color:#081522; }
.arena-rules-layout { display:grid; grid-template-columns:1fr 1fr; gap:clamp(50px,8vw,120px); align-items:center; }
.button-outline { margin-top:30px; border:1px solid #17384c; color:#09283a; background:transparent; }
.arena-rule-points { margin:0; padding:0; border-top:1px solid #cddbe2; list-style:none; }
.arena-rule-points li { display:grid; grid-template-columns:56px 1fr; gap:18px; padding:25px 0; border-bottom:1px solid #cddbe2; }
.arena-rule-points b { color:#0b92c4; font-size:11px; letter-spacing:.15em; }
.arena-rule-points span { font-size:17px; font-weight:750; }

.arena-section { background:#06111f; }
.arena-section.arena-light { background:var(--arena-paper); color:#0b1725; }
.arena-heading { max-width:850px; }
.arena-blue { color:#0876cf; }
.arena-light .arena-heading p:not(.arena-kicker),.arena-light .arena-status p { color:#586b7a; }
.arena-split { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr); gap:clamp(45px,7vw,100px); align-items:start; }
.arena-split > * { min-width:0; }
.arena-callout { padding:36px; border:1px solid rgba(32,207,255,.25); border-radius:4px; background:linear-gradient(145deg,#08243b,#04111e); color:#f7fbff; box-shadow:0 28px 80px rgba(3,9,20,.18); }
.arena-callout span,.arena-card span,.arena-status span { display:block; margin-bottom:14px; color:var(--arena-cyan); font-size:11px; font-weight:900; letter-spacing:.17em; text-transform:uppercase; }
.arena-callout strong { display:block; font-size:28px; line-height:1.14; }
.arena-callout p { color:#a5bacb; }
.arena-card-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin-top:50px; }
.arena-card { min-width:0; padding:34px; border:1px solid rgba(102,158,201,.18); border-radius:4px; background:#081b2b; color:#f7fbff; }
.arena-light .arena-card { border-color:#d5e0e6; background:#fff; box-shadow:0 20px 55px rgba(7,24,42,.07); }
.arena-light .arena-card span { color:#0876a7; }
.arena-card h3 { margin:0; font-size:25px; line-height:1.15; }
.arena-card p { color:#9fb3c3; }
.arena-light .arena-card p { color:#617380; }
.arena-card a { color:var(--arena-cyan); font-weight:800; }
.arena-light .arena-card a { color:#077ca9; }
.arena-journey { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1px; margin:48px 0 0; padding:1px; background:rgba(102,158,201,.18); list-style:none; }
.arena-journey li { padding:32px; background:#071728; color:#f7fbff; }
.arena-journey b,.arena-steps b,.arena-rule-list b { color:var(--arena-cyan); font-size:13px; letter-spacing:.14em; }
.arena-journey h3 { margin:24px 0 10px; font-size:23px; }.arena-journey p { color:#9eb2c6; }
.arena-metric-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin-top:44px; }
.arena-metric-grid article { padding:30px; border-top:2px solid var(--arena-cyan); background:#07192b; color:#f7fbff; }
.arena-metric-grid strong { font-size:25px; }.arena-metric-grid p { color:#9eb2c6; }
.arena-status { max-width:970px; padding:clamp(34px,5vw,68px); border:1px solid #ccd9e1; border-radius:4px; background:#fff; box-shadow:0 28px 80px rgba(4,13,25,.09); }
.arena-status-gold { border-color:rgba(217,173,75,.5); background:linear-gradient(145deg,#fff,#fff9e9); }.arena-status-gold span { color:#946800; }
.arena-steps,.arena-rule-list { position:relative; display:grid; gap:0; max-width:1080px; margin:0 auto; padding:0; list-style:none; }
.arena-steps::before,.arena-rule-list::before { content:""; position:absolute; top:0; bottom:0; left:44px; width:1px; background:linear-gradient(var(--arena-cyan),#bed3df,var(--arena-gold)); }
.arena-steps li,.arena-rule-list article { position:relative; display:grid; grid-template-columns:88px 1fr; gap:28px; padding:32px 38px 32px 0; border:0; border-bottom:1px solid #d7e1e7; background:transparent; }
.arena-steps li:nth-child(even),.arena-rule-list article:nth-child(even) { margin-left:8%; }
.arena-steps li > b,.arena-rule-list article > b { position:relative; z-index:1; display:grid; width:48px; height:48px; margin-left:20px; border:1px solid #76dff7; border-radius:50%; background:#061827; color:#fff; place-items:center; box-shadow:0 0 0 8px #f3f6f8; }
.arena-steps li,.arena-rule-list article,.arena-steps li > div,.arena-rule-list article > div { min-width:0; }
.arena-steps h2,.arena-rule-list h2 { margin:0; font-size:25px; }.arena-steps p,.arena-rule-list p { margin:8px 0 0; color:#657684; }
.arena-rule-list code { padding:2px 7px; background:#e8f3fb; color:#084e7f; }
.arena-leaderboard-preview { background:radial-gradient(circle at 75% 25%,rgba(32,207,255,.14),transparent 34%),linear-gradient(145deg,#020811,#071c2d); }
.arena-ranking-shell { margin-top:48px; overflow:hidden; border:1px solid rgba(93,190,222,.25); background:rgba(4,17,29,.76); box-shadow:0 34px 90px rgba(0,0,0,.34); }
.arena-ranking-head { display:grid; grid-template-columns:.55fr 1.4fr repeat(4,1fr); gap:16px; padding:18px 24px; border-bottom:1px solid rgba(93,190,222,.2); color:#7fa3ba; font-size:10px; font-weight:900; letter-spacing:.15em; }
.arena-ranking-locked { display:grid; min-height:300px; padding:56px 24px; text-align:center; place-content:center; }
.arena-ranking-locked b { color:var(--arena-gold); font-size:44px; }
.arena-ranking-locked strong { margin-top:12px; font-size:clamp(24px,3vw,38px); }
.arena-ranking-locked small { margin-top:9px; color:#90aabc; font-size:14px; }
.arena-continent-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin-top:44px; }
.arena-continent-grid article { padding:30px; border:1px solid #d5e0e6; border-radius:4px; background:#fff; }.arena-continent-grid img { width:100%; height:150px; object-fit:contain; padding:12px; background:#061522; }.arena-continent-grid h3 { margin:22px 0 0; font-size:24px; }
.arena-world-status-section { min-height:720px; overflow:hidden; isolation:isolate; background:radial-gradient(circle at 24% 50%,rgba(27,197,238,.13),transparent 27%),radial-gradient(circle at 25% 50%,rgba(217,173,75,.11),transparent 42%),linear-gradient(118deg,#02070d 0%,#071522 58%,#040a11 100%); color:#f7fbff; }
.arena-world-status-section::before { content:""; position:absolute; z-index:-1; width:min(620px,45vw); aspect-ratio:1; left:clamp(-90px,3vw,60px); top:50%; border:1px solid rgba(217,173,75,.13); border-radius:50%; box-shadow:0 0 0 52px rgba(34,207,247,.025),0 0 0 104px rgba(217,173,75,.018); transform:translateY(-50%); }
.arena-world-status-section::after { content:"WORLD STAGE"; position:absolute; z-index:-1; right:-.04em; bottom:-.16em; color:transparent; font-size:clamp(120px,17vw,300px); font-weight:950; letter-spacing:-.07em; white-space:nowrap; -webkit-text-stroke:1px rgba(217,173,75,.12); }
.arena-world-subpage { position:relative; z-index:1; display:grid; grid-template-columns:minmax(360px,.82fr) minmax(0,1.18fr); gap:clamp(70px,9vw,150px); align-items:center; }
.arena-world-subpage-art { position:relative; width:min(100%,500px); justify-self:center; }
.arena-world-subpage-art::before { content:""; position:absolute; inset:10% 2%; z-index:-1; border-radius:50%; background:radial-gradient(circle,rgba(34,207,247,.22),rgba(217,173,75,.06) 40%,transparent 70%); filter:blur(22px); }
.arena-world-subpage-art img { display:block; width:100%; height:auto; aspect-ratio:1; object-fit:contain; filter:drop-shadow(0 38px 60px rgba(0,0,0,.58)); }
.arena-world-status-section .arena-status { position:relative; max-width:760px; padding:28px 0 30px 44px; border:0; border-left:1px solid rgba(217,173,75,.65); border-radius:0; background:transparent; box-shadow:none; }
.arena-world-status-section .arena-status::before { content:""; position:absolute; left:-4px; top:27px; width:7px; height:7px; border-radius:50%; background:var(--arena-gold); box-shadow:0 0 20px rgba(217,173,75,.8); }
.arena-world-status-section .arena-status h2 { max-width:720px; color:#f8fbff; }
.arena-world-status-section .arena-status p { max-width:690px; color:#9fb5c5; }
.arena-world-status-section .arena-status-gold span { color:var(--arena-gold); }
.arena-route-world-stage .arena-editorial-hero { background:radial-gradient(circle at 88% 50%,rgba(217,173,75,.18),transparent 33%),linear-gradient(126deg,#020811,#131305); }

.arena-cluster { padding:54px 0; border-block:1px solid rgba(120,169,207,.14); background:#04101d; }
.arena-cluster nav { display:flex; flex-wrap:wrap; gap:9px; }
.arena-cluster a { padding:10px 14px; border:1px solid rgba(120,169,207,.23); border-radius:999px; color:#b9ccde; font-size:13px; }.arena-cluster a:hover { border-color:var(--arena-cyan); color:#fff; }
.arena-final { position:relative; isolation:isolate; overflow:hidden; min-height:620px; display:grid; align-items:center; padding:110px 0; background:linear-gradient(90deg,#020811 0%,rgba(2,8,17,.88) 48%,rgba(4,24,38,.68) 100%); }
.arena-final .shell { position:relative; z-index:2; max-width:1260px; margin:0 auto; }
.arena-final .shell > * { max-width:760px; }
.arena-final h2 { font-size:clamp(54px,6vw,92px); }
.arena-final p:not(.arena-kicker) { color:#a8bdd0; font-size:18px; }
.arena-final-world { position:absolute; z-index:-1; width:min(680px,48vw); right:clamp(18px,4vw,76px); top:50%; transform:translateY(-50%); opacity:.56; }
.arena-final-world img { width:100%; }

/* Final 2026-09 shell and approved product-family artwork alignment */
.arena-page .shell { width:var(--shell); }
.arena-page .site-header { height:104px; border-bottom-color:rgba(255,255,255,.08); background:rgba(3,9,20,.82); }
.arena-page .brand img { width:100%; max-width:none; max-height:82px; }
.arena-page .main-nav { margin-left:0; gap:clamp(13px,1.55vw,25px); }
.arena-page .main-nav a { padding:38px 0 35px; font-size:16px; }
.arena-page .nav-actions { gap:12px; }
.arena-language-nav { gap:7px; padding:5px; border:1px solid rgba(255,255,255,.12); border-radius:999px; background:rgba(255,255,255,.045); }
.arena-language-nav a { width:42px; height:38px; padding:0; border:0; border-radius:999px; opacity:1; }
.arena-language-nav .flag { width:27px; height:18px; }
.arena-language-nav a.is-active { border:0; background:rgba(240,182,42,.15); box-shadow:inset 0 0 0 1px rgba(240,182,42,.55),0 0 18px rgba(240,182,42,.1); }
.arena-final-world { width:min(610px,44vw); opacity:1; }
.arena-final-world img { display:block; aspect-ratio:601/607; object-fit:contain; filter:drop-shadow(0 42px 70px rgba(0,0,0,.42)); }
.arena-world-stage-art { transform:none; }
.arena-world-subpage-art img { aspect-ratio:601/607; }

@media (max-width:1120px) {
  .arena-signature-layout { grid-template-columns:minmax(420px,.9fr) minmax(460px,1.1fr); }
  .arena-hero-world { width:min(500px,49vw); right:8px; bottom:20px; }
  .arena-continent-experience,.arena-realized-layout,.arena-world-stage-layout { grid-template-columns:1fr; }
  .arena-interactive-world { aspect-ratio:1.4; }
  .arena-product-flow { grid-template-columns:1fr 38px 1fr 38px 1fr; }
  .arena-product-panel { min-height:460px; }.arena-product-image { height:230px; }
}
@media (max-width:900px) {
  .arena-page .main-nav { margin-left:0; }.arena-page .main-nav:not(.is-open){visibility:hidden}.arena-page .main-nav.is-open{visibility:visible}.arena-page .nav-actions{margin-left:auto}
  .arena-language-nav { margin-right:4px; }
  .arena-signature-hero { min-height:auto; padding:120px 0 70px; }
  .arena-signature-layout { display:block; min-height:0; }
  .arena-hero-copy { max-width:610px; padding:38px 0 0; }
  .arena-hero-world { position:relative; width:min(720px,100%); right:auto; bottom:auto; margin:-40px auto 0; }
  .arena-editorial-hero { min-height:560px; padding-top:126px; }
  .arena-product-flow { grid-template-columns:1fr; gap:16px; }
  .arena-flow-line { width:1px; height:38px; margin:auto; background:linear-gradient(#a5becb,#0ea5d8,#a5becb); }
  .arena-product-panel { min-height:0; }.arena-product-image { height:min(52vw,360px); }
  .arena-trust-grid,.arena-rules-layout,.arena-split,.arena-world-subpage { grid-template-columns:1fr; }
  .arena-world-status-section { min-height:auto; }
  .arena-world-status-section .arena-world-subpage { gap:28px; }
  .arena-world-subpage-art { width:min(460px,64vw); }
  .arena-world-status-section .arena-status { max-width:760px; margin:auto; }
  .arena-world-stage-art { width:min(560px,78vw); margin:auto; justify-self:center; transform:none; }
  .arena-journey,.arena-metric-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:620px) {
  .arena-page .shell { width:min(100% - 28px,1440px); }
  .arena-page h1,.arena-page h2,.arena-page h3,.arena-page p,.arena-page strong,.arena-page a { min-width:0; overflow-wrap:break-word; hyphens:auto; }
  .arena-heading,.arena-section-intro,.arena-status { width:100%; max-width:100%; min-width:0; }
  .arena-page .brand img { max-width:106px; max-height:58px; }
  .arena-page .nav-actions { gap:6px; }
  .arena-language-nav a { min-width:25px; padding:6px 5px; font-size:9px; }
  .arena-signature-hero { padding:96px 0 40px; }
  .arena-signature-hero h1 { font-size:clamp(43px,14.5vw,62px); line-height:.92; }
  .arena-lead { margin-top:22px; font-size:16px; }
  .arena-actions { display:grid; }.arena-actions .button { width:100%; }
  .arena-hero-facts { gap:13px; margin-top:32px; }
  .arena-hero-world { position:absolute; right:0; bottom:-110px; width:100%; margin:0; opacity:.2; }
  .arena-breadcrumbs { margin-bottom:4px; }
  .arena-world-word,.arena-world-number { display:none; }
  .arena-editorial-hero { min-height:520px; padding:108px 0 70px; }
  .arena-editorial-copy { padding-top:34px; }.arena-editorial-copy h1 { font-size:clamp(40px,12vw,58px); }
  .arena-world-section,.arena-product-section,.arena-realized-section,.arena-world-stage-section,.arena-trust-section,.arena-rules-teaser,.arena-section { padding:78px 0; }
  .arena-section-intro h2,.arena-heading h2,.arena-final h2,.arena-status h2 { font-size:clamp(36px,11.5vw,52px); }
  .arena-section-intro > p:not(.arena-index) { font-size:16px; }
  .arena-continent-experience { margin-top:38px; }
  .arena-interactive-world { aspect-ratio:.92; margin-inline:0; }
  .arena-world-caption { left:14px; right:14px; bottom:14px; }.arena-world-caption p { display:none; }
  .arena-continent-list { grid-template-columns:1fr 1fr; gap:7px; }
  .arena-continent-button { display:block; min-height:154px; padding:12px 8px; text-align:center; }
  .arena-continent-button:hover,.arena-continent-button.is-active { transform:none; }
  .arena-continent-button img { width:100%; height:82px; }.arena-continent-button strong { font-size:14px; }.arena-continent-button small { display:none; }
  .arena-product-panel { padding:10px 10px 25px; }.arena-product-image { height:52vw; }.arena-product-panel h3 { font-size:28px; }
  .arena-timeline { min-height:0; padding:24px 18px; }.arena-trade-path { grid-template-columns:1fr; }.arena-trade-path > i { left:25px; right:auto; top:30px; bottom:30px; width:2px; height:auto; background:linear-gradient(var(--arena-cyan),var(--arena-gold)); }.arena-ledger-event { min-height:104px; padding-left:56px; }.arena-capital-lane { grid-template-columns:1fr; }.arena-capital-lane em { justify-self:start; }.arena-timeline-result { display:block; }.arena-timeline-result strong { display:block; margin-top:10px; }
  .arena-world-stage-layout { gap:12px; }.arena-world-stage-art { width:88%; margin:auto; }
  .arena-world-status-section { padding:70px 0 88px; }
  .arena-world-status-section::before { width:92vw; left:4vw; top:31%; }
  .arena-world-status-section::after { bottom:-.04em; font-size:22vw; }
  .arena-world-subpage-art { width:min(300px,78vw); }
  .arena-world-status-section .arena-status { padding:26px 0 18px 22px; }
  .arena-trust-grid { grid-template-columns:1fr; }.arena-trust-grid article { min-height:0; padding:30px; }
  .arena-rule-points li { grid-template-columns:42px 1fr; }.arena-rule-points span { font-size:15px; }
  .arena-card-grid,.arena-journey,.arena-metric-grid,.arena-continent-grid { grid-template-columns:1fr; }
  .arena-steps::before,.arena-rule-list::before { left:25px; }
  .arena-steps li,.arena-rule-list article { grid-template-columns:52px 1fr; gap:14px; padding:24px 0; }
  .arena-steps li:nth-child(even),.arena-rule-list article:nth-child(even) { margin-left:0; }
  .arena-steps li > b,.arena-rule-list article > b { width:38px; height:38px; margin-left:6px; box-shadow:0 0 0 5px #f3f6f8; }
  .arena-ranking-head { grid-template-columns:.6fr 1.4fr 1fr; }
  .arena-ranking-head span:nth-child(n+4) { display:none; }
  .arena-card { padding:25px; }
  .arena-final { min-height:600px; padding:90px 0; }.arena-final-world { width:92vw; right:0; opacity:.24; }
}
@media (max-width:1120px) and (min-width:861px) {
  .arena-page .main-nav a { font-size:13px; }
}
@media (max-width:860px) {
  .arena-page .site-header { height:68px; }
  .arena-page .brand img { max-height:54px; }
  .arena-page .main-nav { margin-left:0; gap:0; }
  .arena-page .main-nav a { padding:14px 4px; font-size:14px; }
  .arena-language-nav { gap:4px; padding:4px; }
  .arena-language-nav a { width:36px; height:38px; }
}
@media (min-width:1600px) { .arena-hero-world { right:7vw; width:min(860px,52vw); bottom:28px; } }
@media (prefers-reduced-motion:reduce) { .arena-page *,.arena-page *::before,.arena-page *::after { scroll-behavior:auto!important; animation:none!important; transition-duration:.01ms!important; } }
@media (forced-colors:active) { .arena-continent-button.is-active { outline:3px solid Highlight; }.arena-world-poster { opacity:1!important; } }

/* 2026-09 shared ARENA product-family artwork */
.arena-hero-world-final {
  width: min(690px, 48vw, calc(100svh - 200px));
  aspect-ratio: 601 / 607;
  right: clamp(28px, 5.5vw, 106px);
  bottom: max(clamp(90px, 18vh, 220px), calc(100% - 100svh + 100px));
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: transparent;
}

.arena-hero-world-final img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}

.arena-world-poster-final {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.arena-product-arena .arena-product-image img {
  object-fit: contain;
  object-position: center;
}

@media (max-width: 980px) {
  .arena-hero-world-final {
    position: relative;
    width: min(650px, 92vw);
    right: auto;
    bottom: auto;
    margin: 18px auto 0;
  }
}

@media (max-width: 620px) {
  .arena-hero-world-final {
    position: relative;
    width: min(430px, 100%);
    bottom: auto;
    opacity: 1;
    margin-top: 24px;
  }
}

@media (max-width: 360px) {
  .arena-page .nav-actions .arena-language-nav { display:none; }
}

@media (max-width: 620px) {
  .arena-page .shell { width: var(--shell); }
  .arena-page .brand img { max-width: none; max-height: 54px; }
  .arena-final-world { width: 88vw; right: -18vw; opacity: .34; }
}