@font-face{font-family:Figtree;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/figtree-latin-400-normal.g7Dtegnw.woff2)format("woff2"),url(/_astro/figtree-latin-400-normal.BD4aNku5.woff)format("woff")}@font-face{font-family:Figtree;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/figtree-latin-700-normal.th6qEP7c.woff2)format("woff2"),url(/_astro/figtree-latin-700-normal.BCCt2T1q.woff)format("woff")}@font-face{font-family:Lilita One;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/lilita-one-latin-400-normal.87r-Z-Re.woff2)format("woff2"),url(/_astro/lilita-one-latin-400-normal.DXkechA3.woff)format("woff")}:root{color-scheme:light;--color-ink:#1f3d4a;--color-ink-soft:#4a6472;--color-paper:#fffdf6;--color-paper-tint:#f6efdc;--color-paper-rule:#e6dcc3;--color-paper-shadow:#1f3d4a29;--color-link:#0f6380;--color-link-hover:#0a4a60;--color-outline:#234556;--color-title:#fff;--color-go:#f37633;--color-go-hover:#ff8746;--color-go-pressed:#c9561b;--color-go-edge:#b34a14;--color-go-stroke:#57200a;--color-band:#14404d;--color-band-text:#fff;--color-band-muted:#b8d4d9;--color-focus:#1f3d4a;--color-focus-halo:#fff;--color-air:#6a5aa6;--color-earth:#4d7a22;--color-water:#2a73ae;--color-fire:#d51d1f;--font-display:"Lilita One", "Arial Black", "Helvetica Neue", system-ui, sans-serif;--font-body:"Figtree", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--text-small:.875rem;--text-body:clamp(1.0625rem, 1rem + .25vw, 1.125rem);--text-lead:clamp(1.125rem, 1.05rem + .35vw, 1.3125rem);--text-h3:1.3125rem;--text-h2-prose:clamp(1.5rem, 1.35rem + .6vw, 1.875rem);--text-h2:clamp(2.5rem, 2rem + 2vw, 3.5rem);--text-h1:clamp(2.75rem, 2rem + 3.2vw, 4.5rem);--text-hero:clamp(3.5rem, 2rem + 7vw, 7rem);--text-button:1.5rem;--leading:1.6;--leading-tight:1.2;--leading-title:.95;--stroke-hero:clamp(9px, .4rem + .6vw, 14px);--stroke-h1:clamp(8px, .35rem + .4vw, 11px);--stroke-h2:clamp(7px, .3rem + .3vw, 9px);--stroke-button:5px;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2.5rem;--space-7:4rem;--space-8:6rem;--space-section:clamp(3.5rem, 2.5rem + 4vw, 6.5rem);--gutter:16px;--measure:34rem;--width-page:72rem;--pad-paper:clamp(1.125rem, .75rem + 1.6vw, 2rem);--width-paper:calc(var(--measure) + 2 * var(--pad-paper));--radius-paper:22px;--radius-small:14px;--radius-pill:999px;--tap-size:44px}[data-room=home]{--room-art:url(/images/rooms/home.webp);--room-base:#8bcea5}[data-room=quest]{--room-art:url(/images/rooms/quest.webp);--room-base:#ed9492}[data-room=battle]{--room-art:url(/images/rooms/battle.webp);--room-base:#94d1e6}[data-room=pets]{--room-art:url(/images/rooms/pets.webp);--room-base:#e3c179}[data-room=recruit]{--room-art:url(/images/rooms/recruit.webp);--room-base:#76e192}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{--room-height:max(177.78vw, 60rem);background:linear-gradient(transparent 70%, var(--room-base)) center top / 100% var(--room-height) no-repeat, var(--room-base) var(--room-art) center top / auto var(--room-height) no-repeat;min-height:100dvh;color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-body);line-height:var(--leading);overflow-wrap:break-word;flex-direction:column;margin:0;display:flex}main{flex:1 0 auto;display:block}img{max-width:100%;height:auto}p{text-wrap:pretty}a{color:var(--color-link);text-underline-offset:.18em;text-decoration-thickness:1px}a:hover{color:var(--color-link-hover);text-decoration-thickness:2px}:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px;box-shadow:0 0 0 3px var(--color-focus-halo)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:10;top:-100px;left:var(--gutter);padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);background:var(--color-paper);color:var(--color-ink);font-weight:700;position:absolute}.skip-link:focus{top:var(--space-2)}.wrap{width:100%;max-width:calc(var(--width-page) + 2 * var(--gutter));padding-inline:max(var(--gutter), env(safe-area-inset-left,0px)) max(var(--gutter), env(safe-area-inset-right,0px));margin-inline:auto}.title{color:var(--color-title);font-family:var(--font-display);font-size:var(--text-h2);font-weight:400;line-height:var(--leading-title);letter-spacing:.01em;-webkit-text-stroke:var(--stroke-h2) var(--color-outline);paint-order:stroke fill;text-wrap:balance;margin:0}.title-page{font-size:var(--text-h1);-webkit-text-stroke-width:var(--stroke-h1)}.title-hero{font-size:var(--text-hero);-webkit-text-stroke-width:var(--stroke-hero);line-height:.9}.lead{font-size:var(--text-lead);line-height:1.5}.meta{color:var(--color-ink-soft);font-size:var(--text-small)}.paper{padding:var(--pad-paper);border-radius:var(--radius-paper);background:var(--color-paper);box-shadow:0 5px 0 var(--color-paper-shadow);color:var(--color-ink)}.paper>:first-child{margin-top:0}.paper>:last-child{margin-bottom:0}.paper>:first-child>:first-child{margin-top:0}.prose p,.prose ul,.prose ol{max-width:var(--measure);margin:0 0 1em}.prose ul,.prose ol{padding-left:1.25em}.prose li+li{margin-top:.4em}.prose h2,.prose h3{max-width:var(--measure);font-family:var(--font-display);font-weight:400;line-height:var(--leading-tight);text-wrap:balance}.prose h2{font-size:var(--text-h2-prose);margin:1.5em 0 .5em}.prose h3{font-size:var(--text-h3);margin:1.5em 0 .4em}.change+.change{margin-top:var(--space-6);padding-top:var(--space-5);border-top:2px dashed var(--color-paper-rule)}.change+.change>h2:first-child{margin-top:0}[id]{scroll-margin-top:var(--space-5)}.button{border-radius:var(--radius-pill);background:var(--color-go);min-height:52px;box-shadow:0 4px 0 var(--color-go-edge);color:#fff;font-family:var(--font-display);font-size:var(--text-button);letter-spacing:.01em;white-space:nowrap;-webkit-text-stroke:var(--stroke-button) var(--color-go-stroke);paint-order:stroke fill;justify-content:center;align-items:center;padding:.25rem 1.75rem .375rem;font-weight:400;line-height:1;text-decoration:none;display:inline-flex}.button:hover{background:var(--color-go-hover);color:#fff}.button:active{background:var(--color-go-pressed)}.button:focus-visible{box-shadow:0 4px 0 var(--color-go-edge), 0 0 0 3px var(--color-focus-halo)}.button-small{--stroke-button:4px;min-height:var(--tap-size);padding-inline:1.125rem;font-size:1.375rem}.button-large{--stroke-button:6px;min-height:60px;padding-inline:2.25rem;font-size:1.75rem}.site-header{padding-block:var(--space-3)}.header-bar{align-items:center;gap:var(--space-3) var(--space-4);grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand play""nav nav";display:grid}.brand{align-items:center;gap:var(--space-2);color:var(--color-title);justify-self:start;text-decoration:none;display:inline-flex}.brand:hover{color:var(--color-title)}.site-header .brand{grid-area:brand}.brand-logo{width:44px;height:44px;box-shadow:0 3px 0 var(--color-paper-shadow);background:#fff;border:3px solid #fff;border-radius:50%;flex:none}.brand-name{font-family:var(--font-display);letter-spacing:.01em;-webkit-text-stroke:5px var(--color-outline);paint-order:stroke fill;line-height:1;display:grid}.brand-main{font-size:1.375rem}.brand-sub{-webkit-text-stroke-width:4px;font-size:.9375rem}.header-play{grid-area:play}.site-nav{grid-area:nav}.site-nav ul{gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.site-nav a{min-height:var(--tap-size);border-radius:var(--radius-pill);background:var(--color-paper);box-shadow:0 3px 0 var(--color-paper-shadow);color:var(--color-ink);align-items:center;padding:0 clamp(.75rem,3vw,1rem);font-weight:700;text-decoration:none;display:inline-flex}.site-nav a:hover{color:var(--color-ink);background:#fff;text-decoration:underline}.site-nav a[aria-current=page]{background:var(--color-ink);color:var(--color-paper)}@media (width>=48rem){.site-header{padding-block:var(--space-4)}.header-bar{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"brand nav play"}.site-nav{justify-self:end}.brand-logo{width:52px;height:52px}.brand-main{font-size:1.625rem}.brand-sub{font-size:1.0625rem}}.room{padding-block:var(--space-section);background:var(--room-base) var(--room-art) center top / cover no-repeat}@media (width<=55.99rem){.feature{padding-top:var(--space-6)}}.closing{align-items:center;gap:var(--space-4) var(--space-5);margin-top:var(--space-6);flex-wrap:wrap;display:flex}.closing-centre{gap:var(--space-5);text-align:center;flex-direction:column}.closing-line{font-size:clamp(1.75rem,1.4rem + 1.4vw,2.5rem)}.hero{padding-block:var(--space-2) var(--space-7)}.hero-grid{grid-template-columns:minmax(0,1fr);display:grid}.hero-stage{aspect-ratio:1/.82;order:-1;width:min(100%,22rem);margin-inline:auto;position:relative}.hero-pet{filter:drop-shadow(0 8px #11404d38);height:auto;position:absolute}.hero-pet-back{width:78%;bottom:6%;right:0}.hero-pet-left{width:46%;bottom:14%;left:0}.hero-pet-front{width:36%;bottom:-2%;right:8%}.hero-words{z-index:1;margin-top:-2.5rem;position:relative}.hero-pitch{max-width:34rem;margin-top:var(--space-5)}.hero-pitch .lead{margin:0}.hero-pitch .disclaimer{margin:var(--space-3) 0 0;color:var(--color-ink-soft);font-size:var(--text-small)}.hero .button-large{margin-top:var(--space-5)}@media (width>=56rem){.hero{padding-block:var(--space-6) var(--space-8)}.hero-grid{align-items:center;gap:var(--space-6);grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}.hero-stage{order:0;width:100%;max-width:38rem}.hero-words{margin-top:0}}.loop-intro{max-width:var(--width-paper);margin:var(--space-5) 0 0;font-size:var(--text-lead);line-height:1.5}.loop-steps{gap:var(--space-4);margin:var(--space-5) 0 0;counter-reset:step;grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));padding:0;list-style:none;display:grid}.loop-step{align-items:start;column-gap:var(--space-4);counter-increment:step;grid-template-columns:auto minmax(0,1fr);display:grid}.loop-step:before{content:counter(step);background:var(--color-ink);width:2.75rem;height:2.75rem;color:var(--color-paper);font-family:var(--font-display);border-radius:50%;grid-row:1/span 2;place-items:center;font-size:1.5rem;line-height:1;display:grid}.loop-step h3{margin:.4rem 0 var(--space-1);font-family:var(--font-display);font-size:var(--text-h3);font-weight:400;line-height:var(--leading-tight)}.loop-step p{margin:0}@media (width>=56rem){.loop-step{display:block}.loop-step h3{margin-top:var(--space-4)}}.feature-grid{grid-template-columns:minmax(0,1fr);display:grid}.feature-words{z-index:1;position:relative}.feature-text{max-width:var(--width-paper);margin-top:var(--space-5)}.feature-art{order:-1;justify-self:end;width:min(52vw,15rem);margin-bottom:-2.5rem}.feature-flip .feature-art{justify-self:start}.feature-art-big{width:min(72vw,20rem)}.feature-art img{filter:drop-shadow(0 8px #11404d33);width:100%;height:auto;display:block}@media (width>=56rem){.feature-grid{grid-template-columns:minmax(0, var(--width-paper)) minmax(0, 1fr);align-items:center;column-gap:var(--space-7)}.feature-flip .feature-grid{grid-template-columns:minmax(0, 1fr) minmax(0, var(--width-paper))}.feature-flip .feature-words{order:2}.feature-art,.feature-flip .feature-art{order:0;justify-self:center;width:min(28vw,22rem);margin:0}.feature-art-big{width:min(36vw,28rem)}.feature-flip .feature-art{order:1}}.starters{gap:var(--space-3);width:100%;max-width:30rem;margin:var(--space-5) 0 0;grid-template-columns:repeat(2,minmax(0,1fr));padding:0;list-style:none;display:grid}.starter{justify-items:center;gap:var(--space-1);padding:var(--space-3) var(--space-2) var(--space-4);border-radius:var(--radius-paper);background:var(--color-paper);box-shadow:0 5px 0 var(--color-paper-shadow);text-align:center;display:grid}.starter img{width:100%;max-width:9rem;height:auto;display:block}.starter-name{font-family:var(--font-display);font-size:1.5rem;line-height:1.1}.element{border-radius:var(--radius-pill);color:#fff;font-size:var(--text-small);padding:.125rem .75rem .1875rem;font-weight:700}.element-air{background:var(--color-air)}.element-earth{background:var(--color-earth)}.element-water{background:var(--color-water)}.element-fire{background:var(--color-fire)}@media (width>=36rem) and (width<=55.99rem){.starters{grid-template-columns:repeat(4,minmax(0,1fr));max-width:none}}@media (width>=56rem){.starters{justify-self:center;margin-top:0}}.whats-new-grid{align-items:start;gap:var(--space-5);margin-top:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr));display:grid}.paper-title{margin:0 0 var(--space-4);font-family:var(--font-display);font-size:1.625rem;font-weight:400;line-height:1.1}.post-list,.prose .post-list{max-width:none;margin:0;padding:0;list-style:none}.prose .post-list{margin-bottom:var(--space-5)}.post-list>li+li{margin-top:var(--space-5);padding-top:var(--space-5);border-top:2px dashed var(--color-paper-rule)}.post-list p{margin:var(--space-1) 0 0}.post-title,.prose .post-title{font-family:var(--font-display);font-size:var(--text-h3);font-weight:400;line-height:var(--leading-tight);margin:0}.post-title~p{margin:var(--space-1) 0 0}.paper>.paper-more{margin:var(--space-5) 0 0;font-weight:700}.faq-list{margin-top:var(--space-5)}.faq-item h3{margin:0 0 var(--space-1);font-family:var(--font-display);font-size:var(--text-h3);font-weight:400;line-height:var(--leading-tight)}.faq-item p{max-width:var(--measure);margin:0}.faq-item+.faq-item{margin-top:var(--space-5)}@media (width>=56rem){.faq-list{gap:var(--space-6) var(--space-7);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.faq-item+.faq-item{margin-top:0}}.reading{max-width:calc(var(--width-paper) + 2 * var(--gutter));padding-block:var(--space-4) var(--space-7)}.reading .title-page{margin:var(--space-3) 0 var(--space-5)}.crumb{margin:var(--space-3) 0 0}.crumb a{min-height:var(--tap-size);padding:0 var(--space-4);border-radius:var(--radius-pill);background:var(--color-paper);box-shadow:0 3px 0 var(--color-paper-shadow);color:var(--color-ink);align-items:center;font-weight:700;text-decoration:none;display:inline-flex}.crumb a:hover{background:#fff;text-decoration:underline}.crumb+.title-page{margin-top:var(--space-4)}.reading .closing{margin-top:var(--space-5)}.reading-legal{max-width:calc(var(--width-page) + 2 * var(--gutter))}.legal-grid{gap:var(--space-4);display:grid}.toc{font-size:var(--text-small)}.toc-title{margin:0 0 var(--space-2);font-family:var(--font-display);font-size:1.375rem;line-height:1.1}.toc ul{margin:0;padding:0;list-style:none}.toc a{padding-block:.3rem;font-weight:700;text-decoration:none;display:block}.toc a:hover{text-decoration:underline}@media (width>=36rem) and (width<=63.99rem){.toc ul{columns:2;column-gap:var(--space-5)}.toc li{break-inside:avoid}}@media (width>=64rem){.legal-grid{grid-template-columns:16rem minmax(0, var(--width-paper));justify-content:center;align-items:start;column-gap:var(--space-6)}.reading-legal .title-page{max-width:calc(16rem + var(--space-6) + var(--width-paper));margin-inline:auto}.toc{top:var(--space-4);max-height:calc(100vh - 2 * var(--space-4));position:sticky;overflow:auto}}.lost{text-align:center}.lost .paper p{margin-inline:auto}.lost .closing{justify-content:center}.lost-pet{width:10rem;margin:var(--space-5) auto 0;filter:drop-shadow(0 8px #11404d33);display:block}.site-footer{--color-focus:#ffd25e;padding-block:var(--space-7) var(--space-6);background:var(--color-band);color:var(--color-band-text)}.footer-inner{gap:var(--space-6) var(--space-5);grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"brand brand""game legal""about about""notice notice";display:grid}.footer-brand{grid-area:brand}.footer-brand .brand-name{-webkit-text-stroke-width:0}.footer-brand .brand-main{font-size:1.5rem}.footer-brand p{max-width:22rem;margin:var(--space-3) 0 0;color:var(--color-band-muted)}.footer-game{grid-area:game}.footer-about{grid-area:about}.footer-legal{grid-area:legal}.footer-column h2{margin:0 0 var(--space-2);font-family:var(--font-display);font-size:1.375rem;font-weight:400;line-height:1.1}.footer-column ul{margin:0;padding:0;list-style:none}.site-footer a,.site-footer a:hover{color:var(--color-band-text)}.footer-column a{align-items:center;min-height:40px;text-decoration:none;display:inline-flex}.footer-column a:hover{text-decoration:underline}.footer-notice{padding-top:var(--space-5);color:var(--color-band-muted);font-size:var(--text-small);border-top:1px solid #fff3;grid-area:notice}.footer-notice p{margin:0}.footer-notice .copyright{margin-top:var(--space-2)}@media (width>=48rem){.footer-inner{grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr));grid-template-areas:"brand game about legal""notice notice notice notice"}}
