/* Ranglar faqat fon qatlamida kuchayadi; matn va boshqaruvlar o‘zgarmaydi. */
.game-stage{isolation:isolate;position:relative}.game-stage[data-theme='decorated']{background:#dce9d3;color:#264958;box-shadow:0 7px 0 #cbdac7,0 14px 28px #39594618}.game-stage[data-theme='decorated']::before{content:'';position:absolute;inset:0;background:var(--scene-image) center/cover no-repeat;filter:saturate(1.18) contrast(1.04) brightness(.98);z-index:-2;pointer-events:none}.game-stage[data-theme='decorated']::after{content:'';position:absolute;inset:0;border:1px solid #ffffff8c;border-radius:inherit;box-shadow:inset 0 0 35px #224a4c0b;pointer-events:none;z-index:-1}.game-stage[data-theme='decorated']>.prompt{background:#fffffff2;border:2px solid #fff;box-shadow:0 5px 0 #668b9330}.game-stage[data-theme='decorated'] .stage-label{background:#fffffff2;opacity:1;color:#456771}.game-stage[data-theme='decorated'] .tile{background:linear-gradient(#4ab7dc,#167ba7);border-color:#e6faff;color:#fff;box-shadow:0 5px 0 #115774,0 8px 12px #35627530;text-shadow:0 1px 2px #145374}.game-stage[data-background='space'][data-theme='decorated'] .tile{background:linear-gradient(#9683df,#6751b7);box-shadow:0 5px 0 #493687}.game-stage[data-background='forest'][data-theme='decorated'] .tile{background:linear-gradient(#71ba7d,#2b805b);box-shadow:0 5px 0 #1d5a40}.game-stage[data-background='rainbow'][data-theme='decorated'] .tile{background:linear-gradient(#de88b6,#ad4d91);box-shadow:0 5px 0 #813970}.game-stage[data-background='school'][data-theme='decorated'] .tile{background:linear-gradient(#72a1cb,#356fa2);box-shadow:0 5px 0 #254f76}.game-stage[data-theme='decorated'] .tile.selected{background:linear-gradient(#a85add,#7025ae);box-shadow:0 5px 0 #4b1878;border-color:#efd9ff}.game-stage[data-theme='decorated'] .choices button{border:2px solid #b4cbd1;background:#fffffff7;box-shadow:0 5px 0 #7f9ca64d;color:#264f5e}.game-stage[data-theme='decorated'] .choices button:hover:not(:disabled){border-color:#d5a239;background:#fff0be}.game-stage .feedback.correct{box-shadow:0 4px 0 #74b78766;border:2px solid #85c799!important;color:#1d6536}.game-stage .feedback.incorrect:not(:empty){border:2px solid #e2af82!important;color:#873b20;background:#fff1de}.choices .answer-correct{box-shadow:0 5px 0 #549b5266!important}.game-stage .bins button{background:#fffaf0}.preview{filter:saturate(1.08);box-shadow:inset 0 0 0 1px #ffffff55}.preview-wheel,.preview-gildirak{background-color:#dceac8}.scene-sparkles{position:absolute;inset:0;pointer-events:none;z-index:-1;overflow:hidden}.scene-sparkles span{position:absolute;color:#fff6b6;font-size:27px;text-shadow:0 1px 3px #ad814c44;opacity:.8;animation:scene-glimmer 5s ease-in-out 2}.scene-sparkles span:nth-child(1){left:4%;top:34%}.scene-sparkles span:nth-child(2){right:4%;top:27%;animation-delay:.7s;color:#f6e8ff}.scene-sparkles span:nth-child(3){left:9%;bottom:12%;animation-delay:1.4s;font-size:19px}.scene-sparkles span:nth-child(4){right:8%;bottom:13%;animation-delay:2.1s;font-size:22px}.celebration{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:5}.celebration i{position:absolute;left:var(--x);top:-20px;width:10px;height:16px;background:var(--color);border-radius:3px;animation:confetti-fall 1.6s var(--delay) ease-out both}.celebration i:nth-child(3n){border-radius:50%;width:12px;height:12px}.celebration i:nth-child(4n){width:7px;height:20px}.scene-enter[data-effects='true']>.prompt,.scene-enter[data-effects='true']>.letter-row,.scene-enter[data-effects='true']>.build-answer,.scene-enter[data-effects='true']>.choices,.scene-enter[data-effects='true']>.sort-letter,.scene-enter[data-effects='true']>.wheel-layout{animation:question-arrive .38s ease-out both}.scene-enter[data-effects='true']>.choices{animation-delay:.06s}.feedback-success[data-effects='true'] .feedback{animation:answer-pop .32s ease-out both}.feedback-retry[data-effects='true'] .feedback{animation:retry-nudge .3s ease-out both}.game-stage button{transition:background .16s,box-shadow .16s,transform .16s}.game-stage button:active:not(:disabled){transform:translateY(3px) scale(.98)}.game-stage .tile.selected{outline:2px solid #fff8;outline-offset:3px}.result .big-icon{animation:trophy-arrive .6s ease-out both}.activity:hover .preview-play{transform:scale(1.08)}.preview-play{transition:transform .2s}
@keyframes scene-glimmer{0%,100%{opacity:.5;transform:translateY(0) scale(.85)}50%{opacity:.95;transform:translateY(-7px) scale(1.06)}}@keyframes question-arrive{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes answer-pop{0%{transform:scale(.96)}65%{transform:scale(1.015)}100%{transform:scale(1)}}@keyframes retry-nudge{0%,100%{transform:translateX(0)}30%{transform:translateX(-4px)}70%{transform:translateX(4px)}}@keyframes confetti-fall{0%{opacity:0;transform:translateY(0) rotate(0)}10%{opacity:1}100%{opacity:0;transform:translateY(500px) rotate(var(--spin))}}@keyframes trophy-arrive{from{opacity:0;transform:translateY(12px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}
.game-stage[data-effects='false'] .scene-sparkles,.game-stage[data-effects='false'] .celebration{display:none}.game-stage[data-effects='false'] button{transition:none}.game-stage[data-effects='false'] button:active:not(:disabled){transform:none}@media(prefers-reduced-motion:reduce){.scene-sparkles,.celebration{display:none}.game-stage *, .result .big-icon{animation:none!important;transition:none!important}.game-stage button:active:not(:disabled){transform:none}}

.result[data-effects="false"] .big-icon{animation:none}