@import"https://fonts.googleapis.com/css2?family=Nunito:wght@600;700;800&display=swap";:root{--bg: linear-gradient(160deg, #a8d8f0 0%, #c5e8ff 40%, #ffe8f0 100%);--surface: #ffffff;--primary: #ff6b9d;--primary-dark: #e84d87;--secondary: #4d96ff;--success: #6bcb77;--warning: #ffd93d;--text: #2d3436;--text-soft: #636e72;--card-back: linear-gradient(135deg, #ff9a9e 0%, #fecfef 50%, #a8edea 100%);--card-radius: 18px;--shadow: 0 8px 24px rgba(45, 52, 54, .12);--gap: clamp(10px, 2.5vw, 16px);--card-size: min(28vw, 140px);--font: "Nunito", system-ui, -apple-system, sans-serif;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}@keyframes dealIn{0%{opacity:0;transform:translateY(40px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@keyframes bounce{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes pulseHint{0%,to{box-shadow:0 0 #ffd93d99}50%{box-shadow:0 0 0 12px #ffd93d00}}@keyframes glowHint{0%,to{outline-color:#4d96ff4d}50%{outline-color:#4d96ffe6}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes starSpin{0%{transform:rotate(0) scale(1)}to{transform:rotate(360deg) scale(1.1)}}.card--deal{animation:dealIn .45s cubic-bezier(.34,1.56,.64,1) backwards;animation-delay:var(--deal-delay, 0s)}.card--shake{animation:shake .45s ease-in-out}.card--bounce{animation:bounce .5s ease}.card--hint-mate{animation:pulseHint 1.2s ease-in-out infinite}.card--hint-glow{outline:4px solid rgba(77,150,255,.6);outline-offset:3px;animation:glowHint 1s ease-in-out infinite}.card--matched .card__face--front{box-shadow:0 0 0 4px var(--success)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}*,*:before,*:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;height:100%;overflow:hidden;touch-action:manipulation;user-select:none;-webkit-user-select:none}body{font-family:var(--font);color:var(--text);background:var(--bg);background-attachment:fixed;padding-top:var(--safe-top);padding-bottom:var(--safe-bottom)}#app{height:100%;display:flex;flex-direction:column;overflow:hidden}button{font-family:inherit;cursor:pointer;border:none;touch-action:manipulation}img{pointer-events:none;-webkit-user-drag:none}.screen{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px;overflow:auto}.unlock{text-align:center;max-width:360px}.unlock__emoji{font-size:5rem;display:block;margin-bottom:16px;animation:float 2s ease-in-out infinite}.unlock__title{font-size:2rem;font-weight:800;margin:0 0 8px}.unlock__text{font-size:1.25rem;color:var(--text-soft);margin:0 0 32px}.btn{border-radius:20px;font-weight:700;font-size:1.1rem;padding:14px 28px;transition:transform .15s ease}.btn:active{transform:scale(.96)}.btn--primary{background:var(--primary);color:#fff;box-shadow:0 6px 0 var(--primary-dark)}.btn--secondary{background:var(--surface);color:var(--text);box-shadow:var(--shadow)}.btn--huge{font-size:1.5rem;padding:22px 48px;border-radius:28px;min-width:240px}.btn--big{font-size:1.25rem;padding:18px 32px;min-width:160px}.btn--icon{width:52px;height:52px;border-radius:50%;background:var(--surface);box-shadow:var(--shadow);font-size:1.5rem;display:flex;align-items:center;justify-content:center}.menu__title{font-size:clamp(2.5rem,8vw,3.5rem);font-weight:800;margin:0;background:linear-gradient(90deg,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.menu__sub{font-size:1.35rem;color:var(--text-soft);margin:8px 0 32px}.menu__levels{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;width:min(100%,420px)}.menu__level{background:var(--surface);border-radius:24px;padding:24px 16px;box-shadow:var(--shadow);display:flex;flex-direction:column;align-items:center;gap:8px;min-height:120px;position:relative}.menu__level--locked{opacity:.55;filter:grayscale(.4)}.menu__level-emoji{font-size:2.5rem}.menu__level-name{font-size:1.2rem;font-weight:700}.menu__lock,.menu__star{position:absolute;top:10px;right:12px;font-size:1.2rem}.screen--game{justify-content:flex-start;padding:8px 12px}.game-header{width:100%;max-width:600px;display:flex;align-items:center;gap:12px;padding:8px 0 12px}.game-header__title{flex:1;text-align:center;font-size:1.5rem;font-weight:800;margin:0}.game-header__spacer{width:52px}.game-area{flex:1;display:flex;align-items:center;justify-content:center;width:100%;overflow:hidden}.board{display:grid;grid-template-columns:repeat(var(--cols),var(--card-size));grid-template-rows:repeat(var(--rows),var(--card-size));gap:var(--gap);justify-content:center;align-content:center}.card{width:var(--card-size);height:var(--card-size);min-width:72px;min-height:72px;perspective:800px;background:none;padding:0}.card__inner{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .45s cubic-bezier(.4,0,.2,1)}.card--flipped .card__inner,.card--matched .card__inner{transform:rotateY(180deg)}.card__face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;border-radius:var(--card-radius);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow)}.card__face--back{background:var(--card-back)}.card__question{font-size:clamp(2rem,8vw,3rem);font-weight:800;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.15)}.card__face--front{background:var(--surface);transform:rotateY(180deg);padding:10%}.card__face--front img{width:100%;height:100%;object-fit:contain}.win{text-align:center}.win__stars{font-size:3rem;animation:starSpin 2s linear infinite;margin-bottom:16px}.win__title{font-size:3rem;font-weight:800;margin:0;color:var(--primary)}.win__text{font-size:1.5rem;margin:12px 0 32px}.win__actions{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.parent{background:var(--surface);border-radius:24px;padding:32px;max-width:360px;width:100%;box-shadow:var(--shadow)}.parent__title{margin:0 0 24px;font-size:1.5rem}.parent__row{display:flex;justify-content:space-between;align-items:center;font-size:1.1rem;margin-bottom:24px}.parent__row input{width:48px;height:28px}.parent-gate{position:fixed;top:calc(8px + var(--safe-top));right:8px;z-index:100;width:44px;height:44px;border-radius:50%;background:#ffffffb3;font-size:1.25rem;opacity:.5;box-shadow:var(--shadow)}.parent-gate:active{opacity:1}.screen--game .board{--card-size: min(22vw, 110px)}@media (min-width: 600px){.menu__levels{grid-template-columns:repeat(4,1fr);max-width:720px}}