:root{--flag-blue: #2456c4;--flag-blue-dark: #1b429b;--gold: #ffc72c;--gold-dark: #d9a411;--coral: #ff6b5e;--coral-dark: #d94f43;--mint: #31c48d;--mint-dark: #229668;--lavender: #9c86d6;--lavender-dark: #6f5ba0;--lavender-wash: #f1edfa;--ink: #2a2e38;--ink-soft: #545a68;--paper: #fbf7ef;--card: #ffffff;--grey-100: #f2eee6;--grey-200: #e6e1d6;--grey-300: #cfc9bd;--grey-400: #a8a294;--radius: 16px;--radius-sm: 12px;--radius-pill: 999px;--font: ui-rounded, "SF Pro Rounded", system-ui, "Segoe UI Rounded", "Nunito", sans-serif;--shadow-card: 0 2px 0 var(--grey-200), 0 6px 16px rgba(42, 46, 56, .06);--tap: 44px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;height:100%}body{font-family:var(--font);color:var(--ink);background:var(--paper);font-size:17px;line-height:1.4;overscroll-behavior-y:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#app{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;padding-top:var(--statheader-h, 0px)}h1,h2,h3{font-weight:800;letter-spacing:-.01em;margin:0}button{font-family:inherit;cursor:pointer}input{font-family:inherit}.app-frame{width:100%;max-width:480px;margin:0 auto;flex:1;display:flex;flex-direction:column;min-height:100%;position:relative}.legal-links{display:flex;align-items:center;justify-content:center;gap:8px;margin:4px 0 0;font-size:12px;font-weight:600;color:var(--ink-soft)}.legal-links a{color:var(--ink-soft);text-decoration:underline;text-underline-offset:2px}.btn{appearance:none;border:none;border-radius:var(--radius);font-weight:800;font-size:17px;padding:15px 20px;min-height:56px;color:#fff;background:var(--flag-blue);box-shadow:0 4px 0 var(--flag-blue-dark);transition:transform .06s ease,box-shadow .06s ease,filter .15s ease,background .15s ease,opacity .28s ease;width:100%;letter-spacing:.01em;user-select:none}.btn:active:not(:disabled){transform:translateY(2px);box-shadow:0 2px 0 var(--flag-blue-dark)}.btn:disabled{opacity:.45;box-shadow:0 4px 0 var(--flag-blue-dark);cursor:default;transform:translateY(2px)}.btn--mint{background:var(--mint);box-shadow:0 4px 0 var(--mint-dark)}.btn--mint:active:not(:disabled){box-shadow:0 2px 0 var(--mint-dark)}.btn--gold{background:var(--gold);color:var(--ink);box-shadow:0 4px 0 var(--gold-dark)}.btn--gold:active:not(:disabled){box-shadow:0 2px 0 var(--gold-dark)}.btn--coral{background:var(--coral);box-shadow:0 4px 0 var(--coral-dark)}.btn--coral:active:not(:disabled){box-shadow:0 2px 0 var(--coral-dark)}.btn--ghost{background:var(--card);color:var(--ink);box-shadow:0 4px 0 var(--grey-200);border:2px solid var(--grey-200)}.btn--ghost:active:not(:disabled){box-shadow:0 2px 0 var(--grey-200)}.btn--sm{min-height:44px;padding:10px 16px;font-size:15px;width:auto}.chip{appearance:none;border:2px solid var(--grey-200);background:var(--card);color:var(--ink);border-radius:var(--radius-pill);padding:11px 18px;min-height:44px;font-weight:700;font-size:16px;box-shadow:0 2px 0 var(--grey-200);transition:transform .12s ease,box-shadow .12s ease,opacity .12s ease}.chip:active:not(:disabled){transform:translateY(2px);box-shadow:0 0 0 var(--grey-200)}.chip--placed{visibility:hidden;animation:chip-handoff .22s ease both}@keyframes chip-handoff{0%{visibility:visible;opacity:1;transform:scale(1)}99%{visibility:visible;opacity:0;transform:scale(.72)}to{visibility:hidden;opacity:0}}.chip--slot{border-color:var(--flag-blue);color:var(--flag-blue)}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow-card)}.stack{display:flex;flex-direction:column}.center{align-items:center;justify-content:center}.muted{color:var(--ink-soft)}.biling{display:flex;flex-direction:column;gap:3px}.biling__bs{margin:0;line-height:1.35}.biling__en{margin:0;font-size:.82em;color:var(--ink-soft);opacity:.8;line-height:1.35}.pin-screen{height:100vh;height:calc(100dvh - var(--statheader-h, 0px));min-height:0;overflow:hidden}.pin-scroll{flex:1 1 0;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.pin-scroll--center{justify-content:flex-start}.pin-scroll--center:before,.pin-scroll--center:after{content:"";flex:1 0 0}.gold-text{color:var(--gold-dark);font-weight:800}.page-title{font-size:26px;font-weight:800;color:var(--ink);line-height:1.15;margin:0}.page-subtitle{display:block;font-size:14px;color:var(--ink-soft)}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-6px)}80%{transform:translate(6px)}}.shake{animation:shake .4s ease}@keyframes pop{0%{transform:scale(.8);opacity:0}60%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}.pop{animation:pop .25s ease}@keyframes mint-flash{0%{transform:scale(1);background-color:#31c48d1f}40%{transform:scale(1.035);background-color:#31c48d57}to{transform:scale(1);background-color:#31c48d1f}}@keyframes float-in{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}.float-in{animation:float-in .3s ease both}.bottom-nav{position:fixed;left:0;right:0;bottom:0;max-width:480px;margin:0 auto;display:flex;align-items:center;gap:10px;padding:0 16px calc(8px + var(--safe-bottom));background:transparent;z-index:20}.bottom-nav__pill{flex:1;display:flex;height:58px;border-radius:999px}.bottom-nav__btn{flex:1;border:none;background:transparent;display:flex;align-items:center;justify-content:center;padding:0;height:58px;color:var(--ink-soft);cursor:pointer}.bottom-nav__btn svg{opacity:.7;box-sizing:content-box;padding:5px 11px;border-radius:999px}.bottom-nav__btn.is-active{color:var(--flag-blue)}.bottom-nav__btn.is-active svg{opacity:1;background:#2456c41f}.bottom-nav--glass .bottom-nav__pill{background:#ffffff94;-webkit-backdrop-filter:blur(14px) saturate(1.5);backdrop-filter:blur(14px) saturate(1.5);box-shadow:0 0 0 1px #ffffffbf inset,0 10px 24px #2a2e381f}.bottom-nav--blue .bottom-nav__pill{background:var(--flag-blue);box-shadow:0 2px 0 var(--flag-blue-dark),0 10px 24px #2456c447}.bottom-nav--blue .bottom-nav__btn{color:#ffffffc7}.bottom-nav--blue .bottom-nav__btn svg{opacity:1}.bottom-nav--blue .bottom-nav__btn.is-active{color:#fff}.bottom-nav--blue .bottom-nav__btn.is-active svg{background:#ffffff29}.bottom-nav__nana{flex:none;width:58px;height:58px;padding:4px;border:3px solid var(--gold);border-radius:50%;background:var(--card);box-shadow:0 10px 24px #2a2e3824;cursor:pointer}.bottom-nav__nana img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}.bottom-nav__nana.is-active{border-color:var(--flag-blue);box-shadow:0 10px 24px #2456c447}.bottom-nav--blue .bottom-nav__nana{border-color:transparent;background:var(--paper)}.bottom-nav--blue .bottom-nav__nana.is-active{background:var(--gold);box-shadow:0 3px 0 var(--gold-dark),0 10px 24px #d9a4114d}@media (prefers-reduced-motion: no-preference){.bottom-nav__nana{transition:border-color .18s,box-shadow .18s,background .18s}}.home{padding-bottom:calc(76px + var(--safe-bottom))!important}.a2hs{position:fixed;left:12px;right:12px;bottom:calc(76px + var(--safe-bottom));max-width:456px;margin:0 auto;background:var(--card);border:2px solid var(--grey-200);border-radius:var(--radius);box-shadow:0 8px 24px #2a2e3829;padding:12px 14px;z-index:30;display:flex;flex-direction:column;gap:10px}.a2hs__body{display:flex;align-items:center;gap:12px}.a2hs__icon{border-radius:12px}.a2hs__actions{display:flex;gap:8px;justify-content:flex-end}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;animation-delay:0s!important;transition-duration:.001ms!important;transition-delay:0s!important;scroll-behavior:auto!important}}.reduce-motion *,.reduce-motion *:before,.reduce-motion *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;animation-delay:0s!important;transition-duration:.001ms!important;transition-delay:0s!important}@media (min-width: 700px){body{background:radial-gradient(120% 100% at 20% 0%,color-mix(in srgb,var(--flag-blue) 26%,#0e1b3d),#0e1b3d 70%)}#app{max-width:480px;margin:0 auto;width:100%;background:var(--paper);box-shadow:0 0 0 1px #ffffff14,0 24px 80px #00000073}.kids-shell{max-width:480px;margin:0 auto;width:100%;min-height:100dvh;box-shadow:0 0 0 1px #ffffff14,0 24px 80px #00000073}}.bottom-nav__ico{position:relative;display:inline-flex}.nav-badge{position:absolute;top:-3px;right:-6px;width:10px;height:10px}.nav-badge__dot{display:block;width:10px;height:10px;border-radius:50%;background:var(--coral);border:2px solid var(--paper);position:relative;z-index:3}.nav-badge__peek{position:absolute;left:50%;bottom:50%;width:30px;height:30px;margin-left:-15px;border-radius:50%;overflow:hidden;background:var(--card);box-shadow:0 3px 9px #1419323d;transform-origin:50% 100%;transform:scale(0);opacity:0;z-index:2;animation:nav-peek 2.4s ease-in-out 1 both}.nav-badge__peek img{width:100%;height:100%;object-fit:contain;display:block}@keyframes nav-peek{0%{transform:scale(0);opacity:0}18%{transform:scale(1.1);opacity:1}26%,70%{transform:scale(1);opacity:1}88%,to{transform:scale(0);opacity:0}}.nav-badge__peek~.nav-badge__dot,.nav-badge:has(.nav-badge__peek) .nav-badge__dot{animation:nav-dot-in 2.4s cubic-bezier(.34,1.4,.64,1) 1 both}@keyframes nav-dot-in{0%,74%{transform:scale(0);opacity:0}88%{transform:scale(1.35);opacity:1}to{transform:scale(1);opacity:1}}@media (prefers-reduced-motion: reduce){.nav-badge__peek{display:none}.nav-badge__dot{animation:none!important;transform:scale(1);opacity:1}}.friends__seg{display:flex;gap:4px;margin:10px 16px 12px;padding:4px;background:var(--grey-100);border-radius:999px}.friends__segbtn{flex:1;border:0;background:transparent;border-radius:999px;padding:9px 6px;font:inherit;font-size:13px;font-weight:800;color:var(--ink-soft);cursor:pointer}.friends__segbtn.is-on{background:var(--card);color:var(--ink)}.friends__segbtn{position:relative}.friends__segdot{display:block;position:absolute;top:4px;right:8px;width:8px;height:8px;border-radius:50%;background:var(--coral)}.nav-badge__peek--friend{display:grid;place-items:center;background:var(--flag-blue);color:#fff;font-size:13px;font-weight:800;border:2px solid var(--paper)}.after-skeleton{animation:after-skeleton .45s ease both}@keyframes after-skeleton{0%{opacity:0}to{opacity:1}}.bottom-nav__nana{position:relative}.nana-badge{position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--coral);color:#fff;font-size:12px;font-weight:700;line-height:20px;text-align:center;border:2px solid var(--paper);box-sizing:border-box;z-index:3}.nana-peek{position:absolute;right:0;bottom:100%;margin-bottom:8px;max-width:200px;padding:8px 12px;border-radius:16px;background:#e9e9eb;color:#000;font-size:13px;line-height:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left;box-shadow:0 3px 9px #1419323d;transform-origin:100% 100%;animation:nav-peek 2.4s ease-in-out 1 both;z-index:4;pointer-events:none}.nana-typing{position:absolute;right:-6px;bottom:100%;margin-bottom:6px;display:flex;gap:3px;padding:8px 10px;border-radius:14px;background:#e9e9eb;box-shadow:0 3px 9px #1419323d;animation:nav-peek 2.4s ease-in-out 1 both;transform-origin:100% 100%;z-index:4;pointer-events:none}.nana-typing i{width:6px;height:6px;border-radius:50%;background:#8a8a8e;display:block;animation:nana-dot 1.2s ease-in-out infinite}.nana-typing i:nth-child(2){animation-delay:.15s}.nana-typing i:nth-child(3){animation-delay:.3s}@keyframes nana-dot{0%,60%,to{transform:translateY(0);opacity:.55}30%{transform:translateY(-3px);opacity:1}}.nana-tick{position:absolute;top:-4px;right:-4px;width:22px;height:22px;border-radius:50%;background:var(--gold);color:var(--ink);display:grid;place-items:center;border:2px solid var(--paper);box-sizing:border-box;z-index:3}@media (prefers-reduced-motion: reduce){.nana-peek,.nana-typing{animation:none;display:none}}