@font-face{font-family:Noto;src:url('assets/NotoSansJP-variable.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--bg:#001426;--cyan:#66eeff;--mint:#94efd7;--ink:#e5fbff;--master:url('assets/lp-background-v2.png')}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#000e1c;color:var(--ink);font-family:Noto,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid #fff;outline-offset:5px}::selection{background:var(--cyan);color:var(--bg)}.skip{position:fixed;left:12px;top:-80px;z-index:100;background:var(--cyan);color:#001426;padding:10px}.skip:focus{top:10px}.lp{max-width:1280px;margin:auto;container-type:inline-size;overflow:clip;background:var(--bg);box-shadow:0 0 150px #00263a66}.hero{position:relative;aspect-ratio:853/375;isolation:isolate;overflow:hidden}.hero-art{position:absolute;inset:0;background:var(--master) 50% 0/100% auto no-repeat;animation:scene-in 1.8s cubic-bezier(.16,1,.3,1) both;z-index:-1}.hero-copy{position:absolute;inset:0;z-index:3;pointer-events:none}.hero-copy>*{pointer-events:auto}.hero h1{position:absolute;left:2.4%;top:1%;margin:0;line-height:1.04;font-size:7.5cqw;letter-spacing:-.35cqw;font-weight:900;transform:rotate(-6deg);font-style:italic;text-shadow:0 0 14px #99aaff65}.hero h1 span{display:block;animation:word-in .9s cubic-bezier(.16,1,.3,1) both}.hero h1 span+span{color:var(--cyan);animation-delay:.18s;text-shadow:0 0 18px #00dfff55}.hero-intro{position:absolute;left:3%;top:46%;margin:0;font-size:1.65cqw;line-height:1.55;letter-spacing:.08cqw;transform:rotate(-5deg);animation:word-in .9s .3s both}.hero-value{position:absolute;left:3%;top:66%;margin:0;color:var(--mint);font-size:2.35cqw;font-weight:800;line-height:1.32;letter-spacing:-.04cqw;animation:word-in .9s .42s both}.cta{display:flex;align-items:center;justify-content:center;gap:.8em;background:linear-gradient(110deg,#64eefa,#30ddf6 50%,#78f0ff);color:#00273b;border:1px solid #8cf7ff;border-radius:100px;box-shadow:0 0 9px #41deffaa,0 0 27px #00c8ff40;min-height:5.3cqw;padding:.8cqw 2.5cqw;font-size:1.65cqw;font-weight:900;letter-spacing:.04cqw;position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s;white-space:nowrap}.cta:after{content:'';position:absolute;width:50%;inset:-100% auto -100% -100%;background:linear-gradient(90deg,transparent,#fff7,transparent);transform:rotate(25deg);animation:shine 5s 2s infinite}.cta:hover{transform:translateY(-3px);box-shadow:0 0 15px #5df2ff,0 0 40px #00ccff80}.cta span{font-size:1.5em;line-height:1}.hero-cta{position:absolute;left:2.4%;top:84.7%;width:28%;animation:word-in .9s .6s both}.note{font-family:'Segoe Print','Yu Mincho',serif;font-style:italic;letter-spacing:.1em;line-height:1.45;color:#e4f7ff;text-shadow:0 0 8px #9cdaff6f}.hero-note{position:absolute;right:3%;top:8%;font-size:2.1cqw;transform:rotate(-12deg);animation:bob 4s infinite}.bubble{position:absolute;display:grid;place-items:center;font-size:1.8cqw;font-family:'Yu Mincho',serif;line-height:1.4;text-align:center;border:1px solid #bdf7ff;border-radius:50%;background:#0b365aaa;color:#e9ffff;box-shadow:0 0 13px #73d7ff66;padding:.6cqw 1.1cqw;z-index:2;animation:bob 4s ease-in-out infinite}.hello{left:29%;top:44%;transform:rotate(-12deg)}.watch-note{right:2.3%;top:42%;transform:rotate(-10deg);animation-delay:-1s}.wait-note{right:21%;bottom:5%;background:#e4faffdc;color:#18324d;transform:rotate(-9deg);animation-delay:-2s}.choose-note{position:absolute;left:33%;bottom:5%;font-size:1.8cqw;transform:rotate(-10deg)}.screen-ui{position:absolute;left:47%;top:3%;font-size:1.08cqw;color:#76c8db;transform:rotate(-6deg);width:28%;font-weight:700}.screen-ui>span{margin-right:1cqw}.screen-ui>div{margin-top:2.8cqw;white-space:nowrap;font-size:1.02cqw}.screen-ui b{color:#06404c}#sparkles{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2;mix-blend-mode:screen}.block{padding-inline:2.4%}.section-title{display:flex;align-items:baseline;gap:2.6%;position:relative;margin:0 0 1.2cqw}.section-title h2{margin:0;font-weight:900;font-size:3.45cqw;letter-spacing:-.1cqw;line-height:1.4;color:#a5f6fa;text-shadow:0 0 8px #1acbdd2a}.section-title p{font-size:1.28cqw;color:#68b8c7;font-weight:500;margin:0;line-height:1.5}.styles{padding-top:1.4cqw}.mode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.35cqw}.mode{position:relative;aspect-ratio:264/245;background-image:var(--master);background-repeat:no-repeat;background-size:323.106% 522.449%;border-radius:1.2cqw;transition:translate .4s,filter .4s;isolation:isolate}.mode:after{content:'';position:absolute;inset:0;border:1px solid transparent;border-radius:inherit;pointer-events:none;transition:.3s}.mode:hover,.mode:focus-visible{translate:0 -7px;filter:brightness(1.12)}.mode:hover:after{border-color:var(--accent);box-shadow:0 0 25px color-mix(in srgb,var(--accent),transparent 65%)}.race{background-position:3.396% 42.029%;--accent:#f293e2}.spectate{background-position:50.255% 42.029%;--accent:#70dcff}.talk{background-position:96.775% 42.029%;--accent:#86f3d7}.mode-copy{position:absolute;left:28.5%;top:4%;right:2%}.mode h3{font-size:3.7cqw;line-height:1.3;margin:0 0 .4cqw;color:var(--accent);font-weight:900;text-shadow:0 0 12px color-mix(in srgb,var(--accent),transparent 70%)}.mode p{font-size:1.35cqw;line-height:1.55;font-weight:700;margin:0;color:#b6e3ee}.mode-copy p{white-space:nowrap}.race-note{position:absolute;right:3%;top:35%;font-size:1.7cqw;transform:rotate(-12deg)}.mini-tabs{position:absolute;left:7%;top:42%;font-size:.78cqw;font-weight:700;color:#8edfe8;white-space:nowrap}.mini-tabs b{color:#075165;margin-left:.6em}.chat-example{position:absolute;top:46%;left:8%;right:6%;font-size:1cqw;color:#deecff}.chat-example>strong{font-size:1.05cqw}.chat-example p{padding-left:10%;font-size:1.03cqw;margin-top:1.4cqw;display:flex;gap:.6cqw;align-items:center}.chat-example small{font-size:.7cqw;color:#748a9f}.chat-example span{position:absolute;top:12.6cqw;left:0;color:#70879b;font-size:1.02cqw}.chat-note{position:absolute;right:5%;top:48%;font-size:1.75cqw;transform:rotate(-9deg);text-align:center}.characters{padding-top:1.35cqw}.characters .section-title{margin-bottom:.7cqw}.familiar{position:absolute;right:0;top:0;font-size:1.4cqw;transform:rotate(-14deg)}.avatar-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:.7cqw;padding-bottom:1.2cqw}.avatar{position:relative;aspect-ratio:1;border:0;border-radius:.9cqw;padding:0;background-image:url('assets/reference-lp.jpg');background-size:1332.8125% 2000%;background-position:var(--position);background-repeat:no-repeat;transition:transform .28s,box-shadow .28s;cursor:pointer}.avatar:hover{transform:translateY(-8px) rotate(-3deg);box-shadow:0 0 15px #5ff5ff80}.avatar[aria-pressed=true]{outline:2px solid var(--cyan);outline-offset:1px;box-shadow:0 0 20px #5ff5ff60;transform:translateY(-5px)}.steps{padding-top:.4cqw}.steps .section-title{gap:1.7%;margin-bottom:.8cqw}.step-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2.5cqw;margin:0;padding:0;list-style:none}.step{position:relative;aspect-ratio:185/132;background-image:var(--master);background-size:461.081% 969.697%;background-repeat:no-repeat;border-radius:1.1cqw}.step:not(:last-child):after{content:'›';position:absolute;right:-1.8cqw;top:40%;font-size:2.6cqw;color:#8aa8ee;animation:arrow 2s infinite}.step1{background-position:2.994% 75.087%}.step2{background-position:33.982% 75.087%}.step3{background-position:65.269% 75.087%}.step4{background-position:96.707% 75.087%}.step h3{margin:.8cqw 1.6cqw;font-size:1.35cqw;letter-spacing:-.02cqw;color:#a2e7ed;white-space:nowrap}.step h3 span{color:#69b6c5;margin-right:.5em;font-weight:500}.step-caption{position:absolute;top:29%;left:16%;font-size:.9cqw;color:#85d1e0;font-weight:700}.step-caption em{font-size:.62cqw;font-style:normal;color:#688c9f}.step-ui{position:absolute;left:15%;right:10%;bottom:13%;display:flex;justify-content:space-around;font-size:.75cqw;color:#91d9e6}.again-note{position:absolute;right:8%;top:36%;font-size:1.5cqw;transform:rotate(-10deg)}.assurances{display:grid;grid-template-columns:repeat(3,1fr);gap:1.3cqw;margin-top:1.6cqw;margin-bottom:1.25cqw}.assurance{position:relative;aspect-ratio:263/82;background-image:var(--master);background-repeat:no-repeat;background-size:324.335% 1560.976%;padding:1.1cqw .5cqw 0 9.5cqw;border-radius:1cqw}.assurance1{background-position:3.39% 84.14%}.assurance2{background-position:50.339% 84.14%}.assurance3{background-position:96.61% 84.14%}.assurance h3{font-size:1.42cqw;color:#b4ebf5;white-space:nowrap;margin:.15cqw 0 .65cqw;font-weight:800;letter-spacing:-.06cqw}.assurance p{font-size:1.14cqw;line-height:1.55;margin:0;color:#8ccddc}.closing{aspect-ratio:853/178;position:relative;isolation:isolate;overflow:hidden}.closing-art{position:absolute;inset:0;background:var(--master) 50% 100%/100% auto no-repeat;z-index:-1}.closing h2{position:absolute;left:2.3%;top:6%;font-family:'Yu Mincho',serif;font-size:4.2cqw;line-height:1.1;font-weight:500;transform:rotate(-7deg);margin:0;text-shadow:0 0 8px #d8ffff44}.closing h2 strong{font-family:Noto,sans-serif;font-size:5.7cqw;font-weight:900;font-style:italic}.closing-copy{position:absolute;right:8.5%;top:8%;width:30%}.closing-copy p{font-size:1.65cqw;line-height:1.65;margin:0 0 2cqw 1.3cqw;text-shadow:0 2px 6px #001428}.closing .cta{width:100%}.closing-note{position:absolute;right:2%;bottom:15%;font-size:1.8cqw;transform:rotate(-13deg)}.opening-light{position:fixed;inset:0;z-index:90;pointer-events:none;background:linear-gradient(115deg,transparent 25%,#6bf4ff16 45%,#d5fbff90 49%,transparent 53%);animation:opening 1.4s cubic-bezier(.2,.7,.3,1) both}.read-progress{position:fixed;top:0;left:0;width:0;height:2px;background:var(--cyan);box-shadow:0 0 15px var(--cyan);z-index:91}.motion-controls{position:fixed;bottom:max(12px,env(safe-area-inset-bottom));right:12px;z-index:50;display:flex;gap:4px;padding:4px;border-radius:20px;background:#001421c9;border:1px solid #376575;backdrop-filter:blur(8px)}.motion-controls button{border:0;background:transparent;font-size:10px;padding:3px 7px;color:#a6dbe5}.motion-controls span{color:var(--cyan);margin-left:3px}.reveal{opacity:0;translate:0 20px;transition:opacity .7s,translate .7s}.reveal.visible{opacity:1;translate:0 0}.mode-grid>:nth-child(2),.step-grid>:nth-child(2){transition-delay:.07s}.mode-grid>:nth-child(3),.step-grid>:nth-child(3){transition-delay:.14s}.step-grid>:nth-child(4){transition-delay:.21s}.paused *, .paused *:before,.paused *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.paused .reveal{opacity:1;translate:none}.paused .opening-light{display:none}
@keyframes opening{from{transform:translateX(-120%)}to{transform:translateX(130%);visibility:hidden}}@keyframes word-in{from{opacity:0;translate:0 16px;filter:blur(5px)}to{opacity:1;translate:0 0;filter:blur(0)}}@keyframes scene-in{from{transform:scale(1.04);filter:brightness(.5)}to{transform:scale(1);filter:brightness(1)}}@keyframes bob{50%{translate:0 -5px}}@keyframes shine{0%,70%{left:-100%}100%{left:180%}}@keyframes arrow{50%{translate:3px 0;filter:brightness(1.5)}}
@media(max-width:600px){.lp{max-width:100%;overflow:clip}.hero{aspect-ratio:auto;min-height:630px}.hero-art{inset:auto;top:194px;left:auto;right:-40px;width:690px;height:303px;background-size:690px auto;background-position:50% 0;transform-origin:70% 70%}.hero:after{content:'';position:absolute;left:0;right:0;top:185px;height:110px;background:linear-gradient(var(--bg),transparent);z-index:0;pointer-events:none}.hero h1{left:6%;top:18px;font-size:14.7cqw;line-height:1.06;letter-spacing:-.8cqw;transform:rotate(-5deg)}.hero-intro{left:6%;top:170px;font-size:3.2cqw;line-height:1.7;z-index:3}.hero-value{top:505px;left:6%;font-size:4.8cqw;line-height:1.35}.hero-cta{top:566px;left:6%;width:88%;min-height:48px;font-size:3.7cqw}.cta{font-size:3.7cqw;min-height:48px;padding:10px 18px}.hero-note{top:262px;right:5%;font-size:3.5cqw}.screen-ui{display:none}.hello{top:281px;left:9%;font-size:3.5cqw;padding:5px 9px}.watch-note{top:328px;right:3%;font-size:3.3cqw;padding:5px 9px}.wait-note{top:444px;bottom:auto;right:34%;font-size:3.5cqw;padding:4px 9px}.choose-note{left:8%;bottom:auto;top:448px;font-size:3.3cqw}.block{padding-inline:5%}.styles{padding-top:25px}.section-title{display:block;margin-bottom:15px}.section-title h2{font-size:6.2cqw;letter-spacing:-.2cqw;line-height:1.5}.section-title p{font-size:2.9cqw;line-height:1.8;margin-top:6px}.styles h2{font-size:5.7cqw;white-space:nowrap}.mode-grid{grid-template-columns:1fr;gap:18px}.mode{aspect-ratio:264/245;border-radius:12px}.mode-copy{left:28.5%;top:4%}.mode h3{font-size:10.5cqw;margin-bottom:2cqw}.mode p{font-size:3.8cqw;line-height:1.6}.race-note{font-size:4.5cqw}.mini-tabs{font-size:2.5cqw}.chat-example{font-size:3cqw}.chat-example>strong{font-size:3cqw}.chat-example p{font-size:3cqw;margin-top:4.3cqw;gap:1.7cqw}.chat-example small{font-size:2cqw}.chat-example span{top:37cqw;font-size:2.7cqw}.chat-note{font-size:4.8cqw}.characters{padding-top:30px}.characters .section-title{margin-bottom:15px}.familiar{font-size:3cqw;top:42px}.avatar-grid{grid-template-columns:repeat(6,1fr);gap:2cqw;padding-bottom:0}.avatar{border-radius:8px}.steps{padding-top:32px}.steps .section-title{margin-bottom:15px}.steps .section-title p{max-width:90%}.step-grid{grid-template-columns:repeat(2,1fr);gap:12px}.step{border-radius:10px}.step h3{font-size:2.55cqw;margin:1.6cqw 2.7cqw}.step h3 span{margin-right:.3em}.step:not(:last-child):after{display:none}.step-caption{font-size:1.8cqw}.step-caption em{font-size:1.2cqw}.step-ui{font-size:1.5cqw}.again-note{font-size:3cqw}.assurances{grid-template-columns:1fr;gap:12px;margin-top:22px;margin-bottom:24px}.assurance{padding:3cqw 1.5cqw 0 27.5cqw;border-radius:10px}.assurance h3{font-size:4.1cqw;margin:.5cqw 0 2cqw}.assurance p{font-size:3.2cqw}.closing{aspect-ratio:auto;min-height:400px}.closing-art{background-size:auto 2157px;background-position:50% 100%;top:100px;height:300px}.closing:after{content:'';position:absolute;inset:95px 0 auto;height:80px;background:linear-gradient(var(--bg),transparent);z-index:-1}.closing h2{top:14px;left:6%;font-size:7.7cqw;z-index:1;line-height:1.25}.closing h2 strong{font-size:11cqw}.closing-copy{top:auto;bottom:32px;left:6%;right:6%;width:auto;display:flex;flex-direction:column;align-items:flex-end}.closing-copy p{font-size:3.3cqw;text-align:right;padding:8px 12px;margin:0 0 16px;background:#00142670;border-radius:8px}.closing .cta{width:100%}.closing-note{right:5%;bottom:134px;font-size:3.5cqw}.motion-controls{bottom:9px;right:9px}.motion-controls button{font-size:9px}}
.screen-ui{left:47%;top:1.5%;width:28.5%;transform:rotate(-6deg)}.screen-ui .settings{display:flex;gap:1.5cqw;align-items:center;padding:.6cqw 0;background:#051c2dcc;margin:0;font-size:1cqw;white-space:nowrap}.screen-ui .view-tabs{display:flex;gap:.55cqw;align-items:center;margin:1.4cqw 0 0;padding:.45cqw .4cqw;background:#092c3cee;border-radius:3px;font-size:.96cqw;white-space:nowrap}.view-tabs b{padding:.6cqw .8cqw;border-radius:4px;background:#6befff;color:#06404c}.mini-tabs{display:flex;align-items:center;justify-content:space-around;left:5.5%;right:5.5%;top:39.8%;height:10%;padding:.3cqw;background:#082334;border-radius:4px;gap:.3cqw;font-size:.68cqw}.mini-tabs b{background:#67ecfc;padding:.5cqw .4cqw;border-radius:3px;margin:0}.chat-example p{background:#0b1b2b;margin-left:10%;padding-left:0;position:relative;z-index:1}.hero h1{top:3.5%}.characters .section-title p{max-width:44%}
@media(max-width:600px){.hero-art{width:600px;height:264px;background-size:600px auto;top:223px;right:-10px}.hero h1{top:18px}.hero-note{top:274px}.hello{top:306px}.watch-note{top:333px}.mini-tabs{font-size:1.9cqw;padding:1cqw;gap:.8cqw}.mini-tabs b{padding:1.3cqw .8cqw}.characters .section-title p{max-width:65%;min-height:3em}.familiar{top:47px}.closing-art{background-size:auto 1800px}.step h3{font-size:2.3cqw}}
.chat-note{z-index:2;pointer-events:none}.chat-example p{width:62%}.characters .section-title p{font-size:1.2cqw}
@media(max-width:600px){.closing-art{top:150px;height:250px}.characters .section-title p{font-size:2.8cqw}}
@media(max-width:600px){.closing:after{top:120px;height:90px;z-index:0;pointer-events:none}.closing-copy{z-index:2}.closing-note{top:177px;bottom:auto;right:6%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.opening-light{display:none}.reveal{opacity:1;translate:none}}

.avatar{background-color:#123043;border:1px solid #33596b}

/* The card keeps its original artwork while opening above the page. */
.mode-grid>.mode{cursor:pointer;touch-action:manipulation}
body.card-open{overflow:hidden}
.mode-dialog{position:fixed;inset:0;width:min(90vw,560px,calc((100dvh - 110px)*1.0775));max-width:none;max-height:none;padding:0;border:0;overflow:visible;background:transparent;color:var(--ink)}
.mode-dialog::backdrop{background:rgba(0,8,20,.84);backdrop-filter:blur(6px)}
.popup-stage{container-type:inline-size;width:100%;filter:drop-shadow(0 20px 45px #0009)}
.popup-stage .mode{width:100%;border-radius:4cqw;opacity:1;translate:none;transition:none;cursor:pointer;outline:1px solid var(--accent);box-shadow:0 0 35px color-mix(in srgb,var(--accent),transparent 75%)}
.popup-stage .mode:hover{translate:none;filter:none}
.popup-stage .mode h3{font-size:12cqw;margin-bottom:1.3cqw}
.popup-stage .mode p{font-size:4.35cqw;line-height:1.55}
.popup-stage .race-note{font-size:5.5cqw}
.popup-stage .mini-tabs{font-size:2.2cqw;padding:1cqw;gap:1cqw}
.popup-stage .mini-tabs b{padding:1.6cqw 1.3cqw}
.popup-stage .chat-example{font-size:3.25cqw}
.popup-stage .chat-example>strong{font-size:3.4cqw}
.popup-stage .chat-example p{font-size:3.33cqw;margin-top:4.5cqw;gap:1.9cqw}
.popup-stage .chat-example small{font-size:2.26cqw}
.popup-stage .chat-example span{top:40.7cqw;font-size:3.3cqw}
.popup-stage .chat-note{font-size:5.65cqw}
.popup-close{position:absolute;right:0;top:-48px;min-height:38px;padding:6px 15px;background:#0c2739;border:1px solid #76dbe9;border-radius:30px;font-size:13px;font-weight:700}
.popup-hint{position:absolute;top:100%;left:0;right:0;margin:14px 0 0;text-align:center;color:#b1d2df;font-size:12px}