:root{color-scheme:light;font-family:ui-rounded,"Arial Rounded MT Bold","Trebuchet MS","PingFang SC","Microsoft YaHei",sans-serif;color:#56361f;background:#e8c493;-webkit-text-size-adjust:100%}
/* Scene controls share the game's touch policy, including SVG/icon children. */
.playroom .scene,.playroom .scene *{touch-action:none}
/* Keep a future scene picker scrollable without enabling pinch-to-zoom. */
.scene-picker,.scene-picker *{touch-action:pan-y;overscroll-behavior:contain}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
html,body{margin:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none;touch-action:none}body{position:fixed;inset:0;background:radial-gradient(ellipse at center,#f4dbb9,#d8af7b)}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none}button:focus-visible{outline:.25cqw solid #4b97c7;outline-offset:.12cqw;border-radius:1cqw}button:disabled{cursor:default}button[hidden],span[hidden]{display:none!important}
.playroom{height:100%;height:100svh;width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.scene{position:relative;width:min(100vw,150svh);aspect-ratio:3/2;flex:none;container-type:inline-size;isolation:isolate;overflow:hidden;touch-action:none}.room-background{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;pointer-events:none;-webkit-user-drag:none}.hotspot{position:absolute;margin:0;padding:0;border:0;background:transparent;z-index:6}.hotspot:active:not(.kitten){filter:brightness(.95)}
.character-facing{position:absolute;left:var(--character-left,-5.5%);top:var(--character-top,13.4%);width:var(--character-width,41.5%);height:var(--character-height,62.25%);pointer-events:none;z-index:3;transform:scaleX(var(--character-facing,1));transform-origin:50% 50%}.cat-art{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;-webkit-user-drag:none;transform-origin:48% 88%}.cat-shadow{position:absolute;left:4%;top:67.6%;width:20%;height:2%;background:#71431840;border-radius:50%;filter:blur(.5cqw);z-index:2}.kitten{left:1%;top:20%;width:25%;height:51%;z-index:7}.bubble{left:12.1%;top:8.1%;width:19.3%;height:12.4%;display:flex;align-items:center;justify-content:center;padding:1cqw 1.2cqw 1.5cqw;z-index:7}#speechText{display:block;white-space:pre-line;font-size:2.05cqw;line-height:1.35;font-weight:800;letter-spacing:.02em;pointer-events:none}.cat-speaking .bubble #speechText{color:#6a3d20}.gif-fallback-cat .cat-art{animation:catGreeting 1.1s ease-in-out}.actions-paused .cat-art{animation-play-state:paused}@keyframes catGreeting{0%,100%{transform:rotate(0)}35%{transform:rotate(-3deg) translateY(-.3cqw)}65%{transform:rotate(2deg)}}
.equation-board{position:absolute;left:33.2%;top:12.2%;width:47.8%;height:24.7%;z-index:4;pointer-events:none;display:block}.equation{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;gap:1cqw;width:max-content;max-width:95%;font-weight:900;font-size:8.5cqw;line-height:1;font-variant-numeric:tabular-nums;white-space:nowrap;text-shadow:0 .14cqw .05cqw #fff2cd}.answer-value{min-width:6.6cqw;text-align:center;color:#8d542b}.equation.has-answer .answer-value{color:#2b84b0}.equation.is-correct .answer-value{color:#4b8c46}.equation.is-retry .answer-value{color:#af6841}.decomposition{position:absolute;left:3%;right:3%;bottom:11%;font-size:1.6cqw;line-height:1.25;font-weight:700;color:#86613d;text-align:center}.decomposition:empty{display:none}.equation-board.has-hint .equation{top:43%}.fruit-display{left:26%;top:41.4%;width:70.5%;height:21.7%;z-index:6}.fruit-scene{z-index:5}.count-label{position:absolute;top:62.4%;width:11.6%;height:7.4%;font-size:4.7cqw;line-height:1;display:flex;align-items:center;justify-content:center;font-weight:900;pointer-events:none;z-index:4}#leftCount{left:36.5%}#rightCount{left:73%}.count-label.small-count{font-size:2cqw;line-height:1.15;text-align:center}.count-label .count-word{font-size:1.15cqw;display:block;font-weight:700}
.number-keys{position:absolute;inset:0;pointer-events:none;z-index:7}.number-key{position:absolute;width:8.4%;height:7.6%;padding:0;border:0;background:transparent;font-size:4.5cqw;line-height:1;font-weight:900;display:flex;align-items:center;justify-content:center;pointer-events:auto;text-shadow:0 .12cqw #fff1cc;transform-origin:50% 60%}.number-key:active{transform:translateY(.22cqw) scale(.97)}.k1,.k2,.k3,.k4,.k5{top:72.7%}.k6,.k7,.k8,.k9,.k0{top:81.6%}.k1{left:31.25%}.k2{left:40.2%}.k3{left:49.05%}.k4{left:57.85%}.k5{left:66.8%}.k6{left:30.2%}.k7{left:39.6%}.k8{left:48.85%}.k9{left:58.1%}.k0{left:67.4%}.confirm-answer{left:77.6%;top:72.7%;width:11.2%;height:11.5%;display:grid;place-items:center;color:#fff8e9}.check-icon{width:66%;height:66%;fill:none;stroke:currentColor;stroke-width:13;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 .25cqw .1cqw #2475a0)}.next-label{display:inline-flex;align-items:center;justify-content:center;gap:.55cqw;max-width:90%;white-space:nowrap;font-size:1.75cqw;line-height:1;font-weight:800;text-shadow:0 .12cqw .1cqw #246589;pointer-events:none}.next-label>span{display:block}.next-arrow{display:block;flex:none;width:1.8cqw;height:1.8cqw;fill:none;stroke:currentColor;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 .1cqw .08cqw #246589)}.delete-answer{left:77.8%;top:85.2%;width:12%;height:6.9%;display:grid;place-items:center}.delete-answer svg{width:60%;height:70%;fill:#634126}.delete-answer:disabled{opacity:.4}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}@media(max-width:600px){.scene button:focus-visible{outline-width:2px}}