:root{--ink:#22305e;--muted:#5b6b8c;--page:#e6f3ff;--paper:#fff;--line:#d3e2f4;--blue:#2f6fe4;--sun:#ffc928;--sun-deep:#d9a100;--mint:#34c77b;--sky:var(--page);--card:var(--paper);--coral:#fb7185;--grape:#a78bfa;--orange:#fb923c;--radius:22px;--display:"Baloo 2", ui-rounded, "Arial Rounded MT Bold", system-ui, sans-serif;--font:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@font-face{font-family:"Baloo 2";src:url(/app/assets/baloo2-B_TVFhwJ.woff2)format("woff2");font-weight:400 800;font-display:swap}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;margin:0}body{font:17px/1.5 var(--font);color:var(--ink);background-color:var(--page);overscroll-behavior:none;background-image:radial-gradient(circle,#22305e12 1.5px,#0000 1.6px);background-size:22px 22px}#app{min-height:100%}button{font:inherit;color:inherit}h1,h2,h3{font-family:var(--display);margin:0 0 .35em;font-weight:800;line-height:1.1}.muted{color:var(--muted)}:focus-visible{outline:3px solid var(--blue);outline-offset:3px}html[data-travel=true] body{filter:brightness(.88)}.btn{font-family:var(--display);background:var(--ink);color:#fff;cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:13px 24px;font-size:1.05rem;font-weight:800;text-decoration:none;transition:transform 80ms,box-shadow 80ms;display:inline-flex;box-shadow:0 4px #111a3a}.btn:active{transform:translateY(3px);box-shadow:0 1px #111a3a}.btn:disabled{opacity:.45;cursor:default;transform:none}.btn-big{background:var(--sun);color:var(--ink);box-shadow:0 6px 0 var(--sun-deep);padding:14px 34px;font-size:1.45rem}.btn-big:active{box-shadow:0 2px 0 var(--sun-deep)}.btn-ghost{background:var(--paper);color:var(--ink);box-shadow:0 0 0 2px var(--line), 0 3px 0 var(--line)}.btn-ghost:active{box-shadow:0 0 0 2px var(--line)}.parent{max-width:720px;margin:0 auto;padding:0 16px 140px}.parent-bar{justify-content:space-between;align-items:center;gap:12px;padding:14px 0 6px;display:flex}.parent-bar a{color:var(--ink);align-items:center;gap:6px;min-height:44px;padding:0 4px;font-weight:600;text-decoration:none;display:inline-flex}.parent-bar a:hover{text-decoration:underline}.parent-brand{font-family:var(--display);font-size:1.1rem;font-weight:800}.parent-head{padding:10px 0 4px}.parent-head h1{margin:0;font-size:clamp(2rem,7vw,2.6rem)}.parent-head p{color:var(--muted);margin:4px 0 0}.card{background:var(--paper);border-radius:var(--radius);box-shadow:0 1px 0 var(--line), 0 10px 30px -18px #22305e59;margin:16px 0;padding:20px 20px 22px}.card h2{font-size:1.45rem}.field{margin:18px 0;font-weight:700;display:block}.field-label{margin-bottom:8px;font-weight:700;display:block}.field input:not([type]),.field input[type=text]{width:100%;font:inherit;border:2px solid var(--line);background:#fbfdff;border-radius:14px;margin-top:8px;padding:11px 14px;display:block}.field.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.field.row input:not([type=checkbox]):not([type=range]){border:2px solid var(--line);min-width:140px;font:inherit;border-radius:14px;flex:1;margin:0;padding:10px 14px}.field.toggle input{width:28px;height:28px;accent-color:var(--blue)}.field.toggle{cursor:pointer;min-height:44px;font-weight:600}input[type=range]{accent-color:var(--blue);width:200px;height:40px}.hint{color:var(--muted);margin:8px 0 0;font-size:.92rem;font-weight:500}.avatars,.seg{flex-wrap:wrap;gap:8px;display:flex}.avatars button{cursor:pointer;background:#eef4fb;border:0;border-radius:16px;width:56px;height:56px;font-size:1.8rem}.seg button{cursor:pointer;background:#eef4fb;border:0;border-radius:999px;min-height:44px;padding:10px 18px;font-weight:700}.avatars button[aria-pressed=true]{background:var(--sun)}.seg button[aria-pressed=true]{background:var(--ink);color:#fff}.game-picks{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:12px;display:grid}.game-pick{cursor:pointer;text-align:center;background:0 0;border:0;padding:0;font-size:.92rem;font-weight:700;line-height:1.2;position:relative}.game-pick-art{background:var(--tile);box-shadow:0 0 0 1.5px var(--line), 0 6px 14px -8px #22305e80;aspect-ratio:5/4;border:5px solid #fff;border-radius:18px;margin-bottom:6px;transition:transform .12s,filter .12s,opacity .12s;display:block}.game-pick-art svg{width:100%;height:100%;display:block}.game-pick[aria-pressed=false] .game-pick-art{filter:grayscale();opacity:.35;transform:scale(.94)}.game-pick[aria-pressed=false] .game-pick-name{color:var(--muted)}.game-pick-check{background:var(--ink);color:#fff;border:3px solid #fff;border-radius:50%;place-items:center;width:28px;height:28px;font-size:.9rem;display:grid;position:absolute;top:-6px;right:-6px}.game-pick[aria-pressed=false] .game-pick-check{display:none}.game-list{margin:0;padding:0;list-style:none}.tiers{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin:12px 0;display:grid}.tier{box-shadow:0 0 0 2px var(--line) inset;background:#f6faff;border-radius:18px;flex-direction:column;align-items:flex-start;gap:4px;padding:14px;display:flex}.tier .price{font-family:var(--display);color:var(--ink);font-size:1.7rem;font-weight:800;line-height:1}.tier small{color:var(--muted)}.offline{border-radius:14px;margin:0;padding:12px 14px;font-weight:700}.offline-ready{color:#135c35;background:#dcf7e8}.offline-preparing,.offline-checking{color:#6b4e00;background:#fff4cc}.offline-unsupported{color:#7f1d1d;background:#ffe1e1}.update{justify-content:space-between;align-items:center;gap:12px;display:flex}.start-bar{padding:14px 16px calc(16px + env(safe-area-inset-bottom));background:linear-gradient(#e6f3ff00, var(--page) 35%);z-index:10;justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0}.hold-btn{top:calc(14px + env(safe-area-inset-top));width:64px;height:64px;color:var(--ink);z-index:30;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;background:#fff;border:4px solid #fff;border-radius:50%;place-items:center;font-size:1.7rem;display:grid;position:fixed;box-shadow:0 4px 14px #0f172a1f}.kid-lock{right:16px}.home-btn{left:16px}.hold-ring{background:conic-gradient(var(--blue) 0deg, transparent 0deg);opacity:0;border-radius:50%;position:absolute;inset:-4px}.hold-btn.holding .hold-ring{opacity:1;animation:hold-fill var(--hold-ms) linear forwards;-webkit-mask:radial-gradient(circle,#0000 60%,#000 61%);mask:radial-gradient(circle,#0000 60%,#000 61%)}@property --deg{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes hold-fill{0%{--deg:0deg;background:conic-gradient(var(--blue) var(--deg), transparent var(--deg))}to{--deg:360deg;background:conic-gradient(var(--blue) var(--deg), transparent var(--deg))}}.lock-pad{z-index:31;text-align:center;background:#fff;border-radius:24px;padding:16px;position:fixed;top:90px;right:16px;box-shadow:0 12px 40px #0f172a33}.lock-pad p{margin:0 0 10px;font-weight:800}.lock-nums{gap:10px;display:flex}.lock-nums button{width:64px;height:64px;font-family:var(--display);color:var(--ink);cursor:pointer;background:#eef4fb;border:0;border-radius:18px;font-size:1.9rem;font-weight:800}.lock-nums button.done{background:var(--mint)}.home,.play,.done,.stickers,.lock-pad{font-family:var(--display)}.home{flex-direction:column;align-items:center;min-height:100dvh;padding:86px 18px 28px;display:flex}.home-hello{align-items:center;gap:12px;margin-bottom:18px;font-size:clamp(2.1rem,6vw,3.2rem);display:flex}.home-avatar{font-size:1.2em}.tiles{grid-template-columns:repeat(2,1fr);gap:clamp(16px,3vw,28px);width:min(1060px,100%);margin:0;padding:0;list-style:none;display:grid}@media (width>=700px){.tiles{grid-template-columns:repeat(4,1fr)}}.tiles li:nth-child(4n+1) .tile{rotate:-2deg}.tiles li:nth-child(4n+2) .tile{rotate:1.5deg}.tiles li:nth-child(4n+3) .tile{rotate:-1deg}.tiles li:nth-child(4n) .tile{rotate:2deg}.tile{cursor:pointer;background:#fff;border:6px solid #fff;border-radius:26px;flex-direction:column;width:100%;padding:0;transition:transform .12s,rotate .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 2px #22305e1f,0 14px 24px -14px #22305e8c}.tile:active{transform:scale(.96)rotate(0)}.tile-art{background:var(--tile);aspect-ratio:5/4;border-radius:18px 18px 6px 6px;display:block}.tile-art svg{width:100%;height:100%;display:block}.tile-name{color:var(--ink);text-align:center;padding:8px 6px 6px;font-size:clamp(1.05rem,2.4vw,1.35rem);font-weight:800;line-height:1.1}.tile-locked .tile-art{filter:grayscale(.85);opacity:.55}.tile-lock{background:#fff;border-radius:50%;place-items:center;width:40px;height:40px;font-size:1.2rem;display:grid;position:absolute;top:8px;right:8px}.play{background:radial-gradient(circle at 50% 120%, color-mix(in srgb, var(--game) 35%, white), var(--sky) 70%);flex-direction:column;display:flex;position:fixed;inset:0}.board{flex:1;min-height:0;padding:86px 12px 12px}.board-svg{touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.draggable{cursor:grab;touch-action:none}.draggable.dragging{cursor:grabbing;filter:drop-shadow(0 14px 10px #0f172a40)}.draggable.returning{transition:transform .45s cubic-bezier(.34,1.56,.64,1)}.draggable.disabled{pointer-events:none}.done-btn{cursor:pointer;animation:1.6s ease-in-out infinite pulse}.animal{transform-box:fill-box;transform-origin:50%}.animal-yum{animation:.35s ease-in-out 2 chomp}.animal-full{animation:.5s ease-in-out shake}@keyframes chomp{50%{transform:scale(1.06,.94)}}@keyframes shake{25%{transform:rotate(-6deg)}75%{transform:rotate(6deg)}}.bounce-happy{transform-box:fill-box;transform-origin:bottom;animation:.6s ease-in-out 2 hop}@keyframes hop{50%{transform:translateY(-18px)}}.dot-filled{transform-box:fill-box;transform-origin:50%;animation:.3s ease-out pop}@keyframes pop{0%{transform:scale(.4)}70%{transform:scale(1.25)}}.slot-pulse{animation:1.6s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.55}}.train-leave{animation:1.8s ease-in .5s forwards drive}@keyframes drive{to{transform:translate(-140%)}}.snap-in{transform-box:fill-box;transform-origin:50%;animation:.35s ease-out pop}.burst-star{animation:1.1s ease-out forwards fly}@keyframes fly{0%{opacity:1;transform:translate(0)scale(.4)}to{transform:translate(var(--dx), var(--dy)) scale(1.1);opacity:0}}.hand-hint{opacity:.92}.breathe{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:18px;padding:90px 20px 40px;display:flex}.breathe-bubble{aspect-ratio:1;background:radial-gradient(circle at 35% 30%,#fffc,#a5f3fc 35%,#67e8f9 70%,#22d3ee);border-radius:50%;width:min(60vw,60vh);animation-timing-function:ease-in-out;animation-fill-mode:forwards;box-shadow:0 20px 60px #0ea5e959}.breathe-bubble.grow{animation-name:grow}.breathe-bubble.shrink{animation-name:shrink}@keyframes grow{0%{transform:scale(.45)}to{transform:scale(1)}}@keyframes shrink{0%{transform:scale(1)}to{transform:scale(.45)}}.breathe-text{color:#0e7490;margin:0;font-size:clamp(2rem,6vw,3.2rem);font-weight:800}.breathe-count{letter-spacing:8px;color:#a5f3fc;margin:0;font-size:1.4rem}.breathe-count .on{color:#0891b2}.done{place-items:center;min-height:100dvh;padding:90px 20px;display:grid}.done-card{text-align:center;background:#fff;border-radius:32px;max-width:520px;padding:34px 28px 30px;rotate:-1deg;box-shadow:0 2px #22305e1f,0 24px 50px -24px #22305e80}.done-card h1{font-size:clamp(2.4rem,8vw,3.4rem)}.done-emoji{margin:0;font-size:5rem}.done-stars{letter-spacing:4px;margin:6px 0 12px;font-size:2.2rem}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.breathe-bubble.grow,.breathe-bubble.shrink{animation-duration:4s!important}}.account{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.account .tiers{width:100%}.price-line{color:var(--muted);flex-wrap:wrap;gap:4px 16px;margin:0;display:flex}.price-line strong{color:var(--ink)}.google-btn{color:var(--ink);box-shadow:0 0 0 2px var(--line), 0 4px 0 var(--line);background:#fff;align-items:center;gap:10px;text-decoration:none;display:inline-flex}.google-btn .g{background:conic-gradient(#ea4335 0 25%, #fbbc05 0 50%, #34a853 0 75%, #4285f4 0);color:#fff;border-radius:50%;place-items:center;width:26px;height:26px;font-size:.9rem;font-weight:900;display:grid}.who{flex-wrap:wrap;align-items:center;gap:6px 12px;margin:0;display:flex}button.link{color:#1d4ed8;font:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.tier-best{box-shadow:inset 0 0 0 3px #facc15}.pick{flex-wrap:wrap;gap:6px;margin:4px 0;display:flex}.pick button{font:inherit;box-shadow:0 0 0 2px var(--line) inset;cursor:pointer;background:#fff;border:0;border-radius:999px;padding:8px 12px;font-weight:700}.pick button[aria-pressed=true]{box-shadow:0 0 0 3px var(--blue) inset;background:#dbeafe}.danger summary{color:var(--muted);cursor:pointer;font-size:.9rem}.ready .field{margin:18px 0}.chips-games button{align-items:center;gap:6px;display:inline-flex}.start-bar .btn-big{flex-direction:column;align-items:center;max-width:100%;line-height:1.2;display:flex}.start-note{opacity:.9;margin-top:2px;font-size:.85rem;font-weight:700;display:block}.more summary{cursor:pointer;justify-content:space-between;align-items:center;list-style:none;display:flex}.more summary::-webkit-details-marker{display:none}.more summary h2{margin:0}.more summary:after{content:"▾";color:var(--muted);font-size:1.3rem;transition:transform .2s}.more[open] summary:after{transform:rotate(180deg)}.progress-list{margin:8px 0 0;padding:0;font-weight:500;list-style:none}.progress-list li{border-bottom:1px solid var(--line);padding:8px 0}.progress-list small{color:var(--muted);display:block}.done-skills{flex-wrap:wrap;justify-content:center;gap:8px;margin:0 0 12px;padding:0;list-style:none;display:flex}.done-skills li{background:#f1f5f9;border-radius:999px;padding:6px 14px;font-weight:800}.more summary{min-height:44px}input[type=range]{height:40px}.field.toggle input,.game-row input{width:28px;height:28px}.field.toggle{cursor:pointer;min-height:44px}.ready .seg+.seg{margin-top:10px}.mem-card{cursor:pointer}.mem-card>*{transition:opacity .2s}.mem-card.up rect{transform-box:fill-box;transform-origin:50%;animation:.25s ease-out flip}.mem-card.found{transform-box:fill-box;animation:.5s ease-out hop}@keyframes flip{0%{transform:scaleX(.1)}to{transform:scaleX(1)}}.flower{cursor:pointer;transform-box:fill-box;transform-origin:bottom}.flower.wiggle{animation:.3s ease-in-out 2 shake}.flower.bloom{animation:.6s ease-out pop}.bee{transform-box:fill-box;transition:x .8s ease-in-out,y .8s ease-in-out;animation:1.6s ease-in-out infinite bob}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.sticker-pop{z-index:5;pointer-events:none;background:#fff;border-radius:26px;place-items:center;width:84px;height:84px;font-size:3rem;animation:1.6s ease-out forwards sticker-in;display:grid;position:fixed;top:14px;right:18px;box-shadow:0 8px 24px #1e40af33}@keyframes sticker-in{0%{opacity:0;transform:scale(.2)rotate(-20deg)}20%{opacity:1;transform:scale(1.25)rotate(8deg)}35%{transform:scale(1)rotate(0)}85%{opacity:1}to{opacity:0;transform:translateY(-10px)}}.stickers-btn{font-family:var(--display);color:var(--ink);cursor:pointer;background:#fff;border:4px solid #fff;border-radius:999px;align-items:center;gap:10px;margin:26px auto 0;padding:10px 24px;font-size:1.35rem;font-weight:800;display:flex;rotate:-1deg;box-shadow:0 2px #22305e1f,0 10px 20px -12px #22305e80}.stickers-btn strong{background:var(--sun);border-radius:999px;padding:2px 12px}.stickers{max-width:900px;min-height:100dvh;margin:0 auto;padding:92px 16px 40px}.stickers h1{text-align:center;margin-top:8px}.sticker-count{vertical-align:middle;background:#fff;border-radius:999px;padding:4px 12px;font-size:1rem}.sticker-full{text-align:center;font-weight:800}.sticker-grid{grid-template-columns:repeat(auto-fill,minmax(68px,1fr));gap:10px;margin:18px 0 0;padding:0;list-style:none;display:grid}.sticker-grid li{aspect-ratio:1;background:#ffffff73;border:3px dashed #cbd5e1;border-radius:20px;place-items:center;font-size:2.4rem;display:grid}.sticker-grid li.got{background:#fff;border:3px solid #fff;box-shadow:0 4px 12px #1e40af1a}.back-btn{cursor:pointer;background:#fff;border:0;border-radius:22px;width:64px;height:64px;font-size:1.8rem;position:fixed;top:14px;left:14px;box-shadow:0 6px #0f172a1f}.done-label{color:var(--muted);margin:0;font-weight:800}.field.split{flex-wrap:wrap;gap:16px 32px;display:flex}.field.split .hint{flex-basis:100%;margin:0}@media (width<=520px){.parent-brand{display:none}}.pick{cursor:pointer;transform-box:fill-box;transform-origin:50%}.pick.wiggle{animation:.3s ease-in-out 2 shake}.pick.bloom{animation:.6s ease-out pop}.sign-tap{cursor:pointer}
