.mission-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 78% 15%,rgba(186,255,0,.2),transparent 30%),linear-gradient(135deg,#101722 0%,#0b0f19 62%,#17251b 100%)}
.mission-hero:before{content:"";position:absolute;inset:0;opacity:.2;pointer-events:none;background:linear-gradient(115deg,transparent 0 48%,rgba(186,255,0,.18) 48.2% 48.5%,transparent 48.7%),repeating-linear-gradient(90deg,transparent 0 96px,rgba(255,255,255,.035) 97px 98px)}
.mission-hero-copy,.mission-hero-visual{position:relative;z-index:1}
.mission-hero-copy{align-self:center}
.mission-kicker{display:inline-flex;align-items:center;gap:10px;margin-bottom:24px;color:var(--acid);font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.mission-kicker:before{content:"";width:32px;height:3px;background:var(--acid)}
.mission-hero h1{max-width:820px;color:#fff}
.mission-hero h1 em{color:var(--acid)}
.mission-hero .hero-copy-note{max-width:650px;color:#c3c8d1}
.mission-hero .article-meta{color:#8e96a3}

/* The hero visual is a hub-and-spoke system: one shared home for three groups. */
.mission-hero-visual{min-height:520px;border:1px solid rgba(255,255,255,.18);background:radial-gradient(circle at 50% 50%,rgba(186,255,0,.14),transparent 22%),radial-gradient(circle at 78% 20%,rgba(186,255,0,.18),transparent 27%),linear-gradient(145deg,#202a39 0%,#10151e 70%,#16271d 100%);overflow:hidden;box-shadow:0 25px 80px rgba(0,0,0,.3)}
.mission-hero-visual:before{content:"";position:absolute;inset:22px;opacity:.52;pointer-events:none;background:linear-gradient(rgba(186,255,0,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(186,255,0,.11) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(135deg,transparent 8%,#000 32%,#000 72%,transparent 96%)}
.mission-hero-visual:after{content:"";position:absolute;left:50%;top:50%;width:78%;aspect-ratio:1;border:1px dashed rgba(186,255,0,.38);border-radius:50%;transform:translate(-50%,-50%) rotate(-18deg);box-shadow:0 0 0 28px rgba(186,255,0,.025),0 0 0 92px rgba(255,255,255,.018);pointer-events:none}
.mission-orbit{position:absolute;inset:13%;z-index:1;display:grid;place-items:center;border:1px solid rgba(255,255,255,.18);border-radius:50%;transform:none;box-shadow:inset 0 0 0 18px rgba(255,255,255,.018),inset 0 0 0 68px rgba(186,255,0,.025)}
.mission-orbit:before,.mission-orbit:after{content:"";position:absolute;left:50%;top:50%;width:78%;height:2px;border:0;border-radius:999px;background:linear-gradient(90deg,rgba(186,255,0,.9),rgba(186,255,0,.04));transform-origin:left center;box-shadow:0 0 18px rgba(186,255,0,.18)}
.mission-orbit:before{transform:rotate(214deg)}
.mission-orbit:after{transform:rotate(34deg)}
.mission-core{position:relative;z-index:2;display:grid;place-items:center;width:174px;height:174px;border:1px solid rgba(186,255,0,.75);border-radius:50%;background:radial-gradient(circle at 34% 27%,#d7ff56 0%,#baff00 48%,#7fae00 100%);color:var(--ink);box-shadow:0 0 0 12px rgba(186,255,0,.09),0 0 0 32px rgba(186,255,0,.035),0 24px 70px rgba(0,0,0,.42);font-size:25px;font-weight:900;line-height:.86;letter-spacing:-.06em;text-align:center;text-transform:uppercase}
.mission-core:after{content:"";position:absolute;inset:11px;border:1px solid rgba(11,15,25,.22);border-radius:50%;pointer-events:none}
.mission-core small{display:block;margin-top:9px;font-size:10px;letter-spacing:.08em}
.mission-tag{position:absolute;z-index:3;display:flex;align-items:center;gap:10px;min-width:172px;padding:13px 15px;border:1px solid rgba(186,255,0,.48);border-radius:3px;background:rgba(8,13,21,.9);box-shadow:0 16px 30px rgba(0,0,0,.28);color:#fff;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;backdrop-filter:blur(12px)}
.mission-tag:before{display:grid;place-items:center;width:28px;height:28px;flex:0 0 28px;border:1px solid rgba(186,255,0,.55);border-radius:50%;color:var(--acid);font-size:10px;letter-spacing:0}
.mission-tag--owner{top:12%;left:7%;transform:rotate(-5deg)}
.mission-tag--owner:before{content:"01"}
.mission-tag--player{right:7%;bottom:15%;transform:rotate(5deg)}
.mission-tag--player:before{content:"02"}
.mission-tag--league{left:9%;bottom:10%;color:var(--acid);transform:rotate(4deg)}
.mission-tag--league:before{content:"03"}
.mission-tag--league:after{content:"";position:absolute;left:100%;top:45%;width:210px;height:2px;border-radius:999px;background:linear-gradient(90deg,rgba(186,255,0,.88),rgba(186,255,0,.04));transform-origin:left center;transform:rotate(-42deg);box-shadow:0 0 18px rgba(186,255,0,.18);pointer-events:none}
.mission-network-note{position:absolute;right:24px;top:24px;z-index:3;max-width:140px;color:#aeb8c4;font-size:10px;line-height:1.5;text-align:right;text-transform:uppercase;letter-spacing:.08em}

.mission-page .chapter{position:relative;overflow:hidden}
.mission-intro{background:linear-gradient(135deg,#baff00 0%,#a5e800 52%,#83c83e 100%);color:var(--ink)}
.mission-intro:before{content:"";position:absolute;inset:0;opacity:.18;pointer-events:none;background:linear-gradient(135deg,transparent 0 38%,rgba(11,15,25,.2) 38.2% 38.6%,transparent 38.8%),repeating-linear-gradient(90deg,transparent 0 100px,rgba(11,15,25,.12) 101px 102px)}
.mission-intro .prose{position:relative;z-index:1;color:var(--ink)}
.mission-intro .prose h2,.mission-intro .prose .lead,.mission-intro .prose>p{color:var(--ink)}
.mission-intro .prose a{color:var(--ink)}
.mission-intro .mission-values{background:rgba(11,15,25,.28);border-color:rgba(11,15,25,.28)}
.mission-intro .mission-value{background:#0e1713;color:#fff}
.mission-intro .mission-value b{color:var(--acid)}
.mission-intro .mission-value h3{color:#fff}
.mission-intro .mission-value p{color:#d7dbe2}

.mission-story{display:grid;grid-template-columns:minmax(250px,.65fr) minmax(0,1fr);gap:clamp(45px,8vw,130px);max-width:1180px;margin:auto}
.mission-story__title{align-self:start;position:sticky;top:110px}
.mission-story__title h2{margin:0;font-size:clamp(48px,6.5vw,94px);line-height:.9;letter-spacing:-.055em}
.mission-story__title h2 em{font-family:var(--serif);font-weight:400;color:var(--acid)}
.mission-story__title p{color:var(--muted);line-height:1.7}
.mission-story__body{color:#d7dbe2}
.mission-story__body p{max-width:760px;color:#c3c8d1;font-size:18px;line-height:1.72}
.mission-quote{margin:36px 0;padding:28px 30px;border-left:5px solid var(--acid);background:#0e141f;color:#fff;font-size:clamp(28px,3.4vw,48px);font-weight:800;line-height:.98;letter-spacing:-.04em}
.mission-audience{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;max-width:1180px;margin:auto;background:var(--line)}
.mission-audience-card{min-height:360px;padding:clamp(28px,4vw,58px);background:#0e141f}
.mission-audience-card:nth-child(2){background:#17251b}
.mission-audience-card .label{display:block;margin-bottom:34px;color:var(--acid);font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.mission-audience-card h3{max-width:440px;margin:0 0 20px;font-size:clamp(34px,4vw,58px);line-height:.9;letter-spacing:-.05em}
.mission-audience-card p{max-width:560px;margin:0;color:#c3c8d1;font-size:17px;line-height:1.7}
.mission-audience-card ul{margin:28px 0 0;padding:0;list-style:none}
.mission-audience-card li{position:relative;margin:10px 0;padding-left:24px;color:#fff;line-height:1.5}
.mission-audience-card li:before{content:"+";position:absolute;left:0;color:var(--acid);font-weight:900}

.mission-beliefs{background:linear-gradient(135deg,#1e5a38 0%,#17472e 56%,#0f3023 100%);color:#fff}
.mission-beliefs:before{content:"";position:absolute;inset:0;opacity:.18;background:radial-gradient(circle at 88% 18%,rgba(186,255,0,.55),transparent 20%),linear-gradient(115deg,transparent 0 72%,rgba(186,255,0,.18) 72.2% 72.6%,transparent 72.8%);pointer-events:none}
.mission-beliefs .prose{position:relative;z-index:1;color:#fff}
.mission-beliefs .prose h2,.mission-beliefs .prose>p{color:#fff}
.mission-beliefs .prose>p:not(.lead){color:#d9efd5}
.mission-beliefs .checklist{background:rgba(7,25,17,.58);border-color:rgba(186,255,0,.3)}
.mission-beliefs .checklist li{background:#0d281c;color:#f6fff2}
.mission-beliefs .checklist li:before{color:var(--acid)}

.mission-resources{background:linear-gradient(135deg,#79bd38 0%,#a5dd45 52%,#c8ef72 100%);color:var(--ink)}
.mission-resources:before{content:"";position:absolute;inset:0;opacity:.18;background:repeating-linear-gradient(135deg,transparent 0 84px,rgba(11,15,25,.16) 85px 87px);pointer-events:none}
.mission-resources .prose{position:relative;z-index:1;color:var(--ink)}
.mission-resources .prose h2{color:var(--ink)}
.mission-resources .related-grid{position:relative;z-index:1;background:rgba(11,15,25,.3);border-color:rgba(11,15,25,.3)}
.mission-resources .related-card{background:#10251a;color:#fff}
.mission-resources .related-card strong{color:var(--acid)}
.mission-resources .related-card h3{color:#fff}
.mission-resources .related-card p{color:#d7dbe2}
.mission-resources .related-card:hover{background:#173b28}

.mission-cta{position:relative;overflow:hidden;background:radial-gradient(circle at 50% 0%,rgba(186,255,0,.18),transparent 30%),linear-gradient(135deg,#0b0f19,#132a22);color:#fff}
.mission-cta:before{content:"";position:absolute;inset:0;opacity:.18;background:linear-gradient(90deg,transparent 0 49%,rgba(186,255,0,.22) 49.2% 49.5%,transparent 49.7%),repeating-linear-gradient(0deg,transparent 0 54px,rgba(255,255,255,.04) 55px 56px);pointer-events:none}
.mission-cta h2,.mission-cta p,.mission-cta .hero-actions{position:relative;z-index:1}
.mission-cta h2{color:#fff}
.mission-cta h2 em{color:var(--acid);font-family:var(--serif);font-weight:400}
.mission-cta p{color:#c3c8d1}
.mission-cta .button{border-color:var(--acid);background:var(--acid);color:var(--ink)}
.mission-cta .button+.button{background:transparent;color:#fff}

.mission-page .related-grid{max-width:1180px;margin:auto}
.mission-page .faq{max-width:1180px}
@media(max-width:900px){.mission-hero-visual{min-height:430px}.mission-values{grid-template-columns:repeat(2,minmax(0,1fr))}.mission-story{grid-template-columns:1fr}.mission-story__title{position:static}.mission-audience{grid-template-columns:1fr}.mission-tag{min-width:155px}.mission-tag--league:after{width:145px}}
@media(max-width:560px){.mission-hero-visual{min-height:340px}.mission-hero-visual:after{width:90%}.mission-orbit{inset:15% 8%}.mission-core{width:126px;height:126px;font-size:19px}.mission-core small{font-size:8px}.mission-tag{min-width:0;padding:9px 10px;font-size:9px;gap:7px}.mission-tag:before{width:23px;height:23px;flex-basis:23px;font-size:8px}.mission-tag--owner{top:11%;left:3%}.mission-tag--player{right:3%;bottom:13%}.mission-tag--league{left:4%;bottom:8%}.mission-tag--league:after{width:120px}.mission-network-note{right:14px;top:14px;max-width:100px;font-size:8px}.mission-values{grid-template-columns:1fr}.mission-value{min-height:0}.mission-story__body p{font-size:16px}.mission-quote{padding:22px;font-size:31px}}
@media(prefers-reduced-motion:reduce){.mission-story__title{position:static}}

/* Supplied mission graphic replaces the placeholder CSS diagram. */
.mission-hero-visual{background:#07111b url('/mission-network.png') center/cover no-repeat;border-color:rgba(186,255,0,.45)}
.mission-hero-visual:before,.mission-hero-visual:after,.mission-orbit,.mission-tag,.mission-network-note{display:none}

/* Editorial mission list: open, numbered, and integrated with the green field. */
.mission-intro .mission-values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 52px;margin-top:56px;background:transparent;border:0}
.mission-intro .mission-value{position:relative;display:grid;grid-template-columns:70px minmax(0,1fr);column-gap:22px;align-content:start;min-height:190px;padding:28px 0 32px;background:transparent!important;border-top:1px solid rgba(11,15,25,.42);color:var(--ink)}
.mission-intro .mission-value:nth-child(3),.mission-intro .mission-value:nth-child(4){border-bottom:1px solid rgba(11,15,25,.42)}
.mission-intro .mission-value:before{content:"";position:absolute;top:34px;left:0;width:9px;height:9px;border:2px solid var(--ink);background:var(--acid);transform:rotate(45deg)}
.mission-intro .mission-value b{grid-column:1;grid-row:1/span 2;margin:0;padding-left:20px;color:#294317;font-size:12px;line-height:1.2;letter-spacing:.1em;text-transform:uppercase}
.mission-intro .mission-value h3{grid-column:2;margin:0 0 13px;color:var(--ink);font-size:clamp(25px,2.5vw,38px);line-height:.98;letter-spacing:-.045em}
.mission-intro .mission-value p{grid-column:2;margin:0;color:#293b22;font-size:15px;line-height:1.62}
@media(max-width:900px){.mission-intro .mission-values{grid-template-columns:1fr;gap:0}.mission-intro .mission-value:nth-child(3){border-bottom:0}.mission-intro .mission-value:nth-child(4){border-bottom:1px solid rgba(11,15,25,.42)}}
@media(max-width:560px){.mission-intro .mission-value{grid-template-columns:56px minmax(0,1fr);column-gap:14px;min-height:0;padding:24px 0 28px}.mission-intro .mission-value b{padding-left:17px;font-size:10px}.mission-intro .mission-value p{font-size:15px}}