:root{color-scheme:light dark;--font: ui-rounded, "SF Pro Rounded", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--ink: #10253a;--ink-soft: #3f5a70;--field: #f5fafd;--card: #ffffff;--card-line: #d3e3ee;--sky-top: #bfe2f6;--sky-bottom: #e6f4fb;--sun: #fff3cf;--sun-glow: rgb(255 214 120 / .45);--focus: #0b3a5c;--navy: #16324a;--navy-deep: #0d2233;--ice: #eaf7fb;--glacier: #7fc0e0;--gold: #f2b84b;--gold-soft: #ffe3a3;--gold-ink: #6b4309;--far: #b3d3ea;--far-snow: #f6fbff;--mid: #d7eaf6;--pine: #6f9cb5;--pine-snow: #ffffff;--trunk: #8a6a4a;--star: transparent;--glow: rgb(255 214 120 / .55);--skin-hi: #bfe6fb;--skin-lo: #7fc3ea;--belly: #effaff;--belly-line: #bfdcee;--muzzle: #e3f5ff;--wing: #d6f0ff;--wing-bone: #7ab9de;--crest: #d3eefc;--eye: #13283d;--cheek: rgb(255 170 150 / .6);--gold-hi: #ffe08a;--gold-lo: #e0a33a;--twig-hi: #d69a4a;--twig-lo: #9c6127;--twig: #7c4a1a;--twig-lite: #edbd6e;--shell: #f4fbff;--rim-snow: #ffffff;--frost: #ffffff;--rim-light: rgb(255 255 255 / 0);--shell-dot: #7fc0e0}@media(prefers-color-scheme:dark){:root{--ink: #eaf4fa;--ink-soft: #b3c8d7;--field: #0f2133;--card: #16293d;--card-line: #2b4760;--sky-top: #050f1c;--sky-bottom: #12304a;--sun: #fbf1d0;--sun-glow: rgb(251 233 180 / .18);--focus: #ffd479;--gold-ink: #ffd88a;--far: #1d3a55;--far-snow: #9db5c9;--mid: #17324b;--pine: #0c263b;--pine-snow: #8ea9bf;--trunk: #3c2e22;--star: #ffffff;--rim-light: rgb(214 232 246 / .55);--glow: rgb(255 200 110 / .3);--skin-hi: #a7d7f1;--skin-lo: #5f9fcb;--belly: #d7ecf7;--belly-line: #9fc2d8;--muzzle: #cbe5f3;--wing: #9fcbe6;--wing-bone: #4f8db8;--crest: #d2e9f6;--cheek: rgb(255 160 150 / .45);--twig-hi: #c08640;--twig-lo: #7d4d1f;--twig: #5e3814;--twig-lite: #d7a557;--shell: #d9ecf7;--rim-snow: #d9e6f0;--frost: #e8f6ff}}*{box-sizing:border-box}html{font-family:var(--font);font-size:100%;line-height:1.45;color:var(--ink);background:var(--field);-webkit-text-size-adjust:100%}body{margin:0}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.sky{background:radial-gradient(circle at var(--sun-x, 80%) var(--sun-y, 22%),var(--sun) 0 30px,var(--sun-glow) 32px,transparent 130px),linear-gradient(var(--sky-top),var(--sky-bottom))}.art{position:relative;height:var(--art-h)}.art .range{position:absolute;inset:0;width:100%;height:100%}.nest-art{position:relative;display:block;height:100%;width:auto;max-width:100%;aspect-ratio:400 / 320;margin:0 auto}.stars circle{fill:var(--star);opacity:.8}.far{fill:var(--far)}.far-snow{fill:var(--far-snow)}.mid{fill:var(--mid)}.pine{fill:var(--pine)}.pine-snow{fill:var(--pine-snow)}.pine-trunk{fill:var(--trunk)}.near,.summit{fill:var(--field)}.summit-rim{fill:none;stroke:url(#rim-fade);stroke-width:3}.stop-rim{stop-color:var(--rim-light)}.stop-rim-edge{stop-color:var(--rim-light);stop-opacity:0}.nest-shadow{fill:#10253a24}.glow{fill:url(#nest-glow)}.stop-glow{stop-color:var(--glow)}.stop-glow-end{stop-color:var(--glow);stop-opacity:0}.stop-skin-hi{stop-color:var(--skin-hi)}.stop-skin-lo{stop-color:var(--skin-lo)}.stop-gold-hi{stop-color:var(--gold-hi)}.stop-gold-lo{stop-color:var(--gold-lo)}.stop-twig-hi{stop-color:var(--twig-hi)}.stop-twig-lo{stop-color:var(--twig-lo)}.skin{fill:url(#dragon-skin)}.belly{fill:var(--belly)}.belly-line{fill:none;stroke:var(--belly-line);stroke-width:3;stroke-linecap:round}.muzzle{fill:var(--muzzle)}.wing{fill:var(--wing);stroke:var(--wing);stroke-width:7;stroke-linejoin:round}.wing-bone{fill:none;stroke:var(--wing-bone);stroke-width:3;stroke-linecap:round;opacity:.8}.tail{fill:none;stroke:var(--skin-lo);stroke-width:16;stroke-linecap:round}.tail-tip{fill:url(#horn-gold)}.horn{fill:url(#horn-gold)}.fin,.crest{fill:var(--crest);stroke:var(--wing-bone);stroke-width:3;stroke-linejoin:round}.shine{fill:#fff;opacity:.35}.nostril{fill:var(--eye);opacity:.7}.smile{fill:none;stroke:var(--eye);stroke-width:3.5;stroke-linecap:round}.cheek{fill:var(--cheek)}.eye{fill:var(--eye)}.eye-shine{fill:#fff}.nest-back{fill:var(--twig-lo)}.nest-front{fill:url(#nest-twigs)}.twig{fill:none;stroke:var(--twig);stroke-width:3;stroke-linecap:round;opacity:.7}.twig-lite{fill:none;stroke:var(--twig-lite);stroke-width:2.5;stroke-linecap:round}.shell{fill:var(--shell);stroke:var(--wing-bone);stroke-width:2;stroke-linejoin:round}.shell-dot{fill:var(--shell-dot)}.rim-snow{fill:var(--rim-snow)}.limb{fill:none;stroke:var(--skin-lo);stroke-width:18;stroke-linecap:round}.paw{fill:var(--skin-hi)}.toes{fill:none;stroke:var(--skin-lo);stroke-width:2.5;stroke-linecap:round}.puff{fill:var(--frost);opacity:0}@media(prefers-reduced-motion:no-preference){.blink{transform-box:fill-box;transform-origin:center;animation:blink 6s infinite}.breathe{transform-box:view-box;transform-origin:200px 268px;animation:breathe 3.6s ease-in-out 6 alternate}.puff{transform-box:view-box;transform-origin:228px 144px;animation:puff 9s ease-out 3s infinite}.head,.look{transform-box:view-box;transform-origin:200px 190px;transition:transform .45s cubic-bezier(.2,.8,.2,1)}[data-look=left] .head{transform:rotate(-5deg)}[data-look=right] .head{transform:rotate(5deg)}[data-look=left] .look{transform:translate(-4px)}[data-look=right] .look{transform:translate(4px)}.arm{transform-box:view-box}.arm-left{transform-origin:156px 206px}.arm-right{transform-origin:244px 206px}.wave-left .arm-left{animation:wave-left 1.3s ease-in-out}.wave-right .arm-right{animation:wave-right 1.3s ease-in-out}}@keyframes blink{0%,93%,to{transform:scaleY(1)}96%{transform:scaleY(.1)}}@keyframes breathe{0%{transform:scale(1)}to{transform:scale(1.012,1.022)}}@keyframes puff{0%,74%{opacity:0;transform:translate(0) scale(.5)}80%{opacity:.95}to{opacity:0;transform:translate(28px,-24px) scale(1.3)}}@keyframes wave-right{0%,to{transform:rotate(0)}25%,65%{transform:rotate(-125deg)}45%,85%{transform:rotate(-100deg)}}@keyframes wave-left{0%,to{transform:rotate(0)}25%,65%{transform:rotate(125deg)}45%,85%{transform:rotate(100deg)}}:root{--bar-bg: #dceff9;--bar-line: rgb(16 37 58 / .1);--tab-on: #ffffff;--tab-ring: #4f7c9c;--link: #0b5a8a;--bezel: #0b1622;--nqs-top: #fff3cf;--nqs-bottom: #ffd675;--nqs-ink: #3a2906;--nqs-soft: #5a400c;--arena-top: #245477;--arena-bottom: #0d2233;--arena-ink: #ffffff;--arena-soft: #c3e5f6;--ic-dragon-bg: #cfeefc}@media(prefers-color-scheme:dark){:root{--bar-bg: #0a1828;--bar-line: rgb(255 255 255 / .08);--tab-on: #1f3a55;--tab-ring: #9cc4de;--link: #9ed3f2;--bezel: #02070d;--nqs-top: #ffe7ad;--nqs-bottom: #f1b94f;--arena-top: #2e6690;--arena-bottom: #13304a;--ic-dragon-bg: #24496a}}html,body{height:100%}body{display:flex;flex-direction:column;height:100dvh;overflow:hidden}.sprite{position:absolute;width:0;height:0;overflow:hidden}.bar{flex:none;display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px;padding:6px 8px;background:var(--bar-bg);border-bottom:1px solid var(--bar-line);position:relative;z-index:2}.brand{display:none;margin:0;font-size:1.25rem;font-weight:800;letter-spacing:-.01em}.tabs{display:flex;gap:4px;min-width:0}.tab,.sound{appearance:none;border:2px solid transparent;background:transparent;color:var(--ink-soft);font:inherit;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:62px;padding:4px 6px;border-radius:18px;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.tab{flex:1 1 auto;min-width:0}.tab-icon{width:32px;height:32px;flex:none}.tab-label,.sound-label{font-size:.875rem;font-weight:650;line-height:1.1;white-space:nowrap}.tab[aria-selected=true]{background:var(--tab-on);border-color:var(--tab-ring);color:var(--ink);box-shadow:0 4px 14px #10253a1f}.tab[aria-selected=true] .tab-label{font-weight:800}.tab:active,.sound:active{transform:scale(.96)}.sound{min-width:60px}.sound-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;border:2px solid currentColor}.sound-icon svg{width:22px;height:22px;fill:currentColor}.sound .when-on,.sound[aria-checked=true] .when-off{display:none}.sound[aria-checked=true] .when-on{display:block}.sound[aria-checked=true] .sound-icon{background:var(--gold);border-color:var(--gold);color:var(--navy-deep)}@media(max-width:759px){.sound{min-width:44px;min-height:44px;padding:0 0 0 4px;border-width:0 0 0 1px;border-color:var(--bar-line);border-radius:0}.sound-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}}@media(min-width:760px){.bar{padding-inline:20px}.tabs{justify-self:start;background:#ffffff73;border-radius:24px;padding:4px}.tab,.sound{flex-direction:row;gap:10px;min-height:58px;padding:6px 18px 6px 10px}.tab{flex:none}.tab-icon{width:38px;height:38px}.tab-label,.sound-label{font-size:1.0625rem}.sound{justify-self:end}}@media(min-width:900px){.bar{grid-template-columns:1fr auto 1fr}.brand{display:block}}@media(min-width:760px)and (prefers-color-scheme:dark){.tabs{background:#ffffff0d}}.ic-dragon-bg{fill:var(--ic-dragon-bg)}.ic-gold{fill:var(--gold)}.ic-skin{fill:#7fc3ea}.ic-muzzle{fill:#eaf7fd}.ic-eye{fill:#13283d}.ic-shine{fill:#fff}.ic-skate-bg{fill:#ffd36e}.ic-boot{fill:#fff;stroke:#16324a;stroke-width:1.6;stroke-linejoin:round}.ic-line{fill:none;stroke:#16324a;stroke-width:1.7;stroke-linecap:round}.ic-arena-bg{fill:#16324a}.ic-ring{fill:none;stroke:#7fc0e0;stroke-width:1.3}.ic-arc{fill:none;stroke:#eaf7fb;stroke-width:2.8;stroke-linecap:round}.ic-stroke{fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}@media(prefers-color-scheme:dark){.ic-arena-bg{stroke:#7fc0e08c;stroke-width:1}}.panels{flex:1;min-height:0;position:relative}.panel{position:absolute;inset:0}.panel[hidden]{display:block;visibility:hidden}.panel[hidden] *{animation-play-state:paused}@media(prefers-reduced-motion:no-preference){.panel:not([hidden]){animation:panel-in .2s ease-out}}@keyframes panel-in{0%{opacity:0}}.home{overflow-y:auto;overscroll-behavior:contain}.stage{--art-h: clamp(210px, 36vh, 320px);--sun-x: 88%;--sun-y: 36%;padding-top:clamp(16px,3vh,32px)}.greeting{text-align:center;padding-inline:16px}.greeting h1{margin:0;font-size:clamp(1.75rem,1.2rem + 2.4vw,3rem);font-weight:800;line-height:1.08;letter-spacing:-.02em;text-wrap:balance}.greeting p{margin:6px 0 0;font-size:1.25rem;font-weight:650;color:var(--ink-soft)}.scene{display:grid;grid-template-columns:1fr 1fr;column-gap:12px;padding:0 16px 24px;background:linear-gradient(transparent calc(var(--art-h) - 1px),var(--field) 0)}.art{grid-column:1 / -1;margin-inline:-16px}.door{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:4px;width:100%;max-width:300px;min-height:196px;padding:30px 10px 14px;text-align:center;text-decoration:none;color:var(--door-ink);background:linear-gradient(var(--door-top),var(--door-bottom));border-radius:50% 50% 24px 24px/72px 72px 24px 24px;box-shadow:inset 0 8px 0 var(--door-snow),inset 0 -3px #00000014,0 10px 24px -6px #0d223359;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.door-nqs{justify-self:end;--door-top: var(--nqs-top);--door-bottom: var(--nqs-bottom);--door-ink: var(--nqs-ink);--door-soft: var(--nqs-soft);--door-snow: #ffffff}.door-arena{justify-self:start;--door-top: var(--arena-top);--door-bottom: var(--arena-bottom);--door-ink: var(--arena-ink);--door-soft: var(--arena-soft);--door-snow: #eaf7fb}.door-icon{width:64px;height:64px;flex:none;border-radius:18px;box-shadow:0 6px 14px -4px #00000059}.door-title{margin-top:6px;font-size:1.375rem;font-weight:800;line-height:1.1;letter-spacing:-.01em}.door-sub{font-size:1.0625rem;font-weight:650;line-height:1.2;color:var(--door-soft);text-wrap:balance}.door-go{width:40px;height:40px;margin-top:auto;padding:8px;border-radius:50%;color:var(--door-ink);background:color-mix(in srgb,var(--door-ink) 12%,transparent)}.door:focus-visible{outline-offset:5px}@media(hover:hover)and (pointer:fine){.door:hover{filter:brightness(1.04) saturate(1.08)}}@media(hover:hover)and (pointer:fine)and (prefers-reduced-motion:no-preference){.door:hover{transform:translateY(-4px)}}.door:active{filter:brightness(.94)}@media(prefers-reduced-motion:no-preference){.door{transition:transform .26s cubic-bezier(.2,.8,.2,1),box-shadow .26s ease}.door:active{transform:scale(.97);transition-duration:90ms}}.noscript{text-align:center;padding:0 16px 16px}@media(min-width:960px){.stage{--art-h: clamp(320px, 52vh, 500px);--sun-x: 80%;--sun-y: 22%}.scene{grid-template-columns:1fr minmax(0,520px) 1fr;column-gap:0;padding:0 24px 32px}.art{grid-row:1;grid-column:1 / -1;margin-inline:-24px}.door{grid-row:1;align-self:end;width:min(100%,280px);min-height:320px;margin-bottom:18px;padding-top:48px;gap:8px;border-radius:50% 50% 28px 28px/110px 110px 28px 28px}.door-nqs{grid-column:1}.door-arena{grid-column:3}.door-icon{width:88px;height:88px;border-radius:24px}.door-title{font-size:1.75rem}.door-sub{font-size:1.1875rem}}.below{display:grid;gap:16px;max-width:720px;margin:0 auto;padding:4px 16px 40px}.fact,.grownups{background:var(--card);border:1px solid var(--card-line);border-radius:24px;box-shadow:0 8px 24px -12px #0d223340}.fact{padding:18px 20px 8px}.fact h2{display:flex;align-items:center;gap:8px;margin:0 0 6px;font-size:1rem;font-weight:700;color:var(--ink-soft)}.fact-flake{width:24px;height:24px;color:var(--link)}.fact-text{margin:0;max-inline-size:32ch;font-size:1.3125rem;font-weight:650;line-height:1.35;text-wrap:pretty}summary{cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}summary:after{content:"";width:9px;height:9px;margin-inline-start:10px;border-right:2.5px solid currentColor;border-bottom:2.5px solid currentColor;transform:translateY(-2px) rotate(45deg);flex:none}details[open]>summary:after{transform:translateY(2px) rotate(225deg)}.source summary{display:inline-flex;align-items:center;min-height:44px;font-size:.9375rem;font-weight:650;color:var(--link)}.source p{margin:0 0 12px;font-size:.9375rem;color:var(--ink-soft)}a{color:var(--link)}.grownups summary{display:flex;align-items:center;justify-content:space-between;min-height:60px;padding:0 20px;font-size:1.125rem;font-weight:750}.grownups-body{padding:0 20px 20px;font-size:1rem}.grownups h2{margin:12px 0 6px;font-size:1.0625rem;font-weight:750}.apps{margin:0;display:grid;gap:10px}.apps dt{font-weight:750}.apps dd{margin:0;color:var(--ink-soft)}.grownups ul{margin:0;padding-inline-start:1.2em;color:var(--ink-soft)}.boundary{margin:18px 0 14px;font-weight:750}.signout,.retry{appearance:none;min-height:48px;padding:0 22px;border-radius:14px;font:inherit;font-weight:750;cursor:pointer}.signout{border:2px solid var(--ink);background:transparent;color:var(--ink)}.signout:active,.retry:active{filter:brightness(.92)}.signout:active{background:color-mix(in srgb,var(--ink) 10%,transparent)}@media(prefers-reduced-motion:no-preference){.signout,.retry{transition:transform .12s ease-out}.signout:active,.retry:active{transform:scale(.97)}}.signout-note{margin:10px 0 0;font-size:.9375rem;color:var(--ink-soft)}@media(min-width:1100px)and (min-height:560px){.app-nqs .buddy{display:block;position:absolute;bottom:2%;left:calc(50% - 465px);width:210px;aspect-ratio:256 / 160}}.app{display:grid}.device{position:relative;overflow:hidden;background:var(--field)}.device iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}.range-backdrop,.buddy{display:none}@media(min-width:700px)and (min-height:560px){.app-nqs{place-items:center}.app-nqs .range-backdrop{display:block;position:absolute;inset:auto 0 0;width:100%;height:42%}.app-nqs .device{width:min(430px,100% - 48px);height:min(932px,100% - 40px);border:12px solid var(--bezel);border-radius:52px;box-shadow:0 0 0 1px #ffffff1f,0 40px 70px -20px #0d22338c}}.app-arena .device{background:var(--navy)}.loader{position:absolute;inset:0;z-index:1;display:grid;place-content:center;justify-items:center;gap:6px;padding:16px;text-align:center;background:inherit}.loader[hidden]{display:none}.peek{width:168px;height:auto;aspect-ratio:256 / 160}.ledge{fill:var(--rim-snow)}.buddy .ledge{fill:var(--field)}.loader p{margin:0;font-size:1.25rem;font-weight:700}.slow-text,.retry,.is-slow .loading-text{display:none}.is-slow .slow-text,.is-slow .retry{display:block}.retry{margin-top:10px;border:0;background:var(--navy);color:#fff}.app-arena .loader{color:var(--ice)}.app-arena .retry{background:var(--ice);color:var(--navy)}@media(prefers-reduced-motion:no-preference){.peek use{animation:peek 1.6s ease-in-out infinite alternate}}@keyframes peek{0%{transform:translateY(18px)}to{transform:translateY(0)}}