.creatures{-webkit-tap-highlight-color:transparent;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--glass-edge);border-radius:var(--radius-large);background:var(--glass-base);margin:0;display:grid;box-shadow:inset 0 1px #ffffffe6,0 18px 40px #0c3c2c29,0 2px 6px #0c3c2c14}@media (width<=400px){.creatures{padding:var(--space-2)}}.creatures-stage{aspect-ratio:2;border-radius:var(--radius-medium);background:var(--world-still,none) 50% 75% / cover no-repeat, var(--color-backdrop);position:relative;overflow:hidden}@supports (background-image:image-set(url("a.avif") type("image/avif"))){.creatures-stage{background:var(--world-still-set,var(--world-still,none)) 50% 75% / cover no-repeat, var(--color-backdrop)}}.creatures-stage>picture{display:contents}.creatures-stage>picture>source{display:none}.creatures-picture,.creatures-canvas{block-size:100%;inline-size:100%;display:block;position:absolute;inset:0}.creatures-picture{object-fit:cover;object-position:50% 75%}.creatures-picture[data-shown=false],.creatures:not([data-status=ready]) .creatures-canvas,.creatures[data-status=ready] .creatures-still{opacity:0}.creatures-picture:not(.creatures-still){transition:opacity var(--duration-gentle) ease-out}@media (prefers-reduced-motion:reduce){.creatures-picture:not(.creatures-still){transition:none}}.creatures-status{block-size:var(--touch-target);pointer-events:none;--status-gutter:var(--space-4);margin:0;position:absolute;inset-block-end:var(--space-4);inset-inline:0}.creatures-status>span{inline-size:max-content;max-inline-size:min(32rem, 100% - 2 * var(--status-gutter));padding:var(--space-2) var(--space-4);pointer-events:auto;border:1px solid var(--glass-edge);border-radius:var(--radius-medium);background:var(--glass-strong);font-weight:var(--font-weight-strong);color:var(--color-ink);text-align:center;position:absolute;inset-block-start:50%;inset-inline-start:50%;translate:-50% -50%;box-shadow:0 2px 8px #0c3c2c1f}@media (width<=400px){.creatures-status{--status-gutter:var(--space-2);inset-block-end:var(--space-2)}.creatures-status>span{padding:var(--space-1) var(--space-3);font-size:var(--font-size-small)}}.creatures-status>.creatures-wake{min-block-size:var(--touch-target);padding-block:calc((var(--touch-target) - 1.5em - 2px) / 2);padding-inline:var(--space-3) var(--space-4);white-space:nowrap;color:var(--color-title);cursor:pointer;--icon-fill:#ffc93c8c;line-height:1.5}.creatures-status>.creatures-wake:hover{background:var(--color-surface)}.creatures-status>.creatures-wake:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.creatures-wake .icon{vertical-align:-.3em;stroke-width:2.2px;margin-inline-end:var(--space-2)}.creatures-controls{justify-content:flex-end;gap:var(--space-2);display:flex}.creatures-controls>*{flex:none}.creatures-toggle.creatures-names{--icon-fill:#ffc93c8c}.creatures-toggle.creatures-names .icon{stroke-width:2.2px}.creatures-toggle.creatures-names[aria-pressed=false]{color:var(--color-muted)}.creatures-toggle{inline-size:var(--touch-target);block-size:var(--touch-target);border-radius:var(--radius-medium);color:var(--color-title);cursor:pointer;--icon-fill:currentColor;background:#ffffffe6;border:0;place-items:center;padding:0;display:inline-grid;box-shadow:inset 0 0 0 1px #16392f24}.creatures-toggle:hover{background:var(--color-surface)}.creatures-toggle .icon{stroke-width:2.6px}.creatures-tag{z-index:1;align-items:center;gap:var(--space-2);padding:3px var(--space-3) 3px var(--space-2);border-radius:var(--radius-small);color:var(--color-title);font-size:var(--font-size-small);font-weight:var(--font-weight-strong);white-space:nowrap;pointer-events:none;will-change:transform;background:#fffffff0;line-height:1.3;display:inline-flex;position:absolute;inset-block-start:0;inset-inline-start:0;box-shadow:0 4px 12px #0c3c2c33}.creatures-tag:not([data-placed=true]){visibility:hidden}.creatures[data-names=hidden] .creatures-tag:not([data-lit=true],[data-found=true],:focus-visible){opacity:0}@media (prefers-reduced-motion:no-preference){.creatures[data-names] .creatures-tag{transition:opacity var(--duration-gentle) ease}}.creatures-tag:not([data-new=true]){padding-inline-start:var(--space-3)}.creatures-tag-news{padding:1px var(--space-2);background:var(--color-news);color:var(--color-ink);border-radius:6px}@media (width<=700px){.world-stage .creatures-stage{aspect-ratio:4/3}.home-hero .creatures-canvas,.world-stage .creatures-canvas{touch-action:pan-y;cursor:grab}.creatures-tag{padding-block:2px;font-size:.8125rem}}.creatures-find{z-index:1;--icon-fill:#ffc93c99;position:absolute;inset-block-end:var(--space-3);inset-inline-start:var(--space-3);box-shadow:inset 0 0 0 1px #16392f24,0 4px 12px #0c3c2c2e}.creatures-tag[data-bubbled=true]{visibility:hidden}.creatures-tag[data-found=true]{outline:3px solid var(--color-news);outline-offset:2px}@media (prefers-reduced-motion:no-preference){.creatures-tag[data-found=true]{animation:1.2s ease-out 2 creatures-found}}@keyframes creatures-found{50%{outline-offset:6px}}.creatures-canvas{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.creatures-canvas[data-over]{cursor:pointer}.creatures-canvas[data-carrying]{cursor:grabbing}.creatures-bubble{z-index:2;justify-items:center;gap:var(--space-2);max-inline-size:min(18rem, calc(100% - 2 * var(--space-3)));padding:var(--space-3) var(--space-4);border-radius:var(--radius-medium);text-align:center;will-change:transform;background:#fffffff5;margin-block-start:-12px;display:grid;position:absolute;inset-block-start:0;inset-inline-start:0;box-shadow:0 10px 28px #0c3c2c42}.creatures-bubble[hidden]{display:none}.creatures-bubble:after{content:"";background:inherit;block-size:14px;inline-size:14px;position:absolute;inset-block-end:-7px;inset-inline-start:50%;transform:translate(-50%)rotate(45deg)}.creatures-bubble-actions{gap:var(--space-2);display:grid}.creatures-bubble-actions>.button{justify-content:center}.creatures-recolor{--icon-fill:#ffc41673}.creatures-shimmer{z-index:1;inline-size:var(--size,96px);block-size:var(--size,96px);pointer-events:none;position:absolute;inset-block-start:0;inset-inline-start:0}.creatures-shimmer[hidden]{display:none}.creatures-sparkles,.creatures-sparkles>span{position:absolute}.creatures-sparkles{inset:0}.creatures-sparkles:before{content:"";opacity:0;background:radial-gradient(closest-side,#ffffffd9,#ffdc7880 55%,#ffecaa00);border-radius:50%;position:absolute;inset:8%}.creatures-sparkles>span{inline-size:calc(var(--star,18px) * 1.5);block-size:calc(var(--star,18px) * 1.5);margin:calc(var(--star,18px) * -.75);background:var(--tint,#fff3b0);filter:drop-shadow(0 0 2px #fff)drop-shadow(0 0 6px #ffc416e6);opacity:0;clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%);inset-block-start:var(--y);inset-inline-start:var(--x)}.creatures-sparkles>span:first-child{--x:18%;--y:22%;--star:22px}.creatures-sparkles>span:nth-child(2){--x:78%;--y:16%;--tint:#ffd166;--delay:.1s}.creatures-sparkles>span:nth-child(3){--x:90%;--y:58%;--star:14px;--tint:#ff9ec0;--delay:.22s}.creatures-sparkles>span:nth-child(4){--x:58%;--y:88%;--star:20px;--delay:.34s}.creatures-sparkles>span:nth-child(5){--x:12%;--y:70%;--star:16px;--tint:#9ef0d0;--delay:.16s}.creatures-sparkles>span:nth-child(6){--x:46%;--y:4%;--star:12px;--tint:#ffd166;--delay:.42s}.creatures-sparkles>span:nth-child(7){--x:50%;--y:48%;--star:26px;--delay:50ms}@media (prefers-reduced-motion:no-preference){.creatures-sparkles:before{animation:.9s ease-out forwards creatures-bloom}.creatures-sparkles>span{animation:creatures-sparkle 1.3s var(--delay,0s) cubic-bezier(.3, .7, .4, 1) forwards}}@media (prefers-reduced-motion:reduce){.creatures-shimmer{display:none}}@keyframes creatures-bloom{0%{opacity:0;transform:scale(.35)}35%{opacity:1}to{opacity:0;transform:scale(1.15)}}@keyframes creatures-sparkle{0%{opacity:0;transform:scale(0)rotate(0)}40%{opacity:1;transform:scale(1)rotate(45deg)}to{opacity:0;transform:scale(.2)rotate(110deg)}}.creatures-bubble-name{font-weight:var(--font-weight-strong);color:var(--color-title);line-height:1.25}.creatures-bubble-friend{align-items:center;gap:var(--space-1);font-size:var(--font-size-small);color:var(--color-muted);--icon-fill:#ff5c8ad9;line-height:1.3;display:inline-flex}.creatures-bubble-friend .icon{color:#c2185b;flex:none;block-size:18px;inline-size:18px}.creatures-hearts{pointer-events:none;position:absolute;inset-block-start:0;inset-inline-start:50%}.creatures-hearts>span{opacity:0;block-size:14px;inline-size:14px;clip-path:path("M7 13.2 1.6 7.9A3.4 3.4 0 0 1 7 3.4a3.4 3.4 0 0 1 5.4 4.5z");background:#ff5c8a;position:absolute}@media (prefers-reduced-motion:no-preference){.creatures-bubble:not([hidden]){animation:creatures-bubble-in var(--duration-quick) ease-out}.creatures-hearts>span{animation:1.1s ease-out forwards creatures-heart}.creatures-hearts>span:first-child{--drift:-26px}.creatures-hearts>span:nth-child(2){--drift:4px;animation-delay:.12s}.creatures-hearts>span:nth-child(3){--drift:28px;animation-delay:.24s}}@keyframes creatures-bubble-in{0%{opacity:0;translate:0 6px}}@keyframes creatures-heart{0%{opacity:0;transform:translate(-50%)scale(.6)}25%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--drift)), -46px) scale(1)}}.shared-book{z-index:2;justify-items:center;gap:var(--space-3);inline-size:min(26rem, calc(100% - 2 * var(--gutter)));padding:var(--space-5);border:1px solid var(--glass-edge);border-radius:var(--radius-large);background:var(--glass-strong);color:var(--color-ink);text-align:center;display:grid;position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%);box-shadow:inset 0 1px #ffffffe6,0 24px 60px #0c3c2c47}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.shared-book{background:var(--glass-base);-webkit-backdrop-filter:blur(14px)saturate(1.3);backdrop-filter:blur(14px)saturate(1.3)}}.shared-book h2{text-wrap:balance;color:var(--color-title);margin:0;font-size:1.375rem;line-height:1.2}.shared-book p{text-wrap:pretty;margin:0}.shared-book-name{text-align:start}.shared-book-problem{font-weight:var(--font-weight-strong)}.shared-book-devices{justify-content:center;align-items:center;gap:var(--space-1) var(--space-2);font-size:var(--font-size-small);color:var(--color-muted);flex-wrap:wrap;display:flex}.shared-book-devices p{margin:0}.invite .shared-book-devices{border-block-start:1px solid var(--color-line);justify-content:flex-start;padding-block-start:var(--space-2)}.creatures-invite{z-index:1;position:absolute;inset-block-start:calc(2 * var(--space-2) + env(safe-area-inset-top,0px) + 62px + var(--space-3));inset-inline-end:var(--space-3);box-shadow:inset 0 0 0 1px #16392f24,0 4px 12px #0c3c2c2e}@media (width<=760px),(height<=500px){.creatures-invite{inset-block:auto calc(var(--tab-bar-reach,0px) + var(--space-3));inset-inline-end:calc(var(--space-3) + var(--touch-target) + var(--space-2))}}.invite{inline-size:min(30rem, calc(100vw - 2 * var(--gutter)));max-block-size:calc(100dvh - 2 * var(--space-4));padding:var(--space-5);border:1px solid var(--glass-edge);border-radius:var(--radius-large);background:var(--color-paper);color:var(--color-ink);overflow:auto;box-shadow:inset 0 1px #ffffffe6,0 30px 80px #08281c59}.invite::backdrop{background:#0a2c2073}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.invite::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}}.invite[open]{gap:var(--space-3);display:grid}@media (width<=400px){.invite{padding:var(--space-4)}}.invite h2{color:var(--color-title);margin:0;font-size:1.5rem}.invite h3{margin:var(--space-2) 0 0;font-size:var(--font-size-body);color:var(--color-title)}.invite p{margin:0}.invite-link{font-size:var(--font-size-small);font-weight:var(--font-weight-strong);color:var(--color-muted);gap:4px;display:grid}.invite-link input{min-block-size:var(--touch-target);padding-inline:var(--space-3);border-radius:var(--radius-small);background:var(--color-surface);font:inherit;color:var(--color-ink);border:1px solid #16392f38;font-weight:400}.invite-code-label{font-size:var(--font-size-small);color:var(--color-muted)}.invite-code{padding:var(--space-2) var(--space-4);border-radius:var(--radius-medium);font-size:2rem;font-weight:var(--font-weight-title);font-variant-numeric:tabular-nums;letter-spacing:.18em;color:var(--color-title);background:#e8f3ee;justify-self:start}.invite-code-row{align-items:center;gap:var(--space-2) var(--space-4);flex-wrap:wrap;display:flex}.invite-members{gap:var(--space-1);margin:0;padding:0;list-style:none;display:grid}.invite-members li{justify-content:space-between;gap:var(--space-2);padding:var(--space-1) var(--space-1) var(--space-1) var(--space-3);border-radius:var(--radius-medium);font-weight:var(--font-weight-strong);background:#16392f0f;flex-wrap:wrap;display:flex}.invite-member-name{align-items:center;gap:var(--space-2);min-block-size:var(--touch-target);display:inline-flex}.invite-member-actions{gap:var(--space-2);flex-wrap:wrap;margin-inline-start:auto;display:flex}.invite-said{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-medium);font-weight:var(--font-weight-strong);color:var(--color-title);background:#dff3e8;display:flex}.invite-said .icon{flex:none;block-size:20px;inline-size:20px}.invite-drawings{border-block:1px solid var(--color-line)}.invite-drawings summary{justify-content:space-between;align-items:center;gap:var(--space-2);min-block-size:var(--touch-target);font-weight:var(--font-weight-strong);color:var(--color-title);cursor:pointer;list-style:none;display:flex}.invite-drawings summary::-webkit-details-marker{display:none}.invite-drawings summary:after{content:"";block-size:8px;inline-size:8px;margin-inline:var(--space-2);border-block-end:2px solid;border-inline-end:2px solid;flex:none;transform:translateY(-2px)rotate(45deg)}.invite-drawings[open] summary:after{transform:translateY(2px)rotate(225deg)}@media (prefers-reduced-motion:no-preference){.invite-drawings summary:after{transition:transform .18s}}.invite-drawings ul{gap:var(--space-1);padding:0 0 var(--space-3);margin:0;list-style:none;display:grid}.invite-drawings li{justify-content:space-between;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.invite-drawings li .button{margin-inline-start:auto}.invite-rename{gap:var(--space-3);display:grid}.invite-foot{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;margin-block-start:var(--space-2);display:flex}.invite-leave-link{min-block-size:var(--touch-target);font:inherit;color:var(--color-muted);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.creatures-since{inset-block-start:var(--space-3);inset-inline:var(--space-3);z-index:3;align-items:center;gap:var(--space-2);inline-size:fit-content;max-inline-size:calc(100% - 2 * var(--space-3));padding:var(--space-1) var(--space-1) var(--space-1) var(--space-4);border-radius:var(--radius-large);font-weight:var(--font-weight-strong);color:var(--color-title);background:#fffffff2;margin:0 auto;display:flex;position:absolute;box-shadow:0 8px 22px #0c3c2c38}.creatures-since-close{inline-size:var(--touch-target);block-size:var(--touch-target);color:var(--color-muted);cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;display:grid}.creatures-since-close:hover{background:#16392f14}.creatures-since-close:focus-visible{outline:3px solid var(--color-focus);outline-offset:-3px}@media (prefers-reduced-motion:no-preference){.creatures-since{animation:creatures-since-in var(--duration-gentle) ease-out}}@keyframes creatures-since-in{0%{opacity:0;transform:translateY(-6px)}}[data-immersive=true] .creatures-since{inset-block-start:calc(env(safe-area-inset-top,0px) + var(--space-2) + 62px + var(--space-3))}@media (width<=760px),(height<=500px){[data-immersive=true] .creatures-since,.creatures-since{inset-block-start:auto;inset-block-end:calc(var(--tab-bar-reach,0px) + var(--touch-target) + var(--space-5))}}.creatures-keep{justify-content:center;row-gap:var(--space-1);text-align:center;flex-wrap:wrap}.creatures-keep>span{flex:14rem}.creatures-reply{padding-inline-start:var(--space-1)}.creatures-give{--icon-fill:#ff5c8a59}.creatures-reply .creatures-give{--icon-fill:#ffffff59}.creatures-marching{justify-content:center;row-gap:var(--space-1);padding-block:var(--space-1);flex-wrap:wrap}.creatures-marching>span{flex:13rem}.creatures-parade-video{--icon-fill:#ffb23873}.creatures-marching .creatures-parade-video{--icon-fill:#ffffff59}.creatures-tag-marcher{background:#fff9eef2;box-shadow:inset 0 0 0 1.5px #ffa63a8c,0 4px 12px #3c1e0438}.creatures-share{--icon-fill:#78c4ff66}.creatures-released .creatures-share{--icon-fill:#ffffff59}.creatures-released{z-index:4;gap:var(--space-2);inline-size:min(36rem, calc(100% - 2 * var(--space-3)));padding:var(--space-1) var(--space-1) var(--space-3) var(--space-4);border-radius:var(--radius-large);-webkit-backdrop-filter:blur(16px)saturate(1.2);backdrop-filter:blur(16px)saturate(1.2);color:var(--color-title);background:#fffffff0;margin:0 auto;display:grid;position:absolute;inset-block-start:var(--space-3);inset-inline:0;box-shadow:0 10px 28px #0c3c2c3d}[data-immersive=true] .creatures-released{inset-block-start:calc(env(safe-area-inset-top,0px) + var(--space-2) + 62px + var(--space-3))}.creatures-next{justify-self:start;margin-inline-end:var(--space-3)}.creatures-released-head{align-items:center;gap:var(--space-1) var(--space-2);flex-wrap:wrap;display:flex}.creatures-released-head p{font-weight:var(--font-weight-strong);flex:12rem;margin:0}.creatures-released-video{padding-block-start:var(--space-3);padding-inline-end:var(--space-3);display:block;position:relative}.creatures-released-video .clip{--clip-width:9rem}.creatures-released-video>.creatures-since-close{position:absolute;inset-block-start:0;inset-inline-end:0}.creatures-released-title{font-size:var(--font-size-lead);font-weight:var(--font-weight-title);color:var(--color-title);text-wrap:balance;margin:0;padding-inline-end:var(--touch-target);line-height:1.25}.creatures-released-video :is(.creatures-share,.creatures-challenge){flex:100%}.creatures-released-daily{align-items:center;gap:var(--space-2) var(--space-3);margin:0 var(--space-3) 0 0;padding:var(--space-2) var(--space-3);border-radius:var(--radius-medium);color:var(--color-ink);background:#fff4d1;flex-wrap:wrap;display:flex}.creatures-released-daily p{font-size:var(--font-size-small);flex:14rem;margin:0;line-height:1.4}.creatures-released-daily strong{font-size:var(--font-size-body);color:var(--color-title);display:block}.creatures-released-daily-friend{border-radius:var(--radius-small);background:var(--color-paper);object-fit:contain;flex:none;block-size:5.5rem;inline-size:5.5rem;padding:3px;transform:rotate(-3deg);box-shadow:0 2px 8px #0c3c2c33}.creatures-daily{--icon-fill:#ffc93c99}.creatures-released-earned{align-items:center;gap:var(--space-2);margin:0 var(--space-3) 0 0;padding:var(--space-2) var(--space-3);border-radius:var(--radius-medium);font-weight:var(--font-weight-strong);color:var(--color-ink);background:#fff1c7;display:flex}.creatures-released-friend{gap:var(--space-2);border-block-start:1px solid #16392f1a;padding-block-start:var(--space-2);padding-inline-end:var(--space-3);display:grid}.creatures-released-friend h2{font-size:var(--font-size-lead);color:var(--color-title);margin:0;line-height:1.25}.creatures-released-friend ul{gap:var(--space-2);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.creatures-released-friend a{justify-items:center;gap:var(--space-1);min-block-size:var(--touch-target);padding:var(--space-2) var(--space-1);border-radius:var(--radius-medium);color:var(--color-title);font-weight:var(--font-weight-strong);text-align:center;background:#16392f0a;text-decoration:none;display:grid}.creatures-released-friend a:hover{background:#16392f17}.creatures-released-friend a:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.creatures-released-paper{aspect-ratio:1;border-radius:var(--radius-medium);background:var(--color-paper);inline-size:5.5rem;max-inline-size:100%;display:block;overflow:hidden;box-shadow:inset 0 0 0 1px #16392f1a}.creatures-released-paper img{object-fit:contain;block-size:100%;inline-size:100%;display:block}[data-hydrated=true] .creatures-released-paper{transition:transform var(--duration-quick) ease-out}.creatures-released-friend a:hover .creatures-released-paper{transform:scale(1.04)rotate(-1.5deg)}.creatures-released-name{line-height:1.2}.creatures-released-chip{padding:0 var(--space-2);border-radius:var(--radius-round);font-size:var(--font-size-small);font-weight:var(--font-weight-strong);color:var(--color-muted);background:#16392f14}.creatures-released-album{align-items:center;gap:var(--space-1) var(--space-4);font-size:var(--font-size-small);color:var(--color-muted);flex-wrap:wrap;padding-inline-end:var(--space-3);display:flex}.creatures-released-count,.creatures-released-next{align-items:center;gap:var(--space-2);display:flex}.creatures-released-count{font-weight:var(--font-weight-strong);font-variant-numeric:tabular-nums}.creatures-released-meter{border-radius:var(--radius-round);background:#16392f1f;block-size:6px;inline-size:4rem;display:block;overflow:hidden}.creatures-released-meter i{border-radius:inherit;background:var(--color-title);block-size:100%;display:block}.creatures-released-tomorrow{font-size:var(--font-size-small);color:var(--color-muted);margin:0;padding-inline-end:var(--space-3)}@media (width<=760px){[data-immersive=true] .creatures-released{inset-block-start:calc(2 * var(--space-2) + env(safe-area-inset-top,0px) + 62px + var(--space-3) + 52px + var(--space-2))}.creatures-released{inline-size:calc(100% - 2 * var(--space-2));gap:var(--space-1);padding-block-end:var(--space-2);padding-inline-start:var(--space-3)}.creatures-released-head p{flex-basis:100%;padding-block-start:var(--space-2);padding-inline-end:var(--touch-target)}.creatures-released-head .creatures-since-close{position:absolute;inset-block-start:var(--space-1);inset-inline-end:var(--space-1)}.creatures-released-earned{padding:var(--space-1) var(--space-2);font-size:var(--font-size-small)}.creatures-released-friend{gap:var(--space-1);padding-block-start:var(--space-1)}.creatures-released-friend h2{font-size:var(--font-size-body)}.creatures-released-friend a{padding:var(--space-1);gap:0}.creatures-released-paper{inline-size:3.75rem}.creatures-released-name{font-size:var(--font-size-small)}.creatures-released-album{row-gap:0}}@media (height<=500px){[data-immersive=true] .creatures-released,.creatures-released{inline-size:calc(100% - 2 * var(--space-3));align-items:start;gap:var(--space-1) var(--space-4);grid-template-columns:minmax(0,1fr) auto;padding-block-end:var(--space-2);inset-block-start:calc(2 * var(--space-2) + env(safe-area-inset-top,0px) + 62px + var(--space-3) + 52px + var(--space-2))}.creatures-released>:not(.creatures-released-friend){grid-column:1}.creatures-released-head .creatures-since-close{position:absolute;inset-block-start:var(--space-1);inset-inline-end:var(--space-1)}.creatures-released-friend{border-block-start:0;grid-area:1/2/span 4;padding-block-start:var(--space-1);padding-inline-end:var(--touch-target)}.creatures-released-friend h2{max-inline-size:15rem}.creatures-released-earned,.creatures-released-album{font-size:var(--font-size-small)}.creatures-released-earned{padding:var(--space-1) var(--space-2)}.creatures-released-friend h2{font-size:var(--font-size-body)}.creatures-released-friend ul{grid-template-columns:repeat(3,4.5rem)}.creatures-released-paper{inline-size:3rem}.creatures-released-friend a{padding:var(--space-1)}.creatures-released-name{display:none}}@media (prefers-reduced-motion:no-preference){.creatures-released{animation:creatures-since-in var(--duration-gentle) ease-out both}}.creatures-making-words{gap:var(--space-1);padding-block:var(--space-1);display:grid}.creatures-making-fix{justify-self:start;margin:0}.creatures-made-open{flex:none}@media (width<=560px){.creatures-making[data-made]{flex-wrap:wrap;row-gap:0;padding-block-end:var(--space-3)}.creatures-making[data-made] .creatures-making-words{flex:1 1 calc(100% - var(--touch-target) - var(--space-2));min-inline-size:0}.creatures-making[data-made] .creatures-made-open{order:1}}@media (prefers-reduced-motion:no-preference){.creatures-made-open{animation:1.1s ease-out .3s 2 clip-ready}}.creatures-making-bar{border-radius:var(--radius-round);background:#16392f1f;block-size:4px;inline-size:100%;display:block;overflow:hidden}.creatures-making-bar span{background:var(--color-title);transform-origin:0;block-size:100%;transition:transform .16s linear;display:block}@media (prefers-reduced-motion:reduce){.creatures-making-bar span{transition:none}}.creatures-tag[data-guest]{outline:3px solid var(--color-news);outline-offset:2px}.creatures-tag[data-guest=visitor]{padding-inline-start:var(--space-2)}.creatures-tag-visiting{align-items:center;gap:4px;display:inline-flex}.creatures-tag-visiting .icon{stroke-width:2.2px;block-size:1.05em;inline-size:1.05em}.creatures-bubble-ask{gap:var(--space-2);font-weight:var(--font-weight-strong);color:var(--color-title);display:grid}.creatures-visit{--icon-fill:#ffc41673}.creatures-wave{--icon-fill:#ffd6aacc}.creatures-color-me{z-index:1;align-items:center;gap:var(--space-2);min-block-size:var(--touch-target);padding:var(--space-1) var(--space-3) calc(var(--space-1) + 1px) var(--space-1);border-radius:var(--radius-medium);background:var(--color-paper);color:var(--color-title);font-weight:var(--font-weight-strong);white-space:nowrap;visibility:hidden;will-change:transform;text-decoration:none;display:inline-flex;position:absolute;inset-block-start:0;inset-inline-start:0;box-shadow:inset 0 0 0 1px #16392f1a,0 6px 18px #0c3c2c42}.creatures-color-me[data-placed=true]{visibility:visible}.creatures-color-me:after{content:"";border:7px solid #0000;border-block-start-color:var(--color-paper);border-block-end:0;position:absolute;inset-block-start:100%;inset-inline-start:calc(50% - 7px)}.creatures-color-me>.icon{border-radius:var(--radius-small);background:var(--color-action);color:#fff;--icon-fill:#ffffff59;flex:none;block-size:34px;inline-size:34px;padding:7px}.creatures-color-me-words{text-align:start;line-height:1.2;display:grid}.creatures-color-me-words strong{font-size:1rem;font-weight:900}.creatures-color-me-words>span:not(.visually-hidden){color:var(--color-muted);font-size:var(--font-size-small);font-weight:var(--font-weight-strong)}.creatures-color-me:hover,.creatures-color-me[data-pointed=true]{background:#fff;box-shadow:inset 0 0 0 1px #c2185b59,0 8px 22px #0c3c2c4d}.creatures-color-me:hover>.icon,.creatures-color-me[data-pointed=true]>.icon{background:var(--color-action-hover)}.creatures-color-me:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}@media (prefers-reduced-motion:no-preference){.creatures-color-me{transition:box-shadow var(--duration-quick) ease, background-color var(--duration-quick) ease}}@media (width<=700px){.creatures-color-me{padding:3px var(--space-2) 4px 3px;gap:6px}.creatures-color-me>.icon{block-size:30px;inline-size:30px;padding:6px}.creatures-color-me-words strong{font-size:.9375rem}.creatures-color-me-words>span:not(.visually-hidden){font-size:.8125rem}}.paper-flight{--s:var(--flight-scale,1);z-index:60;max-inline-size:none;filter:drop-shadow(0 calc((4px + 14px * var(--lift,1)) / var(--s)) calc((4px + 18px * var(--lift,1)) / var(--s)) #08281c52) drop-shadow(0 calc(2px / var(--s)) calc(3px / var(--s)) #08281c40) drop-shadow(0 0 0 #ffe49600);pointer-events:none;will-change:translate, scale, rotate, opacity;position:fixed}.paper-flight-dim{z-index:59;pointer-events:none;background:#0820189e;animation:.65s 80ms forwards paper-flight-dim;position:fixed;inset:0}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.paper-flight-dim{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}@keyframes paper-flight-dim{to{opacity:0;visibility:hidden}}.paper-flight[data-state=gone]{opacity:0;transition:opacity .45s}@media (prefers-reduced-motion:no-preference){.paper-flight[data-state=waiting]{animation:1.8s ease-in-out infinite paper-flight-float,1.8s ease-in-out infinite paper-flight-shimmer}}@keyframes paper-flight-float{0%,to{transform:translateY(0)rotate(0)scale(1)}25%{transform:translateY(calc(-7px / var(--s))) rotate(-1.2deg) scale(1.012)}50%{transform:translateY(calc(-11px / var(--s))) rotate(0deg) scale(1.02)}75%{transform:translateY(calc(-7px / var(--s))) rotate(1.2deg) scale(1.012)}}@keyframes paper-flight-shimmer{50%{filter:drop-shadow(0 calc(26px / var(--s)) calc(30px / var(--s)) #08281c47) drop-shadow(0 calc(2px / var(--s)) calc(3px / var(--s)) #08281c40) drop-shadow(0 0 calc(14px / var(--s)) #ffe496d9)}}.creatures-released-fix{margin:0}.creatures-released-fix a{align-items:center;gap:var(--space-2);min-block-size:var(--touch-target);padding:0 var(--space-3);border-radius:var(--radius-medium);color:var(--color-ink);font-weight:var(--font-weight-strong);--icon-fill:#ffc93c99;background:#fff6d6;text-decoration:none;display:inline-flex;box-shadow:inset 0 0 0 1px #966e0040}.creatures-released-fix a:hover{background:#ffefb3}.creatures-tag .sticker-chips{margin-inline-start:2px}.creatures-tag[tabindex]{cursor:default}.creatures-tag[tabindex]:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.creatures-bubble:has(.sticker-picker){max-inline-size:min(21rem, calc(100% - 2 * var(--space-2)));padding-inline:var(--space-3)}.book-goal{z-index:2;gap:var(--space-2);inline-size:max-content;max-inline-size:min(30rem, calc(100% - 2 * var(--gutter) - var(--touch-target) - var(--space-3)));padding:var(--space-2) var(--space-4) var(--space-3) var(--space-3);border-radius:var(--radius-medium);color:var(--color-title);font-size:var(--font-size-small);font-weight:var(--font-weight-strong);background:#ffffffeb;margin:0;line-height:1.3;display:grid;position:absolute;inset-block-start:calc(env(safe-area-inset-top,0px) + 2 * var(--space-2) + 62px + var(--space-3));inset-inline-start:var(--gutter);box-shadow:0 4px 12px #0c3c2c2e}.book-goal-words{align-items:flex-start;gap:var(--space-2);margin:0;display:flex}.book-goal-words .icon{color:#a3174e;--icon-fill:#ff9fc4;flex:none;block-size:20px;inline-size:20px}.book-goal[data-effect=glow] .book-goal-words .icon{color:#0d6f86;--icon-fill:#8be8f5}.book-goal[data-effect=lanterns] .book-goal-words .icon{color:#8a3b00;--icon-fill:#ffa53a}.book-goal-short{display:none}.book-goal-hint{color:var(--color-muted);font-weight:var(--font-weight-body);margin:0;margin-inline-start:calc(20px + var(--space-2))}.book-goal-bar{block-size:8px;background:#16392f1f;border-radius:999px;margin-inline-start:calc(20px + var(--space-2));position:relative;overflow:hidden}.book-goal-fill{border-radius:inherit;transform-origin:0;transform:scaleX(var(--share,0));background:linear-gradient(90deg,#ff6f9f,#ffc93c);position:absolute;inset:0;box-shadow:0 0 8px #ff78aa99}[dir=rtl] .book-goal-fill{transform-origin:100%}.book-goal[data-effect=glow] .book-goal-fill{background:linear-gradient(90deg,#2fd6e8,#a66bff);box-shadow:0 0 8px #3cc8f099}.book-goal[data-effect=lanterns] .book-goal-fill{background:linear-gradient(90deg,#ff8a00,#ffb238);box-shadow:0 0 8px #ffa028b3}@media (prefers-reduced-motion:no-preference){.book-goal-fill{transition:transform 1.2s cubic-bezier(.22,1,.36,1)}}.world-stage:has(.book-goal) :is(.world-live,.event-card){display:none}.creatures-stage:has(.creatures-since) .book-goal{visibility:hidden}@media (width<=760px),(height<=500px){.book-goal{inset-block:auto calc(var(--tab-bar-reach,0px) + var(--space-3))}.creatures-stage:has(.creatures-find) .book-goal{inset-block-end:calc(var(--tab-bar-reach,0px) + var(--space-3) + var(--touch-target) + var(--space-2))}.book-goal-long,.book-goal-hint{display:none}.book-goal-short{display:inline}}@media (width<=400px){.book-goal{inset-inline-start:var(--space-2)}}@media (width<=760px){.creatures-released-video{padding-block-start:var(--space-2);padding-inline-end:var(--space-2)}.creatures-released-video .clip{--clip-width:6.5rem;gap:var(--space-3)}.creatures-released-video .clip-side{gap:var(--space-2)}.creatures-released-video .clip-words{font-size:var(--font-size-small)}.creatures-released-title{font-size:var(--font-size-body)}.creatures-released-video .clip-main{min-block-size:48px;font-size:var(--font-size-body)}}@media (height<=500px){.creatures-released-video .clip{--clip-width:5.5rem}.creatures-released-video .clip-status-words{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.creatures-released-video .clip-side>.clip-words{display:none}}