:root{--ink: #211b1c;--ginger: #e8923a;--ginger-dark: #c96a24;--studio: #e5484d;--pink: var(--ginger);--pink-dark: var(--ginger-dark);--cream: #fff8e8;--paper: #fffdf7;--yellow: #f7c64d;--green: #2b9b67;--blue: #6f8fe8;--muted: #766562;--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--page-gutter: 20px;--chrome-max: 1180px;--nav-space: 0px}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-size-adjust:100%}html,body{min-width:320px;min-height:100vh;min-height:100dvh;color:var(--ink);font-family:PingFang SC,Microsoft YaHei,Noto Sans CJK SC,system-ui,sans-serif}body{background:#ffe9b8;overflow-x:hidden}button,input,select,textarea{font:inherit;color:inherit}input,select,textarea{font-size:16px}.app-shell{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;position:relative;overflow-x:hidden;padding-bottom:var(--nav-space);padding-left:var(--safe-left);padding-right:var(--safe-right);background:radial-gradient(circle at 8% 15%,rgba(232,146,58,.18) 0 8%,transparent 8.2%),radial-gradient(circle at 96% 76%,rgba(43,155,103,.14) 0 10%,transparent 10.2%),linear-gradient(180deg,#fff6df,#ffe8bd)}.site-header{width:min(var(--chrome-max),calc(100% - (var(--page-gutter) * 2)));min-height:78px;margin:0 auto;display:grid;grid-template-columns:auto auto minmax(16px,1fr) auto;grid-template-areas:"brand ctas . tools";align-items:center;gap:10px 12px;position:sticky;top:0;z-index:40;padding-top:var(--safe-top);background:#fff6dff0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.brand{grid-area:brand;display:flex;align-items:center;gap:10px;min-width:0;color:var(--ink);text-decoration:none;font-size:21px;font-weight:950}.brand-mark{width:42px;height:42px;flex:0 0 auto;overflow:hidden;display:grid;place-items:center;border:3px solid var(--ink);border-radius:50%;background:var(--pink);box-shadow:4px 4px 0 var(--ink);transform:rotate(-6deg)}.brand-mark img{width:100%;height:100%;display:block;object-fit:cover}.brand-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brand em{flex:0 0 auto;padding:3px 8px;border-radius:99px;background:var(--yellow);font-size:10px;font-style:normal;letter-spacing:.06em;font-weight:900}.language-toggle{min-height:44px;display:flex;align-items:center;gap:5px;padding:8px 12px;border:3px solid var(--ink);border-radius:99px;background:#fff;box-shadow:4px 4px 0 var(--ink);cursor:pointer;font-weight:900;font-size:13px;letter-spacing:.04em;transition:.15s ease}.language-toggle:hover{transform:translate(-1px,-2px);background:#fff3a8;box-shadow:6px 6px 0 var(--ink)}.language-toggle:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--ink)}.language-toggle span{opacity:.38}.language-toggle span.is-active{opacity:1;color:var(--pink-dark)}.language-toggle i{opacity:.35;font-style:normal;font-weight:800}.cta-rail{grid-area:ctas;display:flex;align-items:center;justify-content:flex-start;gap:8px;min-width:0}.studio-link,.lesson-cta{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 14px;border:3px solid var(--ink);border-radius:99px;box-shadow:4px 4px 0 var(--ink);text-decoration:none;font-weight:900;letter-spacing:.03em;white-space:nowrap;transition:.14s ease}.studio-link{min-width:0;max-width:16em;overflow:hidden;text-overflow:ellipsis;background:#fff;color:var(--ink)}.lesson-cta{flex:0 0 auto;background:var(--studio);color:#fff}.studio-link:hover,.lesson-cta:hover{transform:translate(-1px,-2px);box-shadow:6px 6px 0 var(--ink)}.studio-link:hover{background:#fff3a8}.lesson-cta:hover{background:#c93d42}.studio-link:active,.lesson-cta:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--ink)}.studio-name-short{display:none}.hero{width:min(980px,calc(100% - (var(--page-gutter) * 2)));margin:8px auto 28px;flex:1}.game-card{overflow:hidden;border:3px solid var(--ink);border-radius:31px 24px 34px 27px;background:var(--paper);box-shadow:8px 9px 0 var(--ink);padding:22px 24px 26px;text-align:center}.game-card.is-booting{min-height:min(52vh,420px)}.fade-img{opacity:0}.fade-img.is-ready{opacity:1;transition:opacity .35s ease}@media(prefers-reduced-motion:reduce){.fade-img.is-ready{transition:none}}.page-kicker{margin:0 0 4px;color:var(--muted);font-size:12px;font-weight:800}.page-title{margin:0 0 6px;font-size:clamp(26px,5vw,40px);font-weight:950;letter-spacing:-.03em;line-height:1.15;overflow-wrap:anywhere}.page-lead{margin:0 auto 18px;max-width:32em;color:#655956;font-size:13px;font-weight:750;line-height:1.5;overflow-wrap:anywhere}.back-btn,.ink-btn{min-height:44px;border:3px solid var(--ink);cursor:pointer;font-weight:900;padding:8px 16px;border-radius:99px;background:#fff;box-shadow:4px 4px 0 var(--ink);transition:.14s ease}.ink-btn.primary{background:var(--pink)}.ink-btn.danger{background:var(--studio);color:#fff}.back-btn:hover,.ink-btn:hover{transform:translate(-1px,-2px);box-shadow:6px 6px 0 var(--ink);background:#fff3a8}.ink-btn.primary:hover{background:#fff3a8}.back-btn:active,.ink-btn:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--ink)}.ink-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.tab-bar,.chip-row{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0 auto 12px}.chip,.tab{min-height:44px;padding:8px 14px;border:3px solid var(--ink);border-radius:99px;background:#fff;font-weight:900;cursor:pointer;box-shadow:3px 3px 0 var(--ink)}.chip.active,.tab.active{background:var(--pink)}.cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,148px),1fr));gap:12px;margin:16px 0}.cat-pick .page-lead{margin:6px 0 0;font-size:12px;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.cat-pick.locked:not(.visiting) .page-lead{display:none}.cat-pick{border:3px solid var(--ink);border-radius:21px 18px 24px 16px;background:#fff;box-shadow:5px 5px 0 var(--ink);padding:12px;cursor:pointer;text-align:center}.cat-pick.selected{background:#fff8db}.cat-swatch{width:72px;height:72px;margin:0 auto 8px;border-radius:50%;border:3px solid var(--ink);overflow:hidden}.cat-swatch-wrap{position:relative;width:72px;height:72px;margin:0 auto 8px}.cat-swatch-wrap .cat-swatch{width:100%;height:100%;margin:0}.cat-swatch img{width:100%;height:100%;object-fit:cover;object-position:center 18%;display:block}.cat-name-with-gender{display:inline-flex;align-items:center;justify-content:center;gap:6px}.cat-preview-name{margin:0 0 4px;font-size:22px;font-weight:950}.cat-gender{display:inline-grid;place-items:center;flex:0 0 auto;width:26px;height:26px;padding:2px;border:2.5px solid var(--ink);border-radius:10px;background:#fff;box-shadow:2px 2px 0 var(--ink);transform:rotate(-6deg)}.cat-gender svg{width:18px;height:18px;display:block;overflow:visible}.cat-gender--male{color:#3db4f0}.cat-gender--female{color:#ff5a9c}.cat-swatch-wrap .cat-gender{position:absolute;right:-7px;bottom:-5px;z-index:1}.adopt-preview{margin:8px 0 16px}.adopt-preview .illustration-stage{margin:0 auto 12px;max-width:420px;width:100%}.adopt-preview .timer-meta{margin-bottom:6px;text-align:center}.adopt-preview .page-lead{margin:0;text-align:center}.adopt-preview .cat-preview-name{text-align:center}.adopt-preview .cat-gender{width:30px;height:30px}.adopt-preview .cat-gender svg{width:20px;height:20px}.adopt-warning{background:#fff3a8;border:3px solid var(--ink);border-radius:16px;padding:10px 12px;font-weight:800;margin:10px 0 16px}.onboarding-login{text-align:center;margin:0 0 8px}.onboarding-login a{color:var(--muted);font-weight:800;text-underline-offset:3px}.onboarding-login a:hover{color:var(--ink)}.timer-face{font-size:clamp(40px,12vw,72px);font-weight:950;letter-spacing:-.04em;margin:12px 0}.timer-meta{color:var(--muted);font-weight:800;margin-bottom:12px}.cat-stage{min-height:160px;border:3px solid var(--ink);border-radius:22px;background:#fff7dc;display:grid;place-items:center;margin:12px 0;padding:12px}.cat-stage img{width:120px;height:120px;object-fit:cover;object-position:center 18%;border-radius:50%;border:3px solid var(--ink)}.cat-stage-portrait{position:relative;width:120px;height:120px}.cat-stage-portrait img{width:100%;height:100%}.cat-stage-portrait .cat-gender{position:absolute;right:-6px;bottom:2px}.cat-profile{display:grid;justify-items:center;text-align:center}.cat-profile .page-title{margin-bottom:4px}.cat-profile .cat-stage{width:100%;margin:8px 0 12px}.cat-profile-copy{width:min(28em,100%);margin:0 0 16px}.cat-profile-copy .page-lead{margin:0}.cat-profile .actions{width:100%;margin-top:0}.cat-profile .actions .ink-btn{min-width:min(16em,100%)}.mic-meter{display:flex;align-items:flex-end;justify-content:center;gap:4px;height:48px;margin:8px 0}.mic-meter i,.mic-meter-bar{display:block;width:8px;border-radius:4px 4px 0 0;background:var(--green);border:2px solid var(--ink);min-height:6px}.mic-meter[data-kind=quiet] i{background:var(--muted)}.mic-meter[data-kind=noise] i{background:var(--studio)}.mic-meter[data-kind=target] i{background:var(--green)}.mic-meter[data-kind=uncertain] i{background:var(--yellow)}.banner{background:#fff3a8;border:3px solid var(--ink);border-radius:16px;padding:10px 12px;font-weight:800;margin:10px 0}.bottom-nav{display:flex;justify-content:space-around;gap:4px;width:min(var(--chrome-max),calc(100% - 24px));margin:0 auto 12px;padding:8px;border:3px solid var(--ink);border-radius:22px;background:var(--paper);box-shadow:4px 4px 0 var(--ink)}.bottom-nav a{flex:1;text-align:center;text-decoration:none;color:var(--ink);font-weight:900;font-size:12px;padding:8px 4px;border-radius:14px;min-height:44px;display:grid;place-items:center}.bottom-nav a.active{background:var(--pink)}.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,160px),1fr));gap:12px;text-align:left}.item-card{border:3px solid var(--ink);border-radius:22px 18px 24px 16px;padding:12px;background:#fff;box-shadow:5px 5px 0 var(--ink);display:flex;flex-direction:column}.item-card h2{margin:0 0 4px;font-size:16px;font-weight:950}.item-card .page-lead{margin-bottom:8px;flex:1}.shop-buy{align-self:flex-start;min-height:44px;padding:3px 12px;border:2.5px solid var(--ink);border-radius:99px;background:var(--pink);box-shadow:2px 2px 0 var(--ink);cursor:pointer;font-size:12px;font-weight:900}.shop-buy:hover{background:#fff3a8}.shop-buy:disabled{opacity:.5;cursor:not-allowed}.shop-owned{margin:0;font-size:12px;font-weight:800;color:var(--muted)}.account-page{display:grid;justify-items:center}.account-card{width:min(100%,340px);margin:0 auto 16px;gap:12px;padding:16px;text-align:left}.account-card.is-fresh{background:#fff8db}.account-art{display:grid;justify-items:center;gap:6px;text-align:center}.account-art .cat-swatch{margin:0 0 4px}.account-art h2,.account-art .timer-meta{margin:0}.account-form{display:grid;gap:12px}.account-card .shop-buy{align-self:stretch;min-height:44px;font-size:14px;text-align:center;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color:inherit}.account-error{margin:0;color:var(--studio);font-size:13px;font-weight:800}.account-earned{text-align:center;width:min(100%,340px)}.account-toast{position:fixed;left:50%;top:calc(12px + var(--safe-top));bottom:auto;z-index:80;width:min(calc(100% - 32px),360px);margin:0;padding:12px 16px;border:3px solid var(--ink);border-radius:16px;background:#fff3a8;box-shadow:4px 4px 0 var(--ink);font-size:14px;font-weight:800;text-align:center;transform:translate(-50%);animation:account-toast-in .18s ease-out}@keyframes account-toast-in{0%{opacity:0;transform:translate(-50%,-10px)}to{opacity:1;transform:translate(-50%)}}.account-quiet{margin:0;padding:8px 4px;min-height:44px;border:0;background:none;box-shadow:none;color:var(--muted);font-size:13px;font-weight:800;cursor:pointer}.account-quiet:hover{color:var(--ink)}.account-quiet:disabled{opacity:.5;cursor:not-allowed}.account-tools{display:grid;justify-items:center;gap:4px;width:min(100%,340px);margin-top:4px}.account-page .banner{width:min(100%,340px)}.item-art{--shop-unit: 68px;--sprite-w: 1;--sprite-h: 1;display:grid;place-items:end center;height:calc(var(--shop-unit) * 2.2);margin:0 0 10px;border:3px solid var(--ink);border-radius:20px;background:#fff8e8;overflow:hidden}.modal-backdrop{position:fixed;inset:0;background:#211b1c59;display:grid;place-items:center;z-index:200;padding:max(16px,var(--safe-top)) max(16px,var(--safe-right)) max(16px,var(--safe-bottom)) max(16px,var(--safe-left))}.modal{background:var(--paper);border:3px solid var(--ink);border-radius:24px;box-shadow:8px 8px 0 var(--ink);padding:20px;max-width:420px;width:100%;max-height:min(88dvh,100%);overflow:auto}.modal h2{margin:0 0 8px;font-size:22px;font-weight:950;letter-spacing:-.03em}.adopt-spin-overlay{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 42%,#fff8dbf5 0 28%,#ffe8bdeb);animation:bubble-in .28s ease-out}.adopt-spin-notes{position:absolute;inset:18% 12% 42%;pointer-events:none;z-index:0}.adopt-spin-notes i{position:absolute;color:var(--green);font-style:normal;font-size:clamp(22px,5vw,32px);font-weight:900;-webkit-text-stroke:1px var(--ink);text-shadow:1px 1px 0 rgba(255,255,255,.75);animation:note-pop 1.35s ease-out infinite}.adopt-spin-notes i:nth-child(1){left:18%;top:36%}.adopt-spin-notes i:nth-child(2){left:72%;top:22%;animation-delay:.45s;color:var(--blue)}.adopt-spin-stage{position:relative;z-index:1;display:grid;justify-items:center;gap:16px}.adopt-spin-head{width:min(42vw,168px);height:min(42vw,168px);border-radius:50%;border:4px solid var(--ink);box-shadow:8px 8px 0 var(--ink);overflow:hidden;animation:adopt-head-spin 3s linear forwards}.adopt-spin-head img{width:100%;height:100%;object-fit:cover;object-position:center 18%;display:block}.adopt-spin-name{margin:0;font-size:22px;font-weight:950}.fish-mark{display:block;flex:0 0 auto;border-radius:50%;border:2px solid var(--ink);object-fit:cover;background:var(--ginger)}.fish-chip{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:4px 10px 4px 6px;border-radius:999px;color:var(--ink);font-weight:900;font-size:12px;white-space:nowrap}.fish-chip b{font-size:13px;font-weight:950}.fish-price{display:inline-flex;align-items:center;gap:8px;margin:0 0 10px;color:var(--ink);font-weight:900}.shop-balance{display:flex;justify-content:center}.site-footer{width:min(var(--chrome-max),calc(100% - (var(--page-gutter) * 2)));margin:0 auto;padding:8px 0 22px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:9px;border-top:2px dashed rgba(33,27,28,.25);color:#776864;font-size:12px;font-weight:750}.site-footer a{color:var(--studio);font-weight:850;text-decoration:none}.site-footer a:hover{text-decoration:underline}.actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:12px}.field{display:grid;gap:6px;text-align:left;font-size:13px;font-weight:800}.field input,.field select,select.field{min-height:44px;border:3px solid var(--ink);border-radius:16px;padding:8px 12px;background:#fff;width:100%;box-shadow:3px 3px 0 var(--ink)}.field input:focus,.field select:focus,select.field:focus{outline:3px solid var(--yellow);outline-offset:1px}.cat-pick.locked{opacity:.72}img.silhouette{filter:brightness(0);opacity:.55}@keyframes star-float{0%{transform:translateY(0);opacity:1}to{transform:translateY(-10px);opacity:.4}}@media(max-width:1024px){:root{--page-gutter: 16px}.app-shell:has(.bottom-nav){--nav-space: calc(84px + var(--safe-bottom))}.bottom-nav{position:fixed;left:max(8px,var(--safe-left));right:max(8px,var(--safe-right));bottom:calc(8px + var(--safe-bottom));z-index:50;width:auto;max-width:var(--chrome-max);margin:0 auto;transform:none}}@media(max-width:900px){.site-header{width:calc(100% - 24px);min-height:0;padding:8px 0 10px;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand tools" "ctas ctas";gap:8px 10px}.site-header.is-onboarding{grid-template-areas:"brand tools" "ctas ctas"}.brand{font-size:17px}.brand-mark{width:35px;height:35px}.header-end{display:flex;grid-area:tools;gap:6px;flex-wrap:nowrap;max-width:min(100%,68vw)}.player-bar{width:auto;max-width:100%;min-width:0}.language-toggle{padding:8px 10px}.cta-rail{justify-content:space-between;padding:6px 8px 6px 12px;border:2px solid var(--ink);border-radius:18px;background:#fffdf7e0}.studio-link{border:0;box-shadow:none;background:transparent;max-width:none}.studio-name-full{display:none}.studio-name-short{display:inline}.hero,.site-footer{width:calc(100% - 24px)}}@media(max-width:640px){.brand em,.player-chip:first-child b{display:none}.player-chip:first-child{padding:4px}}@media(max-width:380px){.player-chip:last-child b{font-size:12px}}@media(max-width:700px){.game-card{padding:16px 14px 20px}.page-title{font-size:1.45rem}.yard-page{margin:-16px -14px -20px}.yard-scene{aspect-ratio:4 / 3}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}.header-end{grid-area:tools;justify-self:end;display:flex;align-items:center;gap:10px;min-width:0}.player-bar{display:flex;align-items:center;gap:4px;min-width:0;padding:4px;border:3px solid var(--ink);border-radius:999px;background:#fff;box-shadow:4px 4px 0 var(--ink)}.player-chip{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:4px 10px 4px 6px;border-radius:999px;text-decoration:none;color:var(--ink);font-weight:900;font-size:12px;white-space:nowrap}.player-chip img{width:24px;height:24px;border-radius:50%;border:2px solid var(--ink);object-fit:cover;object-position:center 18%;background:var(--cream)}.player-chip.active{background:var(--yellow)}.player-chip:hover{background:#fff3a8}.kept-page[hidden],.practice-shell[hidden],.hero[hidden]{display:none!important}.mic-explainer{text-align:left;margin:12px 0}.mic-explainer h2{margin:0 0 8px;font-size:1.2rem}.mic-explainer p{margin:0 0 10px;font-weight:750;line-height:1.5}.mic-meter-bar{display:block;width:8px;border-radius:4px 4px 0 0;background:var(--green);border:2px solid var(--ink);min-height:6px}.mic-meter[data-kind=quiet] .mic-meter-bar{background:var(--muted)}.mic-meter[data-kind=noise] .mic-meter-bar{background:var(--studio)}.mic-meter[data-kind=target] .mic-meter-bar{background:var(--green)}.mic-meter[data-kind=uncertain] .mic-meter-bar{background:var(--yellow)}.mic-meter[data-kind=muted] .mic-meter-bar{background:var(--muted)}.mic-meter[data-kind=sound] .mic-meter-bar{background:var(--blue)}.cat-pick.locked img.silhouette{filter:grayscale(1) brightness(.12)}.cat-pick:disabled{cursor:default}.item-card .yard-goodie,.shop-goodie{display:block;width:calc(var(--shop-unit) * var(--sprite-w));height:calc(var(--shop-unit) * var(--sprite-h));max-width:94%;max-height:100%;margin:0;object-fit:contain;object-position:bottom center;filter:drop-shadow(0 3px 0 rgba(33,27,28,.12))}.yard-page{margin:-22px -24px -26px;text-align:center}.yard-scene{--yard-cat: 13.5%;position:relative;width:100%;aspect-ratio:4 / 3;overflow:hidden;background:#9fd6f5}.yard-backdrop{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;object-position:center bottom;pointer-events:none}.yard-bowls{position:absolute;left:7%;bottom:5%;z-index:1;width:12%;height:auto;display:block;pointer-events:none;filter:drop-shadow(0 3px 0 rgba(33,27,28,.14))}.yard-spot{--sprite-w: 1;--sprite-h: .72;--yard-depth: 1;position:absolute;z-index:2;width:calc(var(--yard-cat) * var(--sprite-w) * var(--yard-depth));aspect-ratio:var(--sprite-w) / var(--sprite-h);transform:translate(-50%,-92%);pointer-events:none;overflow:visible}.yard-spot.is-flat{transform:translate(-50%,-82%)}.yard-pad{position:absolute;inset:0;z-index:1;padding:0;border:0;outline:none;background:transparent;box-shadow:none;cursor:pointer;appearance:none;-webkit-appearance:none;min-height:0;overflow:visible;pointer-events:auto}.yard-pad:hover,.yard-pad:focus,.yard-pad:focus-visible{background:transparent;box-shadow:none;outline:none}.yard-pad-mark{position:absolute;left:20%;right:20%;bottom:7%;height:14%;border:0;border-radius:50%;background:radial-gradient(ellipse at center,rgba(33,27,28,.16) 0%,rgba(33,27,28,.06) 48%,transparent 74%);box-shadow:0 2px 5px #211b1c1a;pointer-events:none;opacity:1}.yard-spot.is-filled .yard-pad-mark{opacity:0}.yard-pad:hover .yard-pad-mark,.yard-pad:focus-visible .yard-pad-mark,.yard-spot.is-open .yard-pad-mark{opacity:1;background:radial-gradient(ellipse at center,rgba(33,27,28,.24) 0%,rgba(33,27,28,.1) 50%,transparent 76%);box-shadow:0 3px 6px #211b1c24}.yard-scene.is-picking{pointer-events:none}.yard-scene.is-picking .yard-pad-mark{opacity:.3}.yard-scene.is-picking .yard-spot.is-open .yard-pad-mark{opacity:1;background:radial-gradient(ellipse at center,rgba(33,27,28,.26) 0%,rgba(33,27,28,.1) 50%,transparent 76%);box-shadow:0 3px 6px #211b1c29}.yard-pad .yard-goodie{position:absolute;inset:0;z-index:1;width:100%;height:100%;display:block;object-fit:contain;object-position:bottom center;pointer-events:none;filter:drop-shadow(0 4px 0 rgba(33,27,28,.16))}.yard-cat-btn{--cat-w: 1;--cat-h: 1;position:absolute;z-index:3;width:calc(100% * var(--cat-w) / var(--sprite-w));aspect-ratio:var(--cat-w) / var(--cat-h);bottom:0;padding:0;border:0;outline:none;background:transparent;box-shadow:none;cursor:pointer;appearance:none;-webkit-appearance:none;pointer-events:auto}.yard-cat-btn.is-solo{left:50%;transform:translate(-50%)}.yard-cat-btn.is-beside.is-right{left:100%;transform:translate(-8%)}.yard-cat-btn.is-beside.is-left{left:0;transform:translate(-92%)}.yard-cat-btn:hover,.yard-cat-btn:focus,.yard-cat-btn:focus-visible{background:transparent;box-shadow:none;outline:none}.yard-cat{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none;object-fit:contain;object-position:bottom center;filter:drop-shadow(0 3px 0 rgba(33,27,28,.18))}.modal.yard-dialog,.modal.yard-cat-dialog{max-width:320px;text-align:center}.modal.yard-dialog h2{margin-bottom:4px}.yard-cat-card{display:grid;justify-items:center;gap:8px;margin:4px 0 2px}.yard-cat-card .page-lead{margin:0}.yard-picker{text-align:center;max-width:440px}.yard-picker .page-kicker{margin-bottom:2px}.yard-picker-grid{display:grid;grid-template-columns:1fr;gap:8px;margin:12px 0 4px}.yard-pick{display:flex;align-items:center;gap:12px;width:100%;border:3px solid var(--ink);border-radius:22px;background:#fff;box-shadow:3px 3px 0 var(--ink);padding:8px 12px 8px 8px;cursor:pointer;text-align:left}.yard-pick:hover{background:#fff8db}.yard-pick-icon{flex:0 0 auto;width:58px;height:58px;display:grid;place-items:center;border:3px solid var(--ink);border-radius:50%;background:#fff8e8;overflow:hidden}.yard-pick-icon .yard-goodie{width:48px;height:48px;object-fit:contain}.yard-pick-copy{min-width:0}.yard-pick-copy strong{display:block;font-size:15px;font-weight:950}.yard-pick-copy span{display:block;font-size:12px;font-weight:750;color:#c96a24}.practice-shell{width:min(var(--chrome-max),calc(100% - (var(--page-gutter) * 2)));margin:8px auto 28px;flex:1}.practice-toolbar{display:flex;justify-content:flex-end;margin:0 0 12px}.settings-button{min-height:44px;display:flex;gap:7px;align-items:center;padding:10px 15px;border:3px solid var(--ink);border-radius:99px;background:#fff;box-shadow:4px 4px 0 var(--ink);cursor:pointer;font-weight:850;transition:.15s ease}.settings-button:hover{transform:translate(-1px,-2px);background:#fff3a8;box-shadow:6px 6px 0 var(--ink)}.settings-button:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--ink)}.settings-panel{margin:0 0 14px;padding:16px 18px;display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:end;border:3px solid var(--ink);border-radius:21px 25px 18px 23px;background:#fff;box-shadow:6px 6px 0 var(--ink);text-align:left}.settings-panel label,.settings-type{display:grid;gap:6px;color:var(--muted);font-size:12px;font-weight:800}.settings-type{grid-column:1 / -1}.settings-chips{margin:0;justify-content:flex-start}.number-control{height:38px;display:flex;align-items:center;overflow:hidden;border:2px solid var(--ink);border-radius:12px;background:#fff8db;color:var(--ink)}.number-control button{width:34px;align-self:stretch;border:0;background:transparent;cursor:pointer;font-size:18px}.number-control button:not(:disabled):hover{background:var(--yellow)}.number-control button:disabled{opacity:.35;cursor:not-allowed}.number-control input{width:42px;border:0;outline:0;text-align:center;background:transparent;font-weight:900;appearance:textfield}.number-control input::-webkit-inner-spin-button{appearance:none}.number-control>span{font-size:11px}.kitty-hero{display:grid;grid-template-columns:minmax(0,1fr) 292px;gap:22px;align-items:start}.timer-card,.stats-card{border:3px solid var(--ink);background:var(--paper);box-shadow:8px 9px 0 var(--ink)}.timer-card{overflow:hidden;border-radius:31px 24px 34px 27px}.mode-switch{width:max-content;margin:17px auto 14px;padding:4px;display:flex;border:2px solid var(--ink);border-radius:99px;background:#f3eadc}.mode-switch button{min-height:44px;padding:8px 22px;border:0;border-radius:99px;background:transparent;color:#776a65;cursor:pointer;font-size:13px;font-weight:900;transition:.15s ease}.mode-switch button.active{color:var(--ink);background:var(--pink);box-shadow:3px 3px 0 var(--ink)}.mode-switch button:disabled{cursor:not-allowed}.timer-grid{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);min-height:0}.illustration-wrap{position:relative;align-self:center}.illustration-stage{position:relative;align-self:center;margin:0 0 18px 18px;aspect-ratio:1 / 1;overflow:hidden;border:3px solid var(--ink);border-radius:22px 17px 25px 19px;background:#fff7dc;box-shadow:5px 6px #211b1c33}.illustration-wrap .illustration-stage{margin:0 0 18px 18px}.scene-frame{width:100%;height:100%;display:block;object-fit:cover;object-position:center}.star-melody,.play-notes{position:absolute;inset:0;z-index:4;pointer-events:none}.star-melody i{position:absolute;color:var(--yellow);font-style:normal;font-size:24px;text-shadow:2px 2px 0 var(--ink);animation:star-float 1.4s ease-out infinite}.star-melody i:nth-child(1){left:48%;top:40%}.star-melody i:nth-child(2){left:63%;top:27%;animation-delay:.42s;color:#f47ba9}.star-melody i:nth-child(3){left:76%;top:35%;animation-delay:.84s}.play-notes i{position:absolute;color:var(--green);font-style:normal;font-size:clamp(18px,4.2vw,28px);font-weight:900;-webkit-text-stroke:1px var(--ink);text-shadow:1px 1px 0 rgba(255,255,255,.75);animation:note-pop 1.15s ease-out infinite}.play-notes i:nth-child(1){left:58%;top:34%}.play-notes i:nth-child(2){left:70%;top:28%;animation-delay:.38s;color:var(--blue)}.reward-bubble{position:absolute;right:5%;top:6%;max-width:190px;padding:10px 13px;display:grid;gap:2px;border:3px solid var(--ink);border-radius:16px 16px 3px;background:#fff;box-shadow:4px 4px 0 var(--ink);animation:bubble-in .35s ease-out}.reward-bubble strong{color:var(--pink-dark);font-size:17px}.reward-bubble span{font-size:12px;font-weight:800}.mic-magic{position:absolute;inset:0;z-index:5;pointer-events:none;overflow:hidden}.mic-magic i{position:absolute;top:72%;color:#ffd34f;font-style:normal;font-size:clamp(16px,4vw,26px);-webkit-text-stroke:1px var(--ink);text-shadow:1px 1px 0 rgba(255,255,255,.8);animation:mic-sparkle 2.1s ease-out infinite}.mic-magic i:nth-child(1){left:12%;animation-delay:0s}.mic-magic i:nth-child(2){left:25%;color:var(--studio);animation-delay:.34s}.mic-magic i:nth-child(3){left:46%;animation-delay:.7s}.mic-magic i:nth-child(4){left:64%;color:var(--ginger);animation-delay:1.02s}.mic-magic i:nth-child(5){left:78%;color:var(--green);animation-delay:1.34s}.mic-magic i:nth-child(6){left:88%;animation-delay:1.65s}.cry-bubble{position:absolute;right:5%;top:7%;max-width:150px;padding:9px 12px;display:grid;gap:1px;border:3px solid var(--ink);border-radius:16px 16px 16px 4px;background:#eef6ff;box-shadow:4px 4px 0 var(--ink);animation:bubble-in .35s ease-out}.cry-bubble strong{color:#4d7ab8;font-size:16px}.cry-bubble span{font-size:12px;font-weight:800}.timer-content{padding:28px 27px 24px;display:flex;flex-direction:column;justify-content:center;background:#fffdf7;text-align:left}.status-line{margin:0;min-height:22px;display:flex;align-items:center;gap:8px;color:#655956;font-size:13px;font-weight:850}.status-dot{width:10px;height:10px;border:2px solid var(--ink);border-radius:50%;background:#bdb4af;flex:0 0 auto}.status-dot.running{background:var(--green);animation:kitty-pulse 1.5s infinite}.status-dot.paused{background:var(--yellow)}.status-dot.celebrating{background:var(--pink)}.timer-content .time{margin:5px 0 7px;font-size:clamp(62px,7vw,91px);line-height:1;font-weight:950;letter-spacing:-.04em;color:var(--ink);text-shadow:4px 4px 0 #f3d5a8;font-variant-numeric:tabular-nums}.progress-track{height:12px;overflow:hidden;border:2px solid var(--ink);border-radius:99px;background:#fff}.progress-track span{display:block;height:100%;border-radius:inherit;background:var(--pink);transition:width .25s linear}.controls{margin-top:20px;display:flex;gap:9px}.controls button{min-height:45px;border:3px solid var(--ink);border-radius:15px 12px 17px 13px;cursor:pointer;font-weight:900;transition:.14s ease}.controls button:hover{transform:translate(-2px,-3px);box-shadow:6px 6px 0 var(--ink)}.controls button:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--ink)}.primary-control{flex:1;background:var(--pink);box-shadow:5px 5px 0 var(--ink)}.reset-control{padding-inline:17px;background:#fff;box-shadow:5px 5px 0 var(--ink)}.mic-dock{position:absolute;left:28px;bottom:28px;z-index:8;min-width:92px;padding:8px 8px 7px;display:grid;justify-items:center;gap:5px;border:3px solid var(--ink);border-radius:22px;background:#fff4c8;box-shadow:5px 5px 0 var(--ink);cursor:pointer;color:var(--ink);transition:.14s ease}.mic-dock:hover{transform:translate(-2px,-3px);box-shadow:7px 7px 0 var(--ink)}.mic-dock:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink)}.mic-dock b{font-size:12px;line-height:1.1}.mic-fab{position:relative;width:58px;height:58px;display:grid;place-items:center;border:3px solid var(--ink);border-radius:50%;background:var(--pink);box-shadow:3px 3px #211b1c38}.mic-glyph{width:28px;height:28px;fill:var(--ink)}.mic-ring{position:absolute;inset:-7px;border:2px solid var(--pink-dark);border-radius:50%;opacity:0;pointer-events:none}.mic-dock.is-waiting .mic-fab{animation:mic-invite 1.2s ease-in-out infinite}.mic-off .mic-fab{background:var(--pink)}.mic-requesting .mic-fab,.mic-calibrating .mic-fab,.mic-listening .mic-fab{background:#9ec5ff}.mic-calibrating .mic-ring,.mic-listening .mic-ring,.mic-playing .mic-ring{animation:mic-ring 1.4s ease-out infinite}.mic-calibrating .mic-ring:last-of-type,.mic-listening .mic-ring:last-of-type,.mic-playing .mic-ring:last-of-type{animation-delay:.45s}.mic-playing{background:#e7f6df}.mic-playing .mic-fab{background:#7ee0a6}.mic-dock.is-heard .mic-fab{background:#ffe178}.mic-denied .mic-fab,.mic-error .mic-fab,.mic-unsupported .mic-fab,.mic-insecure .mic-fab{background:#f7dce7}.mic-dock .mic-meter{width:72px;height:18px;margin:0;display:flex;align-items:flex-end;justify-content:center;gap:3px}.mic-dock .mic-meter i{width:7px;height:100%;min-height:0;border:2px solid var(--ink);border-radius:99px;background:var(--green);transform-origin:center bottom;animation:meter-idle 1s ease-in-out infinite}.mic-dock .mic-meter i:nth-child(2),.mic-dock .mic-meter i:nth-child(4){animation-delay:.12s}.mic-dock .mic-meter i:nth-child(3){animation-delay:.24s}.mic-nudge{position:absolute;left:28px;bottom:148px;margin:0;padding:3px 8px;border:2px solid var(--ink);border-radius:8px;background:#ffe9a5;font-size:10px;font-weight:850}.timer-content .mic-nudge{position:static;margin-top:12px}.mic-notice{margin-top:16px;padding:12px 13px;display:grid;gap:10px;border:3px solid var(--ink);border-radius:14px 12px 16px 13px;background:#fff3bf;box-shadow:4px 4px 0 var(--ink)}.mic-notice p{margin:0;display:grid;gap:4px}.mic-notice strong{color:var(--ink);font-size:14px;line-height:1.3}.mic-notice span{color:#5d524f;font-size:12px;font-weight:750;line-height:1.45}.mic-notice button{justify-self:start;min-height:34px;padding:0 12px;border:2px solid var(--ink);border-radius:10px;background:#fff;cursor:pointer;font-size:12px;font-weight:850}.side-column{display:grid;gap:18px}.stats-card{padding:19px;display:grid;grid-template-columns:1fr auto;border-radius:23px 18px 26px 20px;background:var(--blue);color:#fff;text-align:left}.stats-card>span{font-size:12px;font-weight:850}.stats-card>strong{grid-row:span 2;display:inline-flex;align-items:center;gap:8px;font-size:52px;line-height:.9;color:#fff;text-shadow:3px 3px 0 var(--ink)}.stats-card>strong .fish-mark{border-width:3px}.stats-card>b{font-size:14px}.stats-card p{grid-column:1 / -1;margin:13px 0 0;padding-top:11px;border-top:2px dashed rgba(255,255,255,.65);font-size:11px}@keyframes star-float{0%{opacity:0;transform:translateY(15px) scale(.5) rotate(0)}35%{opacity:1}to{opacity:0;transform:translateY(-26px) scale(1.1) rotate(35deg)}}@keyframes note-pop{0%{opacity:0;transform:translateY(10px) scale(.7) rotate(-8deg)}30%{opacity:1}to{opacity:0;transform:translateY(-22px) scale(1.08) rotate(12deg)}}@keyframes bubble-in{0%{opacity:0;transform:translateY(8px) scale(.92)}}@keyframes kitty-pulse{50%{box-shadow:0 0 0 6px #2b9b6700}}@keyframes mic-sparkle{0%{opacity:0;transform:translateY(8px) rotate(-8deg) scale(.6)}28%{opacity:1}to{opacity:0;transform:translateY(-125px) rotate(28deg) scale(1.04)}}@keyframes mic-invite{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes mic-ring{0%{opacity:.7;transform:scale(.86)}to{opacity:0;transform:scale(1.28)}}@keyframes meter-idle{0%,to{filter:brightness(1)}50%{filter:brightness(1.12)}}@keyframes adopt-head-spin{0%{transform:rotate(0) scale(.88)}13.33%{transform:rotate(360deg) scale(1)}30%{transform:rotate(450deg) scale(1.05)}43.33%{transform:rotate(810deg) scale(1)}60%{transform:rotate(900deg) scale(1.05)}73.33%{transform:rotate(1260deg) scale(1)}to{transform:rotate(1440deg) scale(1)}}@media(min-width:981px)and (min-height:800px){.timer-grid{min-height:490px}}@media(max-width:980px){.kitty-hero{grid-template-columns:1fr;max-width:760px;margin-inline:auto}}@media(max-width:700px){.practice-shell{width:calc(100% - 24px)}.settings-panel{grid-template-columns:1fr}.settings-button{width:44px;height:44px;justify-content:center;padding:0}.settings-button b{display:none}.timer-card{border-radius:24px 19px 27px 21px;box-shadow:6px 7px 0 var(--ink)}.mode-switch{margin:13px auto 11px}.mode-switch button{padding:8px 17px}.timer-grid{grid-template-columns:1fr;min-height:0}.illustration-stage,.illustration-wrap .illustration-stage{width:100%;margin:0;border-radius:0;border-left:0;border-right:0}.timer-content{padding:12px 16px 16px}.timer-content .status-line,.timer-content .time,.timer-content .progress-track{order:0}.timer-content .controls{order:1}.timer-content .mic-notice,.timer-content .mic-nudge{order:2}.mic-notice{margin-top:10px;padding:8px 10px;gap:6px}.timer-content .time{font-size:clamp(56px,18vw,82px)}.controls{margin-top:16px}.mic-dock{left:8px;bottom:8px;min-width:0;padding:4px 5px 3px;gap:2px;border-width:2px;border-radius:16px;box-shadow:3px 3px 0 var(--ink)}.mic-dock b{font-size:10px}.mic-fab{width:40px;height:40px}.mic-glyph{width:20px;height:20px}.mic-dock .mic-meter{width:52px;height:12px}.mic-nudge{left:8px;bottom:auto;top:8px}.stats-card{grid-template-columns:1fr auto}}@media(max-width:380px){.practice-shell{width:calc(100% - 16px)}.mode-switch button,.timer-content{padding-inline:13px}.controls button{font-size:12px}.reset-control{padding-inline:12px}.mic-dock{left:6px;bottom:6px}.mic-nudge{left:6px}}@media(prefers-reduced-motion:reduce){.mic-magic i:nth-child(n+3){display:none}.mic-magic i{top:38%;opacity:.85}.star-melody i,.play-notes i,.adopt-spin-notes i{animation:none;opacity:.9;transform:none}.adopt-spin-overlay{animation:none}.adopt-spin-head{animation:adopt-head-in .4s ease-out forwards}}@keyframes adopt-head-in{0%{transform:scale(.9);opacity:.65}to{transform:scale(1);opacity:1}}@media(min-width:701px)and (max-width:1024px){.cat-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px}.shop-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}.account-card,.account-earned,.account-tools,.account-page .banner{width:min(100%,420px)}.yard-scene{min-height:min(56vh,520px)}.game-card{padding:20px 20px 24px}.number-control{height:44px}.number-control button{width:44px}}@media(max-width:700px){.cat-grid,.shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.actions{flex-direction:column;align-items:stretch}.actions .ink-btn,.actions .back-btn{width:100%}.controls{flex-wrap:wrap}.primary-control,.reset-control{min-height:48px}.mode-switch{width:calc(100% - 24px);max-width:100%;justify-content:stretch}.mode-switch button{flex:1}.number-control{height:44px}.number-control button{width:44px}.item-card h2{overflow-wrap:anywhere}.site-footer{flex-direction:column;text-align:center;padding-bottom:12px;gap:4px}.account-toast{top:calc(8px + var(--safe-top))}.adopt-spin-overlay{padding:16px}.chip,.tab{padding:8px 12px}}@media(max-width:360px){.bottom-nav a{font-size:11px;padding:8px 2px}.brand-title{max-width:9.5em}}@media(max-width:700px)and (max-height:720px){.cta-rail{display:none}}@media(max-height:540px)and (orientation:landscape){.site-header{min-height:0;padding-bottom:6px;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand tools"}.header-end{display:flex;grid-area:tools}.player-bar{width:auto}.cta-rail{display:none}.practice-shell{position:relative}.practice-toolbar{position:absolute;right:4px;top:4px;z-index:6;margin:0}.timer-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);min-height:0}.illustration-stage,.illustration-wrap .illustration-stage{width:min(42vh,220px);margin:8px auto}.timer-content{padding:4px 12px 8px}.timer-content .time{font-size:clamp(36px,10vh,56px)}.mic-notice{display:none}.settings-button{width:44px;height:44px;justify-content:center;padding:0}.settings-button b{display:none}.mode-switch{margin:6px auto 4px}.yard-scene{aspect-ratio:16 / 9;min-height:0}.stats-card{padding:12px 16px}.stats-card>strong{font-size:36px}}@media(pointer:coarse){.language-toggle,.studio-link,.lesson-cta,.back-btn,.ink-btn,.chip,.tab,.settings-button,.bottom-nav a{min-height:44px}}