:root{--black:#090909;--paper:#f4f3ef;--lime:#c7ff00;--line:#262626;--muted:#a7a7a2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--black);font-family:Arial,"Hiragino Kaku Gothic ProN","Noto Sans JP",sans-serif}a{color:inherit}.skip{position:fixed;left:1rem;top:-4rem;background:#fff;padding:.8rem;z-index:20}.skip:focus{top:1rem}.site-header{height:72px;background:var(--black);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,4vw,64px);position:sticky;top:0;z-index:10;border-bottom:1px solid #333}.brand{font-weight:900;letter-spacing:-1.5px;text-decoration:none;font-size:20px}.brand span{color:var(--lime)}nav{display:flex;gap:28px}nav a,.header-cta{font-size:12px;font-weight:bold;text-decoration:none}.header-cta{background:var(--lime);color:#000;padding:11px 15px}.hero{min-height:730px;background:var(--black);color:white;position:relative;overflow:hidden;padding:clamp(70px,10vw,160px) clamp(20px,8vw,128px)}.hero-copy{position:relative;z-index:2}.eyebrow,.section-index{font-size:11px;letter-spacing:.1em;font-weight:bold;margin:0 0 23px}.eyebrow span{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--lime);margin-right:8px}.hero h1,.intro h2,.product h2,.league h2,.characters h2,.release h2{font-size:clamp(54px,8.5vw,138px);line-height:.82;letter-spacing:-.08em;margin:0;font-weight:900}.hero em,h2 em{font-family:inherit;font-weight:850;font-style:italic}.hero-lede{font-size:15px;line-height:1.8;margin:38px 0 30px;color:#ddd}.button{display:inline-flex;gap:28px;align-items:center;padding:15px 18px;background:var(--lime);color:#000;text-decoration:none;font-size:13px;font-weight:bold}.button b{font-size:18px}.hero-art{position:absolute;width:58vw;height:58vw;min-width:570px;min-height:570px;right:-13vw;top:40px;border:1px solid #3b3b3b;border-radius:50%;transform:rotate(-22deg)}.lane{position:absolute;inset:9%;border:1px solid #343434;border-radius:50%}.lane-b{inset:20%}.lane-c{inset:31%}.runner-mark{position:absolute;top:21%;left:38%;font-weight:900;font-style:italic;font-size:clamp(46px,6vw,88px);line-height:.8;letter-spacing:-.1em;color:var(--lime)}.hero-stat{position:absolute;bottom:17%;left:22%;display:flex;align-items:end;gap:12px}.hero-stat strong{font-size:75px;line-height:.7}.hero-stat span{font-size:11px;line-height:1.4}.hero-side{position:absolute;right:20px;bottom:140px;writing-mode:vertical-rl;font-size:9px;letter-spacing:.15em;color:#aaa}.ticker{background:var(--lime);padding:14px 0;overflow:hidden;white-space:nowrap;font-size:15px;font-weight:900;font-style:italic;letter-spacing:.03em}.ticker div{display:inline-block;animation:none}.ticker i{font-style:normal;margin:0 20px}.section{padding:clamp(80px,12vw,180px) clamp(20px,8vw,128px)}.intro{background:var(--paper)}.intro-title{display:grid;grid-template-columns:1.6fr .7fr;gap:50px;align-items:end}.intro-title p,.product-copy>p,.league-head>p,.character-copy>p{line-height:1.8;font-size:14px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--black);border:1px solid var(--black);margin-top:85px}.feature-card{min-height:340px;padding:27px;position:relative}.feature-card span{font-size:12px;font-weight:bold}.feature-card h3{margin:84px 0 13px;font-size:25px;letter-spacing:-.06em}.feature-card p{font-size:13px;line-height:1.7;max-width:240px}.lime{background:var(--lime)}.black{background:#111;color:#fff}.white{background:#fff}.mini-track{position:absolute;right:25px;bottom:25px;width:95px;height:95px;border:1px solid #111;border-radius:50%}.mini-track b{position:absolute;inset:13px;border:1px solid #111;border-radius:50%}.mini-track b:nth-child(2){inset:28px}.mini-track b:nth-child(3){inset:43px}.week{position:absolute;bottom:35px;font-size:11px;letter-spacing:8px;color:var(--lime)}.shapes{position:absolute;right:25px;bottom:25px;display:flex;gap:5px;align-items:end}.shapes i{background:#111;width:22px;height:35px}.shapes i:nth-child(2){height:58px;background:var(--lime)}.shapes i:nth-child(3){height:25px}.product{background:#deddd7;display:grid;grid-template-columns:1fr 1fr;gap:50px;overflow:hidden}.development-note{font-size:11px!important;color:#555;margin-top:28px}.phone-pair{display:flex;justify-content:center;align-items:start;gap:22px;min-height:590px}.phone-pair figure{margin:0;width:min(42%,230px)}.phone-pair figure.offset{margin-top:115px}.phone-pair img{width:100%;display:block;border:7px solid #111;border-radius:27px}.phone-pair figcaption{font-size:8px;font-weight:bold;letter-spacing:.08em;margin-top:9px}.league{background:#111;color:#fff;padding:clamp(80px,12vw,180px) clamp(20px,8vw,128px);display:grid;grid-template-columns:1fr 1fr;gap:80px}.league-head h2{font-size:clamp(45px,6vw,90px)}.league-board{background:var(--lime);color:#000;padding:22px;align-self:center;transform:rotate(2deg);box-shadow:10px 10px 0 #fff}.board-top{display:flex;justify-content:space-between;font-size:10px;border-bottom:2px solid #000;padding-bottom:15px}.league-board ol{list-style:none;padding:0;margin:0}.league-board li{display:grid;grid-template-columns:35px 35px 1fr auto;gap:9px;align-items:center;border-bottom:1px solid #000;padding:11px 0;font-size:13px}.league-board li.you{background:#000;color:var(--lime);margin:0 -10px;padding:11px 10px}.avatar,.sprite{background-image:url('assets/run-avatars.png');background-size:500% 400%;background-repeat:no-repeat;image-rendering:pixelated}.avatar{width:30px;height:30px;display:block}.a1{background-position:0 0}.a2{background-position:25% 0}.a3{background-position:50% 0}.a4{background-position:75% 33.333333%}.league-board>p{font-size:9px;margin:15px 0 0}.characters{display:grid;grid-template-columns:1fr 1fr;gap:50px;background:var(--paper)}.character-stage{background:#111;color:#fff;min-height:490px;padding:44px;position:relative;overflow:hidden}.sprite.large{width:220px;height:220px;background-position:0 0;margin:45px auto 15px;filter:drop-shadow(12px 12px 0 var(--lime));transition:none}.character-name{text-align:center}.character-name span{display:block;font-size:9px;color:#aaa;letter-spacing:.12em}.character-name strong{font-size:18px}.avatar-picker{display:flex;gap:8px;justify-content:center;position:absolute;bottom:35px;left:0;right:0}.avatar-picker button{width:48px;height:48px;border:1px solid #555;background-color:#171717;cursor:pointer}.avatar-picker button.active,.avatar-picker button:focus-visible{outline:2px solid var(--lime);outline-offset:3px}.avatar-picker button:nth-child(2){background-position:25% 0}.avatar-picker button:nth-child(3){background-position:50% 0}.avatar-picker button:nth-child(4){background-position:75% 33.333333%}.avatar-picker button:nth-child(5){background-position:100% 66.666667%}.faq{max-width:1100px;margin:auto}.faq h2{font-size:clamp(45px,6vw,82px);letter-spacing:-.08em;margin:0 0 45px}.faq details{border-top:1px solid #222;padding:22px 0}.faq details:last-child{border-bottom:1px solid #222}.faq summary{display:flex;justify-content:space-between;cursor:pointer;font-size:18px;font-weight:bold;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary span{color:#777}.faq details[open] summary span{transform:rotate(45deg)}.faq details p{margin:18px 35px 0 0;font-size:14px;line-height:1.8;color:#444}.release{background:var(--lime);padding:clamp(65px,8vw,110px) clamp(20px,8vw,128px) 25px}.release-inner{display:flex;justify-content:space-between;align-items:end;gap:30px}.release h2{font-size:clamp(65px,10vw,150px)}.release h2 em{font-size:.73em}.release h2+p{font-size:12px;font-weight:bold}.release-status{max-width:330px;border-top:2px solid #000;padding-top:14px}.release-status strong{font-size:12px;margin-left:7px}.release-status p{line-height:1.7;font-size:13px}.pulse{display:inline-block;width:8px;height:8px;background:#000;border-radius:50%;animation:none}.release-foot{border-top:1px solid #000;margin-top:70px;padding-top:17px;display:flex;justify-content:space-between;font-size:10px;font-weight:bold}.release-foot a{text-decoration:none}footer{background:#111;color:#fff;padding:40px clamp(20px,8vw,128px);display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:20px;align-items:center}footer p,footer a,footer small{font-size:11px;margin:0}footer>a:not(.brand){color:#bbb}@keyframes marquee{to{transform:translateX(-25%)}}@keyframes pulse{50%{transform:scale(.55);opacity:.35}}@media(max-width:700px){.site-header{height:60px}.site-header nav{display:none}.header-cta{font-size:10px;padding:9px}.hero{min-height:660px;padding-top:90px}.hero-art{right:-80vw;top:180px;opacity:.65}.hero-side{display:none}.hero h1{font-size:clamp(58px,17vw,78px)}.hero-lede{font-size:13px}.intro-title,.product,.league,.characters{grid-template-columns:1fr;gap:35px}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:280px}.product{padding-bottom:80px}.phone-pair{min-height:420px}.league-board{margin:15px 8px}.character-stage{min-height:430px}.sprite.large{width:180px;height:180px;margin-top:25px}.avatar-picker button{width:42px;height:42px}.release-inner{display:block}.release-status{margin-top:45px}.release-foot{margin-top:45px}footer{grid-template-columns:1fr 1fr}footer small{grid-column:1/-1;color:#777}nav{gap:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}

/* 読みやすい改行と、スマートフォン上の操作面積を優先する。 */
section[id]{scroll-margin-top:86px}.intro h2,.product h2,.characters h2,.league-head h2{font-size:clamp(36px,4.3vw,64px);line-height:1.25;letter-spacing:-.06em}.hero h1{line-height:1.05;font-size:clamp(54px,7.4vw,112px)}.hero-stat{display:none}.feature-card p{max-width:72%}.preview-note{font-size:11px;line-height:1.7;color:#b5b5b0;margin-top:90px}.character-stage{padding-bottom:95px}.avatar-picker{bottom:105px}.privacy h1{font-size:clamp(36px,5vw,64px);line-height:1.3;margin:0}.privacy-copy{max-width:740px;line-height:1.9}.privacy-copy h2{font-size:24px;margin-top:48px}.updated{color:#666}.phone-pair img{height:auto}a:focus-visible,summary:focus-visible{outline:3px solid #739700;outline-offset:5px}nav a{padding:15px 0}.header-cta{min-height:44px;display:inline-flex;align-items:center}.sprite.large{filter:none}.feature-card .shapes,.mini-track{opacity:.5} .intro-title,.product,.league,.characters{min-width:0}.intro-title>*,.product>*,.league>*,.characters>*{min-width:0}
@media(max-width:700px){.hero h1{font-size:clamp(38px,11.5vw,70px);letter-spacing:-.07em}.hero{min-height:570px}.hero-art{opacity:.28}.intro h2,.product h2,.characters h2,.league-head h2{font-size:clamp(30px,8vw,48px)}.faq h2{font-size:32px}.avatar-picker button{width:44px;height:44px}.character-stage{padding:25px 20px 50px;min-height:470px}.avatar-picker{bottom:95px}.preview-note{margin-top:85px}.phone-pair{gap:12px;min-height:0}.phone-pair figure{width:46%}.feature-grid{margin-top:40px}.section{padding-top:72px;padding-bottom:72px}.faq summary{font-size:16px;gap:12px}.league-board{transform:none;box-shadow:5px 5px 0 #fff;padding:16px}.board-top{gap:7px;font-size:9px}.hero-lede br{display:none}.release h2{line-height:1.1}.sprite.large{margin-top:20px}.site-header .brand{font-size:18px}}
.character-stage{display:flex;flex-direction:column;align-items:center;padding:32px;min-height:470px}.avatar-picker{position:static;margin-top:30px;flex-wrap:wrap}.preview-note{margin:24px 0 0;text-align:center;max-width:360px}.sprite.large{flex-shrink:0;margin:15px auto}.character-name{margin-top:8px}@media(max-width:700px){.character-stage{padding:25px 18px;min-height:430px}.preview-note{margin-top:20px}}