@font-face{font-family:pixel;src:url(../media/PressStart2P-s.p.3ian8yhe6qs5f.woff2)format("woff2");font-display:swap;font-weight:400}@font-face{font-family:pixel Fallback;src:local(Arial);ascent-override:45.63%;descent-override:0.0%;line-gap-override:0.0%;size-adjust:219.15%}.iyyO6q_className{font-family:pixel,pixel Fallback;font-weight:400}.iyyO6q_variable{--font-pixel:"pixel", "pixel Fallback"}
@font-face{font-family:body;src:url(../media/PixelifySans_Variable-s.p.02my7lkoib81t.woff2)format("woff2");font-display:swap;font-weight:400 700}@font-face{font-family:body Fallback;src:local(Arial);ascent-override:80.21%;descent-override:24.41%;line-gap-override:0.0%;size-adjust:114.7%}.YO7cpq_className{font-family:body,body Fallback}.YO7cpq_variable{--font-body:"body", "body Fallback"}
:root{--ink:#0f1c3f;--ink-2:#162a57;--ink-3:#1f3a72;--k:#10183a;--line:#2f4f8f;--text:#fff6e0;--mute:#d0dbf3;--dim:#a3b4da;--gold:#ffd23d;--amber:#f07038;--deep-amber:#b83a24;--blue:#4a90e8;--sky:#9acdf9;--navy:#2a5fc9;--pink:#e8433a;--mint:#6fd36a;--teal:#2e8c8c;--violet:#4a90e8;--signal:var(--gold);--wrap:1240px;--gutter:20px;--header:68px;--px:4px;--pixel:var(--font-pixel), ui-monospace, monospace;--body:var(--font-body), system-ui, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (min-width:760px){:root{--gutter:40px}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;background:var(--ink);scroll-padding-top:var(--header);overflow-x:clip}html:not(.lenis){scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html:not(.lenis){scroll-behavior:auto}}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}body{color:var(--text);font-family:var(--body);background-color:var(--ink);-webkit-font-smoothing:antialiased;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240' shape-rendering='crispEdges'%3E%3Cg fill='%23fff6e0'%3E%3Crect x='12' y='20' width='2' height='2' opacity='.5'/%3E%3Crect x='90' y='64' width='2' height='2' opacity='.3'/%3E%3Crect x='170' y='30' width='2' height='2' opacity='.6'/%3E%3Crect x='210' y='120' width='2' height='2' opacity='.35'/%3E%3Crect x='40' y='150' width='2' height='2' opacity='.4'/%3E%3Crect x='130' y='200' width='2' height='2' opacity='.3'/%3E%3Crect x='60' y='226' width='2' height='2' opacity='.5'/%3E%3Crect x='190' y='186' width='2' height='2' opacity='.25'/%3E%3C/g%3E%3C/svg%3E");margin:0;font-size:1.125rem;line-height:1.55;overflow-x:clip}::selection{background:var(--pink);color:var(--k)}a{color:inherit}:focus-visible{outline:4px solid var(--gold);outline-offset:4px}h1,h2,h3{font-family:var(--pixel);text-wrap:balance;margin:0;font-weight:400;line-height:1.3}p{margin:0}.serif,.foil-text{color:var(--gold);text-shadow:0 .0625em 0 var(--amber), 0 .125em 0 var(--deep-amber), 0 .1875em 0 var(--k)}.mono{font-family:var(--pixel);letter-spacing:.06em;text-transform:uppercase;color:var(--dim);font-size:.625rem;line-height:1.8}.sprite{flex:none;display:block}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.wrap{width:100%;max-width:var(--wrap);padding:0 var(--gutter);margin:0 auto}.skip{z-index:200;background:var(--gold);color:var(--k);font-family:var(--pixel);padding:10px 16px;font-size:12px;text-decoration:none;position:absolute;top:-60px;left:12px}.skip:focus{top:12px}.split-word{vertical-align:top;margin:-.1em 0 -.3em;padding:.1em 0 .3em;display:inline-block;overflow:hidden}.split-word>span{will-change:transform;display:inline-block}.panel,.textbox,.button,.tag,.rules li,.families-grid article,.chase li,.notif,.radar,.form,.form input[type=email],.joined,.chapter .specs li,.numrow span,.setbar-bar,.crew li{--fc:var(--k);box-shadow:0 calc(var(--px) * -1) 0 0 var(--fc), 0 var(--px) 0 0 var(--fc), calc(var(--px) * -1) 0 0 0 var(--fc), var(--px) 0 0 0 var(--fc), var(--extra,0 0 0 0 transparent)}.button{--extra:inset 0 calc(var(--px) * -1) 0 0 var(--deep-amber), inset 0 var(--px) 0 0 #fff1a8;min-height:52px;margin:var(--px);background:var(--gold);color:var(--k);font-family:var(--pixel);text-transform:uppercase;cursor:pointer;isolation:isolate;border:0;border-radius:0;justify-content:center;align-items:center;gap:10px;padding:0 22px;font-size:12px;line-height:1.4;text-decoration:none;transition:transform 80ms steps(2,end);display:inline-flex;position:relative}.button:after{content:"";left:0;right:0;bottom:calc(var(--px) * -3);height:calc(var(--px) * 2);z-index:-1;background:#060c228c;position:absolute}.button:hover{transform:translateY(-4px)}.button:active{transform:translateY(4px)}.button:active:after{display:none}.button:disabled{opacity:.6;cursor:progress;transform:none}.button.alt{--extra:inset 0 calc(var(--px) * -1) 0 0 #8f7fc8, inset 0 var(--px) 0 0 #fff;background:var(--text)}.button.small{min-height:40px;padding:0 14px;font-size:10px}.top{z-index:50;position:fixed;top:0;left:0;right:0}.top[data-scrolled=true]{background:var(--ink-2);box-shadow:0 var(--px) 0 0 var(--k)}.top .wrap{height:var(--header);align-items:center;gap:20px;display:flex}.brand{font-family:var(--pixel);color:var(--text);text-shadow:0 3px 0 var(--k);align-items:center;gap:10px;font-size:14px;text-decoration:none;display:inline-flex}.nav{gap:4px;margin-left:auto;display:none}.nav a{color:var(--text);font-family:var(--pixel);text-transform:uppercase;text-shadow:0 2px 0 var(--k);padding:8px 10px;font-size:10px;text-decoration:none}.nav a:before{content:"▶";color:var(--gold);visibility:hidden;margin-right:6px;display:inline-block}.nav a:hover:before{visibility:visible}.top .button{margin-left:auto}@media (max-width:599px){.top .button .long{display:none}}@media (min-width:1000px){.nav{display:flex}.top .button{margin-left:12px}}.hero{isolation:isolate;background:#2f7d3a;position:relative}.hero-stage{min-height:max(100svh,720px);display:flex;position:relative;overflow:hidden}.sky-wrap{z-index:-2;background:linear-gradient(#2a5fc9 0%,#4a90e8 30%,#82c0f7 55%,#e6f4fd 79%,#3e9e4a 79%,#4cb050 90%);position:absolute;inset:0;overflow:hidden}.pixel-sky{image-rendering:pixelated;display:block;position:absolute;top:0;left:0}.crt{z-index:-1;pointer-events:none;background:repeating-linear-gradient(0deg,#10183a12 0 1px,#0000 1px 4px);position:absolute;inset:0}.hero-inner{text-align:center;padding-top:calc(var(--header) + clamp(16px, 4vh, 48px));flex-direction:column;align-items:center;padding-bottom:max(30svh,216px);display:flex;position:relative}.tag{margin:var(--px);font-family:var(--pixel);color:var(--text);background:#1a1033b8;padding:8px 12px;font-size:9px;line-height:1.6;display:inline-block}.logo{margin-top:clamp(16px,3.5vh,36px);font-size:clamp(2.1rem,10.4vw,7.4rem);line-height:1}.logo-row{gap:.06em;padding-bottom:.32em;display:inline-flex}.ltr{color:var(--text);text-shadow:.0625em 0 0 var(--k), -.0625em 0 0 var(--k), 0 -.0625em 0 var(--k), 0 .0625em 0 var(--sky), .0625em .0625em 0 var(--k), -.0625em .0625em 0 var(--k), 0 .125em 0 var(--blue), .0625em .125em 0 var(--k), -.0625em .125em 0 var(--k), 0 .1875em 0 var(--navy), .0625em .1875em 0 var(--k), -.0625em .1875em 0 var(--k), 0 .25em 0 var(--k), .0625em .25em 0 var(--k), -.0625em .25em 0 var(--k), 0 .3125em 0 #060c2273;animation:2.4s step-end infinite bob;animation-delay:calc(2s + var(--i) * .15s);display:inline-block}.ltr.bell{color:var(--gold);text-shadow:.0625em 0 0 var(--k), -.0625em 0 0 var(--k), 0 -.0625em 0 var(--k), 0 .0625em 0 var(--amber), .0625em .0625em 0 var(--k), -.0625em .0625em 0 var(--k), 0 .125em 0 var(--deep-amber), .0625em .125em 0 var(--k), -.0625em .125em 0 var(--k), 0 .1875em 0 #6e2f2a, .0625em .1875em 0 var(--k), -.0625em .1875em 0 var(--k), 0 .25em 0 var(--k), .0625em .25em 0 var(--k), -.0625em .25em 0 var(--k), 0 .3125em 0 #060c2273}@keyframes bob{0%,to{translate:0}50%{translate:0 -.0625em}}.tagline{font-family:var(--pixel);text-transform:uppercase;letter-spacing:.08em;color:var(--gold);text-shadow:0 3px 0 var(--k), 3px 0 0 var(--k), -3px 0 0 var(--k), 0 -3px 0 var(--k);font-size:clamp(.75rem,1.8vw,1.15rem)}.blink{animation:1s step-end infinite blink}@keyframes blink{50%{opacity:0}}.hero-box{width:min(100%,620px);margin-top:clamp(20px,4vh,40px)}.textbox{--extra:inset 0 0 0 var(--px) var(--text), inset 0 0 0 calc(var(--px) * 2) var(--violet);margin:var(--px);background:var(--text);color:var(--k);text-align:left;font-family:var(--pixel);padding:22px 26px 26px;font-size:clamp(10px,1.15vw,13px);line-height:2;position:relative}.textbox .ghost{visibility:hidden}.textbox .arrow{color:var(--pink);visibility:hidden;font-size:10px;position:absolute;bottom:10px;right:18px}.textbox .arrow[data-on=true]{visibility:visible;animation:.8s step-end infinite nudge}@keyframes nudge{50%{translate:0 3px}}.hero-cta{flex-wrap:wrap;justify-content:center;gap:16px;margin-top:26px;display:flex}.hud{background:#2f7d3a;grid-template-columns:repeat(2,1fr);margin:0;padding:0;list-style:none;display:grid}.hud li{font-family:var(--pixel);text-transform:uppercase;justify-content:center;align-items:baseline;gap:10px;padding:16px 8px;display:flex}.hud span{color:var(--gold);font-size:9px}.hud b{color:var(--text);font-size:12px;font-weight:400}@media (min-width:760px){.hud{grid-template-columns:repeat(4,1fr)}.hud li{padding:22px 8px}}.ticker{background:var(--ink-3);box-shadow:0 var(--px) 0 0 var(--k), 0 calc(var(--px) * -1) 0 0 var(--k);padding:28px 0 32px;overflow:hidden}.ticker-track{gap:28px;width:max-content;animation:40s linear infinite ticker;display:flex}.ticker .mini{aspect-ratio:63/88;width:72px;display:block;position:relative;inset:auto}.ticker .mini:nth-child(odd){translate:0 6px}@keyframes ticker{to{transform:translate(-50%)}}.mini .sprite{z-index:1;width:64%;height:auto;position:absolute;top:12%;left:50%;translate:-50%}.battle{padding:clamp(64px,9vw,120px) 0 0}.battle-screen{--fc:var(--text);--extra:inset 0 0 0 var(--px) var(--k), 14px 14px 0 0 #060c2299;max-width:940px;margin:var(--px) auto;box-shadow:0 calc(var(--px) * -1) 0 0 var(--fc), 0 var(--px) 0 0 var(--fc), calc(var(--px) * -1) 0 0 0 var(--fc), var(--px) 0 0 0 var(--fc), var(--extra);background:linear-gradient(#9acdf9 0 40%,#b4dbfb 40% 46%,#8ad86a 46% 100%);position:relative;overflow:hidden}.arena{height:clamp(340px,44vw,420px);position:relative}.mon{justify-items:center;display:grid;position:absolute}.mon .sprite{z-index:1;width:clamp(84px,14vw,112px);height:auto;animation:1.2s step-end infinite idle;position:relative}.mon .pad{background:#5fbf5a;border-radius:50%;width:clamp(150px,24vw,220px);height:26px;margin-top:-14px;box-shadow:inset 0 -6px #3e9e4a,0 0 0 3px #2f7d3a}.foe{top:10%;right:8%}.ally{bottom:6%;left:8%}.ally .sprite{width:clamp(100px,17vw,140px);animation-delay:.6s}@keyframes idle{50%{translate:0 -4px}}.bcard{--fc:var(--k);--extra:inset 0 0 0 var(--px) var(--text), inset 0 0 0 calc(var(--px) * 2) var(--navy);background:var(--text);width:min(46%,340px);color:var(--k);box-shadow:0 calc(var(--px) * -1) 0 0 var(--fc), 0 var(--px) 0 0 var(--fc), calc(var(--px) * -1) 0 0 0 var(--fc), var(--px) 0 0 0 var(--fc), var(--extra);padding:14px 18px 16px;position:absolute}.bcard strong{font-family:var(--pixel);text-transform:uppercase;font-size:clamp(9px,1.2vw,13px);font-weight:400;display:block}.bcard small{color:#3a4a78;margin-top:4px;font-size:.95rem;display:block}.foe-card{top:9%;left:5%}.ally-card{bottom:12%;right:5%}.bbar{align-items:center;gap:8px;margin-top:8px;display:flex}.bbar span{font-family:var(--pixel);text-transform:uppercase;color:var(--amber);font-size:8px}.bbar i{background:var(--k);flex:1;height:10px;padding:2px}.bbar b{transform-origin:0;background:linear-gradient(var(--mint) 0 50%, #4cb050 50%);height:100%;display:block}.battle-foot{background:var(--k);gap:12px;padding:12px;display:grid}.battle-text .textbox{margin:var(--px);min-height:100%}.battle-menu{--fc:var(--k);--extra:inset 0 0 0 var(--px) var(--text), inset 0 0 0 calc(var(--px) * 2) var(--pink);margin:var(--px);background:var(--text);box-shadow:0 calc(var(--px) * -1) 0 0 var(--fc), 0 var(--px) 0 0 var(--fc), calc(var(--px) * -1) 0 0 0 var(--fc), var(--px) 0 0 0 var(--fc), var(--extra);grid-template-columns:1fr 1fr;gap:6px 10px;padding:20px 22px;display:grid}.battle-menu a{font-family:var(--pixel);text-transform:uppercase;color:var(--k);padding:6px 4px 6px 20px;font-size:12px;text-decoration:none;position:relative}.battle-menu a:before{content:"▶";visibility:hidden;position:absolute;left:0}.battle-menu a:first-child:before,.battle-menu a:hover:before,.battle-menu a:focus-visible:before{visibility:visible}.battle-menu:hover a:first-child:not(:hover):before{visibility:hidden}@media (min-width:760px){.battle-foot{grid-template-columns:1.6fr 1fr}}.section{padding:clamp(88px,11vw,140px) 0;position:relative}.section-head{gap:24px;margin-bottom:clamp(48px,6vw,80px);display:grid}.section-head h2,.h2,.promise h2,.join h2{text-shadow:0 .0625em 0 var(--violet), 0 .125em 0 #2a5fc9, 0 .1875em 0 var(--k);font-size:clamp(1.45rem,4.4vw,3.2rem);line-height:1.4}.section-head p.intro,.intro{max-width:34rem;color:var(--mute);font-size:1.2rem}@media (min-width:900px){.section-head{grid-template-columns:1.3fr 1fr;align-items:end;gap:48px}}.label-row{color:var(--mint);align-items:center;gap:12px;margin-bottom:22px;display:flex}.label-row .count{background:var(--mint);color:var(--k);padding:4px 6px}.manifesto{padding:clamp(100px,14vw,180px) 0}.manifesto p.big{max-width:24ch;font-size:clamp(1.7rem,4.2vw,3.6rem);font-weight:600;line-height:1.2}.manifesto .w{display:inline}.chapters{display:grid}.chapter{padding:56px 0}.chapter h3{text-shadow:0 .125em 0 var(--k);margin:18px 0 20px;font-size:clamp(1.25rem,2.7vw,2rem);line-height:1.45}.chapter p{color:var(--mute);max-width:30rem}.chapter .specs{flex-wrap:wrap;gap:14px;margin:24px 0 0;padding:0;list-style:none;display:flex}.chapter .specs li{--fc:var(--line);background:var(--ink-2);color:var(--text);margin:4px;padding:6px 10px}.chapter .inline-visual{margin-top:40px}.chapter-num{align-items:center;gap:12px;display:flex}.chapter-num i{background:var(--line);width:8px;height:8px}.chapter[data-active=true] .chapter-num i{background:var(--gold);animation:.8s step-end infinite blink}.features-pin{display:none}@media (min-width:900px){.features-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:72px;display:grid}.chapter{flex-direction:column;justify-content:center;min-height:82vh;display:flex}.chapter .inline-visual{display:none}.chapter[data-active=false] h3,.chapter[data-active=false] p{opacity:.4}.features-pin{align-self:start;height:min(34vw,540px);margin-top:12vh;display:block;position:sticky;top:calc(50vh - min(34vw,540px)/2 + 20px)}}.panel{--fc:var(--text);--extra:inset 0 0 0 var(--px) var(--k), 12px 12px 0 0 #060c2299;background:var(--ink-2);aspect-ratio:1;margin:var(--px);position:relative}.inline-visual .panel{aspect-ratio:auto}.inline-visual .panel .demo-layer{min-height:400px;position:relative}.inline-visual .pockets{grid-template-rows:none}.inline-visual .pocket{width:100%;max-width:96px;height:auto}.features-pin .panel{aspect-ratio:auto;height:100%}.panel .demo-layer{flex-direction:column;padding:clamp(22px,3vw,36px);transition:opacity .25s steps(3,end);display:flex;position:absolute;inset:0}.panel .demo-layer[data-on=false]{opacity:0;pointer-events:none}.demo-head{border-bottom:var(--px) solid var(--line);justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:18px;padding-bottom:14px;display:flex}.demo-head strong{font-family:var(--pixel);text-transform:uppercase;color:var(--gold);font-size:11px;font-weight:400}.demo-foot{border-top:var(--px) solid var(--line);justify-content:space-between;align-items:center;margin-top:18px;padding-top:14px;display:flex}.pockets{flex:1;grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:repeat(3,minmax(0,1fr));justify-items:center;gap:12px;min-height:0;display:grid}.pocket{aspect-ratio:63/88;outline:2px dashed var(--line);outline-offset:-2px;background:#fff6e00a;place-items:center;max-width:100%;height:100%;display:grid;position:relative}.pocket .num{font-family:var(--pixel);color:var(--dim);font-size:8px}.pocket.gap{outline-color:var(--pink)}.pocket.gap .num{color:var(--pink);animation:1.2s step-end infinite blink}.mini{--c:var(--blue);background:var(--text);box-shadow:0 0 0 3px var(--k), 5px 5px 0 3px #060c2299;position:absolute;inset:0;overflow:hidden}.mini:before{content:"";background:linear-gradient(transparent 62%, #060c2238 62%), var(--c);height:50%;box-shadow:0 0 0 2px var(--k);position:absolute;top:9%;left:10%;right:10%}.mini:after{content:"";animation:3.5s steps(8,end) infinite sweep;animation-delay:var(--d,0s);background:linear-gradient(115deg,#0000 44%,#fffc 44% 47%,#0000 47% 50%,#fff9 50% 52%,#0000 52%);position:absolute;inset:-40%}@keyframes sweep{0%{transform:translate(-45%)}60%,to{transform:translate(45%)}}.mini i{color:var(--deep-amber);font-size:9px;font-style:normal;position:absolute;bottom:7%;right:10%}.mini b{font-family:var(--pixel);color:var(--k);font-size:7px;font-weight:400;position:absolute;bottom:9%;left:10%}.gaps{flex:1;align-content:center;gap:32px;display:grid}.setbar{gap:16px;display:grid}.setbar-top{justify-content:space-between;align-items:baseline;display:flex}.setbar-top .mono{color:var(--gold);font-size:12px}.setbar-num{font-family:var(--pixel);font-size:14px}.setbar-num b{color:var(--text);text-shadow:0 .125em 0 var(--k);font-size:clamp(1.8rem,3.6vw,3rem);font-weight:400}.setbar-bar{--fc:var(--text);margin:var(--px);background:var(--k);grid-template-columns:repeat(20,1fr);gap:3px;padding:6px;display:grid}.setbar-bar i{background:#2d2350;height:22px}.setbar-bar i[data-on=true]{background:linear-gradient(var(--mint) 0 50%, #4cb050 50%)}.numrow{grid-template-columns:repeat(6,1fr);gap:10px;width:100%;display:grid}.numrow span{--fc:var(--line);font-family:var(--pixel);text-align:center;background:var(--ink-3);color:var(--dim);margin:2px;padding:8px 0;font-size:9px}.numrow span.gap{--fc:var(--pink);color:var(--pink);background:0 0}.chase{flex-direction:column;flex:1;justify-content:center;gap:14px;margin:0;padding:0;list-style:none;display:flex}.chase li{--fc:var(--line);margin:0 var(--px);background:var(--ink-3);grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:10px 14px;display:grid}.chase li:first-child{--fc:var(--gold)}.chase .thumb{place-items:center;width:48px;display:grid}.chase .label{flex-direction:column;min-width:0;font-weight:600;line-height:1.3;display:flex}.chase .label small{color:var(--dim);font-size:.95rem;font-weight:400}.chase .state{color:var(--mute);text-align:right;font-size:8px}.chase li[data-found=true] .state{color:var(--mint)}.bell-demo{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:26px;display:flex;position:relative}.ripples{width:0;height:0;position:absolute;top:50%;left:50%}.ripples span{outline-offset:-4px;outline:4px solid #ffd23d8c;width:360px;height:360px;margin:-180px 0 0 -180px;position:absolute;top:50%;left:50%}.notif{--extra:inset 0 0 0 var(--px) var(--text), inset 0 0 0 calc(var(--px) * 2) var(--pink);background:var(--text);width:min(100% - 8px,400px);color:var(--k);grid-template-columns:auto 1fr;gap:14px;padding:20px;display:grid;position:relative}.notif .app{background:var(--ink-2);place-items:center;width:44px;height:44px;display:grid}.notif .mono{color:#5b4c8a;font-size:8px}.notif .top-line{justify-content:space-between;margin-bottom:4px;display:flex}.notif strong{font-family:var(--pixel);font-size:10px;font-weight:400;line-height:1.6;display:block}.notif p{color:#4a3d78;margin-top:6px;font-size:1rem;line-height:1.35}.notif .price{align-items:baseline;gap:10px;margin-top:10px;display:flex}.notif .price b{font-family:var(--pixel);font-size:1.1rem;font-weight:400}.notif .price .mono{color:var(--deep-amber)!important}.bell-demo .note{text-align:center;max-width:32ch}.promise .lead{max-width:36rem;color:var(--mute);margin-top:36px;font-size:1.25rem}.foil-line{transform-origin:0;background:repeating-linear-gradient(90deg, var(--gold) 0 16px, var(--amber) 16px 24px, transparent 24px 32px);height:8px;margin-top:48px}.rules{gap:28px;margin:clamp(56px,7vw,96px) 0 0;padding:0;list-style:none;display:grid}.rules li,.families-grid article{--fc:var(--line);--extra:10px 10px 0 0 #060c2299;margin:var(--px);background:var(--ink-2);grid-template-columns:auto 1fr;align-content:start;gap:6px 18px;padding:24px;display:grid}.rules li .sprite,.families-grid article .sprite{grid-row:span 3}.rules li .mono,.families-grid article .mono{color:var(--mint)}.rules h3,.families-grid h3{color:var(--text);font-size:clamp(.85rem,1.4vw,1rem);line-height:1.6}.rules p,.families-grid p{color:var(--mute)}@media (min-width:760px){.rules{grid-template-columns:1fr 1fr}}.crew{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:0;padding:0;list-style:none;display:grid}@media (min-width:700px){.crew{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1000px){.crew{grid-template-columns:repeat(5,minmax(0,1fr))}}.crew li{--fc:var(--line);--extra:8px 8px 0 0 #060c2299;margin:var(--px);background:var(--ink-2);cursor:default;align-content:start;gap:6px;padding:0 0 18px;display:grid}.crew-art{background:linear-gradient(transparent 0 78%, #060c2259 78% 82%, transparent 82%), repeating-conic-gradient(#ffffff1f 0 25%, transparent 0 50%) 0 0 / 8px 8px, var(--c);height:118px;box-shadow:inset 0 calc(var(--px) * -1) 0 0 var(--k);place-items:end center;margin-bottom:8px;display:grid}.crew-sprite{margin-bottom:10px;display:block}.crew-sprite .sprite{width:80px;height:auto;animation:1.6s steps(2,end) infinite idle;animation-delay:var(--d,0s);display:block}.crew li .crew-num,.crew li h3,.crew li .crew-kind,.crew li p{margin:0 16px}.crew-num{color:var(--mute);font-size:.7rem}.crew li h3{color:var(--text);font-size:clamp(.8rem,1.2vw,.95rem);line-height:1.5}.crew-kind{background:var(--c);color:var(--k);justify-self:start;padding:3px 6px;font-size:.65rem}.crew li p{color:var(--mute);margin-top:4px;font-size:1rem;line-height:1.35}.families-grid{gap:28px;display:grid}@media (min-width:760px){.families-grid{grid-template-columns:1fr 1fr}}.shops{align-items:center;gap:56px;display:grid}.shops .copy p{color:var(--mute);max-width:32rem;margin-top:20px}.shops .copy a{color:var(--gold)}@media (min-width:900px){.shops{grid-template-columns:1fr 1fr;gap:80px}}.radar{--fc:var(--text);--extra:inset 0 0 0 var(--px) var(--k), 12px 12px 0 0 #060c2299;aspect-ratio:1;width:min(100% - 8px,500px);margin:4px auto;position:relative}.radar svg{width:calc(100% - 8px);height:calc(100% - 8px);position:absolute;inset:4px}.radar .pulse{transform-box:fill-box;transform-origin:50%;animation:2.4s steps(10,end) infinite pulse}@keyframes pulse{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(26)}}.map-pin{flex-direction:column;align-items:center;animation:1.6s step-end infinite hop;display:flex;position:absolute;translate:-50% -100%}.map-pin:nth-of-type(2){animation-delay:.4s}.map-pin:nth-of-type(3){animation-delay:.8s}.map-pin b{background:var(--k);font-family:var(--pixel);white-space:nowrap;order:-1;margin-bottom:4px;padding:3px 5px;font-size:8px;font-weight:400}.map-pin.you b{color:var(--mint)}@keyframes hop{50%{transform:translateY(-4px)}}.join-grid{gap:48px;margin-top:56px;display:grid}.join-grid .platforms{gap:16px;margin-top:24px;display:flex}.join-grid .platforms span{background:var(--ink-3);color:var(--text);align-items:center;gap:8px;padding:8px 12px;display:inline-flex}@media (min-width:900px){.join-grid{grid-template-columns:1fr 1fr;align-items:start;gap:80px}}.form{--fc:var(--text);--extra:inset 0 0 0 var(--px) var(--k), 12px 12px 0 0 #060c2299;margin:var(--px);background:var(--ink-2);gap:20px;padding:28px;display:grid}.form label.field{gap:10px;display:grid}.form label.field .mono{color:var(--gold)}.form input[type=email]{background:var(--text);width:calc(100% - 8px);height:58px;color:var(--k);font-family:var(--pixel);border:0;border-radius:0;margin:4px;padding:0 14px;font-size:12px}.form input[type=email]::placeholder{color:#8f7fc8}.form input[type=email]:focus{outline:4px solid var(--gold);outline-offset:4px}.form .hp{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.form .consent{color:var(--mute);grid-template-columns:auto 1fr;align-items:start;gap:12px;font-size:1rem;line-height:1.45;display:grid}.form .consent input{appearance:none;background:var(--text);width:22px;height:22px;box-shadow:inset 0 0 0 3px var(--k);cursor:pointer;margin:2px 0 0}.form .consent input:checked{background:linear-gradient(var(--k), var(--k)) 50% 50% / 10px 10px no-repeat, var(--gold)}.form .consent a{color:var(--gold)}.form .button{justify-self:start}.status{font-size:1rem}.status.err{color:var(--pink)}.joined{--fc:var(--text);--extra:inset 0 0 0 var(--px) var(--k);margin:var(--px);background:var(--ink-2);align-items:center;gap:16px;padding:28px;display:flex}.foot{background:#2f7d3a;padding:100px 0 32px;position:relative}.foot:before{content:"";background:linear-gradient(90deg,#0000 0 4px,#5fbf5a 4px 8px,#0000 8px) 0 0/12px 4px repeat-x,linear-gradient(90deg,#8ad86a 0 4px,#4cb050 4px 12px) 0 4px/12px 8px repeat-x;height:12px;position:absolute;top:-12px;left:0;right:0}.foot-grid{gap:40px;display:grid}.foot-grid p{color:#e8f5e4;max-width:40rem;font-size:1rem}.foot-grid p+p{margin-top:12px}.foot-links{font-family:var(--pixel);text-transform:uppercase;gap:14px;margin:0;padding:0;font-size:10px;list-style:none;display:grid}.foot-links a{color:var(--text);text-decoration:none}.foot-links a:hover{color:var(--gold)}@media (min-width:900px){.foot-grid{grid-template-columns:2fr 1fr;gap:80px}}.wordmark{font-family:var(--pixel);letter-spacing:-.02em;color:var(--gold);text-shadow:0 .0625em 0 var(--amber), 0 .125em 0 var(--deep-amber), 0 .1875em 0 var(--k);white-space:nowrap;margin:72px 0 40px;font-size:clamp(1.9rem,11vw,9rem);line-height:1}.foot-base{color:var(--mint);justify-content:space-between;gap:16px;display:flex}.prose{max-width:46rem;padding-top:calc(var(--header) + 64px);padding-bottom:120px}.prose h1{text-shadow:0 .125em 0 var(--violet);margin:28px 0 32px;font-size:clamp(1.6rem,5vw,2.8rem);line-height:1.35}.prose h2{color:var(--gold);margin:56px 0 16px;font-size:1rem;line-height:1.6}.prose p,.prose li{color:var(--mute)}.prose p+p{margin-top:14px}.prose ul{gap:10px;padding-left:1.2em;display:grid}.prose a{color:var(--gold);text-underline-offset:3px}.back{color:var(--mint);text-decoration:none}@media (prefers-reduced-motion:reduce){.ltr,.blink,.textbox .arrow[data-on=true],.mini:after,.pocket.gap .num,.chapter[data-active=true] .chapter-num i,.map-pin,.ticker-track,.mon .sprite,.crew-sprite .sprite{animation:none!important}.ripples,.radar .pulse{display:none}.button,.panel .demo-layer{transition:none}}