@font-face{font-family:Fredoka;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/fredoka-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fredoka;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/fredoka-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{--ink:#3b2c35;--ink-soft:#6b5a63;--cream:#fff8ec;--cream-deep:#ead9bd;--coral:#f2705a;--butter:#f6c445;--sky:#5aaee8;--sky-deep:#2e6aa3;--sage:#5fb86b;--plum:#9a7fd1;--rose:#f28fad;--font:"Fredoka", ui-rounded, "SF Pro Rounded", system-ui, sans-serif;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);font-family:var(--font);color:var(--ink);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;font-weight:500}*,:before,:after{box-sizing:border-box}html,body{overscroll-behavior:none;background:#9fd3f2;height:100%;margin:0;overflow:hidden}body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;position:fixed;inset:0}input,textarea{-webkit-user-select:text;user-select:text;font:inherit}#app{position:fixed;inset:0;overflow:hidden}img{-webkit-user-drag:none}button{font:inherit}.hub-scenery{z-index:0;background:linear-gradient(#8ccbf0,#cfe9f7 55%,#a9d48a);position:absolute;inset:0;overflow:hidden}.hub-scenery img{object-fit:cover;object-position:50% 78%;width:104%;height:104%;animation:48s ease-in-out infinite alternate hub-kenburns;position:absolute;inset:-2%}.hub-scenery:after{content:"";pointer-events:none;background:radial-gradient(120% 90% at 50% 40%,#0000 55%,#2832502e),linear-gradient(#ffffff2e,#0000 30%);position:absolute;inset:0}.hub-motes{pointer-events:none;position:absolute;inset:0}.hub-motes i{opacity:0;background:radial-gradient(#fffbe6,#fff3b0aa 60%,#0000 70%);border-radius:50%;width:7px;height:7px;animation:linear infinite hub-float;position:absolute}@keyframes hub-kenburns{0%{transform:scale(1)translate(0)}to{transform:scale(1.05)translate(-1.2%,-.8%)}}@keyframes hub-float{0%{opacity:0;transform:translate(0)}15%{opacity:.9}85%{opacity:.7}to{opacity:0;transform:translate(60px,-180px)}}.hub-screen{z-index:1;padding:calc(var(--safe-top) + 18px) calc(var(--safe-right) + 26px) calc(var(--safe-bottom) + 18px) calc(var(--safe-left) + 26px);flex-direction:column;animation:.4s cubic-bezier(.2,1.2,.4,1) both hub-in;display:flex;position:absolute;inset:0}@keyframes hub-in{0%{opacity:0;transform:translateY(16px)scale(.985)}}.hub-title{text-align:center;letter-spacing:.005em;color:#fff;text-shadow:0 3px 0 var(--sky-deep), 3px 0 0 var(--sky-deep), -3px 0 0 var(--sky-deep), 0 -3px 0 var(--sky-deep), 2px 2px 0 var(--sky-deep), -2px 2px 0 var(--sky-deep), 2px -2px 0 var(--sky-deep), -2px -2px 0 var(--sky-deep), 0 8px 0 #1e3c6e59, 0 14px 30px #14285040;margin:0;font-size:clamp(38px,5.4vw,64px);font-weight:700}.hub-logo{filter:drop-shadow(0 8px 14px #3c281e38);height:clamp(110px,17vh,170px);margin:0 auto;animation:4s ease-in-out infinite hub-logo;display:block}@keyframes hub-logo{50%{transform:translateY(-5px)rotate(-1deg)}}.hub-sub{text-align:center;color:var(--ink);font-size:24px;font-weight:600}.label{background:var(--cream);color:var(--ink);box-shadow:0 4px 0 var(--cream-deep), 0 10px 20px #3c281e24;text-overflow:ellipsis;white-space:nowrap;border-radius:999px;max-width:240px;padding:8px 22px;font-size:25px;font-weight:600;display:inline-block;overflow:hidden}.hub-lang{flex-wrap:wrap;justify-content:center;gap:40px;margin:auto;display:flex}.hub-lang-btn{background:var(--cream);cursor:pointer;width:250px;box-shadow:0 9px 0 var(--cream-deep), 0 20px 40px #3c281e33;border-radius:40px;flex-direction:column;align-items:center;gap:12px;padding:28px 20px 24px;font-size:32px;font-weight:600;transition:transform .1s,box-shadow .1s;display:flex}.hub-lang-btn.is-pressed{box-shadow:0 2px 0 var(--cream-deep), 0 6px 16px #3c281e33;transform:translateY(7px)}.hub-lang-btn span{font-size:100px;line-height:1}.who-wrap{flex-direction:column;align-items:center;gap:2.6vh;margin:auto 0;padding-bottom:6vh;display:flex}.who-grid{flex-wrap:wrap;justify-content:center;gap:30px 38px;max-width:1120px;margin-top:1.5vh;display:flex}.who-tile{cursor:pointer;flex-direction:column;align-items:center;gap:14px;transition:transform .14s;animation:.5s cubic-bezier(.2,1.6,.4,1) both hub-pop;display:flex;position:relative}.who-tile.is-pressed{transform:scale(.94)}.who-tile .mg-avatar{box-shadow:0 0 0 9px var(--cream), 0 14px 0 9px #78503229, 0 26px 44px #2832504d}.who-add{width:168px;height:168px;color:var(--sky-deep);-webkit-backdrop-filter:blur(10px)saturate(1.2);backdrop-filter:blur(10px)saturate(1.2);background:#fff8eccc;border:6px dashed #2e6aa38c;border-radius:50%;place-items:center;display:grid;box-shadow:0 14px 30px #28325040}.who-editing .who-tile:not(.who-tile--add){animation:.35s ease-in-out infinite alternate hub-jiggle}.who-edit-badge{background:var(--plum);color:#fff;border:5px solid var(--cream);border-radius:50%;place-items:center;width:56px;height:56px;display:grid;position:absolute;top:-4px;right:4px}.hub-corner{bottom:calc(var(--safe-bottom) + 22px);z-index:2;gap:16px;display:flex;position:absolute}.hub-corner--left{left:calc(var(--safe-left) + 26px)}.hub-corner--right{right:calc(var(--safe-right) + 26px)}@keyframes hub-pop{0%{opacity:0;transform:scale(.4)}}@keyframes hub-jiggle{0%{transform:rotate(-2.5deg)}to{transform:rotate(2.5deg)}}.ed-card{background:var(--cream);width:min(1000px,100%);max-height:100%;box-shadow:0 14px 0 var(--cream-deep), 0 34px 80px #28284652;text-align:center;border-radius:44px;margin:auto;padding:28px 36px 32px;position:relative;overflow:auto}.ed-card h2{margin:4px 0 20px;font-size:clamp(32px,4.4vw,50px);font-weight:700}.ed-steps{justify-content:center;gap:10px;margin-bottom:8px;display:flex}.ed-steps i{background:var(--cream-deep);border-radius:50%;width:16px;height:16px}.ed-steps i.is-on{background:var(--sage)}.ed-animals{grid-template-columns:repeat(6,1fr);gap:16px 12px;margin-bottom:24px;display:grid}.ed-animal{cursor:pointer;flex-direction:column;align-items:center;gap:8px;font-size:19px;font-weight:600;transition:transform .15s;display:flex}.ed-animal .mg-avatar{box-shadow:0 0 0 5px #fff,0 8px 16px #3c281e24}.ed-animal.is-pressed{transform:scale(.92)}.ed-animal.is-on .mg-avatar{animation:.6s cubic-bezier(.2,1.8,.4,1) hub-bounce}@keyframes hub-bounce{30%{transform:scale(1.16)rotate(-6deg)}}.ed-name{text-align:center;border:5px solid var(--cream-deep);width:min(560px,100%);color:var(--ink);background:#fff;border-radius:28px;outline:none;margin:16px 0 26px;padding:16px 24px;font-size:48px;font-weight:600}.ed-name:focus{border-color:var(--sky)}.ed-ages{flex-wrap:wrap;justify-content:center;gap:16px;margin:10px 0 28px;display:flex}.ed-nav{justify-content:space-between;align-items:center;gap:16px;display:flex}.lib-bar{z-index:2;align-items:center;gap:14px;min-height:86px;display:flex}.lib-me{background:var(--cream);cursor:pointer;box-shadow:0 6px 0 var(--cream-deep), 0 12px 22px #3c281e29;border-radius:999px;align-items:center;gap:12px;margin-left:0;padding:6px 24px 6px 6px;font-size:27px;font-weight:600;transition:transform .1s;display:flex}.lib-me .mg-avatar{box-shadow:0 0 0 3px #fff}.lib-me.is-pressed{transform:translateY(4px)}.lib-stars{background:var(--cream);color:#b07800;height:66px;box-shadow:0 6px 0 var(--cream-deep), 0 12px 22px #3c281e29;border-radius:999px;align-items:center;gap:4px;padding:0 22px 0 6px;font-size:30px;font-weight:700;display:flex}.lib-stars img{filter:drop-shadow(0 3px 2px #78500040);width:58px;height:58px;margin-top:-6px}.lib-spacer{flex:1}.lib-scroll{-webkit-overflow-scrolling:touch;touch-action:pan-y;flex:1;margin:0 -26px;padding:18px 26px 120px;overflow:hidden auto;-webkit-mask-image:linear-gradient(#0000 0,#000 18px calc(100% - 40px),#0000);mask-image:linear-gradient(#0000 0,#000 18px calc(100% - 40px),#0000)}.lib-grid{flex-wrap:wrap;place-content:center;gap:34px 30px;min-height:100%;display:flex}.tile{--c:var(--sky);aspect-ratio:4/5;background:var(--cream);cursor:pointer;width:clamp(210px,21vw,290px);box-shadow:0 9px 0 var(--cream-deep), 0 26px 46px #28284652;isolation:isolate;border-radius:36px;padding:9px;transition:transform .14s,box-shadow .14s;animation:.55s cubic-bezier(.2,1.5,.4,1) both hub-pop;position:relative}.tile.is-pressed{box-shadow:0 2px 0 var(--cream-deep), 0 10px 20px #28284647;transform:translateY(7px)scale(.98)}.tile-art{background:radial-gradient(circle at 50% 35%, color-mix(in srgb, var(--c) 45%, #fff), var(--c));border-radius:28px;place-items:center;display:grid;position:absolute;inset:9px;overflow:hidden}.tile-art img{object-fit:cover;width:100%;height:100%}.tile-emoji{margin-bottom:30%;font-size:clamp(90px,9vw,130px)}.tile-name{background:var(--cream);text-align:center;color:var(--ink);box-shadow:0 4px 0 var(--cream-deep), 0 8px 18px #281e1e2e;border-radius:22px;padding:11px 10px;font-size:clamp(20px,2.1vw,27px);font-weight:600;line-height:1.05;position:absolute;bottom:18px;left:18px;right:18px}.tile-badges{gap:8px;display:flex;position:absolute;top:20px;right:20px}.tile-badge{background:var(--cream);min-width:48px;height:48px;color:var(--ink);box-shadow:0 4px 0 var(--cream-deep);border-radius:999px;place-items:center;padding:0 10px;display:grid}.tile-new{background:var(--coral);color:#fff;border-radius:14px;padding:6px 16px;font-size:21px;font-weight:700;animation:1.4s ease-in-out infinite mg-wiggle;position:absolute;top:22px;left:-10px;transform:rotate(-8deg);box-shadow:0 4px #c2483a}.page-head{z-index:2;justify-content:center;align-items:center;gap:18px;min-height:86px;display:flex}.page-head h1{color:#fff;text-shadow:0 3px 0 var(--sky-deep), 3px 0 0 var(--sky-deep), -3px 0 0 var(--sky-deep), 0 -3px 0 var(--sky-deep), 2px 2px 0 var(--sky-deep), -2px 2px 0 var(--sky-deep), 2px -2px 0 var(--sky-deep), -2px -2px 0 var(--sky-deep), 0 8px 0 #1e3c6e4d;margin:0;font-size:clamp(34px,4.6vw,54px);font-weight:700}.page-head img{filter:drop-shadow(0 4px 6px #3c281e40);height:76px}.page-body{-webkit-overflow-scrolling:touch;touch-action:pan-y;flex:1;padding:16px 4px 110px;overflow-y:auto}.panel{background:var(--cream);box-shadow:0 10px 0 var(--cream-deep), 0 24px 50px #28284638;border-radius:36px;max-width:1000px;margin:0 auto 28px;padding:26px 30px}.panel h2{margin:0 0 16px;font-size:30px;font-weight:700}.panel p{color:var(--ink-soft);font-size:19px;line-height:1.45}.hub-splash{z-index:60;flex-direction:column;justify-content:center;align-items:center;gap:6vh;transition:opacity .4s,transform .4s;display:flex;position:absolute;inset:0}.hub-splash.is-leaving{opacity:0;transform:scale(1.06)}.hub-logo--big{height:clamp(180px,30vh,300px)}.hub-splash .mg-btn{animation:1.6s ease-in-out infinite hub-pulse}.lib-friends{gap:12px;margin-left:6px;display:flex}.lib-friend{cursor:pointer;box-shadow:0 0 0 4px var(--cream), 0 8px 18px #28284640;border-radius:50%;transition:transform .12s;animation:.5s cubic-bezier(.2,1.6,.4,1) both hub-pop;position:relative}.lib-friend.is-pressed{transform:scale(.92)}.lib-online{border:4px solid var(--cream);background:#4cd964;border-radius:50%;width:22px;height:22px;animation:2s ease-in-out infinite lib-online;position:absolute;bottom:-2px;right:-2px}@keyframes lib-online{50%{box-shadow:0 0 0 6px #4cd9644d}}#app.game-open .hub-scenery,#app.game-open .hub-screen{visibility:hidden}#app.game-open .hub-scenery img,#app.game-open .hub-motes i{animation-play-state:paused}.lib-music.is-off img{opacity:.5;filter:grayscale(.85)}.lib-music.is-off:after{content:"";width:72%;height:7px;box-shadow:0 0 0 3px var(--cream,#fff8ec);background:#e5534b;border-radius:4px;position:absolute;transform:rotate(-45deg)}