.play-hub{--play-violet:#6d28d9;--play-fuchsia:#d946ef;--play-mesh:radial-gradient(ellipse 80% 60% at 12% 8%,rgba(255,170,210,0.85) 0%,transparent 55%),radial-gradient(ellipse 70% 55% at 88% 12%,rgba(140,210,255,0.8) 0%,transparent 52%),radial-gradient(ellipse 50% 40% at 55% 75%,rgba(210,180,255,0.4) 0%,transparent 55%),linear-gradient(125deg,#ffd4e8,#f0d9ff 42%,#c9ebff);color:#0f172a}.play-hub.hub-page-scroll,.play-hub.play-hub-shell-bg{background:var(--play-mesh)}.play-hub .play-hub-glass{border:1px solid rgba(255,255,255,.85);border-radius:1.6rem;background:rgba(255,255,255,.72);box-shadow:0 18px 44px rgba(76,29,149,.1),inset 0 1px 0 rgba(255,255,255,.85);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.play-hub .play-hub-activity-card{position:relative;display:flex;min-height:10rem;width:100%;flex-direction:column;overflow:hidden;border:1px solid rgba(255,255,255,.9);border-radius:1.5rem;text-align:left;box-shadow:0 16px 36px rgba(76,29,149,.1);transition:transform .22s cubic-bezier(.22,1,.36,1),box-shadow .22s ease}@media (min-width:640px){.play-hub .play-hub-activity-card{min-height:11rem;border-radius:1.75rem}}.play-hub .play-hub-activity-card:not(:disabled):hover{transform:translateY(-4px) scale(1.015);box-shadow:0 22px 48px rgba(109,40,217,.14)}.play-hub .play-hub-activity-card:not(:disabled):active{transform:translateY(-1px) scale(.99)}.play-hub .play-hub-tone-games{background:linear-gradient(165deg,#efe7ff,#dde8ff)}.play-hub .play-hub-tone-coloring{background:linear-gradient(165deg,#ffe4ef,#ffe8d6)}.play-hub .play-hub-tone-world{background:linear-gradient(165deg,#d9f8ff,#dffced)}.play-hub .play-hub-tone-trophy{background:linear-gradient(165deg,#fff1d6,#ffe4bc)}.play-hub .play-hub-icon-tile{display:flex;height:3.4rem;width:3.4rem;align-items:center;justify-content:center;border-radius:1.1rem;background:rgba(255,255,255,.78);font-size:1.85rem;box-shadow:inset 0 1px 0 rgba(255,255,255,.95)}@media (min-width:640px){.play-hub .play-hub-icon-tile{height:3.85rem;width:3.85rem;font-size:2.1rem;border-radius:1.25rem}}.play-hub .play-hub-progress{border-bottom:1px solid rgba(255,255,255,.75);background:linear-gradient(105deg,rgba(255,255,255,.55),rgba(255,240,250,.72),rgba(230,245,255,.7));box-shadow:0 10px 28px rgba(76,29,149,.08);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.play-hub .play-hub-parents-btn{border:1px solid rgba(255,255,255,.85);background:rgba(255,255,255,.78);color:rgba(76,29,149,.72);box-shadow:0 8px 20px rgba(76,29,149,.1);backdrop-filter:blur(12px)}.play-hub .play-hub-parents-btn:hover{background:rgba(255,255,255,.95);color:#4c1d95}.play-hub .hub-bobo-customize-btn{display:inline-flex;align-items:center;gap:.4rem;border:1px solid rgba(255,255,255,.9);border-radius:999px;background:rgba(255,255,255,.82);padding:.3rem .85rem .3rem .35rem;box-shadow:0 10px 24px rgba(76,29,149,.12);backdrop-filter:blur(12px);transition:transform .18s ease,background .18s ease}.play-hub .hub-bobo-customize-btn:hover{transform:translateY(-1px);background:rgba(255,255,255,.95)}.play-hub .hub-bobo-customize-btn-mascot{display:flex;height:2.15rem;width:2.15rem;flex-shrink:0;align-items:center;justify-content:center;overflow:hidden;transform:scale(.48);transform-origin:center center}.play-hub .hub-bobo-customize-btn-label{font-size:.72rem;font-weight:800;color:#4c1d95;white-space:nowrap}.hub-bobo-customize-overlay{position:fixed;inset:0;z-index:200;display:flex;align-items:flex-end;justify-content:center;padding:.75rem .75rem max(.75rem,env(safe-area-inset-bottom));background:rgba(76,29,149,.35);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}@media (min-width:640px){.hub-bobo-customize-overlay{align-items:center;padding:1.25rem}}.hub-bobo-customize-sheet{display:flex;width:min(34rem,100%);max-height:min(88dvh,40rem);flex-direction:column;overflow:hidden;border:1px solid rgba(255,255,255,.9);border-radius:1.35rem 1.35rem 1.1rem 1.1rem;background:rgba(255,255,255,.98);box-shadow:0 28px 64px rgba(76,29,149,.28);animation:hub-bobo-sheet-in .22s ease-out}@media (min-width:640px){.hub-bobo-customize-sheet{border-radius:1.5rem}}@keyframes hub-bobo-sheet-in{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.hub-bobo-customize-sheet-head{display:flex;flex-shrink:0;align-items:center;justify-content:space-between;gap:.75rem;border-bottom:1px solid rgba(226,232,240,.9);padding:.85rem 1rem .7rem}.hub-bobo-customize-sheet-title{margin:0;font-size:1.05rem;font-weight:900;color:#0f172a}.hub-bobo-customize-close{border:1px solid rgba(196,181,253,.7);border-radius:999px;background:#ede9fe;padding:.35rem .85rem;font-size:.75rem;font-weight:800;color:#5b21b6}.hub-bobo-customize-body{display:flex;min-height:0;flex:1;flex-direction:column;gap:0;overflow:hidden}@media (min-width:640px){.hub-bobo-customize-body{flex-direction:row;align-items:stretch}}.hub-bobo-customize-preview{display:flex;flex-shrink:0;align-items:center;justify-content:center;padding:.85rem 1rem .5rem;background:radial-gradient(circle at 50% 40%,rgba(255,228,240,.9),transparent 65%),linear-gradient(180deg,rgba(248,250,252,.9),rgba(255,255,255,.4))}.hub-bobo-customize-preview>*{transform:scale(1.05);transform-origin:center center}@media (min-width:640px){.hub-bobo-customize-preview{width:42%;padding:1.25rem .75rem;border-right:1px solid rgba(226,232,240,.9)}.hub-bobo-customize-preview>*{transform:scale(1.45)}}.hub-bobo-customize-controls{min-height:0;flex:1;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:.65rem 1rem 1rem}@media (min-width:640px){.hub-bobo-customize-controls{padding:.85rem 1.1rem 1.1rem}}@media (prefers-reduced-motion:reduce){.play-hub .play-hub-activity-card{transition:none}.play-hub .play-hub-activity-card:not(:disabled):hover{transform:none}.hub-bobo-customize-sheet{animation:none}}