@import"https://fonts.googleapis.com/css2?family=Baloo+2:wght@500;700;800&family=Nunito:wght@700;800&display=swap";:root{--bg-top: #fff1c6;--bg-bottom: #d6f4ff;--surface: rgba(255, 255, 255, .86);--surface-strong: #ffffff;--text-main: #243253;--text-soft: #4d6088;--accent-red: #ff6b54;--accent-yellow: #ffcc4d;--accent-green: #27c97d;--accent-blue: #2f85ff;--accent-orange: #ff8f2d;--shadow-soft: 0 16px 42px rgba(36, 50, 83, .15);--shadow-card: 0 12px 32px rgba(36, 50, 83, .12);--radius-xl: 30px;--radius-lg: 24px;--radius-md: 18px;--radius-sm: 14px}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:"Baloo 2",Trebuchet MS,sans-serif;background:linear-gradient(165deg,var(--bg-top) 0%,var(--bg-bottom) 55%,#ffffff 100%);color:var(--text-main)}body:before,body:after{content:"";position:fixed;z-index:0;border-radius:999px;pointer-events:none}body:before{width:380px;height:380px;top:-120px;right:-90px;background:radial-gradient(circle at 30% 30%,#ff8f2d59,#ff8f2d00)}body:after{width:440px;height:440px;bottom:-170px;left:-120px;background:radial-gradient(circle at 45% 45%,#2f85ff3d,#2f85ff00)}button,a{font-family:inherit}.app-shell{position:relative;z-index:1;min-height:100vh;display:flex;justify-content:center;padding:26px 16px 44px}.home-page,.game-page{width:min(1080px,100%)}.hero-card{background:linear-gradient(135deg,#fffffff2,#fff8e2eb);border:2px solid rgba(255,143,45,.18);border-radius:var(--radius-xl);box-shadow:var(--shadow-soft);padding:30px 28px;margin-bottom:22px;position:relative;overflow:hidden}.hero-card:after{content:"";position:absolute;inset:auto -48px -55px auto;width:190px;height:190px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#27c97d6b,#27c97d00)}.hero-kicker{margin:0;color:var(--accent-blue);letter-spacing:.08em;text-transform:uppercase;font-size:1rem;font-weight:800}.hero-title{margin:10px 0;font-size:clamp(2rem,4vw,3rem);line-height:1.03}.hero-subtitle{margin:0;max-width:690px;color:var(--text-soft);font-family:Nunito,Verdana,sans-serif;font-size:1.12rem}.tile-menu{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:18px}.tile-card{background:linear-gradient(155deg,#fffffff5,#f8fcfff5);border-radius:var(--radius-lg);border:2px solid rgba(47,133,255,.16);color:var(--text-main);text-decoration:none;box-shadow:var(--shadow-card);padding:22px;min-height:190px;display:grid;align-content:start;gap:8px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.tile-card:hover,.tile-card:focus-visible{transform:translateY(-3px) scale(1.01);border-color:#ff6b5470;box-shadow:0 18px 32px #2f85ff2e;outline:none}.tile-visual{font-size:2.45rem;line-height:1}.tile-title{margin:0;font-size:clamp(1.6rem,2.5vw,2rem)}.tile-subtitle{margin:0;font-family:Nunito,Verdana,sans-serif;color:var(--text-soft);font-size:1.04rem}.game-layout{background:var(--surface);border-radius:var(--radius-xl);border:2px solid rgba(255,255,255,.7);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:16px 16px 20px}.game-header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin-bottom:14px}.game-title{margin:0;text-align:center;font-size:clamp(1.5rem,3.2vw,2.2rem)}.back-button,.audio-button{border-radius:var(--radius-sm);border:2px solid rgba(36,50,83,.16);background:#fff;color:var(--text-main);display:inline-flex;align-items:center;gap:8px;min-height:54px;padding:10px 16px;font-size:1.03rem;font-weight:700;text-decoration:none}.back-button{justify-self:start}.audio-button{cursor:pointer}.back-button:focus-visible,.audio-button:focus-visible,.play-again-button:focus-visible{outline:3px solid rgba(47,133,255,.5);outline-offset:2px}.audio-button:disabled{opacity:.55;cursor:default}.progress-section{margin-bottom:18px}.progress-track{position:relative;height:22px;background:linear-gradient(90deg,#ffe6d6,#fff9d8);border-radius:999px;border:2px solid rgba(255,143,45,.25);overflow:visible}.progress-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--accent-green),#57de99);transition:width .4s ease}.progress-mouse{position:absolute;top:50%;transform:translate(-50%,-50%);font-size:1.8rem;line-height:1;transition:left .4s ease;filter:drop-shadow(0 3px 5px rgba(0,0,0,.16))}.progress-cheese{position:absolute;right:-4px;top:50%;transform:translateY(-50%);font-size:1.8rem}.progress-score{margin-top:8px;text-align:right;font-size:1rem;font-family:Nunito,Verdana,sans-serif;color:var(--text-soft)}.game-content{min-height:440px}.task-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.task-card{min-height:410px;border-radius:var(--radius-lg);border:2px solid rgba(47,133,255,.14);background:var(--surface-strong);box-shadow:var(--shadow-card);padding:16px;display:flex}.task-left{align-items:center;justify-content:center}.task-right{flex-direction:column;justify-content:center;align-items:center;gap:14px;text-align:center}.task-helper{margin:0;font-size:1.05rem;color:var(--text-soft);font-family:Nunito,Verdana,sans-serif}.target-symbol{width:min(300px,75%);aspect-ratio:1;display:grid;place-items:center;border-radius:28px;border:5px solid rgba(47,133,255,.26);background:linear-gradient(160deg,#eff7ff,#fbf6ff);font-size:clamp(5rem,16vw,8.5rem);line-height:1;font-weight:800;color:#15346b}.target-symbol.is-error{border-color:#ff6b54b8;background:linear-gradient(160deg,#ffefea,#ffe5df);animation:shake .28s ease}.target-symbol.is-success{border-color:#27c97db8;background:linear-gradient(160deg,#eafcf4,#e1fff0);animation:pop .24s ease}.illustration-card{width:100%;display:grid;place-items:center;gap:10px}.illustration-emoji{font-size:clamp(5rem,14vw,8rem);line-height:1}.illustration-label{margin:0;font-size:1.25rem;color:var(--text-soft);font-family:Nunito,Verdana,sans-serif}.count-grid{width:100%;display:grid;grid-template-columns:repeat(3,minmax(54px,1fr));gap:10px;justify-items:center}.count-item{width:54px;height:54px;border-radius:14px;background:#ffcc4d47;display:grid;place-items:center;font-size:2rem}.win-screen{min-height:410px;border-radius:var(--radius-lg);border:2px solid rgba(39,201,125,.35);background:linear-gradient(170deg,#eafff3,#fdffec);box-shadow:var(--shadow-card);display:grid;place-items:center;text-align:center;padding:22px;animation:float-in .4s ease}.win-badge{margin:0;padding:8px 14px;border-radius:999px;background:#27c97d;color:#fff;font-size:.98rem;letter-spacing:.04em;text-transform:uppercase;font-weight:800}.win-title{margin:12px 0 14px;font-size:clamp(2rem,4vw,2.8rem)}.play-again-button{border:0;border-radius:var(--radius-sm);min-height:62px;padding:12px 24px;font-size:1.25rem;font-weight:800;color:#fff;background:linear-gradient(120deg,var(--accent-orange),var(--accent-red));box-shadow:0 12px 24px #ff6b5442;cursor:pointer}.mini-choice-grid{display:grid;grid-template-columns:minmax(260px,.9fr) minmax(320px,1.1fr);gap:14px}.mini-panel{min-height:380px;border-radius:var(--radius-lg);border:2px solid rgba(47,133,255,.14);background:#fff;box-shadow:var(--shadow-card);padding:16px;display:flex;flex-direction:column;gap:12px}.mini-panel-left{justify-content:center;align-items:center;text-align:center}.mini-panel-right{justify-content:center}.mini-panel-title{margin:0;font-size:1.2rem;color:var(--text-main)}.mini-panel-helper{margin:0;color:var(--text-soft);font-family:Nunito,Verdana,sans-serif;font-size:1.02rem}.mini-panel-hint{margin:0;color:var(--text-soft);font-family:Nunito,Verdana,sans-serif}.mini-question{margin:0;font-size:clamp(1.4rem,2.7vw,2rem);line-height:1.08}.mini-visual-emoji{font-size:clamp(4rem,10vw,6.8rem);line-height:1}.mini-visual-items{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.mini-visual-chip{border-radius:999px;background:#2f85ff1f;padding:6px 11px;font-size:1rem}.choice-options-grid{display:grid;gap:10px}.choice-option-button{min-height:64px;border-radius:var(--radius-md);border:2px solid rgba(47,133,255,.2);background:#fff;color:var(--text-main);padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:1.08rem;font-weight:700;cursor:pointer}.choice-option-button.is-selected{transform:translateY(-1px)}.choice-option-button.is-success{border-color:#27c97da8;background:linear-gradient(150deg,#ebfff3,#ddffea)}.choice-option-button.is-error{border-color:#ff6b54b8;background:linear-gradient(150deg,#ffefeb,#ffe7df)}.choice-option-button.is-silhouette .choice-emoji{filter:grayscale(1) brightness(.2)}.choice-emoji{font-size:1.8rem;line-height:1}.choice-label{flex:1;text-align:left}.choice-check{color:var(--accent-green);font-size:1.3rem}.choice-swatch{width:32px;height:32px;border-radius:10px;border:2px solid rgba(36,50,83,.18)}.mini-single-panel{min-height:380px;border-radius:var(--radius-lg);border:2px solid rgba(47,133,255,.14);background:#fff;box-shadow:var(--shadow-card);padding:16px;display:grid;align-content:start;gap:14px}.memory-meta{margin:0;color:var(--text-soft)}.memory-grid{display:grid;grid-template-columns:repeat(4,minmax(68px,1fr));gap:10px}.memory-card{min-height:84px;border-radius:var(--radius-md);border:2px solid rgba(36,50,83,.2);background:linear-gradient(155deg,#f4f9ff,#ecfff7);font-size:2rem;cursor:pointer}.memory-card.is-flipped{background:#fff}.memory-card.is-matched{border-color:#27c97da8;background:linear-gradient(145deg,#e8fff0,#effff6)}.sort-items-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}.sort-item{min-height:82px;border-radius:var(--radius-md);border:2px solid rgba(47,133,255,.2);background:#fff;cursor:pointer;display:grid;justify-items:center;align-content:center;gap:4px}.sort-item.is-selected{border-color:#ff8f2dbf;transform:translateY(-1px)}.sort-item.is-placed{opacity:.5}.sort-item-emoji{font-size:1.8rem}.sort-item-label{font-size:.95rem}.sort-baskets-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px}.sort-basket{min-height:90px;border-radius:var(--radius-md);border:2px solid rgba(255,143,45,.28);background:linear-gradient(160deg,#fff8ee,#fff2dc);cursor:pointer;display:grid;place-items:center;gap:4px}.sort-basket-emoji{font-size:1.8rem}.sort-basket-label{font-size:1rem;font-weight:700}.maze-board{display:grid;gap:4px;justify-content:center}.maze-row{display:grid;grid-template-columns:repeat(6,44px);gap:4px}.maze-cell{width:44px;height:44px;border-radius:11px;display:grid;place-items:center;font-size:1.2rem}.maze-cell.is-path{background:#edf6ff;border:1px solid rgba(47,133,255,.2)}.maze-cell.is-wall{background:#32476f}.maze-cell.is-goal{background:#fff5d6;border:1px solid rgba(255,143,45,.36)}.maze-cell.is-player{background:#e5fff3;border:2px solid rgba(39,201,125,.6)}.rhythm-sequence{display:flex;flex-wrap:wrap;gap:10px}.rhythm-chip{min-width:58px;min-height:58px;border-radius:14px;background:#f2f8ff;border:2px solid rgba(47,133,255,.2);display:grid;place-items:center;font-size:1.8rem}.rhythm-actions{display:grid;grid-template-columns:repeat(2,minmax(150px,1fr));gap:10px}.rhythm-button{min-height:68px;border-radius:var(--radius-md);border:2px solid rgba(47,133,255,.2);background:#fff;font-size:1.08rem;font-weight:700;cursor:pointer}.puzzle-title{margin:0;font-size:1.1rem}.puzzle-reference{display:grid;grid-template-columns:repeat(4,minmax(56px,1fr));gap:8px}.puzzle-ref-cell{min-height:56px;border-radius:12px;background:#f4f9ff;border:1px solid rgba(47,133,255,.16);display:grid;place-items:center;font-size:1.55rem}.puzzle-grid{display:grid;grid-template-columns:repeat(2,minmax(120px,1fr));gap:10px}.puzzle-tile{min-height:110px;border-radius:var(--radius-md);border:2px solid rgba(47,133,255,.2);background:#fff;font-size:2rem;cursor:pointer}.puzzle-tile.is-selected{border-color:#ff8f2db8;box-shadow:0 8px 20px #ff8f2d2e}.spot-scenes-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.spot-scene{border-radius:14px;border:2px solid rgba(47,133,255,.16);background:#f9fcff;display:grid;grid-template-columns:repeat(3,minmax(44px,1fr));gap:8px;padding:8px}.spot-scene-cell{min-height:48px;border-radius:10px;background:#fff;display:grid;place-items:center;font-size:1.55rem}.spot-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}.spot-button{min-height:58px;border-radius:var(--radius-md);border:2px solid rgba(47,133,255,.2);background:#fff;font-size:.98rem;font-weight:700;cursor:pointer}.spot-button.is-found{border-color:#27c97da8;background:linear-gradient(150deg,#eafff2,#e0fff0)}.music-sequence{display:flex;gap:10px;flex-wrap:wrap}.music-seq-dot{width:28px;height:28px;border-radius:999px;border:2px solid rgba(36,50,83,.16)}.music-seq-dot.is-red{background:#ff5a54}.music-seq-dot.is-yellow{background:#ffcc4d}.music-seq-dot.is-green{background:#27c97d}.music-seq-dot.is-blue{background:#2f85ff}.music-pad-grid{display:grid;grid-template-columns:repeat(2,minmax(140px,1fr));gap:10px}.music-pad{min-height:76px;border-radius:var(--radius-md);border:2px solid rgba(36,50,83,.15);font-size:1rem;font-weight:700;cursor:pointer;color:#12305c}.music-pad.is-red{background:linear-gradient(145deg,#ffb5b1,#ff8c84)}.music-pad.is-yellow{background:linear-gradient(145deg,#ffe39b,#ffd067)}.music-pad.is-green{background:linear-gradient(145deg,#a9ebc8,#78daa9)}.music-pad.is-blue{background:linear-gradient(145deg,#add1ff,#82b7ff)}@keyframes pop{0%{transform:scale(.96)}to{transform:scale(1)}}@keyframes shake{0%{transform:translate(0)}30%{transform:translate(-5px)}60%{transform:translate(4px)}to{transform:translate(0)}}@keyframes float-in{0%{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 900px){.game-header{grid-template-columns:1fr;justify-items:center}.back-button,.audio-button{width:100%;justify-content:center}.game-title{order:-1}.task-grid,.mini-choice-grid{grid-template-columns:1fr}.mini-panel,.mini-single-panel{min-height:260px}.memory-grid{grid-template-columns:repeat(4,minmax(58px,1fr))}.maze-row{grid-template-columns:repeat(6,36px)}.maze-cell{width:36px;height:36px}.rhythm-actions,.music-pad-grid,.spot-scenes-grid{grid-template-columns:1fr}.task-card,.win-screen{min-height:260px}.count-grid{grid-template-columns:repeat(3,minmax(50px,72px))}}