:root{--img-wave: url(../ui/wave.png);--img-menu: url(../ui/menu.png);--img-star: url(../ui/star.png);--img-flame: url(../ui/flame.png);--img-back-arrow: url(../ui/back-arrow.png);--img-bg-tile: url(../ui/bg-tile.png);--img-splash: url(../splash/iphone-14-pro-1179x2556.png);--img-play-btn: url(../ui/play-btn.png);--img-piece-3d: url(../ui/piece-3d.png);--c-bg: #443455;--c-bg-2: #3A2555;--c-bg-deep: #2E1A47;--c-surface: rgba(255, 255, 255, .06);--c-surface-strong: rgba(255, 255, 255, .1);--c-border: rgba(255, 255, 255, .08);--c-text: #FFFFFF;--c-text-dim: #B9A8D4;--c-text-muted: #8D7AA8;--c-accent: #F2B54A;--c-accent-2: #E8A93C;--c-accent-ink: #3A1F00;--c-danger: #E85C5C;--r-sm: 10px;--r-md: 16px;--r-lg: 22px;--r-pill: 999px;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 24px;--s-6: 32px;--font-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Nunito", "Helvetica Neue", Arial, sans-serif;--shadow-card: 0 4px 14px rgba(0, 0, 0, .25)}.checkers-grid{display:grid;flex:1;min-width:0;min-height:0;max-width:100%;aspect-ratio:1;background:#fff;border-radius:8px;padding:4px;box-sizing:border-box;overflow:hidden;box-shadow:0 8px 12px #00000040}.sq{aspect-ratio:1;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.sq.dark{background:linear-gradient(180deg,#656367,#4a484c);border-radius:4px;cursor:pointer}.sq.light{background:#fff}.sq.dark:hover{background:linear-gradient(180deg,#757375,#5a585c)}.piece{width:85%;aspect-ratio:1;border-radius:0;position:relative;display:flex;align-items:center;justify-content:center;overflow:visible;pointer-events:none;transition:transform .1s;background-size:contain;background-repeat:no-repeat;background-position:center;border:0;box-shadow:none}.piece.white{background-image:url(../ui/piece-white.png)}.piece.black{background-image:url(../ui/piece-black.png)}.piece.white:has(.piece-king-icon){background-image:url(../ui/piece-white-king.png)}.piece.black:has(.piece-king-icon){background-image:url(../ui/piece-black-king.png)}.piece-king-icon{display:none}.piece.active{filter:drop-shadow(2px 0 0 #F8A920) drop-shadow(-2px 0 0 #F8A920) drop-shadow(0 2px 0 #F8A920) drop-shadow(0 -2px 0 #F8A920)}.sq.valid-dest:after{content:"";position:absolute;width:30%;height:30%;border-radius:50%;background:#f8a920bf;pointer-events:none}.sq.valid-dest .piece:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid rgba(248,169,32,.9);pointer-events:none}.checkers-grid.board-solved{border-color:#22c55e;box-shadow:0 0 0 2px #22c55e}.solver-status-label{text-align:center;font-size:11px;font-weight:700;color:#22c55e;margin-top:3px;line-height:1}.solver-board-wrapper{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;max-width:min(calc(100vw - 32px),360px)}.solver-board-wrapper .checkers-grid{width:100%;flex:none}.solver-player-label{font-size:15px;font-weight:600;letter-spacing:.15px;text-align:center;padding:6px 16px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;color:#94a3b8}.solver-board-wrapper>div:last-child .solver-player-label{background:#dbeafe;color:#1e40af;font-weight:700}.solver-board-wrapper>div:last-child .s-btn-icon{width:28px;height:28px;background:silver;border:2px solid #C0C0C0;border-radius:0;display:flex;align-items:center;justify-content:center;font-size:16px;color:#000000d9;cursor:pointer;padding:0}.solver-wrong-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#dc262626;display:flex;align-items:center;justify-content:center;z-index:10}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{-webkit-user-select:none;user-select:none;touch-action:pan-y;-webkit-touch-callout:none}input,textarea{-webkit-user-select:text;user-select:text}html{background:#443455}body{font-family:var(--font-ui);color:var(--c-text);background:#443455;-webkit-font-smoothing:antialiased;overscroll-behavior-y:none;position:relative}body:before{content:"";position:fixed;top:-100px;left:-100px;width:calc(100vw + 200px);height:calc(100lvh + 200px);background-image:var(--img-bg-tile);background-repeat:repeat;background-size:140px 140px;transform:rotate(-7deg) translateZ(0);will-change:transform;opacity:.1;pointer-events:none;z-index:0}#app{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.app-shell{position:relative;flex:1;display:flex;flex-direction:column;background:#443455}.app-shell:after{content:"";position:absolute;left:0;right:0;bottom:0;height:55%;background:linear-gradient(to bottom,#36274600,#322244);pointer-events:none;z-index:0}.app-outlet{position:relative;z-index:1}.app-route{flex:1;display:flex;flex-direction:column;padding:calc(var(--s-5) + env(safe-area-inset-top,0px)) max(var(--s-4),env(safe-area-inset-right,0px)) max(var(--s-4),env(safe-area-inset-bottom,0px)) max(var(--s-4),env(safe-area-inset-left,0px))}.full-shell>.ph-content{padding-top:24px}.app-route--gap-2{gap:var(--s-2)}.app-route--gap-3{gap:var(--s-3)}.app-route--gap-4{gap:var(--s-4)}.auth-page{padding:0!important;gap:0!important}.page-header{position:sticky;top:0;z-index:10;background:#324;border-bottom:1px solid rgba(255,255,255,.05);box-shadow:0 2px 6px #00000040;min-height:96px;padding:env(safe-area-inset-top,0px) 12px 13px;display:grid;grid-template-columns:40px 1fr 40px;column-gap:8px;align-items:end}.page-header--compact{min-height:64px;padding-bottom:12px}.page-header-title{grid-column:2;text-align:center;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-header-left,.page-header-right{width:40px;height:40px;display:flex;align-items:center;justify-content:center;align-self:end}.page-header-back{width:40px;height:40px;border:0;background:transparent;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center}.page-header-back:before{content:"";display:block;width:22px;height:22px;background-image:var(--img-back-arrow);background-size:contain;background-repeat:no-repeat;background-position:center}.auth-body{display:flex;flex-direction:column;gap:16px;padding:32px 20px 16px}.auth-lead{font-size:15px;line-height:1.6;color:var(--c-text-dim);margin:0 0 4px}.app-outlet>.auth-page{animation:auth-fade .25s ease-out both}@keyframes auth-fade{0%{opacity:0}to{opacity:1}}.stack{display:flex;flex-direction:column}.stack-1{gap:var(--s-1)}.stack-2{gap:var(--s-2)}.stack-3{gap:var(--s-3)}.stack-4{gap:var(--s-4)}.row{display:flex;align-items:center}.row-3{display:flex;align-items:center;gap:var(--s-3)}.row-between{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3)}.grow{flex:1}.center{display:flex;align-items:center;justify-content:center}.text-center{text-align:center}.muted{color:var(--c-text-dim)}.hint{color:var(--c-text-dim);opacity:.6;font-size:14px}.full-shell,.app-outlet{display:flex;flex-direction:column;flex:1}.ph-content{flex:1;display:flex;flex-direction:column;padding:24px max(20px,env(safe-area-inset-right)) 0 max(20px,env(safe-area-inset-left));gap:12px}.ph-buttonbar{display:flex;justify-content:center;padding:20px max(20px,env(safe-area-inset-right)) calc(40px + env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left))}.titlebar{display:flex;align-items:center;gap:var(--s-3)}.titlebar>.titlebar-title{flex:1;text-align:center;margin-right:36px}.back-btn{width:36px;height:36px;border-radius:50%;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);color:var(--c-text);font-size:18px;cursor:pointer;font-family:inherit;flex:0 0 auto}.terms-body{padding:32px 20px;font-size:16px;line-height:1.6;color:var(--c-text-dim);flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.terms-body strong{color:var(--c-text)}.terms-body ol{padding-left:20px;margin:12px 0}.terms-body li{margin-bottom:8px}.terms-body .disclaimer{opacity:.6;font-size:12px;margin-top:24px}.tabs{position:relative;display:flex;padding:2px;border-radius:12px;background:#fff;border:1px solid #C8B1E1;isolation:isolate}.tabs--dark{background:#443455;border-color:#ffffff1f}.tabs-indicator{position:absolute;top:2px;left:2px;bottom:2px;width:calc((100% - 4px) / var(--tabs-count, 2));background:#324;border-radius:10px;transform:translate(calc(var(--tabs-active, 0) * 100%));transition:transform .25s cubic-bezier(.22,.61,.36,1);z-index:0;pointer-events:none}.tabs--dark .tabs-indicator{background:#fff}.tabs-btn{position:relative;z-index:1;flex:1;padding:10px 8px;border:0;background:transparent;font-family:"Fredoka",var(--font-ui);font-weight:500;font-size:16px;color:#324;cursor:pointer;border-radius:10px;transition:color .2s ease;-webkit-tap-highlight-color:transparent}.tabs-btn.active{color:#fff}.tabs--dark .tabs-btn{color:#c8b1e1}.tabs--dark .tabs-btn.active{color:#324}.family-join-section{margin-top:8px}.family-toggle-row{display:flex;align-items:center;gap:12px;cursor:pointer;padding:4px 0}.family-toggle-text{font-family:"Fredoka",var(--font-ui);font-size:16px;font-weight:400;color:var(--c-text-dim)}.family-field-wrap{margin-top:12px}.family-hint{font-size:13px;line-height:1.4;color:#c8b1e1;margin:8px 0 0}.family-request-card{display:flex;align-items:center;gap:12px;background:linear-gradient(180deg,#efe1fd,#ddc8f4);border:1px solid #261834;border-radius:16px;padding:16px;margin-bottom:16px;overflow:hidden;box-shadow:0 8px 12px #00000040}.family-request-text{flex:1;min-width:0;display:flex;flex-direction:column;font-family:"Fredoka",var(--font-ui);font-weight:400;line-height:1.4;color:#324}.family-request-who{display:flex;flex-wrap:wrap;gap:2px;font-size:12px}.family-request-text strong{font-weight:500}.family-request-msg{font-size:14px}.family-request-actions{display:flex;gap:8px;flex:0 0 auto;padding:2px}.family-request-btn{width:40px;height:40px;flex:0 0 auto;padding:0;border:0;border-radius:50%;box-shadow:0 0 0 2px #ffffff40;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:transform .08s ease,opacity .12s ease}.family-request-btn:active{transform:scale(.94)}.family-request-btn:disabled{opacity:.6;cursor:default}.family-request-btn svg{display:block;filter:drop-shadow(0 1px 0 rgba(255,255,255,.25))}.family-request-approve{background:linear-gradient(180deg,#a0e985,#82d564)}.family-request-approve svg{width:21px;height:13px}.family-request-decline{background:linear-gradient(180deg,#ffb7b8,#f89495)}.family-request-decline svg{width:17px;height:17px}.incoming-stack{position:relative;margin-bottom:16px;min-height:74px}.incoming-card{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;gap:12px;background:linear-gradient(180deg,#efe1fd,#ddc8f4);border:1px solid #261834;border-radius:16px;padding:16px;box-shadow:0 8px 12px #00000040;transform-origin:top center;transition:transform .3s cubic-bezier(.22,.61,.36,1),opacity .3s ease;will-change:transform,opacity}.incoming-card:not(.incoming-card-front){pointer-events:none}.incoming-card-text{flex:1;min-width:0;font-family:"Fredoka",var(--font-ui);font-weight:400;font-size:14px;line-height:1.4;color:#324}.incoming-card-text strong{font-weight:600}.incoming-card-actions{display:flex;gap:8px;flex:0 0 auto;padding:2px}.family-pending-banner{display:flex;align-items:flex-start;gap:14px;background:#c8b1e114;border:1px solid rgba(200,177,225,.15);border-radius:16px;padding:20px 16px;margin-bottom:16px}.family-pending-icon{font-size:28px;line-height:1;flex:0 0 auto}.family-pending-body{flex:1}.family-pending-title{font-family:"Fredoka",var(--font-ui);font-weight:500;font-size:16px;color:#fff;margin:0 0 4px}.family-pending-desc{font-size:14px;line-height:1.4;color:#c8b1e1;margin:0}.family-pending-desc strong{color:#f2b54a}.terms-consent{display:flex;gap:12px;align-items:center;font-size:18px;color:var(--c-text-dim);padding:8px 0;will-change:transform}.terms-consent a{color:#f2b54a;text-decoration:underline}.toggle{position:relative;width:48px;height:28px;border-radius:14px;border:0;background:#ffffff26;cursor:pointer;padding:0;flex:0 0 auto;transition:background .2s ease}.toggle.active{background:#b583eb}.toggle-knob{position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0000004d;transition:transform .2s ease}.toggle.active .toggle-knob{transform:translate(20px)}.kh-route{padding:0!important;gap:0!important}.kh-body{flex:1;display:flex;flex-direction:column;padding:48px 20px 88px;position:relative;z-index:1}.kh-profile{display:flex;flex-direction:column;align-items:center;padding-bottom:45px}.kh-profile-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;column-gap:24px;width:100%}.kh-profile-row>.kh-stat-pill:first-child{justify-self:end}.kh-profile-row>.kh-stat-pill:last-child{justify-self:start}.kh-stat-pill{background:#324;border-radius:16px;display:flex;align-items:center;gap:4px;padding:4px 10px 4px 6px}.kh-stat-pill .kh-stat-icon{width:24px;height:24px;background-size:contain;background-repeat:no-repeat;background-position:center}.kh-stat-pill .kh-stat-icon--xp{background-image:var(--img-star)}.kh-stat-pill .kh-stat-icon--streak{background-image:var(--img-flame)}.kh-stat-pill .kh-stat-text{font-family:"Fredoka",var(--font-ui);font-weight:500;font-size:14px;color:#c8b1e1}.kh-big-avatar{width:96px;height:96px;border-radius:48px;background:#e8a968;border:6px solid #332244;overflow:hidden;flex:0 0 auto;display:flex;align-items:flex-end;justify-content:center}.kh-big-avatar img{width:90%;height:90%;object-fit:cover;display:block}.kh-name{font-family:"Fredoka",var(--font-ui);font-weight:500;font-size:36px;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.25);text-align:center;margin:0}.kh-content{flex:1;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.kh-exercises{display:flex;flex-direction:column;gap:8px;width:100%}.fp-route{padding:0!important;gap:0!important;background:#443455}.fp-body{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 16px}.fp-board-wrap{display:flex;justify-content:center;width:100%}.fp-chip-row{display:flex;justify-content:center}.profile-body{flex:1;display:flex;flex-direction:column}.input-row--disabled{opacity:.5}.input-row--disabled input{opacity:1!important;color:#999!important}.input-row--disabled label{top:12px!important;transform:translateY(0)!important;font-size:13px!important}.profile-subhead{font-size:14px;font-weight:600;color:var(--c-text-dim);margin:0 0 8px;text-transform:uppercase;letter-spacing:.06em}.profile-pin-section{margin-top:4px}.profile-pin-actions{display:flex;flex-direction:column;gap:8px;align-items:center}.dropdown-menu{position:fixed;z-index:200;min-width:200px;background:#fff;color:#1e1627;border-radius:12px;box-shadow:0 12px 32px #00000059;padding:6px;display:flex;flex-direction:column;animation:dd-in .14s ease-out both;transform-origin:top right}.dropdown-menu.closing{animation:dd-out .12s ease-in both}@keyframes dd-in{0%{opacity:0;transform:translateY(-6px) scale(.97)}to{opacity:1;transform:none}}@keyframes dd-out{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(-6px) scale(.97)}}.dropdown-item{display:block;width:100%;text-align:left;background:transparent;border:0;padding:10px 12px;font-family:inherit;font-size:15px;color:inherit;border-radius:8px;cursor:pointer}.dropdown-item:hover{background:#f2eafe}.dropdown-item--destructive{color:#b22323}.splash-stage{background-image:var(--img-splash);background-repeat:no-repeat;background-position:center;background-size:cover;background-color:var(--c-bg)}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:24px;height:64px;font-family:"Fredoka",var(--font-ui);font-weight:500;font-size:24px;cursor:pointer;transition:transform .08s ease,opacity .12s ease;width:100%;display:flex;align-items:center;justify-content:center}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.6;cursor:default}.btn-primary{background:linear-gradient(0deg,#f9a91e,#e7b051 94.3%);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.4);border:1px solid rgba(0,0,0,.5)}.btn-secondary{background:var(--c-surface-strong);color:var(--c-text);border:1px solid var(--c-border);font-weight:400}.btn-ghost{background:#39294a33;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);color:#c8b1e1;border:1px solid rgba(200,177,225,.25);font-weight:400}.link-btn{background:transparent;border:0;color:var(--c-accent);font-family:inherit;font-size:14px;cursor:pointer;padding:8px;text-decoration:underline}.input-group{background:#fff;border-radius:16px;color:#1a0f2e;overflow:hidden}.input-row{position:relative;height:68px;border-bottom:1px solid rgba(0,0,0,.08)}.input-row:last-child{border-bottom:0}.input-row label{position:absolute;left:16px;top:50%;transform:translateY(-50%);font-family:"Fredoka",var(--font-ui);font-weight:400;color:#7e3cc5;font-size:18px;pointer-events:none;transition:all .15s ease;transform-origin:left center}.input-row input{position:absolute;top:0;right:0;bottom:0;left:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;outline:0;font-size:18px;padding:34px 16px 10px;background:transparent;color:#1a0f2e;font-family:inherit;width:100%;opacity:0;transition:opacity .15s ease;cursor:text}.input-row input.input-locked{color:#999;cursor:not-allowed}.input-row input:focus+label,.input-row input:not(:placeholder-shown)+label,.input-row.has-value label{top:12px;transform:translateY(0);font-size:13px}.input-row input:focus,.input-row input:not(:placeholder-shown),.input-row.has-value input{opacity:1}.input-row input:-webkit-autofill,.input-row input:-webkit-autofill:hover,.input-row input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px #fff inset!important;-webkit-text-fill-color:#1a0f2e!important;transition:background-color 5000s ease-in-out 0s;border-radius:0!important}.input-row input:-webkit-autofill+label{top:12px;transform:translateY(0);font-size:13px}.input-row input:-webkit-autofill{opacity:1}.h1{font-family:"Fredoka",var(--font-ui);font-weight:500;font-size:24px;margin:0;text-align:center;color:#fff}.h2{font-size:18px;font-weight:700;margin:0}.error-banner{background:#e85c5c26;color:#ffc8c8;border:1px solid rgba(232,92,92,.4);border-radius:var(--r-md);padding:var(--s-3);font-size:14px;text-align:center}.splash-stage{flex:1;background-color:var(--c-bg);background-repeat:no-repeat;background-position:center;background-size:cover}.ph-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:8px;border-bottom:1px solid #332246;box-shadow:0 2px 6px #00000040;background:#324;padding:calc(20px + env(safe-area-inset-top,0px)) max(20px,env(safe-area-inset-right,0px)) 21px max(20px,env(safe-area-inset-left,0px))}.ph-greet{display:flex;align-items:center;gap:8px}.ph-greet-wave{width:54px;height:54px;flex:0 0 auto;background-image:var(--img-wave);background-size:contain;background-repeat:no-repeat;background-position:center;filter:drop-shadow(0 2px 4px rgba(0,0,0,.25))}.ph-greet-text{display:flex;flex-direction:column;font-family:"Fredoka",var(--font-ui);color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.25);line-height:24px}.ph-greet-small{font-weight:500;font-size:18px}.ph-greet-name{font-weight:500;font-size:24px}.ph-menu-btn{width:36px;height:36px;flex:0 0 auto;border:0;padding:0;background:transparent;background-image:var(--img-menu);background-size:contain;background-repeat:no-repeat;background-position:center;cursor:pointer}.icon-star,.icon-flame{width:16px;height:16px;background-size:contain;background-repeat:no-repeat;background-position:center;display:inline-block;vertical-align:-3px}.icon-star{background-image:var(--img-star)}.icon-flame{background-image:var(--img-flame)}.ph-section-title{font-family:"Fredoka",var(--font-ui);font-weight:500;font-size:24px;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.25);margin:0}.kids-list{display:flex;flex-direction:column;border:1px solid #261834;border-radius:var(--r-md);overflow:hidden;box-shadow:0 8px 12px #00000040}.kids-empty{color:var(--c-text-dim);opacity:.6;font-size:14px;padding:16px}.kids-loading{display:flex;align-items:center;justify-content:center;min-height:84px;background:#324;border-radius:var(--r-md)}.kids-loading-spinner{width:28px;height:28px;border:3px solid rgba(200,177,225,.2);border-top-color:#c8b1e1;border-radius:50%;animation:kids-spin .7s linear infinite}@keyframes kids-spin{to{transform:rotate(360deg)}}.kid-card{display:flex;align-items:center;gap:12px;background:#324;border:0;border-bottom:1px solid #261834;padding:9px 17px 8px 9px;color:inherit;text-align:left;cursor:pointer;font-family:inherit;width:100%}.kid-card:last-child{border-bottom:0}.kid-avatar{width:60px;height:60px;border-radius:30px;background:#e8a968;border:2px solid #261834;overflow:hidden;flex:0 0 auto;display:flex;align-items:flex-end;justify-content:center}.kid-avatar img{width:90%;height:90%;object-fit:cover;display:block;margin:auto auto 0}.kid-meta{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.kid-name{font-family:"Fredoka",var(--font-ui);font-weight:400;font-size:20px;color:#fff;line-height:1.1}.kid-stats{font-family:"Fredoka",var(--font-ui);font-weight:500;font-size:12px;color:#c8b1e1;display:flex;gap:8px;align-items:center}.kid-stats>span{display:inline-flex;align-items:center;gap:4px}.kid-chev{width:40px;height:40px;display:flex;align-items:center;justify-content:center;flex:0 0 auto}.kid-chev:after{content:"";display:block;width:22px;height:22px;background-image:var(--img-back-arrow);background-size:contain;background-repeat:no-repeat;background-position:center;transform:rotate(180deg)}.btn-play,.btn-play-kid{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(0,0,0,.5);border-radius:24px;height:64px;padding:0 25px;font-family:"Fredoka",var(--font-ui);font-weight:500;font-size:24px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.4);background:linear-gradient(180deg,#c8b1e1,#ad94c7);box-shadow:0 8px 12px #00000040;cursor:pointer;width:100%;display:flex;align-items:center;justify-content:center;transition:transform .08s ease}.btn-play:active,.btn-play-kid:active{transform:scale(.99)}.btn-play-kid{justify-content:space-between}.btn-play-kid:before{content:"";width:48px;height:48px;background-image:var(--img-piece-3d);background-size:contain;background-repeat:no-repeat}.btn-play-kid:after{content:"";width:48px}.btn-play-kid>span{flex:1;text-align:center}body.pin-locked{overflow:hidden!important}.pin-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;flex-direction:column;justify-content:flex-end}.pin-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#33224680;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:pin-fade-in .18s ease-out both}.pin-sheet{position:relative;background:#fff;color:#324;border-top-left-radius:24px;border-top-right-radius:24px;padding:32px max(16px,env(safe-area-inset-right)) calc(56px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));display:flex;flex-direction:column;align-items:center;gap:24px;box-shadow:0 -8px 12px #00000040;width:100%;animation:pin-slide-up .26s cubic-bezier(.22,1,.36,1) both}.pin-modal.closing .pin-backdrop{animation:pin-fade-out .18s ease-in both}.pin-modal.closing .pin-sheet{animation:pin-slide-down .2s ease-in both}@keyframes pin-fade-in{0%{opacity:0}to{opacity:1}}@keyframes pin-fade-out{0%{opacity:1}to{opacity:0}}@keyframes pin-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes pin-slide-down{0%{transform:translateY(0)}to{transform:translateY(100%)}}.pin-header{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%}.pin-title{font-family:"Fredoka",var(--font-ui);font-weight:500;font-size:24px;color:#324;letter-spacing:-.24px;text-align:center;margin:0}.pin-sub{font-family:"Fredoka",var(--font-ui);font-weight:400;font-size:18px;color:#9284a0;letter-spacing:-.18px;text-align:center;margin:0}.pin-dots{display:flex;gap:38px;padding:16px 0}.pin-dot{width:16px;height:16px;border-radius:50%;border:1.5px solid #C8B1E1;background:transparent}.pin-dot.filled{background:#324;border-color:#324}.pin-dot.active{background:#c8b1e1;border-color:#c8b1e1}.pin-pad{display:grid;grid-template-columns:repeat(3,56px);gap:24px;will-change:transform}.pin-key{width:56px;height:56px;border-radius:28px;border:1px solid #C8B1E1;background:#fff;color:#1e1627;font-family:"Fredoka",var(--font-ui);font-weight:300;font-size:24px;letter-spacing:-.24px;cursor:pointer;padding:0}.pin-key:active{background:#f2eafe}.pin-key--back{display:flex;align-items:center;justify-content:center}.pin-key--back:before{content:"";display:block;width:22px;height:22px;background-image:var(--img-back-arrow);background-size:contain;background-repeat:no-repeat;background-position:center;filter:brightness(0)}.pin-pad-placeholder{width:56px;height:56px}.gs-sheet{gap:28px!important}.gs-title{font-family:"Fredoka",var(--font-ui);font-weight:500;font-size:24px;color:#324;text-align:center;margin:0}.gs-group{width:100%;display:flex;flex-direction:column;gap:8px}.gs-label{font-family:"Fredoka",var(--font-ui);font-weight:500;font-size:14px;color:#9284a0;text-transform:uppercase;letter-spacing:.06em}.gs-play{width:100%;margin-top:4px}.lang-sheet{gap:20px!important}.lang-sheet .pin-cancel{margin-bottom:20px}.lang-list{width:100%;display:flex;flex-direction:column;border-top:1px solid rgba(0,0,0,.06);border-bottom:1px solid rgba(0,0,0,.06)}.lang-row{display:flex;align-items:center;gap:14px;padding:16px 4px;cursor:pointer;font-family:"Fredoka",var(--font-ui);font-size:18px;color:#324}.lang-row+.lang-row{border-top:1px solid rgba(0,0,0,.06)}.lang-row input[type=radio]{display:none}.lang-radio{width:22px;height:22px;border-radius:50%;border:2px solid #C8B1E1;position:relative;flex:0 0 auto}.lang-row input:checked+.lang-radio{border-color:#7e3cc5}.lang-row input:checked+.lang-radio:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:50%;background:#7e3cc5}.lang-label{font-weight:400}.lang-confirm{width:100%;margin-top:4px}.input-row--lang{cursor:pointer}.input-row--lang .lang-value{position:absolute;left:16px;right:40px;bottom:14px;font-size:18px;color:#1a0f2e;font-family:inherit;pointer-events:none}.input-row--lang .lang-arrow{position:absolute;right:16px;top:50%;transform:translateY(-50%) rotate(-90deg);width:16px;height:16px;background-image:var(--img-back-arrow);background-size:contain;background-repeat:no-repeat;background-position:center;filter:brightness(0) saturate(0) opacity(.3);pointer-events:none}.input-row--lang label{top:12px!important;transform:translateY(0)!important;font-size:13px!important}.pin-cancel{background:transparent;border:0;font-family:"Fredoka",var(--font-ui);font-weight:400;font-size:24px;color:#7e3cc5;height:64px;width:100%;cursor:pointer;padding:0}.pin-cancel:disabled{opacity:.6;cursor:default}.kh-top{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3)}.kh-stat{display:flex;align-items:center;gap:6px;font-weight:600}.kh-exercises-loading,.kh-exercises-empty{opacity:.6;font-size:14px}.kh-exercises-empty{text-align:center}.kh-iconbtn{width:36px;height:36px;border-radius:50%;background:var(--c-surface);border:1px solid var(--c-border);color:var(--c-text);font-size:18px;cursor:pointer}.kh-header-stats{display:flex;align-items:center;justify-content:space-between;margin-top:var(--s-4)}.kh-name{text-align:center;font-size:24px;font-weight:700;margin:var(--s-3) 0 0}.kh-exercise{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;align-items:center;gap:12px;background:#324;border:1px solid #261834;border-radius:16px;box-shadow:0 8px 12px #00000040;padding:9px 17px;width:100%;cursor:pointer;text-align:left;font:inherit;color:inherit}.kh-exercise-thumb{width:72px;height:72px;border-radius:8px;flex:0 0 auto;background-size:cover;background-position:center;background-repeat:no-repeat;overflow:hidden}.kh-exercise-thumb--64{background-image:url(../ui/thumb-64.png)}.kh-exercise-thumb--100{background-image:url(../ui/thumb-100.png)}.kh-exercise-meta{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.kh-exercise-title{font-family:"Fredoka",var(--font-ui);font-weight:400;font-size:20px;color:#fff}.kh-exercise-stats{font-family:"Fredoka",var(--font-ui);font-weight:500;font-size:12px;color:#c8b1e1;display:flex;align-items:center;gap:4px}.kh-exercise-play{width:40px;height:40px;flex:0 0 auto;border:0;padding:0;background:transparent;background-image:var(--img-play-btn);background-size:contain;background-repeat:no-repeat;cursor:pointer}.page-header-menu{width:36px;height:36px;border:0;padding:0;background:transparent;background-image:var(--img-menu);background-size:contain;background-repeat:no-repeat;background-position:center;cursor:pointer}.kh-exercise-actions{display:none;align-items:center;gap:8px;flex:0 0 auto}.kh-action-btn{width:36px;height:36px;border:0;padding:0;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;background:#ffffff14;color:#c8b1e1}.kh-action-btn svg{width:20px;height:20px;display:block}.kh-action-btn--remove{color:#ff8a8a;background:#ff50501f}.kh-action-btn:disabled{opacity:.5;cursor:default}.kh-route--edit .kh-exercise{cursor:default}.kh-route--edit .kh-exercise-stats,.kh-route--edit .kh-exercise-play{display:none}.kh-route--edit .kh-exercise-actions{display:flex}.fp-header{display:flex;align-items:center;gap:var(--s-3);padding-bottom:var(--s-2)}.fp-header .back{background:transparent;border:0;color:#fff;font-size:24px;cursor:pointer}.fp-header .title{font-size:15px;color:var(--c-text-dim)}.fp-chip{display:inline-flex;align-items:center;gap:8px;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-pill);padding:6px 14px 6px 6px;font-size:14px;font-weight:600;margin:0 auto}.fp-chip .fp-chip-avatar{width:28px;height:28px;border-radius:50%;background:#5a4478;display:flex;align-items:center;justify-content:center;font-size:16px}.fp-board-wrap{margin-top:var(--s-3);display:flex;justify-content:center}.es-progress-wrap{padding:0 16px;z-index:1;position:relative}.es-progress-track{height:6px;border-radius:3px;background:#c8b1e126;overflow:hidden}.es-progress-fill{height:100%;border-radius:3px;background:linear-gradient(90deg,#f2b54a,#e8a93c);width:0%;transition:width .4s ease}.es-counter{font-size:12px;color:var(--c-text-dim);text-align:right;margin-top:4px;font-family:"Fredoka",var(--font-ui)}.es-xp-badge{z-index:1;position:relative;text-align:center;font-family:"Fredoka",var(--font-ui);font-weight:500;font-size:14px;color:#f2b54a;padding:4px 0}.update-toast{position:fixed;bottom:0;left:0;right:0;z-index:9999;display:flex;align-items:center;gap:12px;padding:14px 16px;background:#1a1028;border-top:1px solid rgba(200,177,225,.2);transform:translateY(100%);transition:transform .3s ease}.update-toast--visible{transform:translateY(0)}.update-toast-text{flex:1;font-family:"Fredoka",var(--font-ui);font-size:15px;font-weight:400;color:#c8b1e1}.update-toast-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:16px;padding:8px 20px;font-family:"Fredoka",var(--font-ui);font-weight:500;font-size:14px;color:#1a1028;background:linear-gradient(180deg,#f2b54a,#e8a93c);cursor:pointer;white-space:nowrap}.update-toast-btn:disabled{opacity:.6;cursor:default}.update-toast-close{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:none;color:#c8b1e1;font-size:22px;line-height:1;padding:4px;cursor:pointer;opacity:.6}.update-toast-close:hover{opacity:1}.panel-fab{width:40px;height:40px;flex:0 0 auto;padding:0;border:1px solid rgba(0,0,0,.5);border-radius:50%;background:linear-gradient(180deg,#c8b1e1,#ad94c7);box-shadow:0 8px 12px #00000040;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;align-items:center;justify-content:center;transition:transform .08s ease}.panel-fab:active{transform:scale(.94)}.panel-fab:after{content:"";display:block;width:20px;height:20px;background-image:var(--img-back-arrow);background-size:contain;background-repeat:no-repeat;background-position:center;transform:rotate(90deg)}.action-sheet{background:#324}.action-panel-close{width:40px;height:40px;flex:0 0 auto;padding:0;border:0;background:transparent;color:#c8b1e1;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;align-items:center;justify-content:center;transition:transform .08s ease}.action-panel-close:active{transform:scale(.94)}.action-panel-close svg{display:block;width:18px;height:18px}.confirm-sheet{gap:16px!important;align-items:stretch!important}.cf-title{font-family:"Fredoka",var(--font-ui);font-weight:500;font-size:24px;color:#324;text-align:center;margin:0}.cf-message{font-family:"Fredoka",var(--font-ui);font-weight:400;font-size:16px;color:#9284a0;text-align:center;margin:0}.cf-confirm{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:56px;border:0;border-radius:24px;background:#324;color:#fff;font-family:"Fredoka",var(--font-ui);font-weight:500;font-size:18px;cursor:pointer}.cf-confirm--destructive{background:#b22323}.cf-confirm:disabled{opacity:.6;cursor:default}.kid-form-sheet{gap:18px!important;align-items:stretch!important}.kf-title{font-family:"Fredoka",var(--font-ui);font-weight:500;font-size:24px;color:#324;text-align:center;margin:0}.kf-label{font-family:"Fredoka",var(--font-ui);font-weight:500;font-size:14px;color:#9284a0;text-transform:uppercase;letter-spacing:.06em;margin:0}.kid-form-sheet .input-group{background:#f4f0f8;border:1px solid rgba(0,0,0,.08)}.kid-form-sheet .input-row input:-webkit-autofill,.kid-form-sheet .input-row input:-webkit-autofill:hover,.kid-form-sheet .input-row input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px #F4F0F8 inset!important}.avatar-picker{display:flex;align-items:center;gap:10px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-y:none;touch-action:pan-x;-webkit-overflow-scrolling:touch;padding:10px 12px;background:#f4f0f8;border:1px solid rgba(0,0,0,.08);border-radius:14px;height:96px;scrollbar-width:none}.avatar-picker::-webkit-scrollbar{display:none}.avatar-option{box-sizing:border-box;flex:0 0 auto;width:68px;height:68px;padding:0;border-radius:50%;border:2px solid transparent;background:#e8a968;overflow:hidden;cursor:pointer;display:flex;align-items:flex-end;justify-content:center;transition:width .18s ease,height .18s ease,border-color .18s ease}.avatar-option img{width:90%;height:90%;object-fit:cover;display:block;margin:auto auto 0;transition:width .18s ease,height .18s ease}.avatar-option.selected{width:76px;height:76px;border-color:#7e3cc5}.ph-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.kids-options-btn{width:32px;height:32px;flex:0 0 auto;border:0;padding:0;background:transparent;background-image:var(--img-menu);background-size:contain;background-repeat:no-repeat;background-position:center;cursor:pointer}.kids-done-btn{border:0;background:transparent;padding:4px;font-family:"Fredoka",var(--font-ui);font-weight:500;font-size:18px;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.25);cursor:pointer}.kid-card--editing{cursor:default}.kid-card--editing .kid-meta{justify-content:center}.kid-actions{display:flex;align-items:center;gap:2px;flex:0 0 auto}.kid-action-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:0;background:transparent;color:#c8b1e1;cursor:pointer;padding:0}.kid-action-btn:active{transform:scale(.92)}.kf-save{width:100%}.view-fab-bar{flex:0 0 auto;display:flex;justify-content:center;padding:12px 16px calc(16px + env(safe-area-inset-bottom,0px))}.action-panel-btn{width:100%;height:56px;border-radius:var(--r-md);border:1px solid rgba(255,255,255,.12);background:#ffffff14;color:#fff;font-family:"Fredoka",var(--font-ui);font-weight:500;font-size:18px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:transform .08s ease}.action-panel-btn:active{transform:scale(.98)}.action-panel-btn--danger{background:#e85c5c26;border-color:#e85c5c66;color:var(--c-danger)}.push-optin-sheet{padding:24px 20px calc(20px + env(safe-area-inset-bottom));text-align:center}.push-optin-title{font-size:20px;font-weight:700;margin:4px 0 8px}.push-optin-body{color:var(--c-text-dim);margin:0 0 20px}.push-optin-actions{display:flex;flex-direction:column;gap:10px}.profile-notif-section{margin-top:24px}.profile-notif-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0}.profile-notif-note{color:var(--c-text-dim);font-size:13px;margin:4px 0 0}.srp-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;display:flex;align-items:center;justify-content:center;padding:24px;background:#0000008c;animation:srp-fade-in .2s ease-out}@keyframes srp-fade-in{0%{opacity:0}to{opacity:1}}.srp-card{position:relative;width:100%;max-width:320px;padding:28px 24px 20px;text-align:center;background:#324;border-radius:var(--r-md);box-shadow:0 12px 40px #00000073;animation:srp-pop-in .3s cubic-bezier(.34,1.56,.64,1)}@keyframes srp-pop-in{0%{transform:scale(.75);opacity:0}to{transform:scale(1);opacity:1}}.srp-icon{font-size:52px;line-height:1;margin-bottom:10px}.srp-title{margin:0 0 6px;font-size:20px;font-weight:700;color:#fff}.srp-subtitle{margin:0;font-size:14px;color:#ffffffa6}.srp-actions{display:flex;gap:8px;margin-top:18px}.srp-btn{flex:1;padding:12px 16px;border:0;border-radius:var(--r-sm);font-family:inherit;font-size:15px;font-weight:600;cursor:pointer}.srp-btn--primary{background:#c8b1e1;color:#241733}.srp-btn--secondary{background:transparent;color:#c8b1e1;border:1px solid rgba(200,177,225,.4)}.srp-sparkle{position:absolute;font-size:20px;pointer-events:none;animation:srp-sparkle-float var(--dur, 1.1s) ease-out var(--delay, 0s) forwards}@keyframes srp-sparkle-float{0%{transform:translate(-50%,-50%) scale(.3);opacity:1}80%{opacity:.8}to{transform:translate(calc(-50% + var(--sx, 0px)),calc(-50% + var(--sy, -70px))) scale(1.1);opacity:0}}.es-board-host{position:relative;width:100%;min-height:120px}.es-spinner-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:flex;align-items:center;justify-content:center;background:#261834b8;border-radius:var(--r-md)}.es-spinner-overlay[hidden]{display:none}.profile-family-section{margin-top:4px}.profile-family-list{display:flex;flex-direction:column;gap:8px}.profile-family-empty{font-family:"Fredoka",var(--font-ui);font-size:14px;color:var(--c-text-dim);opacity:.7;padding:8px 0}.profile-family-row{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.profile-family-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.profile-family-name{font-family:"Fredoka",var(--font-ui);font-weight:500;font-size:16px;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-family-email{font-size:13px;color:var(--c-text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-family-kick{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:0 0 auto;padding:6px 12px;font-family:"Fredoka",var(--font-ui);font-weight:500;font-size:13px;color:#ffc8c8;background:#e85c5c1f;border:1px solid rgba(232,92,92,.4);border-radius:999px;cursor:pointer}.profile-family-kick:active{transform:scale(.96)}.profile-family-kick:disabled{opacity:.6;cursor:default}.sh-identity{display:flex;flex-direction:column;align-items:center;padding:24px 0 32px;gap:12px}.profile-avatar-section,.profile-avatar-section .avatar-picker{margin-top:4px}