:root{color-scheme:dark;--bg:#202129;--panel:#2c2d37;--line:#50515d;--ink:#f4ecd9;--muted:#bdb7aa;--s:#ff7c7c;--a:#ffbb70;--b:#e9d569;--c:#82cc82;--d:#73b7ef;--shadow:#14151c}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--ink);font-family:"Yu Gothic",Meiryo,system-ui,sans-serif;font-size:16px;line-height:1.8}a{color:inherit;text-underline-offset:5px}a:hover{color:var(--b)}a:focus-visible,summary:focus-visible{outline:3px solid var(--b);outline-offset:6px}img{image-rendering:pixelated;max-width:100%;height:auto}.skip{position:absolute;top:-100px;left:20px;padding:10px;background:var(--bg);z-index:5}.skip:focus{top:0}.site-head{max-width:1160px;padding:28px 32px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:16px}.site-head a{text-decoration:none;font-size:14px}.brand{display:flex;align-items:center;gap:12px;font-weight:800}.brand img{flex-shrink:0}main{max-width:1160px;margin:auto;padding:0 32px}.hero{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:64px;padding:72px 0 88px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.12em;color:var(--b);margin:0 0 20px}h1,h2,h3,p,figure{margin:0}h1{font-weight:900;font-size:clamp(42px,5vw,68px);letter-spacing:-.04em;line-height:1.22}.dot{color:var(--s)}.tagline{font-size:24px;font-weight:700;margin:24px 0 30px}.download{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:66px;background:var(--b);color:#282522;text-decoration:none;font-size:21px;font-weight:900;padding:10px 26px;border:3px solid #f8e590;border-right-color:#a58d39;border-bottom-color:#a58d39;box-shadow:6px 6px 0 var(--shadow)}.download:hover{background:#f4e390;color:#282522;transform:translateY(-2px)}.download span{font-size:13px;padding:0 7px;background:#d4bb54}.small{font-size:13px;color:var(--muted);line-height:1.9}.hero-copy .small{margin-top:22px}.hero-art{background:var(--panel);border:3px solid var(--line);padding:36px 30px 28px;box-shadow:12px 12px 0 var(--shadow);transform:rotate(2deg)}.hero-art img{width:100%;display:block;aspect-ratio:1}.hero-art figcaption{font-weight:700;text-align:center;font-size:13px;padding-top:22px}.section{padding:44px 0 52px;border-top:2px solid var(--line)}.section-title{display:flex;align-items:baseline;flex-wrap:wrap;gap:16px;margin-bottom:30px}.section-no{font-size:12px;color:var(--b);font-weight:800}.section-title h2{font-size:29px;letter-spacing:.04em}.section-title p{font-size:14px;color:var(--muted);margin-left:auto}.steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.steps li{min-width:0}.step-top{display:flex;gap:12px;align-items:center;margin-bottom:16px}.step-number{background:var(--a);color:#262129;width:30px;height:30px;text-align:center;font-weight:900;line-height:30px}.steps li:nth-child(2) .step-number{background:var(--b)}.steps li:nth-child(3) .step-number{background:var(--c)}h3{font-size:18px}.steps p{font-size:14px;margin-top:19px}.diagram{min-height:170px;padding:22px 12px;background:var(--panel);border:2px solid var(--line);display:flex;flex-wrap:wrap;gap:10px;align-content:center;align-items:center;justify-content:center}.diagram-arrow{color:var(--muted);font-size:21px}.mini-app{width:36px;height:36px;background:var(--c);color:#1c3b2f;font-weight:900;line-height:36px;text-align:center}.mock-button{display:inline-block;max-width:100%;padding:4px 12px;border:2px solid #787a89;border-right-color:#1a1b24;border-bottom-color:#1a1b24;background:#454654;font-size:13px;font-weight:700;line-height:1.6}.mock-button.green{background:#456c49;border-top-color:#88ba89;border-left-color:#88ba89}.mock-button.plus{font-size:21px;line-height:1.2}.mock-button.wide{margin:0 5px;font-size:12px}.launch{flex-direction:column}.note{margin-top:18px}.modes{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.mode{border-left:5px solid var(--d);background:var(--panel);padding:24px 22px}.friends{border-color:var(--a)}.official{border-color:var(--s)}.mode h3{font-size:23px;margin:14px 0 8px}.mode p{font-size:14px}.mode-label{display:block;margin-top:20px;font-size:12px;color:var(--muted)}.people{display:flex;align-items:center;gap:8px;height:32px}.people i{display:block;background:var(--d);width:12px;height:19px;position:relative;margin-top:12px}.people i:before{content:"";position:absolute;width:10px;height:8px;top:-12px;left:1px;background:inherit}.people .bot{background:#747581}.friends i{background:var(--a)}.official i{background:var(--s)}.help{max-width:850px}details{border-bottom:1px solid var(--line);padding:16px 0}summary{cursor:pointer;font-weight:700;font-size:15px}details p{padding:12px 20px 2px;font-size:14px;color:var(--muted)}.contact{margin-top:32px}.contact p{color:var(--muted);font-size:14px;margin-top:8px}footer{max-width:1160px;padding:40px 32px 32px;margin:auto;color:var(--muted);font-size:11px}footer p{margin-top:14px}.legal{font-size:10px}.rank-strip{display:flex;width:160px;height:24px}.rank-strip b{flex:1;text-align:center;color:#282522;background:var(--s);line-height:24px}.rank-strip b:nth-child(2){background:var(--a)}.rank-strip b:nth-child(3){background:var(--b)}.rank-strip b:nth-child(4){background:var(--c)}.rank-strip b:nth-child(5){background:var(--d)}.mobile-only{display:none}.placeholder main{min-height:70vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding-top:50px}.placeholder h1{font-size:clamp(22px,5vw,38px);margin-top:32px}.placeholder img{width:128px}.placeholder .tagline{font-size:20px;color:var(--muted)}.placeholder footer{text-align:center}
@media(max-width:800px){.hero{gap:32px;padding:48px 0 64px}.hero-art{padding:20px 20px 18px}.hero-art figcaption{font-size:11px}.steps,.modes{gap:16px}.steps h3{font-size:16px}.diagram{min-height:180px}.mode{padding:18px 14px}.mode p{font-size:13px}.site-head{padding:20px 24px}main{padding:0 24px}.section-title p{margin-left:0;width:100%}}
@media(max-width:600px){.site-head{padding:18px}.site-head .brand{font-size:12px;gap:8px}.site-head a{font-size:12px}main{padding:0 20px}.hero{grid-template-columns:1fr;gap:40px;padding:36px 0 52px}.hero-copy{text-align:center}h1{font-size:49px}.eyebrow{font-size:10px}.tagline{font-size:21px;margin:20px 0 26px}.download{font-size:19px;gap:18px;padding:10px 20px;min-height:62px}.hero-art{width:220px;margin:auto;padding:18px}.hero-art figcaption{font-size:11px}.section-title h2{font-size:25px}.steps,.modes{grid-template-columns:1fr;gap:26px}.steps li{display:grid;grid-template-columns:1fr;gap:0}.diagram{min-height:130px}.steps p{margin-top:12px}.mode{padding:22px}.mode h3{font-size:23px}.mode p{font-size:14px}.mode-label{margin-top:12px}.section{padding:32px 0 38px}footer{padding:28px 20px}.mobile-only{display:initial}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transform:none!important;transition:none!important}}