.orange-objects{position:absolute;inset:0;z-index:2;pointer-events:none;display:none}
.scene[data-room="oranges"] .orange-objects:not([hidden]){display:block}
.orange-basket,.orange-number-card,.orange-fruit{position:absolute;border:0;padding:0;background:transparent;pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.orange-basket{left:75%;top:28%;width:25%;height:40%;border-radius:45%;z-index:2}
.orange-fruit-layer,.orange-crumbs{position:absolute;inset:0;pointer-events:none}
.orange-fruit{width:10%;height:15%;transform:translate(-50%,-100%);border-radius:43%;z-index:3;overflow:visible}
.orange-fruit[data-state="empty"]{visibility:hidden;pointer-events:none}
.orange-fruit[data-state="flying"]{z-index:5}
.orange-fruit:disabled{cursor:default}
.orange-fruit-visual,.orange-fruit-svg{display:block;width:100%;height:100%;pointer-events:none}
.orange-fruit-visual{transform-origin:50% 82%;filter:drop-shadow(0 .2cqw .14cqw #704b2529)}
.orange-fruit-svg{overflow:visible}
.orange-cut{opacity:0}
.orange-fruit[data-bite="1"] .orange-cut-one,.orange-fruit[data-bite="2"] .orange-cut-one,.orange-fruit[data-bite="2"] .orange-cut-two,.orange-fruit[data-bite="3"] .orange-cut-one,.orange-fruit[data-bite="3"] .orange-cut-two,.orange-fruit[data-bite="3"] .orange-cut-three{opacity:1}
.orange-crunch{animation:orange-crunch 180ms ease-out both}
.orange-counting .orange-fruit-visual{animation:orange-count-hop 480ms cubic-bezier(.2,.65,.35,1) both;filter:drop-shadow(0 .2cqw .18cqw #8f4a1c55) brightness(1.06)}
.orange-number-card{left:44.5%;top:76.1%;width:15%;height:13%;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;color:#5b3926;line-height:1;text-shadow:0 .08cqw #fff2d680;border-radius:17%;font-family:inherit;font-weight:800}
.orange-numeral{display:flex;align-items:center;justify-content:center;height:5.076cqw;flex-shrink:0;font-size:5.4cqw;line-height:.94}
.orange-number-word{display:block;font-size:2.35cqw;line-height:1.2}
.orange-number-card[data-ten="true"] .orange-numeral{font-size:4.85cqw;transform:translateX(-.3cqw)}
.orange-number-pop{animation:orange-number-pop 320ms cubic-bezier(.15,.7,.3,1.25) both}
.orange-crumbs{z-index:6;overflow:hidden}
.orange-crumb{position:absolute;width:.38cqw;height:.27cqw;min-width:2px;min-height:2px;display:block;border-radius:45% 65% 35% 50%;background:#ffb04b;box-shadow:inset 0 -.06cqw #db721b;opacity:0;animation:orange-crumb 470ms ease-out var(--crumb-delay) both}
@keyframes orange-crunch{0%{transform:rotate(-3deg) scale(1.025,.98)}45%{transform:rotate(2deg) scale(.99,1.01)}100%{transform:rotate(0) scale(1)}}
@keyframes orange-count-hop{0%,100%{transform:translateY(0)}42%{transform:translateY(-1.1cqw) rotate(-3deg)}72%{transform:translateY(.12cqw) scale(1.03,.97)}}
@keyframes orange-number-pop{0%{transform:scale(.94)}52%{transform:scale(1.06)}100%{transform:scale(1)}}
@keyframes orange-crumb{0%{opacity:.92;transform:translate(-50%,-50%) scale(.9)}32%{opacity:.86;transform:translate(calc(var(--crumb-x) * .55),-.8cqw) rotate(calc(var(--crumb-turn) * .45))}100%{opacity:0;transform:translate(var(--crumb-x),var(--crumb-y)) rotate(var(--crumb-turn)) scale(.3)}}
@media(prefers-reduced-motion:reduce){.orange-fruit-visual,.orange-number-card,.orange-crumb{animation:none!important}.orange-counting .orange-fruit-visual{filter:drop-shadow(0 0 .3cqw #e8a326a8) brightness(1.1)}}
.scene[data-room="oranges"] .cat-art{left:-5.7%;top:8.5%;width:49.5%;height:74.25%}
.scene[data-room="oranges"] .cat-shadow{left:4.2%;top:73.6%;width:27.6%;height:3%}
.scene[data-room="oranges"] .kitten{left:3%;top:18%;width:29%;height:56%}
.scene[data-room="oranges"] .bubble{left:26%;top:7%;width:32.5%;height:19%}
.scene[data-room="oranges"] .speech-text{left:28.3%;top:9.2%;width:27.8%;height:14.5%;font-size:2.65cqw;line-height:1.16}
.scene[data-room="oranges"] .replay{left:59.5%;top:9%;width:12%;height:18%}