.launch-band[hidden],.cta-bar[hidden]{display:none}
.launch-band{display:block;max-width:1240px;margin:0 auto;padding:48px 16px 64px}
@media(min-width:768px){.launch-band{padding:64px 32px 80px}}
.lb-h{font-size:var(--step-4);color:var(--o);text-shadow:3px 3px 0 var(--line);margin:0 0 var(--s5);overflow-wrap:anywhere}
.lb-main{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s5);position:relative;background:var(--bg2) radial-gradient(#ffffff10 1.5px,transparent 1.6px) 0 0/9px 9px;border:5px solid var(--line);border-radius:8px 18px 10px 22px;box-shadow:8px 8px 0 var(--line);padding:var(--s5)}
.lb-main>*,.lb-track>*{min-width:0}
@media(min-width:1200px){.lb-main{grid-template-columns:minmax(0,1fr) 300px;align-items:center}}
.lb-track{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s4)}
@media(min-width:1100px){.lb-track{grid-template-columns:auto minmax(0,1fr);align-items:end}}
.lb-mascot{display:flex;align-items:flex-end;gap:var(--s3)}
.lb-mascot picture{flex:none}
.lb-mascot img{height:120px;width:auto}
@media(min-width:1100px){.lb-mascot{flex-direction:column-reverse;align-items:flex-start;max-width:220px}}
.lb-bubble{position:relative;margin:0 0 18px;max-width:240px;background:var(--ink);color:var(--line);font:700 1rem/1.35 var(--bub);border:4px solid var(--line);border-radius:18px 18px 18px 4px;padding:10px 14px;box-shadow:4px 4px 0 var(--line);overflow-wrap:anywhere}
.lb-bubble::after{content:"";position:absolute;left:-14px;bottom:6px;border:10px solid transparent;border-right:14px solid var(--line)}
@media(min-width:1100px){.lb-bubble{margin:0 0 14px}.lb-bubble::after{left:auto;right:-14px;bottom:10px;border-right-color:transparent;border-left:14px solid var(--line)}}
.lb-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s4)}
.lb-step{position:relative;display:flex;gap:var(--s3);align-items:flex-start}
.lb-step:not(:last-child)::after{content:"";position:absolute;left:20px;top:48px;bottom:calc(-1 * var(--s4) + 4px);width:4px;background:var(--line);border-radius:2px}
.lb-node{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:var(--ink-w2) solid var(--line);font:400 1.4rem/1 var(--hd);color:var(--line);box-shadow:var(--shadow-sm)}
.is-done .lb-node{background:var(--g)}
.is-done .lb-node::before{content:"\2713"}
.is-now .lb-node{background:var(--p)}
.is-now .lb-node::before{content:"\2605"}
.is-next .lb-node{background:transparent;border-color:var(--mute);box-shadow:none}
.lb-txt{display:flex;flex-direction:column;gap:4px;min-width:0;padding-top:4px}
.lb-here{align-self:flex-start;font:400 .95rem var(--hd);letter-spacing:.06em;background:var(--p);color:var(--line);border:2px solid var(--line);border-radius:6px;padding:2px 8px;transform:rotate(-2deg)}
.lb-label{font:700 1rem/1.3 var(--bd);color:var(--ink);overflow-wrap:break-word;hyphens:manual}
.is-done .lb-label{color:var(--g)}
.is-now .lb-label{color:var(--p)}
.lb-note{font:500 .9375rem/1.4 var(--bd);color:var(--mute);overflow-wrap:break-word;hyphens:manual}
@media(min-width:700px){
.lb-steps{grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:0}
.lb-step{flex-direction:column;align-items:center;text-align:center;padding:0 6px}
.lb-step:not(:last-child)::after{left:calc(50% + 26px);right:calc(-50% + 26px);top:20px;bottom:auto;width:auto;height:4px}
.lb-txt{align-items:center}
.lb-here{align-self:center}
}
.lb-tile{background:var(--bg);border:var(--ink-w2) solid var(--line);border-radius:var(--r-md);box-shadow:6px 6px 0 var(--p);padding:var(--s4);text-align:center}
.lb-tba{margin:0;font:400 clamp(2.5rem,8vw,3.5rem)/1 var(--hd);color:var(--o);text-shadow:3px 3px 0 var(--line);letter-spacing:.06em}
.lb-cap,.lb-plain,.lb-drop{margin:8px 0 0;font:700 .9375rem/1.4 var(--bd);color:var(--ink)}
.lb-plain{font:700 1.1rem/1.4 var(--mono);font-variant-numeric:tabular-nums;color:var(--o)}
.lb-drop{color:var(--g)}
.lb-digits{display:flex;justify-content:center;gap:var(--s2);margin-top:var(--s2)}
.lb-unit{display:grid;justify-items:center;gap:2px}
.lb-num{display:block;min-width:2.2ch;font:700 clamp(1.75rem,5vw,2.5rem)/1.1 var(--mono);font-variant-numeric:tabular-nums;color:var(--o);background:var(--bg2);border:var(--ink-w) solid var(--line);border-radius:var(--r-sm);padding:4px 6px;text-align:center}
.lb-unit:first-child .lb-num{min-width:3.2ch}
.lb-u{font:700 .875rem var(--bd);color:var(--mute);text-transform:uppercase}
.lb-ca{display:block;margin-top:8px;font:700 .9375rem/1.5 var(--mono);color:var(--ink);word-break:break-all}
@keyframes lb-pulse{0%,100%{transform:scale(1);box-shadow:var(--shadow-sm)}50%{transform:scale(1.08);box-shadow:0 0 0 6px #FF5FA244}}
@media(prefers-reduced-motion:no-preference){html:not(.touch-grass) .lb-step.is-now .lb-node{animation:lb-pulse 1.8s ease-in-out infinite}}
@media(prefers-reduced-motion:reduce){.lb-step.is-now .lb-node{animation:none!important}.cta-go{transition:none}}
html.touch-grass .lb-step.is-now .lb-node{animation:none!important}
:root{--cta-h:72px}
.cta-bar{position:fixed;left:0;right:0;bottom:0;z-index:45;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 16px;padding:8px 16px calc(8px + env(safe-area-inset-bottom));background:var(--bg);border-top:4px solid var(--line);box-shadow:0 -4px 0 var(--p)}
.cta-go{flex:0 1 auto;max-width:100%;white-space:normal;text-align:center}
.cta-note{margin:0;font:700 .875rem/1.3 var(--bd);color:var(--mute)}
.cta-x{flex:none;display:grid;place-items:center;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;font:700 1.5rem/1 var(--bd);color:var(--ink);background:var(--bg2);border:var(--ink-w) solid var(--line);border-radius:50%;box-shadow:var(--shadow-sm);cursor:pointer}
.cta-x:focus-visible,.cta-go:focus-visible{outline:3px solid var(--o);outline-offset:3px}
body.has-cta{padding-bottom:calc(var(--cta-h) + 8px + env(safe-area-inset-bottom))}
body.has-cta .narrator{bottom:calc(var(--cta-h) + 12px + env(safe-area-inset-bottom))}
@media(max-width:899px){body.has-cta .sticky-bar{display:none}}
@media(max-width:599px){:root{--cta-h:108px}.cta-bar{padding-inline:12px}.cta-note{order:3;flex-basis:100%;text-align:center}}
html.touch-grass .cta-bar{display:none!important}
html.touch-grass body.has-cta{padding-bottom:0}
