:root{--bg:#080b0d;--panel:#0f151a;--ink:#f1f3ec;--muted:#a8b3bc;--lime:#c7ff18;--line:#293139;--blue:#3a86ff;--max:1280px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px;background:var(--bg)}body{margin:0;color:var(--ink);background:var(--bg);font-family:Arial,"Noto Sans JP","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;-webkit-font-smoothing:antialiased}button,input{font:inherit}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--lime);outline-offset:5px}a:hover{color:var(--lime)}[hidden]{display:none!important}::selection{background:var(--lime);color:#080b0d}.skip{position:fixed;top:-70px;left:15px;background:var(--lime);color:#080b0d;z-index:100;padding:15px}.skip:focus{top:12px}.header{height:90px;padding:0 clamp(20px,4vw,64px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;background:#080b0df5;backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:16px;font-weight:850;letter-spacing:.1em;font-size:17px}.brand small{display:block;font-size:9px;letter-spacing:.18em;color:var(--muted);margin-top:7px}.brand-mark{width:46px;height:46px;display:grid;place-items:center;background:var(--lime);color:#080b0d;font-size:29px;font-style:italic;transform:skew(-6deg);font-weight:900}.header-link{font-size:11px;letter-spacing:.12em;font-weight:700;border:1px solid var(--line);padding:15px 19px}.header-link span{margin-left:16px}.hero{min-height:700px;height:calc(100svh - 90px);max-height:1040px;position:relative;overflow:hidden;display:flex;align-items:center}.hero-image,.hero-image img,.hero-shade{position:absolute;inset:0;width:100%;height:100%}.hero-image img{object-fit:cover;object-position:68% center;opacity:.72}.hero-shade{background:linear-gradient(90deg,#080b0df5 4%,#080b0daa 47%,#080b0d15),linear-gradient(0deg,#080b0d,transparent 35%)}.hero-content{position:relative;z-index:1;width:100%;max-width:var(--max);margin:auto;padding:36px 32px 70px}.eyebrow{color:var(--lime);font-family:monospace;font-size:12px;font-weight:750;letter-spacing:.19em;margin:0 0 22px}.date{margin-left:25px;color:var(--muted);font-size:10px}.hero h1{font-size:clamp(55px,6.7vw,94px);font-weight:900;line-height:1.15;letter-spacing:-.055em;margin:20px 0 28px}.hero h1 em{color:var(--lime);font-style:normal}.hero-copy{font-size:17px;line-height:1.9;color:#d0d5d7;margin:0 0 28px}.hero-actions{display:flex;align-items:center;gap:26px}.button{display:inline-flex;justify-content:center;align-items:center;gap:18px;padding:18px 24px;font-size:13px;letter-spacing:.02em;font-weight:750;min-height:52px;border:1px solid transparent;transition:background .2s,color .2s}.primary{background:var(--lime);color:#080b0d}.primary:hover{background:#ddff78;color:#080b0d}.outline{border-color:#4a5359;background:transparent;color:var(--ink)}.outline:hover{border-color:var(--lime);color:var(--lime)}.text-link{font-size:12px;border-bottom:1px solid #56616a;padding:7px 0;display:inline-block}.hero-bottom{position:absolute;bottom:25px;left:4%;right:4%;display:flex;justify-content:space-between;font:10px monospace;letter-spacing:.2em;color:#a7b0b6}.numbers{max-width:var(--max);margin:auto;display:grid;grid-template-columns:repeat(4,1fr);padding:38px 32px;border-bottom:1px solid var(--line)}.numbers div{padding-left:24px;border-left:1px solid var(--line)}.numbers strong{display:block;font-size:52px;font-weight:850;letter-spacing:-.04em}.numbers small{font-size:18px;margin-left:4px;font-weight:500;color:var(--muted)}.numbers span{display:block;font-size:12px;color:var(--muted);margin-top:6px}.guide{max-width:var(--max);padding:0 32px;margin:0 auto}.section-tabs{display:flex;align-items:center;justify-content:space-between;gap:20px;position:sticky;top:90px;z-index:15;padding:18px 0;background:#080b0df5;border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.section-tabs>span{font:10px monospace;letter-spacing:.14em;color:#7b8791}.section-tabs [role=tablist]{display:flex;gap:6px}.section-tabs button{border:0;border-bottom:2px solid transparent;background:transparent;color:var(--muted);padding:16px 23px;font-weight:700;font-size:14px}.section-tabs button[aria-selected=true]{color:var(--lime);border-color:var(--lime);background:#c7ff1808}.guide-panel{padding:72px 0 56px;min-height:850px}.section-title{margin-bottom:48px;max-width:900px}.section-title h2,.bottom-cta h2{font-size:clamp(36px,4.5vw,62px);letter-spacing:-.045em;line-height:1.25;margin:0 0 22px}.section-title>p:last-child{font-size:16px;color:var(--muted);line-height:1.9}.rule-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.rule-steps article{border-top:1px solid var(--line);padding:26px 0}.step-number{font:13px monospace;color:var(--lime)}h3{font-size:23px;letter-spacing:-.035em;line-height:1.4;margin:18px 0 12px}p{line-height:1.9}.rule-steps p{font-size:14px;color:var(--muted);min-height:80px}.mini-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;max-width:215px;margin:25px auto 0;transform:rotate(-5deg)}.mini-grid i{aspect-ratio:1;background:#161e25;border:1px solid #2c3842}.green,.mini-grid .green{background:var(--lime)}.blue,.mini-grid .blue{background:var(--blue)}.score-example{margin-top:32px;border:1px solid var(--line);padding:20px;display:grid;gap:19px;font:11px monospace}.score-example span{display:flex;gap:8px;align-items:center}.score-example b{margin-left:auto}.score-example strong{border-top:1px solid var(--line);padding-top:20px;display:flex;justify-content:space-between}.score-example em{font-style:normal;color:var(--lime);font-size:20px}.swatch{width:10px;height:10px;display:inline-block;border-radius:50%;flex-shrink:0}.scoring-band{margin:50px 0 32px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:38px 0;display:grid;grid-template-columns:1fr 1.25fr;gap:40px}.scoring-band h3{font-size:34px;margin:0}.scoring-band ol{list-style:none;margin:0;padding:0;display:grid;gap:20px}.scoring-band li{display:flex;gap:22px;align-items:center}.scoring-band li>span{font:23px monospace;color:var(--lime);min-width:26px}.scoring-band li div{font-size:18px;font-weight:700}.scoring-band small{display:block;font-weight:400;font-size:12px;color:var(--muted);margin-top:6px}.checkpoint-strip>span{font-size:12px;color:var(--muted)}.checkpoint-strip>div{display:grid;grid-template-columns:repeat(6,1fr);margin-top:15px;border-top:2px solid #415021}.checkpoint-strip b{font:23px monospace;padding-top:16px;position:relative}.checkpoint-strip b:before{position:absolute;content:"";width:7px;height:7px;border-radius:50%;background:var(--lime);left:0;top:-4px}.checkpoint-strip small{font-size:10px;margin-left:3px}.note{font-size:12px;color:var(--muted);line-height:1.9;margin:25px 0}.map-showcase{border:1px solid var(--line);background:#0a0f13}.map-top{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--line);font:11px monospace;letter-spacing:.15em}.demo-badge{color:var(--lime)}.map-layout{display:grid;grid-template-columns:1fr 270px;min-height:420px}.map-visual{position:relative;min-width:0;display:grid;place-items:center;overflow:hidden;background:radial-gradient(ellipse at center,#16242c66,transparent 70%)}.map-visual svg{display:block;width:100%;height:auto;max-height:680px}.map-visual #map-loading{position:absolute;font-size:12px;color:var(--muted);padding:18px}.map-sidebar{border-left:1px solid var(--line);padding:28px 22px;display:flex;flex-direction:column}.map-sidebar .eyebrow{font-size:9px}.map-sidebar h3{font-size:20px;min-height:58px}.map-sidebar>p:not(.eyebrow){font-size:12px;min-height:66px;color:var(--muted)}#district-score{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:22px}.demo-district{border:1px solid var(--line);padding:12px 8px;font:11px monospace;display:flex;justify-content:space-between;align-items:center}.demo-district strong{font-size:13px}.map-sidebar .button{margin-top:auto;padding:12px 8px;font-size:11px}.team-legend{display:flex;justify-content:center;flex-wrap:wrap;gap:19px;padding:20px;border-top:1px solid var(--line)}.team-legend span{display:flex;align-items:center;gap:7px;font:10px monospace;color:var(--muted)}.demo-progress{height:3px;background:#202b32}.demo-progress i{display:block;height:100%;width:0;background:var(--lime)}.two-cards{display:grid;grid-template-columns:1fr 1fr;gap:34px;margin-top:40px}.two-cards article{border-top:1px solid var(--line);padding-top:12px}.two-cards p{font-size:14px;color:var(--muted)}.strategy-list article{display:grid;grid-template-columns:80px 1fr;gap:22px;padding:40px 0;border-top:1px solid var(--line)}.strategy-number{font:22px monospace;color:var(--lime)}.strategy-list .eyebrow{font-size:11px;margin:0}.strategy-list h3{font-size:32px}.strategy-list p:not(.eyebrow){max-width:760px;font-size:15px;color:var(--muted)}.strategy-list small{display:block;font-size:12px;color:var(--muted);line-height:1.85}.distance-allocation{display:flex;gap:4px;margin:25px 0 15px}.distance-allocation span{width:var(--width);border-top:8px solid var(--lime);padding-top:14px;font-size:12px}.distance-allocation span:nth-child(2){border-color:#94b83f}.distance-allocation span:nth-child(3){border-color:#556236}.statement{border:1px solid var(--line);background:#10170d;padding:36px;margin-top:34px}.statement p{font-size:32px;font-weight:750;line-height:1.5;margin:0 0 18px}.statement em{color:var(--lime);font-style:normal}.statement>span{font-size:12px;color:var(--muted)}.join-layout{display:grid;grid-template-columns:1.25fr 1fr;gap:70px}.join-steps{list-style:none;padding:0;margin:0}.join-steps li{display:flex;gap:25px;padding:22px 0;border-top:1px solid var(--line)}.join-steps li>span{font:13px monospace;color:var(--lime);padding-top:9px}.join-steps h3{margin:0 0 12px;font-size:22px}.join-steps p{font-size:14px;color:var(--muted);margin:0}.join-card{background:#141e13;border:1px solid #3b4a32;padding:35px}.join-card h3{font-size:34px;margin-bottom:25px}.join-card .button{width:100%;margin-bottom:16px}.join-card small{display:block;font-size:12px;color:var(--muted);line-height:1.9;margin-top:24px}.safety{margin:55px 0 30px;padding-top:30px;border-top:1px solid var(--line)}.safety>span{font:12px monospace;letter-spacing:.1em;color:var(--lime)}.safety p{font-size:14px;color:var(--muted);max-width:950px}details{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:25px 0}summary{font-size:14px;cursor:pointer}details p{font-size:14px;color:var(--muted)}.bottom-cta{padding:85px 32px 100px;background:#11170e;text-align:center;border-top:1px solid #273420}.bottom-cta h2{margin-bottom:32px}footer{max-width:var(--max);margin:auto;padding:45px 32px;display:flex;justify-content:space-between;align-items:center;gap:30px;flex-wrap:wrap}footer .brand{font-size:13px}footer .brand-mark{width:34px;height:34px;font-size:24px}footer>div{display:flex;gap:24px;font-size:11px;color:var(--muted)}footer>small{color:#77828b;font:9px monospace;letter-spacing:.1em}
@media(max-width:800px){.header{height:72px;padding:0 20px}.brand{font-size:13px;gap:12px}.brand-mark{width:37px;height:37px;font-size:25px}.brand small{font-size:7px;letter-spacing:.1em}.header-link{font-size:9px;padding:12px}.header-link span{margin-left:5px}.hero{min-height:670px;height:calc(92svh - 72px)}.hero-content{padding:38px 24px 68px}.hero h1{font-size:clamp(51px,9vw,72px)}.hero-image img{object-position:70% center;opacity:.65}.hero-shade{background:linear-gradient(90deg,#080b0df2,#080b0d55),linear-gradient(0deg,#080b0d,transparent 65%)}.hero-copy{font-size:15px}.hero-actions{align-items:flex-start;gap:17px;flex-direction:column}.numbers{padding:26px 18px}.numbers div{padding-left:12px}.numbers strong{font-size:37px}.numbers small{font-size:13px}.numbers span{font-size:10px}.guide{padding:0 22px}.section-tabs{top:72px;display:block;padding:8px 0}.section-tabs>span{display:none}.section-tabs [role=tablist]{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.section-tabs button{padding:17px 7px;font-size:13px}.guide-panel{padding:42px 0;min-height:700px}.section-title{margin-bottom:30px}.section-title h2{font-size:37px}.section-title>p:last-child{font-size:14px}.rule-steps{grid-template-columns:1fr;gap:12px}.rule-steps article{display:grid;grid-template-columns:1fr 132px;column-gap:15px;padding:24px 0}.step-number{grid-column:1}.rule-steps h3{grid-column:1;font-size:22px;margin:12px 0}.rule-steps p{grid-column:1;margin:0;min-height:0;font-size:13px}.mini-grid,.score-example{grid-column:2;grid-row:1/4;align-self:center}.mini-grid{width:116px;gap:3px;margin:0 auto}.score-example{padding:12px;font-size:9px;gap:15px;margin:0}.score-example strong{display:grid;gap:8px;font-size:9px;padding-top:13px}.score-example em{font-size:16px}.scoring-band{grid-template-columns:1fr;gap:30px;margin-top:30px;padding:30px 0}.scoring-band h3{font-size:30px}.scoring-band ol{gap:24px}.map-layout{grid-template-columns:1fr;min-height:0}.map-top{font-size:9px;padding:17px 13px}.map-sidebar{border-left:0;border-top:1px solid var(--line);padding:22px}.map-sidebar h3,.map-sidebar>p:not(.eyebrow){min-height:0}.map-sidebar h3{margin:0 0 10px}.map-sidebar .eyebrow{margin-bottom:14px}.map-sidebar>p{margin-top:0}#district-score{grid-template-columns:repeat(4,1fr)}.map-visual{min-height:300px}.team-legend{gap:16px;padding:16px}.team-legend span{font-size:9px}.two-cards{grid-template-columns:1fr;gap:22px;margin-top:30px}.strategy-list article{grid-template-columns:30px 1fr;gap:13px;padding:28px 0}.strategy-number{font-size:15px}.strategy-list h3{font-size:26px}.strategy-list .eyebrow{font-size:9px;letter-spacing:.1em}.strategy-list p:not(.eyebrow){font-size:14px}.distance-allocation span{font-size:10px}.statement{padding:26px 22px}.statement p{font-size:26px}.join-layout{grid-template-columns:1fr;gap:30px}.join-card{padding:25px}.join-card h3{font-size:30px}.join-steps h3{font-size:21px}.bottom-cta{padding:62px 22px}.bottom-cta h2{font-size:35px}footer{padding:32px 22px;gap:25px}footer>div{gap:18px;font-size:10px}html{scroll-padding-top:80px}.desktop{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
/* Arena profile control uses the established dark/lime theme. */
.arena-selector{display:grid;gap:12px;font-size:16px;margin:24px 0;max-width:620px}.arena-selector select{width:100%;min-height:48px;padding:12px;background:#11191e;color:#f4f5ee;border:1px solid #5d707d;font:inherit;border-radius:0}.arena-selector select:focus-visible{outline:2px solid #c7ff18;outline-offset:3px}.numbers strong{font-size:clamp(1.6rem,5vw,4rem)}.team-legend [hidden]{display:none}
