/* GA open arena: content-led official site, 2026-10-11. */
:root{--open-ink:#193d33;--open-green:#347b62;--open-paper:#f8f7f2;--open-line:#d6dcd0;--open-red:#ac3448}
html{scroll-padding-top:28px}.site-header{height:96px}.site-header nav{gap:23px}.brand small{letter-spacing:1px;font-size:9px}.site-header .header-play{white-space:nowrap}
.open-hero{grid-template-columns:1.06fr 1fr;gap:42px;padding-top:24px;padding-bottom:48px}
.open-hero .hero-copy{padding-top:22px}.open-hero .eyebrow{font-size:9px;letter-spacing:1.9px}
.brand-position{margin-top:27px;color:#697a6c;font-size:13px;line-height:1.6;font-weight:500}
.open-hero h1{font-size:clamp(37px,4.45vw,59px);line-height:1.34;letter-spacing:-2px;margin:13px 0 23px;white-space:nowrap}
.open-hero h1 em{color:#32775f}.open-hero .intro{font-size:14px;line-height:2;max-width:470px;color:#798375}
.open-hero .hero-actions{margin-top:27px}.open-hero .button{border-radius:5px;min-height:49px;font-size:13px;padding:14px 22px;gap:23px}
.open-hero .platform-note{color:#8d9587;font-size:10px;letter-spacing:1px;margin-top:17px}
.open-signature{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #dde0d6;margin-top:31px;padding-top:17px;width:100%;max-width:450px;color:#b0b6a5}
.open-signature>span{font-size:9px;line-height:1.6;letter-spacing:2px;font-weight:600}.open-signature>i{font:36px Georgia;color:#557f69;font-style:normal;line-height:1}
.open-hero .hero-art{min-height:560px;border-radius:3px 72px 3px 3px}.open-hero .hero-art>img{object-position:50% center}.open-hero .hero-art::after{background:linear-gradient(0deg,#092a21dd,transparent 56%,#10181119)}
.open-hero .art-caption{bottom:30px;left:29px;right:29px}.open-hero .art-caption p{font-size:28px;line-height:1.5;letter-spacing:.5px}.open-hero .art-caption>span{font-size:8px;letter-spacing:2px;color:#d6c9a6}
.art-edge{position:absolute;right:18px;bottom:124px;color:#ffffff09;font:italic 800 122px Arial;letter-spacing:-14px;z-index:1;pointer-events:none}
.feature-strip{font-size:17px;letter-spacing:3px;padding-top:25px;padding-bottom:25px;color:#3f604e}.feature-strip a{padding:5px 0;white-space:nowrap}.feature-strip a:hover{color:#ac3448}.feature-strip i{font-size:20px;color:#adbaa8}
.open-capabilities{padding-top:90px;padding-bottom:90px}.open-capabilities .section-heading{margin-bottom:42px}.open-capabilities h2{font-size:39px;line-height:1.4}.open-capabilities h2 em{font-style:normal;color:#8b9785;font-weight:500}.section-heading>p{font-size:13px}
.capability-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:54px;row-gap:0}.capability{border-top:1px solid var(--open-line);padding:25px 0 30px;min-width:0;scroll-margin-top:30px}
.capability-heading{display:flex;align-items:center;gap:14px;color:#98a28f;font-size:10px;letter-spacing:1.7px}.capability-heading>span:first-child{font:italic 19px Georgia;color:#b6bfae}.capability-heading p{font-size:9px;font-weight:600}.capability-heading>span:last-child{margin-left:auto;font-size:17px}
.capability-body{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-top:27px;min-height:152px}
.capability-body>div:first-child{min-width:0;flex:1}.capability h3{font-size:27px;line-height:1.4;color:#2a5140;margin-bottom:10px;letter-spacing:.5px}.capability p:not(.capability-heading p){font-size:13px;color:#798574;line-height:1.9}.capability .text-link{margin-top:16px;font-size:11px;gap:15px;color:#59735d;border-color:#d8dfd0}
.earn-symbol{position:relative;flex:0 0 112px;height:112px}.earn-symbol>i{display:grid;place-items:center;position:absolute;left:8px;top:1px;width:72px;height:94px;border-radius:6px;background:#e8eee0;border:1px solid #d2ddc7;transform:rotate(-12deg);font:55px Georgia;color:#60826b;box-shadow:4px 6px #dee5d655}
.earn-symbol>b{position:absolute;right:0;bottom:3px;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#c3a56a;border:4px double #e8d9b8;font:italic 24px Georgia;color:#fff1d2;box-shadow:0 3px 0 #a18c60}
.earn-symbol>b:last-child{right:24px;bottom:18px;background:#d6bb82;transform:rotate(-14deg)}
.transfer-symbol{display:flex;align-items:center;justify-content:center;flex:0 0 120px;gap:5px;height:100px;transform:rotate(-13deg)}.transfer-symbol i{display:grid;place-items:center;flex:0 0 36px;height:36px;border:3px double #b5c2b4;border-radius:50%;background:#edf0e4;color:#62806b;font:italic 22px Georgia}.transfer-symbol i:last-child{background:#d9e8dc;border-color:#a1bdac;transform:translateY(-17px)}.transfer-symbol>span{font-size:26px;color:#a4b5a2}
.community-symbol{display:flex;align-items:center;justify-content:flex-end;flex:0 0 120px;height:110px;padding-right:5px}.community-symbol i{display:grid;place-items:center;width:47px;height:68px;background:#eeeee4;border:1px solid #d9dfd0;border-radius:5px;font:30px Georgia;font-style:normal;color:#809783;margin-left:-18px;transform:rotate(-13deg);box-shadow:0 4px 8px #263c2510}.community-symbol i:nth-child(2){color:#b56f77;background:#f5eee6;transform:translateY(-15px)}.community-symbol i:last-child{color:#6e8874;background:#f7f6ec;transform:rotate(13deg)}
.host-symbol{flex:0 0 116px;display:grid;gap:12px;padding:14px 11px;background:#ecefe5;border-radius:8px;transform:rotate(4deg);box-shadow:3px 5px 0 #e1e7d95c}.host-symbol>span{font-size:9px;color:#7c907b;display:grid;gap:5px}.host-symbol i{display:block;height:2px;background:#cdd8c5;position:relative}.host-symbol i::after{content:'';position:absolute;left:64%;top:-3px;width:8px;height:8px;background:#7d9c7c;border:2px solid #edf1e6;border-radius:50%}.host-symbol>span:nth-child(2) i::after{left:35%}.host-symbol>span:nth-child(3) i::after{left:77%}
.participate-section{background:#e9eee3}.participate-section .section{padding-top:76px;padding-bottom:80px}.participate-section h2{font-size:40px;line-height:1.4}.participate-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px}.participate-grid>article{position:relative;border-top:1px solid #bccab7;padding-top:25px}.role-index{font-size:10px;letter-spacing:2px;color:#93a18a}.participate-grid h3{font-size:24px;margin:17px 0 12px;line-height:1.5;color:#32543d}.participate-grid p{font-size:13px;line-height:1.9;color:#7a8770}.participate-grid ol{display:flex;list-style:none;padding:0;margin:27px 0 23px;gap:12px;counter-reset:none}.participate-grid li{flex:1;font-size:12px;line-height:1.6;color:#4c6b4a;border-top:1px solid #cbd6c2;padding-top:10px}.participate-grid li>span{display:block;font-size:9px;letter-spacing:1px;color:#9dab94;margin-bottom:4px}.participate-grid .button{border-radius:5px;min-height:46px;font-size:12px;gap:24px;padding:12px 20px}
.download-section{background:#f0f0e9}.download-section .section{padding-top:85px}.closing h2{line-height:1.4;font-size:42px}.closing{border-radius:8px}.brand-position,.intro,.capability p,.participate-grid p{overflow-wrap:break-word}
@media(min-width:1440px){.open-hero{padding-top:34px;padding-bottom:58px}.open-hero .hero-art{min-height:580px}}
@media(max-width:1050px){.site-header nav{gap:15px;font-size:12px}.open-hero{gap:26px;grid-template-columns:1fr 1fr}.open-hero h1{font-size:clamp(34px,4.25vw,47px);letter-spacing:-1.6px}.brand-position{font-size:12px}.open-hero .hero-art{min-height:535px}.capability-grid{column-gap:30px}.capability-body{gap:10px}.earn-symbol,.transfer-symbol,.community-symbol{flex-basis:88px;transform:scale(.86);transform-origin:right center}.host-symbol{flex-basis:92px}.capability h3{font-size:25px}.capability p:not(.capability-heading p){font-size:12px}.participate-grid{gap:36px}}
@media(max-width:760px){.site-header nav{display:none}.open-hero{grid-template-columns:1fr;gap:26px;padding-top:12px;padding-bottom:30px}.open-hero .hero-copy{padding-top:0}.open-hero .eyebrow{font-size:8px;letter-spacing:1.1px}.brand-position{margin-top:23px;font-size:12px}.open-hero h1{font-size:clamp(32px,7.6vw,55px);letter-spacing:-1px;margin:12px 0 20px}.open-hero .intro{max-width:570px;font-size:14px;line-height:1.95}.open-hero .hero-actions{margin-top:23px}.open-hero .button{font-size:13px;padding:14px 16px;min-height:48px}.open-signature{display:none}.open-hero .hero-art{min-height:330px;border-radius:4px 48px 4px 4px}.open-hero .hero-art>img{object-position:center 46%}.open-hero .art-caption p{font-size:26px}.open-hero .art-caption{left:23px;bottom:24px}.open-hero .art-label{left:23px}.art-edge{font-size:100px;bottom:92px}.feature-strip{font-size:13px;letter-spacing:1px;padding-top:19px;padding-bottom:19px;gap:8px}.feature-strip i{font-size:13px}.open-capabilities{padding-top:59px;padding-bottom:53px}.open-capabilities h2{font-size:31px}.open-capabilities .section-heading{margin-bottom:27px}.section-heading>p{font-size:12px}.capability-grid{grid-template-columns:1fr;gap:0}.capability{padding:20px 0 25px}.capability-body{min-height:130px;margin-top:19px;gap:20px}.capability h3{font-size:26px}.capability p:not(.capability-heading p){font-size:13px}.capability-heading p{font-size:8px}.capability-heading>span:first-child{font-size:18px}.capability .text-link{margin-top:12px}.earn-symbol,.transfer-symbol,.community-symbol{flex-basis:100px;transform:scale(.9)}.host-symbol{flex-basis:106px}.participate-section .section{padding-top:53px;padding-bottom:56px}.participate-section h2{font-size:31px}.participate-grid{grid-template-columns:1fr;gap:35px}.participate-grid h3{font-size:23px}.participate-grid p{font-size:12px}.participate-grid ol{margin:22px 0}.participate-grid li{font-size:11px}.download-section .section{padding-top:60px}.closing h2{font-size:31px}.brand small{font-size:8px;letter-spacing:0}}
@media(max-width:380px){.wrap{padding-left:18px;padding-right:18px}.open-hero h1{font-size:30px;letter-spacing:-1px}.open-hero .intro{font-size:13px}.open-hero .button{font-size:11px;gap:10px;padding-inline:12px}.brand>span{font-size:7px}.brand small{font-size:7px}.site-header{gap:10px}.header-play{font-size:11px}.feature-strip{font-size:11px;letter-spacing:0;gap:5px}.capability-body{gap:9px}.capability p:not(.capability-heading p){font-size:12px}.earn-symbol,.transfer-symbol,.community-symbol{flex-basis:83px;transform:scale(.78)}.host-symbol{flex-basis:91px;padding:11px 8px}.open-capabilities h2,.participate-section h2{font-size:28px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}.button:hover{transform:none}}