:root{--bg:#1b1446;--bg2:#2d1f6e;--ink:#fff;--font:ui-rounded, "SF Pro Rounded", "Nunito", "Segoe UI", system-ui, sans-serif}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:radial-gradient(circle at 50% 0%, var(--bg2), var(--bg) 70%);color:var(--ink);font-family:var(--font);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.hub{flex-direction:column;align-items:center;gap:32px;min-height:100%;padding:32px 16px;display:flex}.title{letter-spacing:.02em;margin:0;font-size:max(2.5rem,min(7vw,4.5rem))}.cards{grid-template-columns:repeat(auto-fit,minmax(220px,260px));justify-content:center;gap:24px;width:100%;max-width:1000px;display:grid}.card{background:var(--card);aspect-ratio:1;color:var(--ink);border-radius:32px;flex-direction:column;justify-content:center;align-items:center;gap:12px;text-decoration:none;transition:transform .12s;display:flex;position:relative;box-shadow:0 10px #00000040}.card:active{transform:translateY(6px)scale(.98);box-shadow:0 4px #00000040}.card .emoji{font-size:6rem;line-height:1}.card .name{font-size:1.8rem;font-weight:800}.card.soon:after{content:"soon";background:#0000004d;border-radius:999px;padding:4px 12px;font-size:1rem;font-weight:700;position:absolute;top:16px;right:16px}.back{background:#ffffff26;border-radius:50%;place-items:center;width:72px;height:72px;font-size:2.5rem;text-decoration:none;display:grid;position:fixed;top:16px;left:16px}.placeholder{text-align:center;place-items:center;min-height:100%;padding:16px;font-size:max(1.5rem,min(5vw,3rem));display:grid}[hidden]{display:none!important}@font-face{font-family:"Baloo 2";font-weight:800;font-display:swap;src:url(/fonts/baloo-2-latin-800-normal.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Baloo 2";font-weight:800;font-display:swap;src:url(/fonts/baloo-2-latin-ext-800-normal.woff2)format("woff2");unicode-range:U+100-2AF,U+304,U+308,U+329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}html{-webkit-text-size-adjust:100%;touch-action:manipulation}button,.pick,.friend,.card,svg,img{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}@media (max-width:600px){.hub{gap:18px;padding:20px 12px}.cards{grid-template-columns:1fr}}:root{--sat:env(safe-area-inset-top,0px);--sar:env(safe-area-inset-right,0px);--sab:env(safe-area-inset-bottom,0px);--sal:env(safe-area-inset-left,0px)}body{box-sizing:border-box;padding-left:var(--sal);padding-right:var(--sar)}.bar,.hub{margin-top:var(--sat)}.ui-ic{vertical-align:-.18em;width:1.05em;height:1.05em;line-height:0;display:inline-block}.ui-ic svg{filter:drop-shadow(0 1px #00000026);width:100%;height:100%;display:block}.round .ui-ic{vertical-align:0;width:66%;height:66%}.mode .ui-ic,.stars .ui-ic,.tab .ui-ic{vertical-align:-.28em;width:1.3em;height:1.3em;margin-right:.15em}.dots .ui-ic{vertical-align:middle;width:20px;height:20px}.adventure .goal .ui-ic{width:60%;height:60%}.start .ui-ic{width:1em;height:1em}:root{--display:"Baloo 2", ui-rounded, "SF Pro Rounded", "Nunito", "Segoe UI", system-ui, sans-serif}.title,.card .name,.mode,.tab,.stars,.adventure h2,.start button span,.lvl,.pg-tip,.pw-top,.pa-say,.pd-mission,.pg-say,.guidepick .gp-title,.levelchoice,.plan{font-family:var(--display);letter-spacing:.01em}.title{letter-spacing:.02em;font-weight:800}.card .name{text-shadow:0 3px #00000047,0 6px 14px #00000040;font-weight:800}.mode,.tab{font-weight:800}.mode.on,.tab.on{text-shadow:0 1px #fff9}.start button span{letter-spacing:.03em;text-shadow:0 2px #ffffff80;font-size:1.9rem}.stars b{text-shadow:0 2px #00000040}:root{--paper:#fff8ee;--paper-2:#f6efe3;--ink-2:#2a2350;--hi:#f7d679;--glass:#ffffff17;--glass-2:#ffffff24;--line:#ffffff24;--shadow:#100c3047;--shadow-soft:0 10px 24px #0a082847;--r:22px;--ok:#6cc08b;--warn:#f2a65a;--soft-red:#e8766f;--soft-blue:#5b9ae6;--soft-purple:#a98be8;--soft-pink:#f0a1bd}body{line-height:1.25}button{font-family:inherit}:where(button,a,.card):focus-visible{outline:4px solid var(--hi);outline-offset:3px;border-radius:var(--r)}@keyframes pageIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}body>header,body>main,body>section,body>.hub{animation:.35s ease-out both pageIn}body .round,body .stars,body .modes{background:linear-gradient(180deg, var(--glass-2), var(--glass));border:1px solid var(--line);transition:transform .15s,background .2s,box-shadow .2s;box-shadow:inset 0 1px #ffffff2e,0 4px 10px #0a08282e}body .round:hover,body .stars:hover{background:linear-gradient(#fff3,#ffffff1f)}body .round:active,body .stars:active,body .mode:active{transform:scale(.94)}body .round.on{background:var(--paper);color:var(--ink-2)}body .modes{padding:6px}body .mode{color:#ffffffd9;border-radius:999px;transition:background .2s,color .2s,transform .15s}body .mode:hover{color:#fff;background:#ffffff14}body .mode.on{background:var(--paper);color:var(--ink-2);box-shadow:0 3px #0a08282e,inset 0 1px #fff}body .stars b{color:var(--hi)}body .dots span:not(.goal):not(.then){background:#ffffff24;transition:background .3s,box-shadow .3s;box-shadow:inset 0 1px #ffffff1f}body .dots span.on{background:var(--hi);box-shadow:0 0 10px #f7d67999}body .start{-webkit-backdrop-filter:blur(6px);background:radial-gradient(circle at 50% 42%,#f7d67924,#0000 32%),radial-gradient(circle at 50% 100%,#5b9ae62e,#0000 50%),#100e2ce6}body .start button{color:var(--ink-2);background:linear-gradient(#ffe08a,#f3c652);transition:transform .15s,box-shadow .15s;animation:2.6s ease-in-out infinite startBreathe;box-shadow:0 10px #c99a2a,0 22px 40px #0a082873,inset 0 2px #ffffffb3}body .start button:hover{transform:translateY(-3px)}body .start button:active{animation:none;transform:translateY(6px);box-shadow:0 4px #c99a2a,0 12px 24px #0a082859,inset 0 2px #ffffffb3}@keyframes startBreathe{50%{transform:scale(1.035)}}body .plan{background:var(--glass);border:1px solid var(--line);box-shadow:inset 0 1px #ffffff24}body .pg-say,body .pd-mission,body .wild .animal,body .sentence,body .dname,body .pw-card,body .pa-card,body .pd-room.open,body .guidepick .gp-dino,body .pd-plate .pd-row.picked{color:var(--ink-2)}body .pg-say,body .pd-mission,body .wild .animal,body .sentence,body .dname{background:var(--paper);box-shadow:0 6px 0 #0a082838, var(--shadow-soft)}body .pw-card,body .pa-card{background:var(--paper);box-shadow:0 12px #0a082840,0 30px 60px #0a082873}body .card{background:radial-gradient(circle at 50% 0%, #ffffff47, transparent 55%), linear-gradient(165deg, color-mix(in srgb, var(--card) 88%, #fff) 0%, var(--card) 50%, color-mix(in srgb, var(--card) 82%, #1a1a3c) 100%);box-shadow:0 10px 0 color-mix(in srgb, var(--card) 62%, #1a1a3c), 0 22px 40px #0a082866, inset 0 1px 0 #ffffff59;border:1px solid #ffffff38;transition:transform .18s,box-shadow .18s}body .card:hover{box-shadow:0 15px 0 color-mix(in srgb, var(--card) 62%, #1a1a3c), 0 30px 50px #0a082873, inset 0 1px 0 #ffffff59;transform:translateY(-5px)}body .card:active{box-shadow:0 4px 0 color-mix(in srgb, var(--card) 62%, #1a1a3c), 0 10px 20px #0a082859;transform:translateY(5px)scale(.985)}body .adventure{background:var(--glass);border:1px solid var(--line);box-shadow:inset 0 1px #ffffff1f,0 10px 30px #0a082840}body .adventure .stop{border:2px solid #ffffff2e;transition:transform .15s;box-shadow:inset 0 1px #ffffff40,0 6px 14px #0a08284d}body .adventure .stop:hover{transform:translateY(-3px)}body.calm .start button,body.calm>header,body.calm>main,body.calm>section,body.calm>.hub{animation:none}@media (prefers-reduced-motion:reduce){body>header,body>main,body>section,body>.hub,body .start button{animation:none!important}body .card,body .round,body .mode{transition:none}}.want{outline-offset:3px;outline:4px solid #f7d679bf;animation:1.5s ease-in-out infinite wantRing}@keyframes wantRing{50%{outline-offset:7px;outline-color:#f7d67940}}.want.hint{animation:none}body.calm .want{outline-color:#f7d6798c;animation:none}@media (prefers-reduced-motion:reduce){.want{animation:none}}@supports not (color:color-mix(in srgb, red, red)){body .card{background:var(--card);box-shadow:0 10px #00000040}}@supports not (aspect-ratio:1 / 1){.pw-pad:before{content:"";padding-top:50%;display:block}.pa-scene:before{content:"";padding-top:56.25%;display:block}.pdt-lens:before{content:"";padding-top:100%;display:block}body .friend{min-height:72px}body .pdt-panel{min-height:120px}.mystery{min-height:150px}.bar>*,.tools>*,.friends>*,.tray>*,.prompt>*,.question>*,.pg-ice>*,.cy-side>*,.pw-tools>*,.pa-card>*{margin:4px}.hub>*+*{margin-top:24px}.play>*+*{margin-top:10px}}