:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#eaf7fe;--ink:#17324d;--soft:#587289;--line:#d3e5f0;--card:#fff;--sea:#3db5e6;--sand:#ffe2a0;--grass:#5cc46b;--leaf:#1fa463;--leaf-d:#14784a;--sun:#ffc533;--pink:#ff6b8b;--violet:#7c6cf2;--ok:#e3f8ea;--danger:#c02a55;--en:"Fredoka", "Nunito", system-ui, sans-serif;--az:"Nunito", system-ui, -apple-system, "Segoe UI", sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:var(--bg);color:var(--ink);font-family:var(--az);margin:0;font-size:16px;line-height:1.4}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0}button:focus-visible,input:focus-visible{outline:3px solid var(--violet);outline-offset:2px}input{min-width:0;font:inherit;border:2px solid var(--line);background:var(--card);color:var(--ink);border-radius:14px;padding:12px;font-weight:700}.app{max-width:980px;padding:14px 16px 32px;padding-top:calc(14px + env(safe-area-inset-top,0px));flex-direction:column;gap:16px;margin:0 auto;display:flex}.appbar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.brand{align-items:center;gap:8px;margin-right:auto;font-size:20px;font-weight:900;display:flex}.brand svg{width:40px}.pill{background:var(--card);border:2px solid var(--line);border-radius:999px;align-items:center;gap:6px;padding:7px 13px;font-size:15px;font-weight:900;display:inline-flex}h2{text-align:center;text-wrap:balance;min-height:1.4em;margin:0;font-size:24px;font-weight:900}.en{font-family:var(--en);font-weight:600}.lab{letter-spacing:.06em;text-transform:uppercase;color:var(--soft);margin:0;font-size:12px;font-weight:900}.sub{color:var(--soft);text-align:center;margin:0;font-size:15px;font-weight:700}.sub.left{text-align:left}.center{text-align:center;justify-content:center}.card{background:var(--card);border:2px solid var(--line);border-radius:24px;flex-direction:column;gap:12px;padding:16px;display:flex}.big{background:var(--leaf);color:#fff;box-shadow:0 6px 0 var(--leaf-d);border-radius:22px;min-height:64px;padding:16px 22px;font-size:22px;font-weight:900}.big:active{box-shadow:0 2px 0 var(--leaf-d);transform:translateY(4px)}.big[disabled]{opacity:.45;cursor:not-allowed}.big.pulse{animation:1.6s ease-in-out infinite pulse}@keyframes pulse{50%{transform:scale(1.04)}}.link{color:var(--soft);align-self:center;font-size:14px;font-weight:800;text-decoration:underline}.credit{text-align:center;color:var(--soft);margin:0;font-size:12px;font-weight:600}.pic{flex:none;justify-content:center;align-items:center;display:flex}.pic img{width:100%;height:100%;display:block}.pic.tx{text-align:center;overflow-wrap:anywhere;width:auto;height:auto;padding:0 10px;font-size:17px;font-weight:900;line-height:1.15}.milo{width:100%;display:block;overflow:visible}.milo .tail{transform-origin:84px 100px;animation:.9s ease-in-out infinite alternate wag}@keyframes wag{0%{transform:rotate(-8deg)}to{transform:rotate(12deg)}}.milo .eyes{transform-origin:60px 46px;animation:4.2s infinite blink}@keyframes blink{0%,93%,to{transform:scaleY(1)}96%{transform:scaleY(.1)}}.milo .head{transform-origin:60px 76px;animation:3s ease-in-out infinite nod}@keyframes nod{50%{transform:rotate(3deg)}}.milo.listen .head{animation:.8s ease-in-out infinite alternate tilt}@keyframes tilt{0%{transform:rotate(-7deg)}to{transform:rotate(7deg)}}.jump{animation:.6s jump}@keyframes jump{30%{transform:translateY(-22px)scale(1.06)}60%{transform:translateY(0)}80%{transform:translateY(-8px)}}.home{grid-template-columns:minmax(0,1fr);gap:16px;display:grid}.side{flex-direction:column;gap:14px;min-width:0;display:flex}@media (width>=820px){.home{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);align-items:start}}.scene{aspect-ratio:4/3;--sky1:#8fd6ff;--sky2:#e4f7ff;--orb:#ffd54a;background:linear-gradient(var(--sky1), var(--sky2) 60%);border-radius:28px;width:100%;position:relative;overflow:hidden}.t-snow{--sky1:#b9d9f2;--sky2:#f1f8ff;--sea:#5a9fd6;--sand:#dfeaf5;--grass:#fff;--orb:#fff3b0}.t-desert{--sky1:#ffcf8a;--sky2:#fff1d6;--sea:#2fa7b8;--sand:#f3c36b;--grass:#e9a84c;--orb:#ff9f3c}.t-night{--sky1:#152447;--sky2:#3a4f8c;--sea:#1c4f8f;--sand:#8e86b5;--grass:#3f7d6a;--orb:#f4f1d0}.t-candy{--sky1:#ffc1dd;--sky2:#fff0f7;--sea:#7fd6e8;--sand:#ffe3ef;--grass:#ff9cc4;--orb:#fff06b}.t-snow:before{content:"";pointer-events:none;background:radial-gradient(circle,#fff 2px,#0000 2.5px) 0 0/50px 50px,radial-gradient(circle,#fff 1.5px,#0000 2px) 25px 20px/70px 70px;animation:6s linear infinite snow;position:absolute;inset:0}@keyframes snow{to{background-position:0 50px,25px 90px}}.t-night:before{content:"";pointer-events:none;opacity:.7;background:radial-gradient(circle,#fff 1px,#0000 1.5px) 0 0/46px 38px,radial-gradient(circle,#fff 1px,#0000 1.5px) 23px 19px/61px 53px;position:absolute;inset:0 0 40%}.t-night .cloud{opacity:.2}.t-night .sunny{animation:none;box-shadow:0 0 0 10px #f4f1d026}.scene.placing{cursor:crosshair;outline:5px dashed var(--sun);outline-offset:-5px}.sunny{aspect-ratio:1;background:var(--orb);border-radius:50%;width:12%;animation:3s ease-in-out infinite glow;position:absolute;top:7%;right:6%}@keyframes glow{0%,to{box-shadow:0 0 0 8px #ffd54a59,0 0 0 18px #ffd54a29}50%{box-shadow:0 0 0 14px #ffd54a59,0 0 0 30px #ffd54a29}}.cloud{background:#fff;border-radius:999px;width:16%;height:6%;animation:34s linear infinite drift;position:absolute;left:0}.cloud:before,.cloud:after{content:"";aspect-ratio:1;background:#fff;border-radius:50%;position:absolute;bottom:35%}.cloud:before{width:40%;left:16%}.cloud:after{width:32%;left:46%}@keyframes drift{0%{transform:translate(-120%)}to{transform:translate(660%)}}.sea{background:var(--sea);position:absolute;inset:66% 0 0}.wave{background:radial-gradient(circle at 12px 14px, var(--sea) 11px, transparent 12px) 0 0/24px 12px repeat-x;width:200%;height:12px;margin-top:-11px;animation:2.6s linear infinite slide;position:absolute;top:66%;left:0}@keyframes slide{to{transform:translate(-24px)}}.isle{background:var(--sand);border-radius:50%;height:48%;position:absolute;top:40%;left:8%;right:8%}.isle:before{content:"";background:var(--grass);border-radius:50%;position:absolute;inset:-4% 7% 20%}.it{pointer-events:none;width:14%;position:absolute;transform:translate(-50%,-90%)}.it.own{pointer-events:auto}.it.ghost{opacity:.35}.it .art,.it svg{width:100%;display:block}.it.drop .art{animation:.7s cubic-bezier(.3,1.6,.5,1) both land}@keyframes land{0%{opacity:0;transform:translateY(-240px)scale(.4)}}.it.hero{width:17%}.it.hero .milo{animation:2s ease-in-out infinite bob}@keyframes bob{50%{transform:translateY(-5px)}}.say{background:var(--card);border-radius:18px 18px 18px 4px;max-width:60%;padding:8px 14px;font-size:15px;font-weight:800;position:absolute;top:6%;left:5%}.chips,.isles{flex-wrap:wrap;gap:8px;display:flex}.chip{background:var(--sun);font-family:var(--en);color:#2b2100;border-radius:16px;align-items:center;gap:6px;padding:8px 13px;font-size:18px;font-weight:600;display:inline-flex}.chip .pic{width:26px;height:26px}.chip .pic.tx{display:none}.placeit{text-align:center;align-items:center}.placeit .art{width:96px}.stage{flex-direction:column;gap:16px;width:100%;max-width:640px;margin:0 auto;display:flex}.stage.wide{max-width:760px}.top{align-items:center;gap:12px;display:flex}.x{background:var(--card);border:2px solid var(--line);border-radius:50%;flex:none;width:42px;height:42px;font-weight:900}.track{background:var(--line);border-radius:999px;flex:1;height:14px;margin-right:14px;position:relative}.fill{background:var(--leaf);border-radius:999px;height:100%;transition:width .6s}.runner{width:34px;margin:-22px 0 0 -17px;transition:left .6s;position:absolute;top:50%}.listen{background:var(--sun);border-radius:50%;flex:none;align-self:center;width:92px;height:92px;font-size:40px;box-shadow:0 5px #c99300}.listen:active{transform:translateY(3px);box-shadow:0 2px #c99300}.sky{grid-template-columns:repeat(2,minmax(0,1fr));place-items:center;gap:44px 10px;padding-block:10px 40px;display:grid}@media (width>=620px){.sky{grid-template-columns:repeat(4,minmax(0,1fr))}}.bal{aspect-ratio:128/148;background:var(--c);border-radius:50%;justify-content:center;align-items:center;width:min(100%,138px);animation:3s ease-in-out infinite float;display:flex;position:relative;box-shadow:inset -10px -12px #0000001a}.bal:before{content:"";border:8px solid #0000;border-bottom:12px solid var(--c);border-top:0;margin-left:-8px;position:absolute;bottom:-9px;left:50%}.bal:after{content:"";background:var(--ink);opacity:.3;width:2px;height:28px;position:absolute;bottom:-36px;left:50%}.bal i{background:#ffffff8c;border-radius:50%;width:20%;height:14%;position:absolute;top:14%;left:20%;transform:rotate(-30deg)}.bal .pic{aspect-ratio:1;width:52%}.bal .pic.tx{aspect-ratio:auto;width:auto}.b0{--c:#ff7b98}.b1{--c:#ffcb45;animation-delay:-.8s}.b2{--c:#6fd47e;animation-delay:-1.6s}.b3{--c:#9a8cff;animation-delay:-2.3s}@keyframes float{50%{transform:translateY(-12px)rotate(2deg)}}.bal.pop{animation:.45s forwards pop}@keyframes pop{40%{transform:scale(1.25)}to{opacity:0;transform:scale(0)}}.bal.no,.bub.no{animation:.4s wob}@keyframes wob{25%{transform:translate(-8px)rotate(-5deg)}75%{transform:translate(8px)rotate(5deg)}}.mem{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.mc{perspective:700px;height:96px;position:relative}@media (width>=620px){.mem{grid-template-columns:repeat(4,minmax(0,1fr))}.mc{height:130px}}.face{backface-visibility:hidden;border-radius:20px;justify-content:center;align-items:center;transition:transform .35s;display:flex;position:absolute;inset:0}.back{background:var(--violet);box-shadow:0 4px #5546c9}.back svg{width:46px}.front{background:var(--card);border:3px solid var(--line);font-family:var(--en);overflow-wrap:anywhere;padding:0 6px;font-size:24px;font-weight:700;transform:rotateY(180deg)}.front .pic{width:58px;height:58px}.front .pic.tx{width:auto;height:auto;font-family:var(--az)}.mc.open .back{transform:rotateY(180deg)}.mc.open .front{transform:rotateY(360deg)}.mc.ok .front{border-color:var(--leaf);background:var(--ok)}.clue{background:var(--card);border:3px solid var(--line);border-radius:30px;justify-content:center;align-self:center;align-items:center;gap:12px;min-width:140px;min-height:130px;padding:10px 18px;display:flex}.clue .pic{width:92px;height:92px}.clue .pic.tx{width:auto;height:auto;font-size:26px}.spk{font-size:26px}.azl{text-align:center;color:var(--soft);margin:0;font-size:18px;font-weight:800}.slots{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.slot{border-bottom:5px solid var(--ink);width:38px;height:50px;font-family:var(--en);text-align:center;font-size:34px;font-weight:700;line-height:46px}.slot.fill{animation:.25s dropin}@keyframes dropin{0%{opacity:0;transform:translateY(-16px)}}.slots.win .slot{color:var(--leaf);border-color:var(--leaf);animation:.5s hop}@keyframes hop{40%{transform:translateY(-12px)}}.bubs{flex-wrap:wrap;justify-content:center;gap:12px;padding-block:8px;display:flex}.bub{background:var(--c);width:62px;height:62px;font-family:var(--en);border-radius:50%;font-size:30px;font-weight:700;transition:transform .2s;box-shadow:0 5px #0000002e}.bub.used{pointer-events:none;transform:scale(0)}.talk{flex-wrap:wrap;justify-content:center;align-items:center;gap:18px;display:flex}.talk .who{width:120px}.bigword{font-family:var(--en);text-align:center;margin:0;font-size:46px;font-weight:700;line-height:1.1}.microw{justify-content:center;align-items:center;gap:18px;display:flex}.mic{background:var(--pink);border-radius:50%;justify-content:center;align-items:center;width:112px;height:112px;display:flex;position:relative;box-shadow:0 6px #c83c5e}.mic svg{width:48px}.mic.on{animation:.7s ease-in-out infinite pulse}.mic.on:after{content:"";border:5px solid var(--pink);border-radius:50%;animation:1s ease-out infinite ring;position:absolute;inset:-10px}@keyframes ring{0%{opacity:.9;transform:scale(.9)}to{opacity:0;transform:scale(1.35)}}.status{min-height:2.8em}.cheer{align-self:center;width:150px}.gifts{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.gift{background:var(--card);border:3px solid var(--line);border-radius:22px;flex-direction:column;align-items:center;gap:6px;padding:12px 6px;font-size:14px;font-weight:800;display:flex}.gift .art{width:min(100%,84px)}.gift[aria-pressed=true]{border-color:var(--leaf);background:var(--ok);transform:scale(1.04)}.cf{pointer-events:none;z-index:9;border-radius:3px;width:10px;height:14px;animation:.95s ease-out forwards fly;position:fixed;top:42%;left:50%}@keyframes fly{to{transform:translate(var(--x), var(--y)) rotate(var(--r));opacity:0}}.field{flex-direction:column;gap:6px;display:flex}.rows{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.rows li{background:var(--card);border:2px solid var(--line);border-radius:18px;grid-template-columns:40px minmax(0,1fr) auto 34px 34px;align-items:center;gap:10px;padding:10px 12px;display:grid}.rows .pic{width:38px;height:38px}.rows .pic.tx{font-size:0}.rows .pic.tx:before{content:"Aa";color:var(--soft);font-size:18px}.rows b{font-family:var(--en);font-size:19px;font-weight:600;display:block}.rows .az{color:var(--soft);overflow-wrap:anywhere;font-size:14px;font-weight:700}.prog{color:var(--soft);text-align:right;flex-direction:column;align-items:flex-end;gap:4px;max-width:150px;font-size:12px;font-weight:800;display:flex}.segs{gap:3px;display:flex}.segs i{background:var(--line);border-radius:4px;width:18px;height:8px}.segs i.on{background:var(--leaf)}.prog.hard{color:var(--danger)}.del{background:var(--bg);border-radius:50%;width:34px;height:34px;font-weight:900}.form{flex-direction:column;gap:8px;display:flex}.form button{background:var(--violet);color:#fff;border-radius:14px;padding:13px;font-weight:900}.msg{color:var(--danger);margin:0;font-size:14px;font-weight:800}.msg:empty{display:none}.tab{border:2px solid var(--line);background:var(--card);border-radius:999px;padding:8px 14px;font-size:14px;font-weight:800}.tab[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:#fff}.tab.locked{color:var(--soft);border-style:dashed}.tab.danger{background:var(--danger);border-color:var(--danger);color:#fff}.grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;display:grid}.tile{background:var(--card);border:2px solid var(--line);border-radius:18px;min-width:0;display:flex;position:relative}.tile-main{border-radius:16px;flex-direction:column;flex:1;align-items:center;gap:2px;min-width:0;padding:10px 6px;display:flex}.tile-edit{background:var(--bg);border-radius:50%;width:28px;height:28px;font-size:14px;position:absolute;top:4px;right:4px}.tile .pic{width:48px;height:48px;margin-bottom:4px}.tile b{font-family:var(--en);overflow-wrap:anywhere;text-align:center;font-size:16px;font-weight:600}.tile-main>span:last-child{color:var(--soft);text-align:center;overflow-wrap:anywhere;font-size:12px;font-weight:700}.tile.in{border-style:dashed}.tile.in .tile-main{opacity:.4;cursor:default}.tab.new{border-style:dashed;border-color:var(--violet);color:var(--violet);align-self:flex-start}.modal{z-index:8;background:#17324d73;justify-content:center;align-items:flex-start;padding:16px;display:flex;position:fixed;inset:0;overflow-y:auto}.sheet{background:var(--bg);border-radius:26px;flex-direction:column;gap:12px;width:100%;max-width:480px;margin-block:auto;padding:20px;display:flex}.sheet input[readonly]{background:var(--line)}.edpic{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.edpic .pic{background:var(--card);border:2px solid var(--line);border-radius:18px;width:72px;height:72px;padding:8px}.edpic .none{color:var(--soft);text-align:center;font-size:11px;font-weight:800}.icons{grid-template-columns:repeat(auto-fill,minmax(52px,1fr));gap:6px;max-height:240px;padding:2px;display:grid;overflow-y:auto}.icons button{aspect-ratio:1;background:var(--card);border:2px solid var(--line);border-radius:14px;padding:7px}.icons button[aria-pressed=true]{border-color:var(--leaf);background:var(--ok)}.icons img{width:100%;height:100%;display:block}@media (prefers-reduced-motion:reduce){*{animation-duration:10ms!important;animation-iteration-count:1!important}}