@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;700;800;900&display=swap');
:root{--paper:#fff9f1;--ink:#392d2b;--muted:#776a64;--red:#e54436;--teal:#236e65;--line:#e5dace;--cream:#fff3dc}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Noto Sans JP',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--teal);outline-offset:5px}img{max-width:100%;display:block}.wrap{max-width:1320px;margin:auto;padding-left:64px;padding-right:64px}.header{height:104px;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:0 52px;max-width:1440px;margin:auto}.brand{display:flex;gap:11px;align-items:center;font-weight:900;font-size:23px;letter-spacing:.08em;white-space:nowrap}.brand small{display:block;font-size:8px;letter-spacing:.22em;margin-top:1px}.brand-mark{display:grid;place-items:center;width:43px;height:43px;background:var(--red);color:var(--paper);border-radius:15px 15px 15px 4px;font-size:27px;transform:rotate(-6deg)}nav{display:flex;gap:30px;font-size:12px;font-weight:600}nav a:hover,.text-link:hover{color:var(--red)}.button{display:inline-flex;align-items:center;justify-content:center;gap:36px;background:var(--red);color:white;padding:19px 27px;border-radius:100px;font-size:14px;font-weight:700;border:0;box-shadow:0 5px 0 #b9312820;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px);background:#d1372b}.button span{font-size:20px}.button.small{padding:13px 21px;font-size:12px;gap:24px}.hero{display:grid;grid-template-columns:46% 54%;padding-top:49px;position:relative}.eyebrow{font-size:10px;letter-spacing:.18em;font-weight:800;display:flex;gap:8px;align-items:center;margin:0 0 27px;color:var(--teal)}.dot{width:7px;height:7px;background:var(--teal);border-radius:50%}h1{font-size:clamp(40px,4.4vw,63px);line-height:1.48;letter-spacing:-.045em;font-weight:900;margin:0 0 22px}em{font-style:normal;color:var(--red)}.intro{font-size:14px;line-height:2.05;color:var(--muted);margin:0 0 25px}.hero-actions{display:flex;align-items:center;gap:25px}.text-link{font-size:12px;font-weight:700}.text-link span{margin-left:10px}.micro{font-size:10px;color:var(--muted);line-height:1.8;margin-top:16px}.hero-art{position:relative;margin:5px -25px 36px 12px;align-self:stretch;min-height:440px}.hero-art>img{width:100%;height:100%;object-fit:cover;border-radius:150px 32px 120px 32px;object-position:51% 50%;box-shadow:0 18px 70px #aa5a3410}.art-label{position:absolute;bottom:25px;left:-32px;border-radius:16px;background:#fffdf5;box-shadow:0 7px 30px #502c2920;transform:rotate(-5deg);display:flex;gap:13px;align-items:center;padding:16px 23px;font-size:12px;line-height:1.7}.art-label>span{font-size:36px;color:var(--red)}.art-caption{position:absolute;right:25px;bottom:-29px;font-size:9px;letter-spacing:.18em;font-weight:800}.hero-bottom{grid-column:1/-1;display:flex;justify-content:space-between;padding:42px 0 31px;font-size:10px;letter-spacing:.14em;color:var(--muted)}.arrow{margin-left:20px}.marquee{background:var(--teal);color:#fff6df;display:flex;justify-content:center;align-items:center;gap:38px;padding:19px 20px;font-weight:700;letter-spacing:.08em;font-size:12px;overflow:hidden;white-space:nowrap}.marquee>span{flex-shrink:0}.section{padding-top:100px;padding-bottom:100px}h2{font-size:36px;letter-spacing:-.035em;line-height:1.65;margin:0;font-weight:800}p{font-size:13px;line-height:2}.about{display:grid;grid-template-columns:1fr 1fr;gap:65px;padding-bottom:55px}.about-copy{padding-top:28px}.about-copy p{margin:0 0 20px;color:var(--muted)}.about-copy strong{color:var(--ink);font-weight:700}.facts{display:grid;grid-template-columns:repeat(3,1fr);padding-bottom:10px}.facts>div{border-top:1px solid var(--line);padding:28px 0 10px}.facts span{font-size:9px;letter-spacing:.16em;font-weight:700;color:var(--teal)}.facts strong{display:block;font-family:Arial,sans-serif;font-weight:500;font-size:63px;letter-spacing:-.05em;margin:12px 0 0}.facts strong small{font-size:30px;padding-left:7px}.facts p{font-size:11px;color:var(--muted)}.section-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:45px}.section-head>p{color:var(--muted)}.character-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.character-card{position:relative;min-height:335px;border-radius:23px;overflow:hidden;background:#f9e4d3;padding:30px;isolation:isolate}.character-card.cat{background:#f6dfdf}.character-info{position:relative;z-index:1}.tag{font-size:9px;font-weight:700;letter-spacing:.12em;display:inline-block;border:1px solid currentColor;border-radius:99px;padding:6px 12px}.character-card h3{font-size:31px;margin:20px 0 17px}.character-card h3 span{font-size:11px;display:block;margin-top:12px;font-weight:600}.character-card p{font-size:11px;line-height:1.9;max-width:200px}.character-card small{font-size:9px;display:block;margin-top:29px;letter-spacing:.04em}.character-figure{position:absolute;right:-55px;bottom:-18px;width:265px;height:340px;background-image:url('/assets/duo-sprites.png');background-size:530px auto;background-repeat:no-repeat;z-index:-1}.cat-figure{background-position:right center}.dog-figure{background-position:left center}.play-section{background:var(--teal);color:var(--paper);padding:75px 0}.play-inner{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.play-inner .eyebrow{color:#b1cec0}.play-inner .tag{border-color:#ffffff40;margin-bottom:15px}.play-inner h2{font-size:29px}.play-inner h2 em{color:#f6cf8a;font-family:Arial,sans-serif;font-size:43px;letter-spacing:-.04em;line-height:1.6}.play-inner p{color:#dce8dc;font-size:12px}.button.cream{background:var(--cream);color:var(--teal);margin-top:15px}.play-inner .micro{font-size:10px}.game-preview{border:8px solid #fcf1db;border-radius:28px;position:relative;display:block;background:#ebedcf;aspect-ratio:1.25;overflow:hidden;transform:rotate(3deg);box-shadow:0 15px 25px #13332b30}.preview-top{padding:15px 20px;display:flex;justify-content:space-between;color:var(--teal);font-size:12px;font-weight:900;position:relative;z-index:1}.preview-path{position:absolute;inset:0 20%;background:#f7d6ad;transform:skewX(-10deg);display:flex;justify-content:space-around;padding-top:75px}.preview-path i{font-size:30px;color:var(--red);font-style:normal}.preview-duo{position:absolute;bottom:28px;left:5%;width:90%;height:80%;background:url('/assets/duo-sprites.png') center/contain no-repeat}.play-circle{position:absolute;top:42%;left:42%;width:70px;height:70px;border-radius:50%;display:grid;place-items:center;background:#fff8e9ed;color:var(--red);font-size:22px;padding-left:4px;box-shadow:0 5px 30px #5d392d33}.preview-bottom{position:absolute;bottom:0;background:var(--cream);color:var(--ink);width:100%;padding:12px;font-size:10px;text-align:center}.timeline article{display:grid;grid-template-columns:180px 1fr;border-top:1px solid var(--line);padding:29px 0}.timeline time{font-size:12px;font-weight:700;letter-spacing:.06em;color:var(--teal);padding-top:5px}.timeline article>div{position:relative;padding-right:70px}.timeline h3{font-size:18px;margin:0 0 8px}.timeline p{font-size:12px;color:var(--muted);margin:0 0 8px;max-width:700px}.timeline a{font-size:10px;font-weight:700;text-decoration:underline;text-underline-offset:4px}.timeline-number{position:absolute;right:0;font:36px Georgia;color:#d8cbbb}.join{background:#f2eee1;text-align:center}.join .eyebrow{justify-content:center}.join>div>p{color:var(--muted)}.join-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:43px;text-align:left}.join-grid a{background:var(--paper);border-radius:18px;padding:25px;transition:transform .2s}.join-grid a:hover{transform:translateY(-5px)}.join-grid span{font-size:11px;color:var(--red)}.join-grid h3{font-size:16px;margin:18px 0 7px}.join-grid p{font-size:11px;color:var(--muted)}.join-grid strong{display:block;font-size:9px;letter-spacing:.14em;color:var(--teal);margin-top:28px}.footer{padding-top:43px;padding-bottom:43px;display:flex;align-items:center;justify-content:space-between;gap:30px}.footer p{font-size:12px;margin:0 0 8px}.footer small{font-size:9px;color:var(--muted);line-height:1.7}.to-top{border:1px solid var(--line);border-radius:50%;width:43px;height:43px;display:grid;place-items:center}.skip{position:fixed;top:-80px;left:10px;background:white;padding:15px;z-index:99}.skip:focus{top:10px}
@media(min-width:1450px){.hero-art{min-height:510px}}
@media(max-width:1000px){.wrap{padding-left:32px;padding-right:32px}.header{padding:0 30px}.header nav{gap:15px;font-size:10px}.hero{grid-template-columns:48% 52%}h1{font-size:43px}.hero-art{margin-left:0;min-height:430px}.hero-actions{gap:13px;flex-wrap:wrap}.character-card{padding:22px;min-height:380px}.character-figure{right:-42px;bottom:-60px;width:220px;height:300px;background-size:440px auto}.character-card p{max-width:185px}.play-inner{gap:30px}.play-inner h2 em{font-size:34px}.join-grid h3{font-size:13px}}
@media(max-width:700px){.wrap{padding-left:23px;padding-right:23px}.header{height:83px;padding:0 22px;gap:12px}.brand{font-size:19px;gap:8px}.brand-mark{width:35px;height:35px;font-size:23px}.brand small{font-size:6px}.header nav{display:none}.button.small{padding:10px 14px;font-size:10px;gap:12px}.hero{padding-top:25px;grid-template-columns:1fr}.hero-copy{position:relative;z-index:1}.eyebrow{font-size:9px;margin-bottom:20px}h1{font-size:44px;line-height:1.45}.intro{font-size:13px;line-height:1.9}.hero-actions{gap:24px}.button{padding:17px 24px;font-size:12px}.hero-art{margin:28px 0 18px 15px;min-height:0;height:340px}.hero-art>img{border-radius:85px 24px 80px 24px}.art-label{left:-14px;bottom:12px;padding:10px 17px;font-size:10px}.art-caption{font-size:8px;bottom:-24px}.hero-bottom{padding:32px 0 25px;font-size:8px;letter-spacing:.02em;gap:12px}.marquee{justify-content:flex-start;gap:25px;font-size:10px;padding:15px 22px}.section{padding-top:65px;padding-bottom:65px}h2{font-size:29px}.about{grid-template-columns:1fr;gap:0;padding-bottom:35px}.about-copy{padding-top:25px}.about-copy p{font-size:12px}.facts{gap:12px}.facts span{font-size:6px;letter-spacing:.06em}.facts strong{font-size:38px;margin-top:13px}.facts strong small{font-size:18px;padding-left:2px}.facts p{font-size:8px;line-height:1.8}.facts>div{padding-top:20px}.section-head{display:block;margin-bottom:28px}.section-head>p{font-size:12px;margin-top:22px}.character-grid{grid-template-columns:1fr;gap:18px}.character-card{min-height:315px;padding:26px}.character-figure{width:240px;height:305px;background-size:480px auto;right:-48px;bottom:-5px}.character-card p{max-width:175px;font-size:10px}.character-card h3 span{font-size:10px;max-width:180px}.character-card small{font-size:8px}.play-section{padding:50px 0}.play-inner{grid-template-columns:1fr;gap:35px}.play-inner h2{font-size:28px}.play-inner h2 em{font-size:38px}.game-preview{max-width:440px;width:92%;margin:auto;transform:rotate(2deg)}.timeline article{grid-template-columns:1fr;gap:16px;padding:25px 0}.timeline time{font-size:10px}.timeline article>div{padding-right:35px}.timeline h3{font-size:15px}.timeline p{font-size:11px}.timeline-number{font-size:24px;top:-33px}.join-grid{grid-template-columns:1fr;gap:12px;margin-top:30px}.join-grid a{padding:22px 25px;position:relative}.join-grid h3{font-size:16px;margin:10px 0 7px}.join-grid strong{position:absolute;top:25px;right:25px;margin:0;font-size:8px}.footer{flex-wrap:wrap;gap:23px;padding-top:35px;padding-bottom:30px}.footer>div{order:2;width:100%}.footer small{font-size:8px}.footer .to-top{margin-left:auto}}
.character-figure{right:0}.cat-figure{clip-path:inset(0 0 0 6%)}
@media(max-width:1000px){.character-figure{right:-10px}.character-card p{max-width:160px}}
@media(max-width:700px){.character-figure{right:-12px;width:210px;background-size:420px auto}.character-info{max-width:190px}.character-card p{max-width:155px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
/* Keep character art and descriptive text in distinct areas at every width. */
@media(min-width:701px){.character-card{min-height:430px}.character-info{max-width:none}.character-card p{max-width:100%;padding-right:140px}.character-card h3 span{max-width:100%}.character-figure{width:205px;height:258px;background-size:410px auto;bottom:-30px;right:0}.character-card small{max-width:140px;margin-top:28px}}
@media(max-width:700px){.character-card{min-height:505px;padding:26px}.character-info{max-width:none}.character-card p,.character-card h3 span{max-width:100%}.character-card small{margin-top:18px}.character-figure{right:20px;bottom:-18px;width:210px;height:260px;background-size:420px auto}}