:root{--font-pixel:"Cute Pixel", "Nunito", monospace;--bg:#0c0e1c;--bg2:#101428;--surface-blue:#12162e;--surface:#181e38;--surface-raised:color-mix(in srgb, var(--surface) 58%, #404868);--panel:var(--surface);--panel2:var(--surface-raised);--text:#f5f3ef;--muted:#8e96ad;--grid:#262e52;--ink:#070812;--pink:#f04ba8;--yellow:#ffdf39;--green:#34c66b;--blue:#259cfd;--purple:#8144ea;--teal:#20c9c4;--gold:#eecf2a;--gold-bright:var(--yellow);--orange:#fd8438;--orange-deep:#e56a20;--magenta:#d644a0;--magenta-bright:var(--pink);--magenta-deep:#b53282;--pink-hot:var(--pink);--teal-deep:#0ba89f;--purple-vivid:#9560f0;--purple-deep:#6a35c8;--mascot-green-dark:#2aa85a;--mascot-green-light:#5dd88a;--cyan:#28bce0;--orange-ui:var(--orange);--shadow:0 8px 24px #00000040;--shadow-lg:0 14px 32px #00000059;--shadow-soft:0 4px 16px #0003;--radius:18px;--sidebar-w:220px;--page-max:1180px;--page-gutter:clamp(14px, 4vw, 48px);--shell-r:18px;--shell-p:10px;--tile-radius:max(4px, calc(var(--shell-r) - var(--shell-p)))}@font-face{font-family:Cute Pixel;src:url(/fonts/CutePixel.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}*{box-sizing:border-box}button,input,select,textarea{font-family:inherit}html,body,#root{height:100%;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:Nunito,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}#root{flex-direction:column;display:flex}.btn{cursor:pointer;background:var(--green);color:#06210f;text-transform:uppercase;letter-spacing:.4px;border:none;border-radius:12px;padding:10px 18px;font-family:inherit;font-size:14px;font-weight:700;transition:transform .12s,filter .15s,background .15s}.btn:hover{filter:brightness(1.06);transform:translateY(-2px)}.btn:active{filter:brightness(.98);transform:translateY(0)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn.big{border-radius:14px;padding:14px 24px;font-size:16px}.btn.pink{background:var(--pink);color:#fff}.btn.yellow{background:var(--yellow);color:#2a1e00}.btn.purple{background:var(--purple);color:#fff}.btn.teal{background:var(--teal);color:#042420}.btn.ghost{background:var(--panel);color:var(--text)}.btn.ghost:hover{background:var(--panel2);filter:none}.btn-secondary{background:var(--panel);color:var(--text)}.btn-secondary:hover{background:var(--panel2);filter:none}.back-btn{background:var(--panel);color:var(--text);text-transform:uppercase;letter-spacing:.4px;cursor:pointer;border:none;border-radius:12px;align-items:center;gap:6px;padding:10px 14px;font-family:inherit;font-size:13px;font-weight:700;transition:background .15s,transform .12s;display:inline-flex}.back-btn:hover{background:var(--panel2);transform:translateY(-1px)}.back-btn:active{transform:translateY(0)}.pixel-heading,.hero-title,.hub-section-title,.hub-panel-title,.section-title{font-family:var(--font-pixel);letter-spacing:0;text-transform:uppercase;font-weight:400;line-height:1.05}.exercise-card,.utility-banner,.hub-action-card{transition:transform .15s,box-shadow .15s,filter .15s}@media (hover:hover){.exercise-card:hover,.utility-banner:hover,.hub-action-card:hover{filter:brightness(1.05);transform:translateY(-3px)scale(1.01)}.exercise-card:active,.utility-banner:active,.hub-action-card:active{transform:translateY(-1px)}.hub-action-card:active{border-bottom-width:2px}}.card{background:var(--panel);border-radius:var(--radius);box-shadow:var(--shadow);border:none}button.card{transition:transform .15s,box-shadow .15s,filter .15s}button.card:hover{filter:brightness(1.04);box-shadow:var(--shadow-lg);transform:translateY(-3px)scale(1.01)}button.card:active{box-shadow:var(--shadow);transform:translateY(-1px)}.select-card{text-align:left;cursor:pointer;color:var(--text);flex-direction:column;gap:4px;padding:16px 18px;display:flex;position:relative}.select-card.selected{box-shadow:var(--shadow-lg)}.chip{text-align:center;background:var(--panel);box-shadow:var(--shadow-soft);border:none;border-radius:14px;padding:8px 16px}.chip .val{font-variant-numeric:tabular-nums;font-size:26px;font-weight:700;line-height:1}.chip .lbl{color:var(--muted);text-transform:uppercase;letter-spacing:1.5px;margin-top:4px;font-size:10px;font-weight:600}.chip-val-note{min-width:56px}.chip-lbl-tuning{margin-top:8px}.live-readout{flex-wrap:wrap;align-items:stretch;gap:12px;display:flex}.metronome-control{align-items:center;gap:16px;padding:14px 18px;display:flex}.metronome-control-icon{display:inline-flex}.metronome-control-btn{align-items:center;gap:6px;display:inline-flex}.metronome-control-tempo{flex:1;align-items:center;gap:10px;min-width:220px;margin-left:auto;display:flex}.metronome-control-tempo input[type=range]{accent-color:var(--teal);flex:1}.metronome-control-bpm{font-variant-numeric:tabular-nums;text-align:right;min-width:74px;font-size:18px;font-weight:800}.metronome-control-bpm-label{color:var(--muted);font-size:11px}.logo{letter-spacing:0;text-transform:uppercase;margin:0;font-family:Nunito,sans-serif;font-size:24px;font-weight:800;line-height:.95}.logo .s1{color:var(--gold-bright)}.logo .s2{color:var(--magenta-bright)}.logo .s3{color:var(--teal)}.logo .s4{color:var(--green)}.logo .s5{color:var(--purple)}.logo .s6{color:var(--orange)}.logo .s7{color:var(--blue)}.logo:has(.logo-text){-webkit-text-stroke:0}.logo-text{font-family:var(--font-pixel);letter-spacing:.02em;padding:2px 4px 4px;font-weight:400;line-height:1;display:inline-block}.logo-sing,.logo-pets{display:inline}.logo-letter{text-shadow:2px 2px #000;line-height:1;display:inline-block}.logo-letter.sing-s,.logo-letter.sing-i,.logo-letter.sing-n,.logo-letter.sing-g{color:var(--text);transform:none}.logo-letter.pets-p{color:var(--magenta-bright);margin-right:1px;transform:rotate(-4deg)translate(1px,-1px)}.logo-letter.pets-e{color:var(--gold-bright);transform:rotate(3deg)translateY(1px)}.logo-letter.pets-t{color:var(--green);transform:rotate(-3deg)translate(-1px,-2px)}.logo-letter.pets-s{color:var(--teal);transform:rotate(5deg)translate(-3px)}.icon-sticker{filter:drop-shadow(2px 0 0 var(--ink)) drop-shadow(-2px 0 0 var(--ink)) drop-shadow(0 2px 0 var(--ink)) drop-shadow(0 -2px 0 var(--ink)) drop-shadow(0 2px 0 var(--ink))}.logo-img{flex-shrink:0;width:auto;height:26px;display:block}.logo-mark{filter:none;flex-shrink:0;width:36px;height:36px;display:block}.logo-mark-notes{color:#4fa038}.logo-btn:hover .logo-mark-notes,.sidebar-brand:hover .logo-mark-notes{animation:1.4s linear infinite logo-mark-colours}@keyframes logo-mark-colours{0%,16.66%{color:var(--magenta-bright)}16.67%,33.33%{color:var(--gold-bright)}33.34%,50%{color:var(--green)}50.01%,66.66%{color:var(--teal)}66.67%,83.33%{color:var(--purple-vivid)}83.34%,to{color:var(--blue)}}.logo-btn:hover .logo-egg,.sidebar-brand:hover .logo-egg{animation:1.4s linear infinite logo-egg-colours}@keyframes logo-egg-colours{0%,16.66%{fill:var(--magenta-bright)}16.67%,33.33%{fill:var(--gold-bright)}33.34%,50%{fill:var(--green)}50.01%,66.66%{fill:var(--teal)}66.67%,83.33%{fill:var(--purple-vivid)}83.34%,to{fill:var(--blue)}}.mascot{filter:drop-shadow(0 3px #00000059);height:auto;display:block}.welcome-hero{place-items:center;width:min(100%,360px);margin:0 auto;display:grid}.welcome-hero>*{grid-area:1/1}.welcome-hero .hero-mascot{z-index:0;translate:0 -18px}.session-gate{z-index:80;place-items:center;padding:20px;display:grid;position:fixed;inset:0;overflow:auto}.session-gate-backdrop{cursor:pointer;background:#08090eb8;border:none;padding:0;position:fixed;inset:0}.session-gate-card{z-index:1;background:var(--surface);border-radius:var(--radius);width:min(760px,100%);margin:auto;padding:28px 28px 32px;position:relative}.session-gate .select-card,.session-gate .select-card.selected,.session-gate button.card,.session-gate button.card:hover,.session-gate button.card:active{box-shadow:none}.session-gate-inner{text-align:center}.session-gate-title{margin:0 0 8px;font-size:28px;font-weight:800}.session-gate-copy{margin:0 0 20px;font-size:15px}.exercise-start-gate-detail{flex-direction:column;align-items:center;gap:10px;margin-bottom:8px;display:flex}.exercise-start-gate-icon{border-radius:20px;justify-content:center;align-items:center;width:72px;height:72px;display:inline-flex}.exercise-start-gate-mic-row{justify-content:center;align-items:center;gap:14px;width:min(340px,100%);margin:0 auto 20px;display:flex}.exercise-start-gate-mic-row .mic-meter-track{--mic-track:color-mix(in srgb, var(--muted) 28%, var(--panel2));flex:1;min-width:0}.exercise-start-gate-btn-accent{background:var(--exercise-accent);color:#fff}.exercise-start-gate-btn{justify-content:center;align-items:center;gap:10px;display:inline-flex}.exercise-start-gate-error{color:var(--pink);margin-top:16px;font-size:14px;font-weight:600}.signup-onboarding{text-align:center;flex-direction:column;display:flex;position:relative}.onboarding-stage{flex-direction:column;height:520px;display:flex}.signup-onboarding .onboarding-stage{flex:0 0 520px;height:520px;min-height:520px}.onboarding-stage--hatching{overflow:visible}.onboarding-stage--hatch,.onboarding-stage--mic{justify-content:center;align-items:center}.onboarding-stage--mic .onboarding-visual{flex:none;height:auto;margin-bottom:12px}.onboarding-stage--mic .onboarding-body{flex:0 auto;justify-content:center;height:auto}.onboarding-stage--mic .onboarding-body .onboarding-actions,.onboarding-stage--mic .onboarding-body .onboarding-mic-enable-actions{margin-top:20px;padding-top:0}.onboarding-stage--mic .onboarding-body .onboarding-action-btn:not(.onboarding-back-btn){margin-top:0}.onboarding-stage--mic .onboarding-egg{height:auto;min-height:96px}.onboarding-visual{flex:0 0 108px;justify-content:center;align-items:flex-start;width:min(100%,240px);margin:0 auto 8px;display:flex}.onboarding-body{flex-direction:column;flex:1;align-items:center;height:352px;min-height:0;padding-bottom:4px;display:flex;overflow:hidden auto}.onboarding-body .session-gate-copy{max-width:420px;margin-left:auto;margin-right:auto}.onboarding-body .settings-option-grid{width:100%;max-width:520px;margin:0 auto}.signup-onboarding button.card.select-card:hover,.signup-onboarding button.card.select-card:active,.signup-onboarding button.card.select-card.selected:hover{box-shadow:none;transform:none}.onboarding-body .mic-meter-track{width:min(340px,100%);margin-top:4px}.onboarding-body .onboarding-actions,.onboarding-body .onboarding-mic-enable-actions,.onboarding-body .onboarding-hatch-action{margin-top:auto;padding-top:16px}.onboarding-body .onboarding-action-btn:not(.onboarding-back-btn){margin-top:auto}.onboarding-hatch-step{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}.onboarding-hatch-step .onboarding-hatch-title{color:#fff;text-shadow:3px 3px #0000009e;margin:0 0 14px}.onboarding-hatch-step .onboarding-egg{width:min(100%,240px);min-height:96px;margin:0 auto 14px}.onboarding-hatch-step .onboarding-hatch-action{width:min(100%,240px);margin-top:0;padding-top:0}.onboarding-hatch-step .account-error{margin:0 0 10px}.signup-onboarding .session-gate-title{font-family:var(--font-pixel);letter-spacing:.4px;text-transform:uppercase}.signup-onboarding .onboarding-label,.signup-onboarding .onboarding-copy,.signup-onboarding .onboarding-input{letter-spacing:normal;font-family:Nunito,sans-serif}.signup-onboarding .onboarding-action-btn{justify-content:center;align-items:center;gap:10px;margin-top:8px;display:inline-flex}.onboarding-mic-enable-actions{flex-direction:column;align-items:center;gap:12px;margin-top:8px;display:flex}.onboarding-mic-enable-actions .onboarding-action-btn{margin-top:0}.onboarding-egg{justify-content:center;align-items:flex-end;width:100%;height:100%;display:flex}.onboarding-egg--shake{transform-origin:bottom;animation:.55s ease-in-out infinite hub-egg-shake}.onboarding-hatch-action{width:min(100%,240px);margin-top:0}.signup-onboarding .onboarding-hatch-title{white-space:nowrap;margin:0 0 16px;font-size:clamp(32px,7vw,42px);line-height:1.05}.onboarding-hatch-action .onboarding-hatch-btn{letter-spacing:.3px;width:100%;padding:10px 14px;font-size:13px;position:static}.signup-onboarding .onboarding-field{text-align:left;width:100%;max-width:400px;margin:0 auto 12px}.signup-onboarding .session-gate-title{justify-content:center;align-items:center;gap:8px;display:inline-flex}.onboarding-hero{margin:0 0 8px}.onboarding-hero .hero-mascot{margin:0 auto}.onboarding-progress{justify-content:center;gap:8px;margin-bottom:12px;display:flex}.onboarding-dot{background:color-mix(in srgb, var(--muted) 35%, transparent);border-radius:50%;width:8px;height:8px}.onboarding-dot.active{background:var(--gold-bright)}.onboarding-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:24px;display:flex}.onboarding-actions .btn{border-radius:14px;margin-top:0;padding:14px 24px;font-size:16px}.onboarding-back-btn{justify-content:center;align-items:center;min-width:52px;padding:14px;display:inline-flex}.session-gate-card--onboarding{width:calc(100% - 32px);max-width:640px;overflow:hidden}@media (width<=520px),(height<=740px){.session-gate{padding:max(12px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));-webkit-overflow-scrolling:touch;flex-direction:column;justify-content:flex-start;align-items:center;display:flex;overflow:hidden auto}.session-gate-card--onboarding{width:min(100%,640px);min-height:0;max-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom));flex-direction:column;margin:0 auto;padding:18px 16px 22px;display:flex;overflow:hidden}.session-gate-card--onboarding .signup-onboarding{flex:1;min-height:0}.signup-onboarding .onboarding-stage{flex:0 0 520px;height:520px;min-height:520px;max-height:520px}.onboarding-body{-webkit-overflow-scrolling:touch;flex:1;height:auto;min-height:0;overflow:hidden auto}.onboarding-visual{flex:0 0 88px;margin-bottom:6px}.signup-onboarding .session-gate-title{font-size:clamp(22px,6.5vw,28px)}.signup-onboarding .onboarding-hatch-title{white-space:normal;font-size:clamp(26px,8vw,36px)}.onboarding-body .session-gate-copy{margin-bottom:14px;font-size:14px}.onboarding-actions .btn,.signup-onboarding .onboarding-action-btn{padding:12px 20px;font-size:15px}}.account-saved{color:var(--green);margin:0;font-size:13px;font-weight:700}.account-field-note{color:var(--muted);font-weight:400}.welcome-logo{z-index:1;letter-spacing:-.02em;color:var(--text);margin:156px 0 0;font-family:Nunito,sans-serif;font-size:46px;font-weight:800;line-height:1}.muted{color:var(--muted);font-weight:400}.sticker-text{color:#fff;text-transform:uppercase;-webkit-text-stroke:4px var(--ink);paint-order:stroke fill;filter:drop-shadow(0 2px 0 var(--ink));letter-spacing:-.5px;font-family:Nunito,sans-serif;line-height:.95}.app-shell{flex:1;min-height:0;display:flex;overflow:hidden}.sidebar{width:var(--sidebar-w);background:var(--surface-blue);flex-direction:column;flex-shrink:0;gap:8px;padding:20px 14px;display:flex}.sidebar-header,.sidebar-header-logo{display:contents}.mobile-header-back,.menu-toggle,.nav-backdrop{display:none}.sidebar-drawer{flex-direction:column;flex:1;gap:8px;min-height:0;display:flex}.sidebar-wallet{display:none}.sidebar-brand,.sidebar-brand-btn{cursor:pointer;color:inherit;white-space:nowrap;background:0 0;border:none;align-items:center;gap:1px;margin-bottom:12px;padding:4px 6px 6px;font-family:inherit;display:inline-flex}.sidebar-brand .logo-mark,.sidebar-brand-btn .logo-mark{margin-right:-2px}.sidebar-brand .logo-img,.sidebar-brand-btn .logo-img{margin-left:8px}.logo-sidebar{font-size:36px}.sidebar-nav{flex-direction:column;flex:1;gap:4px;display:flex}.nav-item{color:#fff;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:12px;align-items:center;gap:12px;padding:11px 14px;font-family:inherit;font-size:14px;font-weight:600;transition:background .15s,color .15s;display:flex}.nav-item:hover:not(.disabled){background:color-mix(in srgb, var(--surface-raised) 50%, transparent);color:#fff}.nav-item.active{background:color-mix(in srgb, var(--purple-vivid) 32%, var(--surface));color:#fff}.nav-item.disabled{opacity:.45;cursor:default}.hub-streak-value{align-items:baseline;gap:8px;display:flex}.streak-flame{color:var(--orange)}.streak-count{font-size:28px;font-weight:800;line-height:1}.streak-label{color:var(--muted);font-size:13px;font-weight:600}.hub-streak-leaderboard{min-height:0;overflow:auto}.streak-leaderboard-list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.streak-leaderboard-row{background:0 0;border-radius:8px;grid-template-columns:16px 20px minmax(0,1fr) auto;align-items:center;gap:5px;padding:4px 6px;display:grid}.streak-leaderboard-row.you{background:color-mix(in srgb, var(--purple-vivid) 24%, var(--hub-surface,var(--panel)))}.streak-rank{color:var(--muted);text-align:center;font-variant-numeric:tabular-nums;font-size:10px;font-weight:800}.streak-leaderboard-row:first-child .streak-rank{color:var(--gold-bright)}.streak-leaderboard-row:nth-child(2) .streak-rank{color:var(--muted)}.streak-leaderboard-row:nth-child(3) .streak-rank{color:#c47a4a}.streak-avatar{background:var(--panel2);letter-spacing:-.3px;width:20px;height:20px;color:var(--text);border-radius:50%;place-items:center;font-size:8px;font-weight:800;display:grid}.streak-leaderboard-row.you .streak-avatar{background:var(--purple-vivid);color:#fff}.streak-name{align-items:center;gap:4px;min-width:0;display:flex}.streak-name-text{text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:700;overflow:hidden}.streak-leaderboard-row.you .streak-name-text{font-weight:800}.pro-badge{letter-spacing:.3px;text-transform:uppercase;background:var(--purple-vivid);color:#fff;border-radius:4px;flex-shrink:0;padding:1px 4px;font-size:7px;font-weight:800;line-height:1.3}.streak-score{font-variant-numeric:tabular-nums;color:var(--text);align-items:center;gap:3px;font-size:11px;font-weight:800;display:inline-flex}.main-panel{background:var(--bg);flex-direction:column;flex:1;min-width:0;display:flex;overflow:auto}.main-panel-inner{flex-direction:column;min-width:0;min-height:100%;display:flex}.choose-page{width:100%;max-width:var(--page-max);padding:8px var(--page-gutter) 28px;margin:0 auto}.hero-row{justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px;display:flex}.hero-title{align-items:center;gap:10px;margin:0 0 8px;font-size:clamp(28px,4vw,36px);display:flex}.hero-title-icon{flex-shrink:0}.hero-sub{color:var(--muted);margin:0;font-size:16px;font-weight:400}.hero-mascot{flex-shrink:0;place-items:center;width:220px;height:168px;display:grid;position:relative}.mascot-emoji{filter:drop-shadow(0 8px 16px #00000059);height:auto;display:block}.dino-mascot{width:var(--dino-mascot-size,120px);height:var(--dino-mascot-size,120px);filter:drop-shadow(0 8px 16px #00000059);flex-shrink:0}.dino-mascot .pet-model-3d{pointer-events:none;width:100%;height:100%}.mascot-note{color:var(--yellow);opacity:.85;pointer-events:none;font-size:22px;animation:2.8s ease-in-out infinite float-note;position:absolute}.mascot-note.n1{color:var(--orange);font-size:26px;animation-delay:0s;top:52px;left:22px}.mascot-note.n2{font-size:26px;animation-delay:.6s;top:34px;right:52px}.mascot-note.n3{color:var(--teal);animation-delay:1.2s;bottom:18px;left:42px}@keyframes float-note{0%,to{transform:translateY(0)rotate(-8deg)}50%{transform:translateY(-6px)rotate(8deg)}}.voice-lab-hero{margin-bottom:28px}.voice-lab-sections{flex-direction:column;gap:16px;margin-bottom:28px;display:flex}.voice-lab-page .voice-lab-section-panel{border-radius:var(--shell-r);background:var(--surface);margin-bottom:0}.voice-lab-page .voice-lab-section-panel .exercise-section-desc{margin:-6px 0 12px}.voice-lab-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;margin-bottom:28px;display:grid}.voice-lab-grid--panel{margin-bottom:0}.voice-lab-page .voice-lab-section-panel .utility-banner{border-radius:var(--tile-radius);box-shadow:none;background:#262e58}.voice-lab-page .voice-lab-section-panel .utility-banner:hover{box-shadow:0 6px 16px #00000038}.voice-lab-page .voice-lab-section-panel .exercise-icon-wrap{border-radius:calc(var(--tile-radius) + 2px)}.utility-banner{border-radius:var(--radius);background:var(--surface);color:#fff;cursor:pointer;text-align:left;border:none;align-items:flex-start;gap:14px;width:100%;padding:18px;font-family:inherit;display:flex}.utility-banner--free-play .exercise-icon-wrap,.utility-banner--voice-lab .exercise-icon-wrap,.utility-banner--pitch-check .exercise-icon-wrap{background:var(--teal)}.utility-banner--spectrogram .exercise-icon-wrap{background:var(--purple-vivid)}.utility-banner--perfect-pitch .exercise-icon-wrap{background:var(--magenta-bright)}.utility-banner--voice-type .exercise-icon-wrap{background:var(--gold-bright)}.utility-copy{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.utility-copy .exercise-name{color:#fff;margin-top:0}.utility-copy .exercise-desc{color:#fff;opacity:.75;max-width:100%;margin-bottom:0;font-size:14px;font-weight:400}.pitch-check-panel{border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow-soft);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:24px 20px 28px;display:flex}.pitch-check-prompt{color:var(--muted);margin:0 0 8px;font-size:16px;font-weight:700}.pitch-check-readout{flex-direction:column;align-items:center;gap:4px;margin:8px 0 4px;display:flex}.pitch-check-note{color:var(--teal);font-variant-numeric:tabular-nums;font-size:72px;font-weight:800;line-height:1}.pitch-check-freq{color:var(--gold-bright);font-variant-numeric:tabular-nums;font-size:18px;font-weight:700}.pitch-check-status{margin-top:4px;font-size:22px;font-weight:800}.pitch-check-cents{font-variant-numeric:tabular-nums;min-height:22px;font-size:15px;font-weight:700}.pitch-check-meter{background:#00000059;border-radius:999px;width:min(320px,100%);height:14px;margin-top:8px;position:relative;overflow:hidden}.pitch-check-meter:after{content:"";background:var(--muted);z-index:1;width:3px;height:20px;position:absolute;top:-3px;left:50%;transform:translate(-50%)}.pitch-check-meter-fill{border-radius:999px;width:0;height:100%;transition:left 60ms linear,width 60ms linear,background .12s;position:absolute;top:0;left:50%}.pitch-check-hint{max-width:360px;margin:12px 0 0;font-size:13px;font-weight:600;line-height:1.4}.perfect-pitch-panel{border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow-soft);text-align:center;flex-direction:column;align-items:center;gap:12px;padding:28px 20px 32px;display:flex}.voice-type-finder-page{max-width:720px}.voice-type-finder-panel{margin-bottom:28px}.vocal-range-roll-wrap{width:min(420px,100%);margin:8px 0 4px}.vocal-range-roll{border-radius:var(--radius);width:100%;height:240px;box-shadow:var(--shadow-soft);display:block}.voice-type-finder-range{font-variant-numeric:tabular-nums;color:var(--gold-bright);font-size:28px;font-weight:800}.voice-type-finder-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:8px;display:flex}.range-compare-glaze{border-radius:var(--radius);text-align:left;background:#ffd04d1f;border:1px solid #ffd04d47;align-items:flex-start;gap:10px;max-width:360px;margin:4px 0;padding:14px 16px;display:flex}.range-compare-glaze-title{color:var(--gold-bright);margin:0 0 4px;font-size:16px;font-weight:800;line-height:1.25}.range-compare-glaze-body{margin:0;font-size:14px;font-weight:600;line-height:1.4}.voice-type-finder-error{max-width:360px;color:var(--magenta-bright);margin:0;font-size:14px;font-weight:700;line-height:1.4}.perfect-pitch-title{margin:0;font-size:26px;font-weight:800;line-height:1.2}.perfect-pitch-blurb{max-width:420px;margin:0;font-size:15px;font-weight:600;line-height:1.45}.perfect-pitch-start{justify-content:center;align-items:center;gap:10px;min-width:180px;margin-top:8px;display:inline-flex}.perfect-pitch-progress{gap:8px;margin-bottom:4px;display:flex}.perfect-pitch-dot{background:#ffffff2e;border-radius:50%;width:10px;height:10px}.perfect-pitch-dot--active{background:var(--magenta-bright);transform:scale(1.2)}.perfect-pitch-dot--ok{background:var(--green)}.perfect-pitch-dot--miss{background:var(--magenta-bright)}.perfect-pitch-dot--partial{background:var(--gold-bright)}.perfect-pitch-phase-label{letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);font-size:13px;font-weight:800}.perfect-pitch-prompt{margin:0;font-size:28px;font-weight:800}.perfect-pitch-hint{margin:0;font-size:14px;font-weight:600}.perfect-pitch-mystery{color:var(--magenta-bright);font-size:80px;font-weight:800;line-height:1}.perfect-pitch-live-note{color:var(--orange);font-variant-numeric:tabular-nums;font-size:56px;font-weight:800;line-height:1}.perfect-pitch-reveal-sub{margin-top:4px;font-size:13px;font-weight:700}.sing-the-note-page .perfect-pitch-dot--active{background:var(--magenta-bright)}.sing-the-note-page .perfect-pitch-score{color:var(--magenta-bright)}.sing-the-note-prompt{margin-bottom:4px}.sing-the-note-target{color:var(--magenta-bright);letter-spacing:-.02em;font-size:clamp(64px,14vw,96px);font-weight:800;line-height:1}.sing-the-note-live{flex-direction:column;align-items:center;gap:2px;margin:8px 0 4px;display:flex}.sing-the-note-live-label{letter-spacing:.5px;text-transform:uppercase;font-size:12px;font-weight:700}.sing-the-note-live-note{color:var(--teal);font-variant-numeric:tabular-nums;min-height:1.2em;font-size:28px;font-weight:800}.sing-the-note-result-cents{opacity:.85;margin-top:2px;font-size:11px;font-weight:600;display:block}.perfect-pitch-icon-pulse{animation:1.1s ease-in-out infinite perfect-pitch-pulse}@keyframes perfect-pitch-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.08)}}.sing-the-note-hold-track{background:#00000059;border-radius:999px;width:min(320px,100%);height:12px;margin-top:12px;overflow:hidden}.sing-the-note-hold-fill{background:var(--magenta-bright);border-radius:999px;height:100%;transition:width 60ms linear}.perfect-pitch-verdict{color:var(--magenta-bright);font-size:32px;font-weight:800}.perfect-pitch-verdict--ok{color:var(--green)}.perfect-pitch-verdict--partial{color:var(--gold-bright)}.perfect-pitch-replay{align-items:center;gap:8px;margin:4px 0 8px;display:inline-flex}.perfect-pitch-keyboard-wrap{--piano-h:112px;width:min(520px,100%);margin-top:4px}.perfect-pitch-keyboard-wrap .piano-key-label{font-size:clamp(5px,1.8vw,9px)}.perfect-pitch-keyboard-wrap .piano-key-label--black{font-size:clamp(4px,1.4vw,7px)}@media (width>=720px){.perfect-pitch-keyboard-wrap{--piano-h:144px;width:min(700px,100%)}.perfect-pitch-keyboard-wrap .piano-key-label{font-size:10px}}@media (width>=960px){.perfect-pitch-keyboard-wrap{--piano-h:172px;width:min(860px,100%)}.perfect-pitch-keyboard-wrap .piano-key-label{font-size:11px}}.perfect-pitch-keyboard-legend{letter-spacing:.3px;margin:8px 0 0;font-size:11px;font-weight:600}.perfect-pitch-score-sub{margin:-4px 0 4px;font-size:14px;font-weight:700}.perfect-pitch-result-head{text-transform:uppercase;letter-spacing:.5px;background:0 0!important;padding-top:0!important;font-size:11px!important}.perfect-pitch-result-row.partial{color:var(--gold-bright)}.perfect-pitch-results-actions{flex-wrap:wrap;justify-content:center;gap:10px;width:min(360px,100%);margin-top:8px;display:flex}.perfect-pitch-share{white-space:nowrap;flex:140px;justify-content:center;align-items:center;gap:8px;display:inline-flex}.perfect-pitch-results-actions .perfect-pitch-start{flex:140px;margin-top:0}.perfect-pitch-share-hint{margin:4px 0 0;font-size:13px;font-weight:600}.perfect-pitch-reveal-grid{grid-template-columns:1fr 1fr;gap:16px;width:min(320px,100%);margin:4px 0;display:grid}.perfect-pitch-reveal-label{letter-spacing:1px;text-transform:uppercase;color:var(--muted);margin-bottom:4px;font-size:12px;font-weight:700}.perfect-pitch-reveal-note{color:var(--teal);font-size:36px;font-weight:800}.perfect-pitch-offset{margin:0;font-size:14px;font-weight:600}.perfect-pitch-score{color:var(--magenta-bright);font-size:64px;font-weight:800;line-height:1}.perfect-pitch-results-list{flex-direction:column;gap:6px;width:min(280px,100%);margin:8px 0 4px;font-size:14px;font-weight:700;display:flex}.perfect-pitch-result-row{color:var(--muted);background:#0003;border-radius:10px;grid-template-columns:24px 1fr 1fr 24px;gap:8px;padding:8px 10px;display:grid}.perfect-pitch-result-row.ok{color:var(--green)}.spectrogram-panel{border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow-soft);margin-top:14px;padding:14px 14px 12px}.spectrogram-tool-page{min-height:0}.spectrogram-tool-panel{border-radius:var(--radius);background:var(--panel);min-height:0;box-shadow:var(--shadow-soft);flex-direction:column;flex:1;gap:12px;padding:16px;display:flex}.spectrogram-tool-prompt,.spectrogram-tool-hint{text-align:center;margin:0;font-size:14px;font-weight:600;line-height:1.4}.spectrogram-tool-panel .spectrogram-wrap{flex:1;min-height:280px}.spectrogram-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:10px;display:flex}.spectrogram-title{letter-spacing:.2px;font-size:14px;font-weight:800}.spectrogram-sub{font-size:12px;font-weight:600}.spectrogram-wrap{background:#121320;border-radius:12px;width:100%;position:relative;overflow:hidden}.spectrogram-canvas{width:100%;height:100%;display:block}.spectrogram-axis{pointer-events:none;color:#ffffff73;text-shadow:0 1px 4px #000c;flex-direction:column;justify-content:space-between;font-size:10px;font-weight:700;display:flex;position:absolute;top:8px;bottom:8px;left:8px}@media (width<=960px){.voice-lab-grid{grid-template-columns:1fr}}.section-head{margin-bottom:14px}.section-title{align-items:flex-start;gap:8px;margin:0;font-size:22px;display:flex}.section-desc{margin:6px 0 0;font-size:14px;font-weight:400;line-height:1.4}.settings-section{border-radius:var(--shell-r);background:var(--surface);margin-bottom:20px;padding:14px 16px}.settings-section .section-head{margin-bottom:14px}.settings-section .section-title{align-items:center;margin:0;font-size:24px}.settings-section .section-title svg{flex-shrink:0;width:24px;height:24px}.settings-option-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;display:grid}.voice-type-grid--compact{grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:8px}.voice-type-name{font-size:18px;font-weight:800}.voice-type-desc{opacity:.8;font-size:13px;font-weight:600}.voice-type-range{font-variant-numeric:tabular-nums;margin-top:4px;font-size:13px;font-weight:700}.voice-type-check{position:absolute;top:12px;right:12px}.voice-type-grid--compact .select-card{gap:2px;padding:10px 12px}.voice-type-grid--compact .voice-type-name{padding-right:22px;font-size:14px;line-height:1.2}.voice-type-grid--compact .voice-type-range{margin-top:2px;font-size:11px}.voice-type-grid--compact .voice-type-check{top:8px;right:8px}.settings-section .card,.settings-section .select-card,.settings-section .utility-banner,.settings-section .settings-voice-type-link,.settings-section .account-field input{border-radius:var(--tile-radius)}.settings-section button.card.select-card{border-radius:var(--tile-radius);box-shadow:none;color:var(--text);text-align:left;background:#262e58}.session-gate button.card.select-card{border-radius:var(--tile-radius);background:var(--surface-raised);box-shadow:none;color:var(--text);text-align:left}.settings-section button.card.select-card:hover:not(.selected){box-shadow:none;filter:none;background:#3c4369}.session-gate button.card.select-card:hover:not(.selected){background:color-mix(in srgb, var(--surface-raised) 90%, #fff);box-shadow:none;filter:none}.settings-section button.card.select-card.selected,.session-gate button.card.select-card.selected{box-shadow:none;transform:none}.settings-section button.card.select-card.selected:hover,.session-gate button.card.select-card.selected:hover{transform:translateY(-3px)scale(1.01)}.settings-section button.card.select-card.select-card--difficulty.selected{background:var(--teal);color:#042420;outline:none}.session-gate button.card.select-card.select-card--difficulty.selected{background:var(--teal);color:#fff;outline:none}.settings-section button.card.select-card.select-card--difficulty.selected:hover,.session-gate button.card.select-card.select-card--difficulty.selected:hover{background:var(--teal);filter:brightness(1.06)}.settings-section button.card.select-card.select-card--voice.selected,.session-gate button.card.select-card.select-card--voice.selected{background:var(--gold-bright);color:#2a1e00;outline:none}.settings-section button.card.select-card.select-card--voice.selected:hover,.session-gate button.card.select-card.select-card--voice.selected:hover{background:var(--gold-bright);filter:brightness(1.04)}.settings-section .select-card--voice .select-card-range,.session-gate .select-card--voice .select-card-range{color:var(--gold-bright)}.settings-section button.card.select-card.select-card--voice.selected .select-card-range,.session-gate button.card.select-card.select-card--voice.selected .select-card-range{color:#2a1e00;opacity:.85}.settings-voice-type-link{margin-bottom:14px}.settings-section .utility-banner,.settings-section .settings-voice-type-link{background:#262e58;max-width:none}.settings-saved-notice{color:var(--teal);margin:8px 0 0;font-size:14px;font-weight:600;line-height:1.4}.streak-signin-hint{margin:8px 0 0;font-size:12px;line-height:1.4}.hub-streak-leaderboard .streak-signin-hint{margin:0}.streak-signin-link{font:inherit;color:var(--purple-vivid);cursor:pointer;text-underline-offset:2px;background:0 0;border:none;margin:0;padding:0;font-weight:700;text-decoration:underline;display:inline}.streak-signin-link:hover{color:var(--text)}.account-page .settings-section{padding:24px 28px}.account-section-head{margin-bottom:12px}.account-tabs{border-bottom:2px solid var(--surface-raised);gap:0;max-width:420px;margin-bottom:0;display:flex}.account-tab{color:var(--muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:10px 10px 0 0;flex:1;margin-bottom:-2px;padding:10px 14px 8px;font-family:inherit;font-size:13px;font-weight:700;transition:color .15s,background .15s,border-color .15s}.account-tab:hover:not(.active){color:var(--text);background:color-mix(in srgb, var(--surface-raised) 55%, transparent)}.account-tab.active{background:var(--purple-vivid);color:#fff;border-bottom-color:var(--purple-vivid)}.account-divider{width:100%;max-width:420px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:12px;margin:28px 0;font-size:12px;font-weight:700;display:flex}.account-divider:before,.account-divider:after{content:"";background:color-mix(in srgb, var(--muted) 25%, transparent);flex:1;height:1px}.btn-google{color:#1f1f1f;width:100%;max-width:420px;box-shadow:var(--shadow-soft);background:#fff;justify-content:center;align-items:center;gap:10px;display:flex}.btn-google:hover:not(:disabled){background:#f5f5f5}.google-icon{flex-shrink:0;width:18px;height:18px}.account-form,.account-tabs{max-width:420px}.account-form{flex-direction:column;gap:12px;padding-top:16px;display:flex}.account-legal-notice{color:var(--muted);margin:0;font-size:13px;font-weight:600;line-height:1.45}.account-legal-link{color:var(--teal);font:inherit;cursor:pointer;text-underline-offset:2px;background:0 0;border:none;padding:0;font-weight:800;text-decoration:underline}.account-legal-link:hover{color:color-mix(in srgb, var(--teal) 82%, #fff)}.account-honeypot{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.turnstile-widget{min-height:65px}.account-field{color:var(--muted);flex-direction:column;gap:6px;font-size:13px;font-weight:600;display:flex}.account-field input{background:var(--surface-raised);color:var(--text);border:none;border-radius:10px;padding:12px 14px;font-family:inherit;font-size:15px}.account-error{color:#ff8a8a;margin:0;font-size:13px;font-weight:600}.account-btn{align-self:stretch;width:100%}.account-field-readonly{cursor:not-allowed;background:color-mix(in srgb, var(--surface-raised) 70%, var(--bg))!important;color:var(--muted)!important}.account-field-readonly:focus{outline:none}.account-save-btn{background:var(--purple-vivid);color:#fff;width:100%;margin-top:12px}.account-save-btn:hover{background:var(--purple-vivid)}.account-subtitle{letter-spacing:0;color:#fff;align-items:center;gap:8px;margin:0 0 6px;font-family:Nunito,sans-serif;font-size:16px;font-weight:800;display:inline-flex}.account-avatar-section{border-top:1px solid #ffffff14;margin-top:24px;padding-top:24px}.avatar-pet-picker{grid-template-columns:repeat(auto-fill,minmax(112px,1fr));margin-top:12px}.avatar-pet-option{text-align:center;align-items:center;gap:4px;padding:12px 10px 10px}.avatar-pet-option-check{position:absolute;top:8px;right:8px}.avatar-pet-option-sprite{place-items:end center;width:56px;height:56px;margin:0 auto 2px;display:grid}.avatar-pet-option-sprite .pet-model-3d,.avatar-pet-option-sprite .egg-model-3d{width:56px;height:56px}.avatar-pet-option-name{color:#fff;font-family:Nunito,sans-serif;font-size:13px;font-weight:800;line-height:1.2}.avatar-pet-option-level{opacity:.72;font-size:11px;font-weight:700}.admin-table-wrap{max-width:100%;overflow-x:auto}.admin-table{border-collapse:collapse;width:100%;font-size:14px}.admin-table th,.admin-table td{text-align:left;border-bottom:1px solid color-mix(in srgb, var(--muted) 20%, transparent);padding:10px 12px}.admin-table th{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-size:12px;font-weight:700}.admin-table td{color:var(--text);white-space:nowrap}.admin-table-email{text-overflow:ellipsis;max-width:220px;overflow:hidden}.admin-section .admin-table-wrap{max-width:none}.admin-table tbody tr:hover{background:color-mix(in srgb, var(--panel) 60%, transparent)}.admin-streak-stepper{align-items:center;gap:4px;display:inline-flex}.admin-streak-btn{background:var(--panel2);width:28px;height:28px;color:var(--text);cursor:pointer;box-shadow:var(--shadow-soft);border:none;border-radius:8px;justify-content:center;align-items:center;padding:0;display:inline-flex}.admin-streak-btn:hover:not(:disabled){filter:brightness(1.06)}.admin-streak-btn:disabled{opacity:.45;cursor:not-allowed}.admin-streak-value{text-align:center;font-variant-numeric:tabular-nums;min-width:2ch;font-weight:700}.sidebar-auth{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.sidebar-auth-google{text-transform:none;letter-spacing:0;border-radius:12px;max-width:none;padding:12px 14px;font-size:14px;font-weight:700}.sidebar-auth-divider{letter-spacing:.5px;text-transform:uppercase;color:var(--muted);align-items:center;gap:10px;margin:2px 0;font-size:11px;font-weight:700;display:flex}.sidebar-auth-divider:before,.sidebar-auth-divider:after{content:"";background:color-mix(in srgb, var(--muted) 25%, transparent);flex:1;height:1px}.sidebar-auth-btn{background:var(--surface);width:100%;color:var(--text);cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 14px;font-family:inherit;font-size:14px;font-weight:700;transition:background .15s,transform .15s;display:inline-flex}.sidebar-auth-btn:hover{background:var(--surface-raised);transform:translateY(-1px)}.sidebar-auth-btn.primary{background:var(--purple-vivid);color:#fff}.sidebar-auth-btn.primary:hover{filter:brightness(1.06);background:var(--purple-vivid)}.sidebar-auth-btn--secondary{background:var(--surface-raised);color:#fff}.sidebar-auth-btn--secondary:hover{background:color-mix(in srgb, var(--surface-raised) 88%, var(--text));color:#fff;transform:translateY(-1px)}.sidebar-auth-btn--signout{color:#fff}.sidebar-auth-signout-icon{color:var(--pink)}.sidebar-auth-btn--signout:hover .sidebar-auth-signout-icon{color:var(--magenta-bright)}.section-flame{color:var(--orange)}.exercise-grid-section{margin-bottom:28px}.exercise-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.exercise-grid-toggle{margin:14px auto 0;display:block}.exercises-page .hero-row{margin-bottom:20px}.exercises-start-here{border-radius:var(--radius);color:#fff;text-align:left;cursor:pointer;border:none;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:12px;width:100%;margin-bottom:28px;padding:20px 20px 18px;font-family:inherit;transition:transform .15s,box-shadow .15s,filter .15s;display:grid;position:relative;overflow:hidden;box-shadow:0 10px 28px #00000047}.exercises-start-here:hover{filter:brightness(1.05);transform:translateY(-3px);box-shadow:0 14px 32px #00000052}.exercises-start-here:active{transform:translateY(-1px)}.exercises-start-copy{z-index:1;flex-direction:column;gap:6px;min-width:0;display:flex;position:relative}.exercises-start-kicker{letter-spacing:1px;text-transform:uppercase;color:#ffffffc7;font-size:11px;font-weight:800}.exercises-start-title{font-family:var(--font-pixel);text-transform:uppercase;text-shadow:2px 2px 0 var(--title-shadow,#00000059);font-size:clamp(24px,3vw,30px);font-weight:400;line-height:1.05}.exercises-start-desc{color:#ffffffe0;max-width:42ch;font-size:14px;font-weight:600;line-height:1.4}.exercises-start-preview{pointer-events:none;width:100%;max-width:320px;height:48px;margin-top:4px;display:block}.exercises-start-cta{color:#fff;align-items:center;gap:6px;margin-top:6px;font-size:13px;font-weight:800;display:inline-flex}.exercises-start-side{justify-content:center;align-items:flex-end;min-width:120px;padding-bottom:2px;display:flex;position:relative}.exercises-start-mascot{place-items:end center;width:108px;height:106px;display:grid;position:relative}.exercises-start-mascot .mascot-note.n1{color:var(--gold-bright);font-size:22px;animation-delay:0s;top:8px;right:0}.exercises-start-mascot .mascot-note.n2{color:var(--teal);font-size:18px;animation-delay:.8s;top:28px;left:-4px}.exercise-sections{flex-direction:column;gap:12px;display:flex}.exercises-page .exercise-section-panel{border-radius:var(--shell-r);background:var(--surface);margin-bottom:0}.exercise-section-panel .exercise-section-desc{margin:-6px 0 12px}.exercises-page .exercise-section-panel .exercise-card{border-radius:var(--tile-radius);box-shadow:none;min-height:140px;padding:12px}.exercises-page .exercise-section-panel .exercise-icon-wrap{border-radius:calc(var(--tile-radius) + 2px)}.exercises-page .exercise-section-panel .exercise-card:hover{box-shadow:0 6px 16px #00000038}.exercise-section-desc{color:var(--muted);max-width:520px;margin:0;font-size:13px;font-weight:600;line-height:1.45}.exercise-grid--panel{margin-bottom:0}.exercise-card{border-radius:var(--radius);color:#fff;text-align:left;cursor:pointer;background:#262e58;border:none;flex-direction:column;align-items:flex-start;gap:6px;width:100%;min-height:152px;padding:14px;font-family:inherit;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 24px #00000040}.exercise-card-preview-wrap{pointer-events:none;align-self:stretch;width:100%;min-width:0;height:48px}.exercise-card-preview-icon-cell{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.exercise-card-preview{width:100%;height:100%;margin:0;display:block}.exercise-icon-wrap{z-index:1;background:#0000006b;border-radius:12px;flex-shrink:0;place-items:center;width:48px;height:48px;display:grid;position:relative}.exercise-card .exercise-icon-wrap{background:var(--card-accent,#0000006b)}.exercise-card .exercise-desc{color:#ffffffd1}.exercise-page-title .exercise-icon-wrap{width:40px;height:40px}.exercise-name{letter-spacing:0;z-index:1;margin-top:4px;font-size:19px;font-weight:800;line-height:1.1;position:relative}.exercise-card-copy{flex-direction:column;flex:1;align-items:flex-start;gap:6px;width:100%;min-width:0;display:flex}.exercise-card-preview-word{letter-spacing:-.2px;text-transform:lowercase;font-family:inherit;font-size:9px;font-weight:800}.exercise-desc{opacity:1;z-index:1;max-width:100%;margin-bottom:0;font-size:13px;font-weight:600;line-height:1.35;position:relative}.exercise-best{z-index:2;background:#00000038;border-radius:8px;align-items:center;gap:4px;padding:3px 7px;font-size:12px;font-weight:700;display:inline-flex;position:absolute;top:10px;right:10px}@media (width<=900px){.app-shell{flex-direction:column}.sidebar{z-index:40;flex-direction:column;width:100%;padding:12px 16px;position:relative}.sidebar-header{z-index:60;background:0 0;grid-template-columns:1fr 42px;align-items:center;gap:12px;width:100%;display:grid;position:sticky;top:0}.sidebar-header:has(.mobile-header-back){grid-template-columns:42px 1fr 42px}.sidebar-header-logo{grid-column:1;justify-content:flex-start;justify-self:start;min-width:0;display:flex}.sidebar-header:has(.mobile-header-back) .sidebar-header-logo{grid-column:2;justify-content:center;justify-self:center}.sidebar-header-logo .sidebar-brand,.sidebar-header-logo .sidebar-brand-btn{margin-bottom:0}.mobile-header-back{background:var(--surface);width:42px;height:42px;color:var(--text);cursor:pointer;border:none;border-radius:12px;flex-shrink:0;grid-column:1;justify-content:center;align-items:center;padding:0;transition:background .15s;display:inline-flex}.mobile-header-back:hover{background:var(--surface-raised)}.menu-toggle{grid-column:3;justify-self:end}.exercise-page-header .back-btn{display:none}.exercise-page-header{gap:8px}.exercise-page-title-row{width:100%}.exercise-page-stats{gap:6px;width:100%;margin-left:0}.exercise-page-title-stats .stat-pill,.exercise-page-stats .stat-pill{border-radius:10px;gap:4px;padding:4px 8px}.exercise-page-title-stats .stat-pill-val,.exercise-page-stats .stat-pill-val{font-size:16px}.exercise-page-title-stats .stat-pill-lbl,.exercise-page-stats .stat-pill-lbl{letter-spacing:.5px;font-size:8px}.stat-pill--round .stat-round-word{display:none}.sidebar-brand,.sidebar-brand-btn{margin-bottom:0}.sidebar-brand .logo,.logo-sidebar{font-size:36px}.sidebar-brand .logo-img{height:26px}.menu-toggle{background:var(--surface);width:42px;height:42px;color:var(--text);cursor:pointer;border:none;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:background .15s;display:inline-flex}.menu-toggle:hover{background:var(--surface-raised)}.nav-backdrop{z-index:45;cursor:pointer;background:#08090ea6;border:none;padding:0;display:block;position:fixed;inset:0}.sidebar-drawer{z-index:50;background:var(--surface-blue);width:min(280px,86vw);box-shadow:var(--shadow-lg);pointer-events:none;visibility:hidden;flex:none;padding:72px 14px 20px;transition:transform .22s;position:fixed;top:0;bottom:0;left:0;transform:translate(-105%)}.sidebar-drawer.open{pointer-events:auto;visibility:visible;transform:translate(0)}.sidebar-nav{flex:1;overflow:auto}.hero-row:not(.hero-row--wallet){flex-direction:column;align-items:flex-start}.hero-mascot{align-self:center}.exercises-start-here{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:16px 12px 16px 16px}.exercises-start-title{font-size:clamp(18px,4.8vw,24px)}.exercises-start-desc{max-width:none;font-size:13px}.exercises-start-preview{max-width:100%;height:40px}.exercises-start-side{flex-shrink:0;justify-content:flex-end;align-self:center;width:auto;min-width:0;padding-bottom:0}.exercises-start-mascot{width:80px;height:78px}.exercises-start-mascot .mascot-emoji{width:80px;height:auto}.exercises-start-mascot .mascot-note.n1{font-size:18px;top:4px;right:-2px}.exercises-start-mascot .mascot-note.n2{font-size:15px;top:22px;left:-6px}.exercise-grid{grid-template-columns:repeat(2,1fr)}.exercise-card{flex-direction:row;align-items:flex-start;gap:12px;min-height:0}.exercise-card-preview-wrap{width:100%;height:48px}.exercise-card .exercise-name{margin-top:0;font-size:20px}.exercise-card:has(.exercise-best) .exercise-name{padding-right:52px}.exercise-card .exercise-desc{max-width:100%;margin-bottom:0}}@media (width<=720px){.exercise-grid{grid-template-columns:1fr}}@media (width<=520px){.choose-page{padding:8px var(--page-gutter) 20px}.hero-title{font-size:28px}.hero-title-icon{width:26px;height:26px}.exercise-card .exercise-name{font-size:18px}}.content-page{width:100%;max-width:var(--page-max);padding:8px var(--page-gutter) 28px;flex-direction:column;flex:1;min-height:0;margin:0 auto;display:flex}@media (width>=901px){.choose-page,.content-page{padding-top:24px}}.exercise-page-header{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:14px;display:flex}.exercise-page-title-row{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.exercise-page-title{flex:1;align-items:flex-start;gap:10px;min-width:0;margin:0;font-size:24px;font-weight:800;display:inline-flex}.exercise-page-title-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.exercise-page-title-stats{flex-shrink:0;margin-left:auto}.exercise-page-stats{flex-wrap:wrap;align-items:center;gap:8px;margin-left:auto;display:flex}.stat-pill{background:var(--panel);box-shadow:var(--shadow-soft);white-space:nowrap;border-radius:12px;align-items:baseline;gap:7px;padding:6px 14px;display:inline-flex}.stat-pill-val{font-size:20px;font-weight:700;line-height:1}.stat-pill-lbl{color:var(--muted);text-transform:uppercase;letter-spacing:1px;font-size:10px;font-weight:700}.stage-panel{min-height:0;box-shadow:var(--shadow);background:var(--panel);border-radius:8px;flex:1;position:relative;overflow:hidden}.stage-badge{z-index:3;letter-spacing:.4px;pointer-events:none;color:#fff;background:#0000006b;border-radius:10px;align-items:center;gap:6px;padding:5px 12px;font-size:13px;font-weight:700;display:inline-flex;position:absolute;top:12px}.stage-badge.left{left:16px}.stage-badge.right{text-transform:uppercase;letter-spacing:.8px;background:var(--pink);font-size:11px;right:16px}.stage-live-dot{background:#fff;border-radius:50%;width:7px;height:7px;animation:1.4s ease-in-out infinite live-pulse;display:inline-block}@keyframes live-pulse{0%,to{opacity:1}50%{opacity:.45}}.progress-track{background:#00000059;border-radius:999px;height:12px;overflow:hidden}.round-progress-track{height:12px}.progress-fill{border-radius:999px;height:100%;transition:width 50ms linear}.hud-note{color:var(--gold-bright);filter:drop-shadow(0 2px 12px #00000059);font-size:56px;font-weight:800;line-height:1.05}.hud-count{color:var(--gold-bright);filter:drop-shadow(0 4px 16px #0006);font-size:112px;font-weight:800;line-height:1}.hud-label{color:var(--muted);letter-spacing:1.5px;text-transform:uppercase;font-size:12px;font-weight:600}.hud-caption{color:var(--muted);letter-spacing:1.5px;text-transform:uppercase;margin-top:8px;font-size:11px;font-weight:600}@media (width<=720px){.keyboard-hint{display:none}.exercise-page-title{gap:8px;font-size:18px}.exercise-page-title .exercise-icon-wrap{border-radius:10px;width:32px;height:32px}.exercise-page-title .exercise-icon-wrap svg,.exercise-page-title>svg{width:18px;height:18px}.round-progress-track{height:6px}.live-readout{gap:8px}.live-readout .chip{border-radius:10px;padding:5px 10px}.live-readout .chip .val{font-size:18px}.live-readout .chip-val-note{min-width:40px}.live-readout .chip .lbl{letter-spacing:1px;margin-top:2px;font-size:8px}.live-readout .chip-lbl-tuning{margin-top:5px}.live-readout .cents-track{width:110px;height:8px}.live-readout .cents-track:after{height:12px}.metronome-control{flex-wrap:wrap;gap:10px;padding:10px 12px}.metronome-control-icon svg{width:20px;height:20px}.metronome-control-btn{padding:8px 12px;font-size:13px}.metronome-control-tempo{flex:100%;gap:8px;min-width:0;margin-left:0}.metronome-control-bpm{min-width:62px;font-size:15px}.metronome-control-bpm-label{font-size:10px}.exercise-page-stats .live-readout{justify-content:flex-end}}.beat-dot{background:var(--grid);border-radius:50%;width:20px;height:20px;margin:0 auto;transition:transform 80ms,background 80ms}.piano-keyboard{height:var(--piano-h,96px);--piano-shell-radius:clamp(4px, 1.5vw, 8px);--piano-key-radius:clamp(3px, 1vw, 7px);--piano-black-radius:clamp(2px, .75vw, 6px);border-radius:0 0 var(--piano-shell-radius) var(--piano-shell-radius);width:100%;box-shadow:var(--shadow);background:var(--panel2);gap:2px;padding:2px;display:flex;position:relative;overflow:hidden}.piano-key{cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;padding:0;font-family:inherit}.piano-key--white{color:#2a1e00;background:#f3efe6;flex:1 1 0;justify-content:center;align-items:flex-end;width:0;min-width:0;padding-bottom:clamp(3px,1.2vw,6px);display:flex}.piano-key--white-first{border-radius:0 0 0 var(--piano-key-radius)}.piano-key--white-last{border-radius:0 0 var(--piano-key-radius) 0}.piano-key--white-mid{border-radius:0 0 var(--piano-key-radius) var(--piano-key-radius)}.piano-key--white.piano-key--playing{background:var(--magenta-bright);color:#fff}.piano-key--white.piano-key--target{background:var(--yellow)}.piano-key-label{text-align:center;text-overflow:clip;white-space:nowrap;pointer-events:none;width:100%;min-height:1em;font-size:clamp(5px,2.4vw,10px);font-weight:700;line-height:1;display:block;overflow:hidden}.piano-key--black{height:calc(var(--piano-h,96px) * .6);border-radius:0 0 var(--piano-black-radius) var(--piano-black-radius);z-index:2;background:#15161f;position:absolute;top:2px}.piano-key--black.piano-key--labeled{justify-content:center;align-items:flex-end;padding-bottom:2px;display:flex}.piano-key-label--black{color:#ffffffe0;font-size:clamp(4px,1.6vw,8px);font-weight:800;line-height:1}.piano-key--black.piano-key--playing{background:#ff6eb0}.piano-key--black.piano-key--target{background:var(--teal)}@media (width<=480px){.piano-keyboard{--piano-shell-radius:clamp(3px, 2vw, 6px);--piano-key-radius:clamp(2px, 1.6vw, 5px);--piano-black-radius:clamp(2px, 1.2vw, 4px);gap:1px;padding:1px}}.results-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:6;background:#08090ec7;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.results-card{text-align:center;border-radius:var(--radius);min-width:320px;box-shadow:var(--shadow-lg);padding:30px 42px;overflow:visible}.results-overlay .results-card{background:var(--surface);color:var(--text);animation:.42s cubic-bezier(.16,1,.3,1) both results-card-in}.results-title{font-family:var(--font-pixel);letter-spacing:0;text-transform:uppercase;color:var(--gold-bright);text-shadow:3px 3px #0000009e;margin:0 0 10px;font-size:clamp(36px,7vw,52px);font-weight:400;line-height:1;animation:.5s cubic-bezier(.12,1.4,.32,1) both results-title-in}.results-stars{justify-content:center;align-items:center;gap:10px;min-height:64px;margin:8px 0 4px;display:flex}.results-star{color:#f5f3ef38;transform-origin:50% 70%;display:inline-flex;position:relative}.results-star svg{filter:drop-shadow(0 2px #00000059);display:block}.results-star.is-lit{color:var(--gold);z-index:1;animation:.48s cubic-bezier(.12,1.5,.32,1) both results-star-bash}.results-star-shock{border:3px solid var(--gold-bright);pointer-events:none;border-radius:50%;width:10px;height:10px;margin:-5px 0 0 -5px;animation:.42s ease-out forwards results-star-shock;position:absolute;top:50%;left:50%}.results-badge{z-index:2;color:#fff;filter:drop-shadow(3px 3px #00000059);pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:0;width:62px;height:62px;display:flex;position:absolute;top:-12px;left:calc(100% + 12px);transform:rotate(14deg)}.results-badge-burst{background:var(--pink);clip-path:polygon(50% 0%,52.6% .7%,55% 2.5%,57.2% 4.5%,59.3% 6.2%,61.5% 7%,63.9% 7.4%,66.5% 7%,69.4% 6.3%,72.4% 6%,75% 6.7%,76.9% 8.6%,78.1% 11.3%,79% 14.2%,80% 16.7%,81.5% 18.5%,83.3% 20%,85.8% 21%,88.7% 21.9%,91.4% 23.1%,93.3% 25%,94% 27.6%,93.7% 30.6%,93% 33.5%,92.6% 36.1%,93% 38.5%,93.8% 40.7%,95.5% 42.8%,97.5% 45%,99.3% 47.4%,100% 50%,99.3% 52.6%,97.5% 55%,95.5% 57.2%,93.8% 59.3%,93% 61.5%,92.6% 63.9%,93% 66.5%,93.7% 69.4%,94% 72.4%,93.3% 75%,91.4% 76.9%,88.7% 78.1%,85.8% 79%,83.3% 80%,81.5% 81.5%,80% 83.3%,79% 85.8%,78.1% 88.7%,76.9% 91.4%,75% 93.3%,72.4% 94%,69.4% 93.7%,66.5% 93%,63.9% 92.6%,61.5% 93%,59.3% 93.8%,57.2% 95.5%,55% 97.5%,52.6% 99.3%,50% 100%,47.4% 99.3%,45% 97.5%,42.8% 95.5%,40.7% 93.8%,38.5% 93%,36.1% 92.6%,33.5% 93%,30.6% 93.7%,27.6% 94%,25% 93.3%,23.1% 91.4%,21.9% 88.7%,21% 85.8%,20% 83.3%,18.5% 81.5%,16.7% 80%,14.2% 79%,11.3% 78.1%,8.6% 76.9%,6.7% 75%,6% 72.4%,6.3% 69.4%,7% 66.5%,7.4% 63.9%,7% 61.5%,6.2% 59.3%,4.5% 57.2%,2.5% 55%,.7% 52.6%,0% 50%,.7% 47.4%,2.5% 45%,4.5% 42.8%,6.2% 40.7%,7% 38.5%,7.4% 36.1%,7% 33.5%,6.3% 30.6%,6% 27.6%,6.7% 25%,8.6% 23.1%,11.3% 21.9%,14.2% 21%,16.7% 20%,18.5% 18.5%,20% 16.7%,21% 14.2%,21.9% 11.3%,23.1% 8.6%,25% 6.7%,27.6% 6%,30.6% 6.3%,33.5% 7%,36.1% 7.4%,38.5% 7%,40.7% 6.2%,42.8% 4.5%,45% 2.5%,47.4% .7%);animation:5.5s linear infinite results-badge-spin;position:absolute;inset:0}.results-badge svg,.results-badge-copy{z-index:1;position:relative}.results-badge-copy{font-family:var(--font-pixel);letter-spacing:0;text-transform:uppercase;text-align:center;font-size:15px;font-weight:400;line-height:.85}.results-notes-earned{color:var(--teal);flex-direction:column;align-items:center;gap:4px;margin:0 0 18px;font-size:18px;font-weight:800;display:flex}.results-notes-earned>span:first-of-type{align-items:center;gap:6px;display:inline-flex}.results-notes-breakdown{opacity:.72;color:var(--text);font-size:12px;font-weight:600}.results-score-wrap{justify-content:center;padding:14px 96px 18px;display:flex}.results-score-row{align-items:center;display:inline-flex;position:relative}.results-score{color:var(--magenta-bright);letter-spacing:-.5px;filter:drop-shadow(0 2px 8px #00000040);min-width:4.5ch;font-size:clamp(48px,8vw,64px);font-weight:800;line-height:1}.results-badge-thud{animation:.48s cubic-bezier(.12,1.45,.32,1) both results-badge-thud}.results-thud{animation:.42s cubic-bezier(.12,1.5,.32,1) both results-thud}.results-balance-stage{justify-content:center;min-height:48px;margin:4px 0 28px;display:flex;position:relative}.results-wallet-stage{justify-content:center;min-height:118px;margin:8px auto 20px;display:flex;position:relative;overflow:visible}.player-wallet--results{pointer-events:none;width:min(100%,320px);margin:0 auto;overflow:visible}.player-wallet--results .player-wallet-profile{cursor:default}.results-balance{background:var(--surface-blue);color:#fff;border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:9px 16px 9px 12px;font-size:20px;font-weight:800;line-height:1;display:inline-flex}.results-balance svg{color:var(--magenta-bright);flex-shrink:0}.results-balance-n{font-variant-numeric:tabular-nums;text-align:left;min-width:2.5ch}.results-balance.is-hit{animation:.28s ease-out results-balance-hit}.results-coin-float{pointer-events:none;white-space:nowrap;flex-direction:column;align-items:flex-start;gap:2px;animation:1.6s ease-out forwards results-coin-float;display:flex;position:absolute;top:2px;left:calc(50% + 62px)}.results-coin-amt{color:var(--teal);text-shadow:0 1px #00000073;align-items:center;gap:4px;font-size:18px;font-weight:800;display:inline-flex}.results-coin-lbl{letter-spacing:.4px;text-transform:uppercase;color:#fff;opacity:.9;text-shadow:0 1px #00000073;font-size:11px;font-weight:800}@keyframes results-balance-hit{0%{transform:scale(1)}35%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes results-coin-float{0%{opacity:0;transform:translate(8px,8px)scale(.72)}10%{opacity:1;transform:translate(0)scale(1.06)}38%{opacity:1;transform:translate(2px,-10px)scale(1)}to{opacity:0;transform:translate(6px,-56px)scale(1)}}.results-accuracy{opacity:.8;margin-bottom:16px;font-size:15px;font-weight:600}.results-tail{opacity:0;pointer-events:none;transform:translateY(10px)}.results-tail.is-in{pointer-events:auto;animation:.4s ease-out forwards results-tail-in}.results-actions{flex-direction:column;align-items:stretch;gap:10px;display:flex}.results-next-btn{justify-content:center;align-items:center;gap:8px;width:100%;display:inline-flex}.results-actions-row{justify-content:center;gap:10px;display:flex}.results-actions-row .btn{flex:1;justify-content:center;align-items:center;gap:6px;display:inline-flex}.results-overlay .btn.ghost{background:var(--surface-raised)}@keyframes results-card-in{0%{opacity:0;transform:translateY(18px)scale(.92)}to{opacity:1;transform:none}}@keyframes results-title-in{0%{opacity:0;transform:scale(.45)rotate(-6deg)}70%{opacity:1;transform:scale(1.08)rotate(1.5deg)}to{transform:scale(1)rotate(0)}}@keyframes results-badge-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes results-badge-thud{0%{opacity:0;transform:scale(1.75)rotate(38deg)translate(-8px,-30px)}52%{opacity:1;transform:scale(.9)rotate(8deg)translate(2px,5px)}to{opacity:1;transform:scale(1)rotate(14deg)translate(0)}}@keyframes results-thud{0%{opacity:0;transform:scale(1.45)translateY(-18px)}55%{opacity:1;transform:scale(.92)translateY(4px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes results-star-bash{0%{filter:brightness(2.1);transform:scale(2.8)translateY(-36px)rotate(-16deg)}48%{transform:scale(.78)translateY(8px)rotate(7deg)}72%{transform:scale(1.16)translateY(-5px)rotate(-3deg)}to{filter:brightness();transform:scale(1)translateY(0)rotate(0)}}@keyframes results-star-shock{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(6.5)}}@keyframes results-tail-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.results-overlay .results-card,.results-title,.results-star.is-lit,.results-star-shock,.results-thud,.results-badge-thud,.results-badge-burst,.results-balance.is-hit,.results-coin-float,.player-wallet-currency-n.is-hit,.player-wallet-notes-float-motion,.player-wallet-notes-earn-float-motion,.results-tail,.results-tail.is-in{animation:none}.results-badge-thud{transform:rotate(14deg)}.results-coin-float,.player-wallet-notes-float-motion,.player-wallet-notes-earn-float-motion{display:none}.hub-egg-card-visual--shake,.hatch-reveal-egg-stage--crack .egg-model-3d,.hatch-reveal-egg-stage--burst .egg-model-3d,.hatch-reveal-flash,.hatch-reveal-pet-stage{animation:none}.hatch-reveal-egg-stage--burst .egg-model-3d{opacity:0}.results-tail,.results-tail.is-in{opacity:1;pointer-events:auto;transform:none}.results-star.is-lit{filter:none;transform:none}}.cents-track{background:#00000059;border-radius:999px;width:160px;height:10px;margin-top:4px;position:relative}.cents-track:after{content:"";background:var(--muted);width:2px;height:14px;position:absolute;top:-2px;left:50%;transform:translate(-50%)}.mic-meter-track{--fill:2%;--mic-track:color-mix(in srgb, var(--muted) 28%, var(--panel2));--mic-fill:var(--teal);height:12px;box-shadow:var(--shadow-soft);background-image:linear-gradient(var(--mic-track), var(--mic-track)), linear-gradient(var(--mic-fill), var(--mic-fill));background-size:calc(100% - var(--fill,0%)) 100%, 100% 100%;background-position:100%,0;background-repeat:no-repeat;border-radius:999px;transition:background-size 60ms linear;overflow:hidden}@media (width<=520px){.content-page{padding:8px var(--page-gutter) 20px}.exercise-page-title{gap:6px;font-size:16px}.exercise-page-title .exercise-icon-wrap{border-radius:8px;width:28px;height:28px}.exercise-page-title .exercise-icon-wrap svg,.exercise-page-title>svg{width:16px;height:16px}}.hub-dashboard{--hub-gutter:var(--page-gutter);--hub-max:var(--page-max);--hub-inset:max(var(--hub-gutter), calc((100% - var(--hub-max)) / 2));--hub-banner-inset:max(22px, calc((100% - var(--hub-max)) / 2));--hub-surface:var(--surface);--hub-surface-inner:var(--surface-raised);width:100%;padding:0 0 32px}.hub-body{--hub-r:var(--shell-r);--hub-p:var(--shell-p);z-index:4;box-sizing:border-box;width:calc(100% - 2 * var(--hub-inset));max-width:var(--hub-max);padding:var(--hub-p);border-radius:var(--hub-r);-webkit-backdrop-filter:blur(12px);background:#101428c2;margin:-86px auto 0;position:relative}.hub-body .hub-panel,.hub-body .hub-action-card,.hub-body .hub-pet-card,.hub-body .hub-egg-card,.hub-body .hub-egg-card--more{border-radius:var(--tile-radius)}.hub-progress-track--profile{width:100%;height:5px}.hub-grid{grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:18px;display:grid}.hub-meadow{background:linear-gradient(#1e6aad 0%,#3d8ec8 22%,#5ea8dc 45%,#8ec5eb 68%,#b8daf2 86%,#d8ebf8 100%);width:100%;margin-bottom:0;position:relative;overflow:hidden}.hub-meadow-overlay{pointer-events:none;z-index:2;position:absolute;inset:0}.hub-meadow-canvas{z-index:1;width:100%;height:min(44vw,460px);min-height:400px;position:relative}.hub-meadow-canvas canvas{display:block;width:100%!important;height:100%!important}.hub-meadow-canvas--interactive canvas{cursor:grab;touch-action:none}.hub-meadow-speech-html{pointer-events:none!important}.hub-pet-speech-bubble{width:max-content;max-width:min(46vw,200px);color:var(--surface);font-family:var(--font-pixel);letter-spacing:0;text-transform:uppercase;text-align:center;background:#fff;border:none;border-radius:0;padding:7px 11px;font-size:clamp(14px,1.85vw,20px);font-weight:400;line-height:1.2;position:relative;box-shadow:3px 3px #0000009e}.hub-pet-speech-tail{filter:drop-shadow(2px 2px #0000009e);pointer-events:none;width:10px;height:10px;margin-top:-1px;line-height:0;display:block;position:absolute;top:100%;left:22%}.hub-pet-speech-tail svg{shape-rendering:crispedges;width:100%;height:100%;display:block}.hub-meadow-copy--overlay{top:14px;left:var(--hub-banner-inset);right:var(--hub-banner-inset);padding:0 min(300px,42%) 0 0;position:absolute;container-type:inline-size}.hub-meadow-copy--overlay .hub-meadow-title{color:#fff;font-family:var(--font-pixel);letter-spacing:0;text-transform:uppercase;width:max-content;max-width:100%;text-shadow:3px 3px 0 var(--surface);margin:0;font-size:clamp(24px,11cqi,64px);font-weight:400;line-height:1.05}.hub-meadow-copy--overlay .hub-meadow-lead{color:#fffffff2;max-width:min(420px,100%);text-shadow:1.5px 1.5px 0 var(--surface);margin:2px 0 0;font-size:16px;font-weight:700;line-height:1.3}@media (width<=1280px) and (width>=641px){.hub-meadow-copy--overlay .hub-meadow-title{font-size:clamp(20px,8.5cqi,46px)}.hub-meadow-copy--overlay .hub-meadow-lead{max-width:min(300px,88%);font-size:15px;line-height:1.35}}@media (width<=960px){.hub-meadow-copy--overlay .hub-meadow-title{font-size:clamp(26px,9cqi,44px)}.hub-meadow-copy--overlay .hub-meadow-lead{font-size:15px;line-height:1.35}.hero-title{font-size:clamp(26px,3.4vw,32px)}.hero-sub{font-size:14px}}.hub-meadow-copy{padding:16px 18px 0}.hub-meadow-title{letter-spacing:-.5px;margin:0 0 6px;font-size:clamp(22px,3vw,30px);font-weight:800}.hub-meadow-lead{color:var(--muted);max-width:36em;margin:0;font-size:14px;font-weight:600;line-height:1.4}.hub-actions-row{margin-bottom:18px}.hub-featured-exercises{margin-top:16px}.hub-featured-exercises .hub-section-title svg{color:var(--orange)}.hub-featured-exercises .exercise-card{border-radius:var(--tile-radius);box-shadow:none;min-height:140px;padding:12px}.hub-featured-exercises .exercise-card:hover{box-shadow:0 6px 16px #00000038}.hub-featured-exercises .exercise-icon-wrap{border-radius:calc(var(--tile-radius) + 2px)}.hub-inventory-row{grid-template-columns:1fr 1fr;align-items:stretch;gap:16px;display:grid}.hub-inventory-row .hub-collection{margin-bottom:0}.hub-inventory-row .hub-collection.hub-panel{flex-direction:column;min-height:0;display:flex}.hub-inventory-row .hub-section-title{margin-bottom:14px}.hub-inventory-row .hub-pet-cards,.hub-inventory-row .hub-egg-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.hub-inventory-row .hub-pet-card,.hub-inventory-row .hub-egg-card:not(.hub-egg-card--more){background:#262e58}.hub-inventory-row .hub-egg-card--more{background:color-mix(in srgb, var(--hub-surface-inner) 50%, transparent)}.hub-progress-track{background:color-mix(in srgb, var(--muted) 25%, transparent);border-radius:999px;height:8px;overflow:hidden}.hub-progress-track--sm{height:6px}.hub-progress-track--labeled{background:color-mix(in srgb, var(--muted) 32%, transparent);align-items:center;height:18px;display:flex;position:relative}.hub-progress-track--labeled.hub-progress-track--sm{height:16px}.hub-progress-track--labeled .hub-progress-fill{border-radius:inherit;height:100%;position:absolute;inset:0 auto 0 0}.hub-progress-fill{border-radius:inherit;background:var(--gold-bright);height:100%;transition:width .3s}.hub-progress-fill--xp{background:var(--teal)}.hub-progress-fill--hatch{background:var(--magenta-bright)}.hub-egg-card-visual{justify-content:center;align-items:flex-end;width:100%;min-height:108px;display:flex}.hub-egg-card-visual--shake{transform-origin:bottom;animation:.55s ease-in-out infinite hub-egg-shake}@keyframes hub-egg-shake{0%,to{transform:rotate(0)}20%{transform:rotate(-5deg)}40%{transform:rotate(5deg)}60%{transform:rotate(-3deg)}80%{transform:rotate(3deg)}}.hub-egg-hatch-btn{z-index:3;letter-spacing:.3px;border-radius:10px;width:auto;margin:0;padding:7px 10px;font-size:11px;position:absolute;bottom:12px;left:12px;right:12px}.hub-egg-card--ready .hub-egg-card-meta{pointer-events:none;min-height:16px}.hub-egg-card--ready .hub-egg-hatch-btn{pointer-events:auto}.hatch-reveal-overlay{z-index:120;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#08090ed1;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.hatch-reveal-inline-wrap{width:100%;margin:0 auto}.hatch-reveal-inline{text-align:center;width:100%;padding:4px 0 0}.hatch-reveal-inline .hatch-reveal-egg-stage{min-height:180px}.hatch-reveal-inline .hatch-reveal-pet-stage{min-height:260px}.hatch-reveal-card{border-radius:var(--radius);background:var(--surface);width:min(100%,380px);box-shadow:var(--shadow-lg);text-align:center;padding:28px 24px 24px;animation:.42s cubic-bezier(.16,1,.3,1) both results-card-in}.hatch-reveal-egg-stage{justify-content:center;align-items:center;min-height:220px;display:flex;position:relative}.hatch-reveal-egg-stage--crack .egg-model-3d{transform-origin:bottom;animation:.18s ease-in-out infinite hatch-reveal-crack}.hatch-reveal-egg-stage--burst .egg-model-3d{transform-origin:50%;animation:.45s cubic-bezier(.16,1,.3,1) forwards hatch-reveal-burst}.hatch-reveal-flash{border-radius:inherit;pointer-events:none;background:radial-gradient(circle,#fffffff2 0%,#ff78c873 38%,#0000 72%);animation:.45s ease-out forwards hatch-reveal-flash;position:absolute;inset:0}.hatch-reveal-pet-stage{flex-direction:column;align-items:center;gap:6px;min-height:280px;animation:.55s cubic-bezier(.12,1.35,.32,1) both hatch-reveal-pet-in;display:flex}.hatch-reveal-kicker{letter-spacing:.4px;text-transform:uppercase;color:var(--gold-bright);align-items:center;gap:6px;margin:0;font-size:13px;font-weight:800;display:inline-flex}.hatch-reveal-title{font-family:var(--font-pixel);color:#fff;text-transform:uppercase;text-shadow:3px 3px #0000008c;margin:0;font-size:clamp(34px,8vw,48px);font-weight:400;line-height:1}.hatch-reveal-dex{letter-spacing:.5px;color:var(--text);opacity:.72;margin:0 0 8px;font-size:14px;font-weight:800}.hatch-reveal-pet{justify-content:center;align-items:flex-end;width:100%;min-height:160px;display:flex}.hatch-reveal-pet .pet-model-3d{width:140px;height:140px}.hatch-reveal-done{min-width:160px;margin-top:8px}.hatch-reveal-invite{color:var(--muted);margin:0 0 14px;font-size:15px;font-weight:600;line-height:1.45}@keyframes hatch-reveal-crack{0%,to{transform:rotate(0)scale(1)}25%{transform:rotate(-7deg)scale(1.02)}50%{transform:rotate(7deg)scale(1.03)}75%{transform:rotate(-4deg)scale(1.01)}}@keyframes hatch-reveal-burst{0%{opacity:1;transform:scale(1)rotate(0)}45%{opacity:1;transform:scale(1.18)rotate(8deg)}to{opacity:0;transform:scale(1.6)rotate(14deg)}}@keyframes hatch-reveal-burst-inline{0%{opacity:1;transform:scale(1)rotate(0)}45%{opacity:1;transform:scale(1.08)rotate(8deg)}to{opacity:0;transform:scale(1.22)rotate(14deg)}}@keyframes hatch-reveal-flash{0%{opacity:0;transform:scale(.6)}30%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.35)}}@keyframes hatch-reveal-pet-in{0%{opacity:0;transform:translateY(18px)scale(.88)}to{opacity:1;transform:translateY(0)scale(1)}}.onboarding-stage--hatching .hatch-reveal-inline-wrap{flex-direction:column;flex:1;width:100%;height:100%;min-height:0;display:flex;overflow:visible}.onboarding-stage--hatching .hatch-reveal-inline{flex-direction:column;flex:1;align-items:center;width:100%;height:100%;min-height:0;padding:0;display:flex;overflow:visible}.onboarding-stage--hatching .hatch-reveal-inline .hatch-reveal-egg-stage,.onboarding-stage--hatching .hatch-reveal-inline .hatch-reveal-pet-stage{box-sizing:border-box;flex-direction:column;flex:auto;justify-content:center;align-items:center;width:100%;min-height:0;display:flex;overflow:visible}.onboarding-stage--hatching .hatch-reveal-inline .hatch-reveal-pet-stage{animation:.55s cubic-bezier(.12,1.35,.32,1) both hatch-reveal-pet-in-inline}.onboarding-stage--hatching .hatch-reveal-inline .hatch-reveal-pet{min-height:0}.onboarding-stage--hatching .hatch-reveal-egg-stage--burst .egg-model-3d{animation:.45s cubic-bezier(.16,1,.3,1) forwards hatch-reveal-burst}.onboarding-stage--hatching .hatch-reveal-egg-stage .hatch-reveal-flash{border-radius:50%;animation:.45s ease-out forwards hatch-reveal-flash}.onboarding-stage--hatching .hatch-reveal-inline .hatch-reveal-invite{flex:none;margin:0 0 10px}.onboarding-stage--hatching .hatch-reveal-inline .onboarding-action-btn{flex:none;margin-top:auto;margin-bottom:0}@keyframes hatch-reveal-pet-in-inline{0%{opacity:0;transform:translateY(8px)scale(.92)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes hatch-reveal-flash-inline{0%{opacity:0;transform:scale(.7)}30%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.12)}}.hub-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:20px;display:grid}.hub-action-card{border-radius:var(--radius);color:#fff;text-align:left;cursor:pointer;border:none;flex-direction:row;justify-content:space-between;align-items:center;gap:12px;min-height:132px;padding:18px 16px 13px 12%;font-family:inherit;display:flex;position:relative;overflow:hidden}.hub-action-copy{flex-direction:column;flex:0 auto;align-items:flex-start;gap:6px;min-width:0;display:flex}.hub-action-card--warmup{background:var(--blue);border-bottom:5px solid color-mix(in srgb, var(--blue) 68%, #000)}.hub-action-card--practise{background:var(--green);border-bottom:5px solid color-mix(in srgb, var(--green) 68%, #000)}.hub-action-card--hatch{background:var(--magenta-bright);border-bottom:5px solid color-mix(in srgb, var(--magenta-bright) 68%, #000)}.hub-action-bg-art--mic,.hub-action-bg-art--target,.hub-action-bg-art--egg{flex:auto;place-items:center;width:auto;min-width:0;height:96px;display:grid}.hub-action-bg-art img{object-fit:contain;object-position:center;width:96px;height:96px;display:block}.hub-action-bg-art--mic img{width:52.694px;height:96px}.hub-action-bg-art--egg .egg-model-3d{width:96px;height:96px}@media (width<=1440px){.hub-action-bg-art--mic,.hub-action-bg-art--target,.hub-action-bg-art--egg{height:84px}.hub-action-bg-art img,.hub-action-bg-art--egg .egg-model-3d{width:84px;height:84px}.hub-action-bg-art--mic img{width:46.1073px;height:84px}}.hub-action-kicker{font-family:var(--font-pixel);letter-spacing:0;text-transform:uppercase;text-shadow:2px 2px #0000009e;font-size:clamp(22px,2.4vw,30px);font-weight:400;line-height:.7}.hub-action-title{letter-spacing:0;opacity:.92;font-size:11px;font-weight:600;line-height:1.35}.hub-section-title{align-items:center;gap:8px;margin:0 0 12px;font-size:24px;display:flex}.hub-panel-title{align-items:center;gap:8px;margin:0 0 10px;font-size:22px;display:flex}.choose-page .hub-panel-title{margin:0 0 12px;font-size:24px}#my-pets .hub-section-title svg,.hub-collection#my-pets .hub-section-title svg{color:var(--magenta-bright)}#my-eggs .hub-section-title svg,.hub-collection--eggs .hub-section-title svg{color:var(--gold-bright)}.hub-section-title svg{flex-shrink:0;width:24px;height:24px}.hub-panel-title svg{flex-shrink:0;width:20px;height:20px}.choose-page .hub-panel-title svg{width:24px;height:24px}.hub-collection{margin-bottom:22px}.hub-collection.hub-featured-exercises{margin-bottom:0}.hub-pet-cards,.hub-egg-cards{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.hub-pet-card,.hub-egg-card{border-radius:var(--tile-radius);background:var(--panel2);flex-direction:column;align-items:center;gap:8px;padding:12px;display:flex;position:relative}.hub-pet-card,.hub-inventory-row .hub-egg-card{align-items:stretch;gap:6px}.hub-pet-card-header,.hub-egg-card-header{z-index:2;pointer-events:none;justify-content:space-between;align-items:flex-start;gap:8px;width:100%;margin-bottom:-20px;display:flex;position:relative}.hub-pet-card-heading,.hub-egg-card-heading{flex-direction:column;align-items:flex-start;gap:0;min-width:0;display:flex}.hub-pet-card-heart{color:var(--pink-hot);flex-shrink:0}.hub-pet-card .pet-model-3d,.hub-pet-card .voxel-pet,.hub-egg-card .egg-model-3d,.hub-egg-card .voxel-egg{z-index:1;align-self:center;position:relative}.hub-pet-card .pet-model-3d{width:108px;height:108px}.hub-pet-card .voxel-pet{--pet-scale:.72}.hub-egg-card--locked{opacity:.55}.hub-egg-card--more{border:2px dashed color-mix(in srgb, var(--muted) 35%, transparent);color:var(--muted);cursor:pointer;text-align:center;background:0 0;justify-content:center;align-items:center;gap:10px;font-family:inherit;transition:border-color .15s,color .15s}.hub-egg-card--more:hover{border-color:var(--purple-vivid);color:var(--text)}.hub-egg-more-icon{background:color-mix(in srgb, var(--muted) 15%, transparent);width:48px;height:48px;color:inherit;border-radius:50%;flex-shrink:0;place-items:center;display:grid}.hub-egg-more-label{text-align:center;font-size:12px;font-weight:800;line-height:1.2}.hub-pet-card-meta,.hub-egg-card-meta{text-align:left;width:100%;margin-top:auto;padding-top:2px}.hub-inventory-row .hub-egg-card-status,.hub-pet-card-header .hub-pet-card-level{justify-content:flex-start;margin:0}.hub-pet-card-xp{z-index:1;letter-spacing:.15px;color:#fff;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:0 6px;font-size:9px;font-weight:800;line-height:1;display:flex;position:relative}.hub-pet-card-xp span:last-child{color:#ffffffeb}.hub-pet-card-name,.hub-egg-card-name{font-size:14px;font-weight:800;line-height:1.15;display:block}.hub-pet-card-level,.hub-egg-card-status{color:var(--muted);justify-content:flex-start;align-items:center;gap:4px;margin:0;font-size:11px;font-weight:700;display:flex}.hub-progress-track--placeholder{visibility:hidden}.hub-inventory-row .hub-pet-card,.hub-inventory-row .hub-egg-card{min-height:164px;padding:12px}.hub-inventory-row .hub-egg-card--more{justify-content:center;align-items:center}.hub-sidebar{flex-direction:column;gap:12px;display:flex}.hub-panel{border-radius:var(--radius);background:var(--panel2);padding:14px 16px}.hub-body .hub-panel{background:var(--hub-surface)}.hub-news-message{color:var(--muted);margin:0;font-size:13px;font-weight:600;line-height:1.45}.hub-news-link{color:var(--teal);font-weight:800;text-decoration:none}.hub-news-link:hover{text-decoration:underline}.hub-body .hub-panel.hub-singing-tip{background:var(--purple-vivid)}.hub-singing-tip-body{align-items:flex-end;gap:8px;display:flex}.hub-singing-tip-copy{flex:1;min-width:0}.hub-singing-tip-copy .hub-panel-title{margin-bottom:8px}.hub-singing-tip-pet{flex-shrink:0;place-items:end center;width:72px;height:70px;display:grid}.hub-singing-tip-pet-img{object-fit:contain;width:72px;height:72px;display:block;transform:scale(1.25)}.hub-singing-tip-text{color:#ffffffeb;margin:0;font-size:13px;font-weight:600;line-height:1.45}.pet-model-3d{pointer-events:none;flex-shrink:0;position:relative}.pet-model-3d--spin{pointer-events:auto;cursor:grab;touch-action:none}.pet-model-3d--spin:active{cursor:grabbing}.pet-model-3d canvas{display:block;width:100%!important;height:100%!important}.pet-model-3d--sm{width:52px;height:52px}.pet-model-3d--md{width:72px;height:72px}.pet-model-3d--lg{width:108px;height:108px}.pet-model-3d--xl{width:130px;height:130px}.egg-model-3d{pointer-events:none;flex-shrink:0;position:relative}.egg-model-3d canvas{display:block;width:100%!important;height:100%!important}.egg-model-3d--sm{width:44px;height:44px}.egg-model-3d--md{width:64px;height:64px}.egg-model-3d--lg{width:96px;height:96px}.hub-egg-card .egg-model-3d--md{width:108px;height:108px}.voxel-pet{transform:scale(var(--pet-scale,1));transform-origin:bottom;flex-direction:column;align-items:center;display:flex;position:relative}.voxel-pet-body{width:48px;height:44px;position:relative}.voxel-pet-head{background:var(--pet-main);width:28px;height:24px;box-shadow:inset 0 -6px 0 var(--pet-accent);border-radius:4px;position:absolute;top:0;left:50%;translate:-50%}.voxel-pet-eye{background:var(--ink);border-radius:1px;width:5px;height:5px;position:absolute;top:8px}.voxel-pet-eye--l{left:6px}.voxel-pet-eye--r{right:6px}.voxel-pet-torso{background:var(--pet-main);width:32px;height:22px;box-shadow:inset 0 -8px 0 var(--pet-belly,var(--pet-accent));border-radius:4px;position:absolute;bottom:0;left:50%;translate:-50%}.voxel-pet-pedestal{background:#614a0e;border-radius:50%;width:40px;height:8px;margin-top:2px}.voxel-pet-ear{background:var(--pet-main);border-radius:2px;width:8px;height:16px;position:absolute;top:-10px}.voxel-pet-ear--l{left:4px;rotate:-8deg}.voxel-pet-ear--r{right:4px;rotate:8deg}.voxel-pet-ear--cat{background:var(--pet-accent);width:7px;height:10px;top:-6px}.voxel-pet-tail{background:var(--pet-main);border-radius:2px;position:absolute}.voxel-pet-tail--dino{width:14px;height:8px;bottom:8px;right:-8px}.voxel-pet-tail--fox{width:18px;height:10px;box-shadow:inset -4px 0 0 var(--pet-belly,#fff);bottom:10px;right:-12px}.voxel-pet-tail--cat{background:var(--pet-accent);width:14px;height:8px;bottom:12px;right:-10px;rotate:12deg}.voxel-pet-ear--dog{background:var(--pet-accent);width:9px;height:12px;top:-4px}.voxel-pet-ear--dog.voxel-pet-ear--l{left:3px;rotate:-24deg}.voxel-pet-ear--dog.voxel-pet-ear--r{right:3px;rotate:24deg}.voxel-pet-tail--dog{background:var(--pet-accent);width:16px;height:9px;bottom:10px;right:-14px;rotate:18deg}.voxel-pet-wing{background:var(--pet-accent);border-radius:2px;width:10px;height:14px;position:absolute;top:18px}.voxel-pet-wing--l{left:-6px;rotate:-20deg}.voxel-pet-wing--r{right:-6px;rotate:20deg}.voxel-pet-beak{background:var(--pet-belly,#fed42d);border-radius:1px;width:8px;height:6px;position:absolute;top:14px;left:50%;translate:-50%}.voxel-pet-beak--duck{background:var(--pet-accent);width:10px;height:5px}.voxel-pet-comb{background:var(--pet-accent);border-radius:2px 2px 0 0;width:8px;height:8px;position:absolute;top:-2px;left:50%;translate:-50%}.voxel-egg{flex-direction:column;align-items:center;display:flex}.voxel-egg-shell{background:var(--egg-base);border-radius:50% 50% 45% 45%;width:28px;height:34px;position:relative}.voxel-egg-spot{background:var(--egg-spot);border-radius:2px;position:absolute}.voxel-egg-spot.s1{width:6px;height:6px;top:8px;left:6px}.voxel-egg-spot.s2{width:5px;height:5px;top:16px;right:5px}.voxel-egg-spot.s3{width:4px;height:4px;bottom:8px;left:10px}.voxel-egg-nest{background:#6f5410;border-radius:50%;width:36px;height:10px;margin-top:-2px}@media (width<=1280px){.hub-grid{grid-template-columns:1fr}.hub-sidebar{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.hub-action-bg-art--mic,.hub-action-bg-art--target,.hub-action-bg-art--egg{height:76px}.hub-action-bg-art img,.hub-action-bg-art--egg .egg-model-3d{width:76px;height:76px}.hub-action-bg-art--mic img{width:41.7161px;height:76px}}@media (width<=960px){.hub-inventory-row{grid-template-columns:1fr}}@media (width<=640px){:root{--shell-r:16px;--shell-p:8px}.hub-dashboard{padding-bottom:24px}.hub-body{margin-top:-68px}.hub-actions{grid-template-columns:1fr}.hub-action-card{min-height:96px;padding:18px 20px 13px 24px}.hub-action-kicker{font-size:clamp(24px,6.5vw,32px)}.hub-action-title{font-size:14px;font-weight:700;line-height:1.4}.hub-action-bg-art--mic,.hub-action-bg-art--target,.hub-action-bg-art--egg{flex:0 0 80px;width:80px;height:80px;margin-left:auto}.hub-action-bg-art img,.hub-action-bg-art--egg .egg-model-3d{width:80px;height:80px}.hub-action-bg-art--mic img{width:43.9117px;height:80px}.hub-meadow-canvas{height:320px;min-height:320px}.hub-meadow-canvas--interactive,.hub-meadow-canvas--interactive canvas{pointer-events:none;touch-action:pan-y;cursor:default}.hub-pet-speech-bubble{max-width:min(52vw,168px);padding:6px 9px;font-size:13px}.hub-pet-speech-tail{filter:drop-shadow(1px 1px #0000009e);width:8px;height:8px;left:18%}.hub-meadow-copy--overlay{top:10px;left:var(--hub-banner-inset);right:var(--hub-banner-inset);padding:0}.hub-meadow-copy--overlay .hub-meadow-title{font-size:clamp(28px,11cqi,42px)}.hub-meadow-copy--overlay .hub-meadow-lead{max-width:100%;font-size:16px;line-height:1.4}.hub-meadow-egg-slot{bottom:16%;left:4%;transform:scale(.85)}}@media (width<=400px){.hub-meadow-copy--overlay{padding:0}.hub-meadow-copy--overlay .hub-meadow-title{font-size:clamp(26px,10cqi,36px)}.hub-meadow-copy--overlay .hub-meadow-lead{font-size:15px;line-height:1.4}}.petdex-hero{align-items:flex-start}.petdex-hero .petdex-filters{margin-top:10px;margin-bottom:0}.petdex-layout{grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:16px;display:grid}.petdex-filters{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.petdex-inventory-row{flex-direction:column;gap:20px;display:flex}.petdex-inventory-row .hub-panel.hub-collection{margin-bottom:0}.petdex-inventory-row .hub-panel.hub-collection:not(.hub-collection--eggs){flex-direction:column;min-height:0;display:flex}.choose-page .hub-panel.hub-collection,.egg-shop-page .hub-panel.hub-collection{border-radius:var(--shell-r);background:var(--surface)}.choose-page .hub-panel.hub-collection .hub-section-title,.egg-shop-page .hub-panel.hub-collection .hub-section-title{margin-bottom:14px}.petdex-inventory-row .hub-pet-cards,.petdex-inventory-row .hub-egg-cards{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.petdex-inventory-row .hub-pet-card,.petdex-inventory-row .hub-egg-card:not(.hub-egg-card--more){border-radius:var(--tile-radius);background:#262e58;min-height:164px;padding:12px}.petdex-inventory-row .hub-egg-card--more{border-radius:var(--tile-radius);background:color-mix(in srgb, var(--surface-raised) 50%, transparent)}.petdex-filter{background:var(--panel2);color:var(--muted);cursor:pointer;border:none;border-radius:999px;padding:8px 14px;font-family:inherit;font-size:13px;font-weight:800;transition:background .15s,color .15s}.petdex-filter:hover{color:var(--text)}.petdex-filter--active{background:var(--magenta-bright);color:#fff}.petdex-filter--active:hover{color:#fff}.petdex-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.petdex-cell{background:var(--panel2);color:inherit;text-align:center;cursor:pointer;border:2px solid #0000;border-radius:14px;flex-direction:column;align-items:center;gap:4px;padding:8px 6px 10px;font-family:inherit;transition:border-color .15s,transform .15s,opacity .15s;display:flex}.petdex-cell:hover{transform:translateY(-1px)}.petdex-cell--selected{border-color:var(--magenta-bright)}.petdex-cell--uncaught{opacity:1}.petdex-mystery-egg-wrap{place-items:center;display:grid;position:relative}.petdex-mystery-egg-wrap--cell,.petdex-mystery-egg-wrap--detail{width:auto;min-height:0}.petdex-mystery-egg{object-fit:contain;filter:grayscale()sepia(.12)hue-rotate(192deg)saturate(.28)brightness(.52)contrast(.9);height:auto;image-rendering:pixelated;image-rendering:crisp-edges;opacity:.78;display:block}.petdex-mystery-egg-wrap--cell .petdex-mystery-egg{width:48px}.petdex-mystery-egg-wrap--detail .petdex-mystery-egg{width:76px}.petdex-mystery-egg-lock{color:#fff;filter:drop-shadow(0 1px #000000d9)drop-shadow(0 0 6px #0000008c);pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.petdex-mystery-egg-lock svg{display:block}.petdex-cell-number{letter-spacing:.3px;color:var(--muted);font-size:10px;font-weight:800}.petdex-cell-sprite{place-items:center;width:100%;min-height:88px;display:grid;position:relative}.petdex-cell-name{font-size:12px;font-weight:800;line-height:1.15}.petdex-cell-level{color:var(--muted);font-size:10px;font-weight:700}.petdex-cell .pet-model-3d,.petdex-cell .voxel-pet{--pet-scale:.62}.petdex-detail{flex-direction:column;gap:12px;display:flex;position:sticky;top:12px}.petdex-detail-header{flex-direction:column;gap:2px;display:flex}.petdex-detail-number{color:var(--gold-bright);font-size:12px;font-weight:800}.petdex-detail-name{font-size:22px;font-weight:800;line-height:1.1}.petdex-detail-sprite{background:color-mix(in srgb, var(--panel2) 70%, transparent);border-radius:14px;place-items:center;min-height:180px;display:grid;position:relative}.petdex-detail-sprite--locked{background:0 0}.petdex-detail-meta{flex-direction:column;gap:12px;display:flex}.petdex-detail-stat{justify-content:space-between;align-items:center;gap:12px;font-size:13px;display:flex}.petdex-detail-stat span{color:var(--muted);font-weight:700}.petdex-detail-stat strong{text-transform:capitalize;font-weight:800}.petdex-detail-xp-label{color:var(--pink-hot);align-items:center;gap:6px;margin-bottom:6px;font-size:12px;font-weight:800;display:flex}.petdex-detail-xp-next{color:var(--muted);margin-top:6px;font-size:11px;font-weight:700;display:block}.petdex-detail-hint{color:var(--muted);margin:0;font-size:13px;font-weight:600;line-height:1.45}.hub-petdex-teaser-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.hub-petdex-teaser-header .hub-section-title{margin:0}.hub-petdex-teaser-link{color:var(--magenta-bright);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:0;font-family:inherit;font-size:13px;font-weight:800;display:inline-flex}.hub-petdex-teaser-link:hover{text-decoration:underline}.hub-petdex-teaser-copy{color:var(--muted);margin:0 0 10px;font-size:13px;font-weight:600;line-height:1.45}.hub-demo-badge{letter-spacing:.3px;text-transform:uppercase;background:color-mix(in srgb, var(--muted) 18%, var(--panel2));color:var(--muted);border-radius:999px;align-items:center;padding:3px 8px;font-family:Nunito,sans-serif;font-size:11px;font-weight:800;display:inline-flex}.hub-collection--guest-demo .hub-pet-card,.hub-collection--guest-demo .hub-egg-card:not(.hub-egg-card--more){background:color-mix(in srgb, var(--panel2) 88%, var(--muted))}.hub-inventory-row .hub-collection--guest-demo .hub-pet-card,.hub-inventory-row .hub-collection--guest-demo .hub-egg-card:not(.hub-egg-card--more),.petdex-inventory-row .hub-collection--guest-demo .hub-pet-card,.petdex-inventory-row .hub-collection--guest-demo .hub-egg-card:not(.hub-egg-card--more),.hub-pet-card.hub-pet-card--teaser{background:#262e58}.hub-pet-cards--teaser{margin-top:0}:is(.hub-inventory-row .hub-pet-cards:has(.hub-pets-empty),.petdex-inventory-row .hub-pet-cards:has(.hub-pets-empty)){flex:1;min-height:0;display:flex}.hub-pets-empty{border:2px dashed color-mix(in srgb, var(--muted) 35%, transparent);border-radius:var(--tile-radius);min-height:164px;color:var(--muted);text-align:center;background:0 0;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;gap:10px;padding:12px;display:flex}.hub-inventory-row .hub-pets-empty,.petdex-inventory-row .hub-pets-empty{grid-column:unset;flex:1;width:100%}.hub-inventory-row .hub-pets-empty{background:color-mix(in srgb, var(--hub-surface-inner) 50%, transparent)}.petdex-inventory-row .hub-pets-empty{background:color-mix(in srgb, var(--surface-raised) 50%, transparent);min-height:338px}.hub-pets-empty-icon{background:color-mix(in srgb, var(--muted) 15%, transparent);width:48px;height:48px;color:inherit;border-radius:50%;flex-shrink:0;place-items:center;display:grid}.hub-pets-empty-title{color:inherit;margin:0;font-size:12px;font-weight:800;line-height:1.2}.hub-pets-empty-copy{color:inherit;max-width:240px;margin:0;font-size:12px;font-weight:700;line-height:1.35}@media (width<=960px){.petdex-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.petdex-layout{grid-template-columns:1fr}.petdex-detail{position:static}}@media (width<=640px){.petdex-hero{flex-direction:column}}@media (width<=520px){.petdex-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.player-wallet{pointer-events:auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#181e38f0;border-radius:14px;flex-direction:column;gap:10px;width:min(280px,100%);padding:10px;display:flex;position:relative}.player-wallet--loading{pointer-events:none}.player-wallet-skeleton{background:linear-gradient(90deg, color-mix(in srgb, var(--muted) 16%, transparent) 0%, color-mix(in srgb, var(--muted) 28%, transparent) 50%, color-mix(in srgb, var(--muted) 16%, transparent) 100%);background-size:200% 100%;border-radius:6px;animation:1.1s ease-in-out infinite player-wallet-shimmer;display:block}.player-wallet-skeleton--avatar{border-radius:10px;width:100%;height:100%}.player-wallet-skeleton--name{width:92px;height:14px}.player-wallet-skeleton--level{width:56px;height:12px;margin-top:4px}.player-wallet-skeleton--currency{width:44px;height:14px}@keyframes player-wallet-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.hub-inventory-loading{margin:8px 0 0;font-size:13px;font-weight:600}.player-wallet--guest .player-wallet-profile-row{padding-right:72px}.player-wallet-signin{z-index:1;letter-spacing:.3px;white-space:nowrap;border-radius:8px;min-height:32px;padding:6px 10px;font-size:11px;position:absolute;top:10px;right:10px}.hub-meadow-overlay>.player-wallet{top:14px;right:var(--hub-inset);z-index:4;width:min(280px, calc(100% - 2 * var(--hub-inset) - 12px));margin:0;position:absolute}.hero-row--wallet{align-items:flex-start}.hero-row--wallet .hero-copy{flex:1;min-width:0}.hero-row--wallet>.player-wallet{flex-shrink:0;width:min(280px,42%);margin:0}.player-wallet-profile-row{width:100%;min-width:0}.player-wallet-profile{width:100%;min-width:0;color:inherit;text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;padding:0;font-family:inherit;display:flex}.player-wallet-profile:hover .player-wallet-name{color:var(--magenta-bright)}.player-wallet-avatar{background:#262e58;border-radius:10px;flex-shrink:0;place-items:end center;width:48px;height:48px;display:grid;overflow:hidden}.player-wallet-avatar:has(.egg-model-3d){place-items:center}.player-wallet-avatar .pet-model-3d{width:48px;height:48px;transform:translateY(8%)}.player-wallet-avatar .egg-model-3d{transform-origin:50%;width:48px;height:48px;transform:scale(.74)}.player-wallet-avatar .voxel-pet{transform-origin:bottom;transform:scale(.72)}.player-wallet-meta{flex-direction:column;flex:1;align-items:flex-start;gap:3px;min-width:0;display:flex}.player-wallet-name{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:15px;font-weight:800;line-height:1.15;transition:color .15s;overflow:hidden}.player-wallet-level{opacity:.75;font-size:12px;font-weight:600;line-height:1}.player-wallet-xp{width:100%;height:6px;margin-top:2px}.player-wallet-currencies-wrap{position:relative;overflow:visible}.player-wallet-currencies{background:#262e58;border-radius:10px;grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.player-wallet--results .player-wallet-currencies-wrap{z-index:1}.player-wallet-currency{justify-content:center;align-items:center;gap:5px;min-width:0;padding:8px 10px;font-size:14px;font-weight:800;line-height:1;display:flex}.player-wallet-currency--coins{color:#fff;border-right:1px solid #ffffff14}.player-wallet-currency--notes{color:#fff;position:relative}.player-wallet-currency-n.is-hit{animation:.28s ease-out results-balance-hit}.player-wallet-notes-float{pointer-events:none;white-space:nowrap;z-index:2;position:absolute;top:50%;left:calc(100% + 6px);transform:translateY(-50%)}.player-wallet-notes-float-motion{flex-direction:column;align-items:flex-start;gap:2px;animation:1.6s ease-out forwards results-coin-float;display:flex}.player-wallet-notes-float-amt{color:var(--magenta-bright);text-shadow:0 1px #00000073;align-items:center;gap:3px;font-size:15px;font-weight:800;display:inline-flex}.player-wallet-currency--notes svg{color:var(--magenta-bright);flex-shrink:0}.player-wallet-currency--notes .player-wallet-currency-add svg{color:var(--gold-bright)}.player-wallet-notes-earn-float{pointer-events:none;white-space:nowrap;z-index:3;position:absolute;top:50%;left:calc(75% + 28px);transform:translateY(-50%)}.player-wallet-notes-earn-float-motion{flex-direction:column;align-items:flex-start;gap:2px;animation:1.6s ease-out forwards results-coin-float;display:flex}.player-wallet-notes-earn-amt{color:var(--teal);text-shadow:0 1px #00000073;align-items:center;gap:3px;font-size:15px;font-weight:800;display:inline-flex}.player-wallet-notes-earn-lbl{letter-spacing:.35px;text-transform:uppercase;color:var(--muted);font-size:10px;font-weight:800}.player-wallet-currency--coins svg{color:var(--gold-bright);flex-shrink:0}.player-wallet-currency-n{font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.player-wallet-currency-add{width:22px;height:22px;color:inherit;cursor:pointer;background:#ffffff1a;border:none;border-radius:6px;flex-shrink:0;place-items:center;margin-left:2px;padding:0;transition:background .15s;display:grid}.player-wallet-currency-add:hover{background:#ffffff2e}@media (width<=960px){.player-wallet{border-radius:12px;gap:8px;width:min(232px,100%);padding:8px}.player-wallet--guest .player-wallet-profile-row{padding-right:64px}.player-wallet-signin{border-radius:7px;min-height:28px;padding:5px 8px;font-size:10px;top:8px;right:8px}.hub-meadow-overlay>.player-wallet{width:min(232px, calc(100% - 2 * var(--hub-inset) - 8px));top:10px}.hero-row--wallet>.player-wallet{width:min(232px,44%)}.player-wallet-profile{gap:8px}.player-wallet-avatar{border-radius:8px;width:40px;height:40px}.player-wallet-avatar .pet-model-3d{width:40px;height:40px;transform:translateY(8%)}.player-wallet-avatar .egg-model-3d{width:40px;height:40px;transform:scale(.74)}.player-wallet-avatar .voxel-pet{transform:scale(.62)}.player-wallet-name{font-size:13px}.player-wallet-level{font-size:11px}.player-wallet-xp{height:5px}.player-wallet-currencies{border-radius:8px}.player-wallet-currency{gap:4px;padding:6px 8px;font-size:13px}.player-wallet-currency svg{width:14px;height:14px}.player-wallet-currency-add{border-radius:5px;width:20px;height:20px}.player-wallet-currency-add svg{width:12px;height:12px}}@media (width<=640px){.sidebar-wallet{flex-shrink:0;margin-bottom:12px;display:block}.sidebar-wallet .player-wallet{width:100%;max-width:none}.hero-row--wallet>.player-wallet,.hub-meadow-overlay>.player-wallet{display:none}.hub-meadow-copy--overlay{padding-right:0}.player-wallet{border-radius:10px;gap:6px;width:min(200px,100%);padding:7px}.player-wallet--guest .player-wallet-profile-row{padding-right:58px}.player-wallet-signin{letter-spacing:.2px;border-radius:6px;min-height:26px;padding:4px 7px;font-size:9px;top:7px;right:7px}.hub-meadow-overlay>.player-wallet{width:min(200px, calc(100% - 2 * var(--hub-inset) - 8px));top:8px}.hero-row--wallet>.player-wallet{width:min(200px,50%)}.player-wallet-profile{gap:7px}.player-wallet-avatar{border-radius:7px;width:36px;height:36px}.player-wallet-avatar .pet-model-3d{width:36px;height:36px;transform:translateY(8%)}.player-wallet-avatar .egg-model-3d{width:36px;height:36px;transform:scale(.74)}.player-wallet-avatar .voxel-pet{transform:scale(.56)}.player-wallet-meta{gap:2px}.player-wallet-name{font-size:12px}.player-wallet-level{font-size:10px}.player-wallet-xp{height:4px;margin-top:1px}.player-wallet-currencies{border-radius:7px}.player-wallet-currency{gap:3px;padding:5px 6px;font-size:12px}.player-wallet-currency svg{width:13px;height:13px}.player-wallet-currency-add{width:18px;height:18px}.player-wallet-currency-add svg{width:11px;height:11px}}@media (width<=400px){.player-wallet{width:min(176px,100%)}.player-wallet--guest .player-wallet-profile-row{padding-right:54px}.hub-meadow-overlay>.player-wallet{width:min(176px, calc(100% - 2 * var(--hub-inset) - 8px))}.hero-row--wallet>.player-wallet{width:min(176px,54%)}}.egg-shop-sections{flex-direction:column;gap:16px;display:flex}.egg-shop-message{border-radius:var(--tile-radius);background:#ffffff0f;margin:0 0 16px;padding:10px 14px;font-weight:600}.egg-shop-grid{grid-template-columns:repeat(auto-fill,minmax(272px,1fr));gap:18px;display:grid}.egg-shop-page .hub-panel.hub-collection .egg-shop-card{border-radius:var(--tile-radius);box-shadow:none;background:#262e58;border:none;flex-direction:column;gap:14px;padding:14px;transition:transform .15s;display:flex;position:relative;overflow:hidden}.egg-shop-page .hub-panel.hub-collection .egg-shop-card:hover{box-shadow:none;transform:translateY(-3px)}.egg-shop-card--locked{opacity:.78}.egg-shop-card--locked:hover{box-shadow:none;transform:none}.egg-shop-card-visual{border-radius:max(4px, calc(var(--tile-radius) - 2px));background:#00000047;justify-content:center;align-items:center;min-height:156px;padding:12px 8px 8px;display:flex;position:relative}.egg-shop-card-price{z-index:1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;background:#00000061;border-radius:999px;align-items:center;gap:5px;padding:5px 11px;font-size:13px;font-weight:800;line-height:1;display:inline-flex;position:absolute;top:10px;right:10px}.egg-shop-card-price svg{color:var(--pink);flex-shrink:0}.egg-shop-card-body{flex-direction:column;flex:1;min-width:0;display:flex}.egg-shop-card-name{letter-spacing:-.2px;margin:0 0 6px;font-size:21px;font-weight:800;line-height:1.1}.egg-shop-card-desc{color:color-mix(in srgb, var(--text) 82%, transparent);margin:0 0 12px;font-size:14px;line-height:1.45}.egg-shop-card-meta{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.egg-shop-card-chip{letter-spacing:.2px;color:color-mix(in srgb, var(--text) 88%, transparent);background:#00000038;border-radius:999px;align-items:center;gap:4px;padding:5px 10px;font-size:12px;font-weight:700;display:inline-flex}.egg-shop-card-chip--locked{color:var(--gold-bright)}.egg-shop-card-actions{flex-direction:column;align-items:stretch;gap:8px;width:100%;margin-top:auto;display:flex}.egg-shop-buy-btn{border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:44px;font-weight:800;display:inline-flex}.egg-shop-buy-btn.purple:not(:disabled):hover{filter:brightness(1.08)}.egg-shop-card-hint{opacity:.7;text-align:center;justify-content:center;align-items:center;gap:4px;margin:0;font-size:12px;display:inline-flex}.egg-shop-card-hint svg{color:var(--magenta-bright);flex-shrink:0}.site-footer{padding:20px var(--page-gutter) 24px;border-top:1px solid color-mix(in srgb, var(--muted) 18%, transparent);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;margin-top:auto;display:flex}.site-footer-copy{color:var(--muted);margin:0;font-size:12px;font-weight:600}.site-footer-nav{align-items:center;gap:8px;display:inline-flex}.site-footer-link{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:none;padding:0;font-size:12px;font-weight:700}.site-footer-link:hover{color:var(--text)}.site-footer-sep{color:color-mix(in srgb, var(--muted) 70%, transparent);font-size:12px}.legal-page .legal-document{max-width:720px;padding:0 var(--page-gutter) 32px;margin:0 auto}.legal-document-header{margin-bottom:24px}.legal-document-title{display:none}.legal-document-updated{color:var(--muted);margin:0 0 12px;font-size:13px;font-weight:700}.legal-document-intro{color:var(--text);margin:0;font-size:15px;line-height:1.55}.legal-document-section{margin-bottom:22px}.legal-document-section-title{color:var(--text);margin:0 0 8px;font-size:17px;font-weight:800}.legal-document-paragraph{color:color-mix(in srgb, var(--text) 88%, var(--muted));margin:0 0 10px;font-size:14px;line-height:1.55}.legal-document-paragraph:last-child{margin-bottom:0}