*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;background:#5e351a;font-family:Arial,sans-serif}.stage{width:min(100vw,calc(100vh * 1.5));aspect-ratio:3/2;position:relative;overflow:hidden;background:#f6c56a;user-select:none}.scene{position:absolute;inset:0;background:center/100% 100% no-repeat;opacity:0;animation:fade .35s ease forwards}.scene.start{background-image:url('Podarok_Codex_materials/01_start.png.png')}.scene.search{background-image:url('Podarok_Codex_materials/02_search.png')}.scene.memo{background-image:url('Podarok_Codex_materials/03_memo.png')}.scene.play.memory{background-image:url('Podarok_Codex_materials/playroom_memory.png')}.scene.play.empty{background-image:url('Podarok_Codex_materials/playroom_empty.png')}.scene.music{background-image:url('Podarok_Codex_materials/05_music.png')}.scene.gift{background-image:url('Podarok_Codex_materials/06_giftroom.png')}.scene.final{background-image:url('Podarok_Codex_materials/07_final.png');animation:fade .35s ease forwards,finalBreath 7s ease-in-out infinite alternate}.scene.final::before{content:'';position:absolute;inset:-3%;pointer-events:none;background:radial-gradient(circle at 58% 56%,rgba(255,255,255,.20),transparent 28%);mix-blend-mode:screen;animation:finalGlow 3.2s ease-in-out infinite alternate;z-index:1}.scene.final::after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 47% 42%,rgba(255,255,255,.28) 0 1%,transparent 1.5%),radial-gradient(circle at 64% 50%,rgba(255,255,255,.22) 0 1%,transparent 1.5%);background-size:130px 130px,170px 170px;animation:twinkle 4s linear infinite;z-index:2}@keyframes fade{to{opacity:1}}@keyframes finalBreath{from{background-size:100% 100%}to{background-size:101.3% 101.3%}}@keyframes finalGlow{from{opacity:.35;transform:scale(.98)}to{opacity:.9;transform:scale(1.03)}}@keyframes twinkle{from{background-position:0 0,70px 30px;opacity:.35}50%{opacity:.8}to{background-position:45px 30px,20px 70px;opacity:.35}}@keyframes pop{from{transform:scale(.3)}to{transform:scale(1)}}@keyframes shake{25%{transform:translateX(-8px)}75%{transform:translateX(8px)}}@keyframes fly{0%{transform:translate(0) scale(1)}35%{transform:translate(2%,-18%) scale(1.08)}100%{left:43%;top:49%;transform:scale(.08) rotate(18deg);opacity:0}}.logo{position:absolute;z-index:30;top:2%;left:2%;width:8%;max-width:100px;opacity:.65;filter:drop-shadow(0 2px 2px #fff8)}.stage:has(.scene.final)>.logo{display:none}button{font:800 clamp(10px,1.35vw,21px)/1 Arial,sans-serif;cursor:pointer;border:0;color:#603617}button:focus-visible{outline:4px solid #fff;outline-offset:3px}.hot-button{position:absolute;background:transparent}.start-go{left:66%;top:68%;width:27%;height:15%;border-radius:35px}.again{left:74%;top:84%;width:22%;height:13%;border-radius:30px}.search-zone{position:absolute;border-radius:50%;background:transparent}.search-zone.found{opacity:0;pointer-events:none}.search-zone.hint{box-shadow:0 0 0 7px rgba(255,232,57,.98),0 0 28px 14px rgba(255,196,0,.82);animation:hintPulse .45s ease-in-out infinite alternate}.item-list{position:absolute;bottom:4.7%;left:3%;right:13.5%;height:13%;display:flex;gap:.6%;pointer-events:none}.item-list span{flex:1;border-radius:12px}.item-list span.done{background:#f6e1c9cc;filter:grayscale(1)}@keyframes hintPulse{from{transform:scale(.96)}to{transform:scale(1.04)}}.memo-grid{position:absolute;left:31.8%;top:27.3%;width:35.1%;height:52.7%;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);gap:2.3%}.card{border:0;border-radius:14%;background:transparent;box-shadow:none;perspective:600px;transition:transform .22s}.pair-art{display:none;width:68%;height:68%;margin:16%;border-radius:28%;transform:rotateY(180deg)}.card.open,.card.matched{transform:rotateY(180deg);background:#fff0d5;box-shadow:0 3px 5px #633b2355}.card.open .pair-art,.card.matched .pair-art{display:block}.card.matched{box-shadow:0 0 0 4px #74d867,0 3px 5px #633b2355}.art-sun{background:radial-gradient(circle,#ffed69 22%,#ff9d2f 24% 40%,transparent 42%),repeating-conic-gradient(#ffad2d 0 12deg,transparent 12deg 28deg)}.art-flower{background:radial-gradient(circle,#ffcc45 0 18%,transparent 19%),radial-gradient(ellipse at 50% 20%,#ff7599 0 21%,transparent 22%),radial-gradient(ellipse at 80% 50%,#ff7599 0 21%,transparent 22%),radial-gradient(ellipse at 50% 80%,#ff7599 0 21%,transparent 22%),radial-gradient(ellipse at 20% 50%,#ff7599 0 21%,transparent 22%)}.art-star{background:#7cceee;clip-path:polygon(50% 0,61% 35%,98% 38%,68% 59%,79% 96%,50% 75%,21% 96%,32% 59%,2% 38%,39% 35%)}.art-ball{background:radial-gradient(circle at 35% 30%,#fff 0 7%,transparent 8%),radial-gradient(circle at 68% 65%,#fff 0 7%,transparent 8%),#e85e74;border-radius:50%}.art-leaf{background:linear-gradient(135deg,transparent 47%,#fff 48% 52%,transparent 53%),#78bf55;border-radius:100% 0 100% 0}.art-house{background:linear-gradient(135deg,transparent 50%,#ed6b62 51%) top/100% 42% no-repeat,#5ebee4;clip-path:polygon(50% 0,100% 42%,100% 100%,0 100%,0 42%)}.art-rainbow{background:radial-gradient(ellipse at 50% 100%,transparent 0 18%,#ff6d83 19% 29%,#ffdd49 30% 40%,#77c96a 41% 51%,#67b7e8 52% 62%,transparent 63%)}.art-heart{background:#f06d91;clip-path:polygon(50% 100%,0 52%,0 25%,20% 5%,50% 25%,80% 5%,100% 25%,100% 52%)}.remember-button{position:absolute;left:40%;top:73%;width:20%;height:9%;border-radius:28px;background:#6cce56;color:#fff;text-shadow:0 2px #317128;box-shadow:0 4px #308337;font-size:clamp(16px,2vw,30px);z-index:10}.draggable-toy{position:absolute;width:10%;height:17%;object-fit:contain;cursor:grab;touch-action:none;filter:drop-shadow(0 4px 3px #4f2a2255);z-index:4}.draggable-toy.grabbed{cursor:grabbing;z-index:20;filter:drop-shadow(0 0 9px rgba(255,232,57,.9))}.draggable-toy.locked{pointer-events:none;filter:drop-shadow(0 0 9px #fff400)}.draggable-toy.hint-toy{animation:toyHint .45s ease-in-out infinite alternate;filter:drop-shadow(0 0 11px rgba(255,232,57,.98))}@keyframes toyHint{from{transform:scale(1)}to{transform:scale(1.08)}}.chair-hint{z-index:15;border-radius:18px;background:rgba(255,235,55,.22);box-shadow:0 0 0 6px rgba(255,235,55,.9),0 0 20px rgba(255,200,0,.8);pointer-events:none;animation:hintPulse .55s ease-in-out infinite alternate}.try-again,.wrong-shake{animation:shake .35s}.listen{position:absolute;left:41%;top:24%;width:19%;height:8%;border-radius:28px;background:#ffcf4b;color:#713a14;box-shadow:0 4px #bd7122}.music-status{position:absolute;left:40%;top:33%;width:21%;text-align:center;color:#fff;background:#813b8b;border-radius:20px;padding:.4%;font-size:clamp(12px,1.4vw,20px);font-weight:900;text-shadow:0 1px 2px #0005}.instrument{position:absolute;top:80%;height:14%;background:transparent;border-radius:16px;z-index:5}.instrument.ok{animation:pop .4s ease}.instrument.hint{box-shadow:0 0 0 6px rgba(255,235,55,.98),0 0 30px rgba(255,190,0,.9);animation:hintPulse .45s ease-in-out infinite alternate}.gift-box{display:none}.word-card{position:absolute;width:17.5%;height:auto;cursor:pointer;z-index:4;filter:drop-shadow(0 3px 2px #67381a44)}.word-card.flying{z-index:8;pointer-events:none;animation:fly .95s ease-in forwards}.word-card.hint{box-shadow:0 0 0 7px rgba(255,235,55,.98),0 0 30px rgba(255,190,0,.9);animation:hintPulse .45s ease-in-out infinite alternate}.wrong-word-card{position:absolute;width:17.5%;height:auto;cursor:pointer;z-index:4;filter:drop-shadow(0 3px 2px #67381a44)}.gift-status{position:absolute;right:5%;top:21%;z-index:5;padding:.4% 1%;color:#67381b;background:#fff1d0cc;border-radius:20px;font-size:clamp(13px,1.5vw,22px);font-weight:900}.notice{position:absolute;z-index:20;left:35%;top:66%;width:30%;padding:1%;border-radius:18px;background:#fff4d5;color:#69391d;text-align:center;font-size:clamp(12px,1.4vw,20px);font-weight:900}.final-effects{position:absolute;inset:0;z-index:4;pointer-events:none;overflow:hidden}.final-effects span{position:absolute;display:block;line-height:1;font-weight:900;opacity:0;animation:finalParticle 2.15s ease-in-out infinite;color:#fff7b8;text-shadow:0 0 8px rgba(255,215,70,.95),0 0 16px rgba(255,190,40,.65)}.final-effects span.heart{color:#ff7fa9;text-shadow:0 0 8px rgba(255,90,140,.9),0 0 16px rgba(255,220,80,.55)}@keyframes finalParticle{0%{opacity:0;transform:translate3d(0,16px,0) scale(.45) rotate(-10deg)}15%{opacity:1}38%{opacity:1;transform:translate3d(calc(var(--dx)*.25),var(--dy),0) scale(1) rotate(var(--rot))}62%{opacity:.9;transform:translate3d(var(--dx),calc(var(--dy) - 10px),0) scale(1.12) rotate(calc(var(--rot)*-1))}82%{opacity:.45}100%{opacity:0;transform:translate3d(calc(var(--dx)*1.25),calc(var(--dy) - 24px),0) scale(.65) rotate(var(--rot))}}
/* Полная зона клика для кнопки «Подсказка»: внешний вид не меняется. */
.hot-button[aria-label="Подсказка"]{top:82%!important;height:14%!important;z-index:50!important;}