@import"https://fonts.googleapis.com/css2?family=Outfit:wght@400;600;800&display=swap";:root{--pink: #FF80AB;--pink-dark: #D81B60;--yellow: #FFD54F;--blue: #4FC3F7;--blue-dark: #0288D1;--purple: #CE93D8;--green: #AED581;--orange: #FF8A65;--bg: #FFF9E6;--text: #5D4037;--white: #FFFFFF;--shadow: rgba(0, 0, 0, .12);--glass: rgba(255, 255, 255, .55);--font: "Outfit", sans-serif;--r-xl: 40px;--r-lg: 28px;--r-md: 18px;--r-sm: 10px;--spring: cubic-bezier(.175, .885, .32, 1.275);--ease: cubic-bezier(.4, 0, .2, 1);--transition: all .3s var(--spring);--emo-color: var(--pink)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font);color:var(--text);background:var(--bg);overflow:hidden;height:100vh;height:100dvh;width:100vw;-webkit-user-select:none;user-select:none;touch-action:manipulation}img{display:block;max-width:100%}button{cursor:pointer;border:none;font-family:var(--font)}#app{position:relative;width:100%;height:100%}.game-background{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1}.game-background img{width:100%;height:100%;object-fit:cover}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:space-between;opacity:0;pointer-events:none;transition:opacity .45s var(--ease),transform .45s var(--ease);transform:translateY(20px) scale(.97);padding:clamp(1rem,3vh,3rem) clamp(.5rem,2vw,2rem);text-align:center;overflow:hidden}#screen-emotion{padding-left:0;padding-right:0}.screen.active{opacity:1;pointer-events:all;transform:translateY(0) scale(1)}.screen>*:first-child:not(.emotion-select-container):not(.name-entry-container){margin-top:0}.screen>*:last-child:not(.emotion-select-container):not(.name-entry-container){margin-bottom:0}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s var(--ease);z-index:200;padding:1rem}.overlay.active{opacity:1;pointer-events:all}h2{font-size:clamp(2rem,5vw,3rem);margin-bottom:1.2rem;color:#ff7043;font-weight:800}h3{font-size:clamp(1.4rem,3vw,2rem);font-weight:800;color:var(--text)}p{line-height:1.6}.btn-primary{background:var(--pink);color:#fff;padding:.8rem 1.8rem;font-size:clamp(1rem,2.2vw,1.4rem);font-weight:800;border-radius:var(--r-xl);border-bottom:6px solid var(--pink-dark);box-shadow:0 6px 20px #ff80ab66;transition:var(--transition);letter-spacing:.02em}.btn-primary:hover{transform:translateY(-4px) scale(1.04);box-shadow:0 14px 32px #ff80ab80}.btn-primary:active{transform:translateY(2px);border-bottom-width:3px}.btn-secondary{background:var(--blue);color:#fff;padding:.8rem 1.8rem;font-size:clamp(1rem,2vw,1.3rem);font-weight:800;border-radius:var(--r-lg);border-bottom:6px solid var(--blue-dark);transition:var(--transition)}.btn-secondary:hover{transform:translateY(-3px) scale(1.03)}.btn-secondary:active{transform:translateY(2px);border-bottom-width:2px}.btn-icon{background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.6);border-radius:50%;width:48px;height:48px;font-size:1.4rem;display:flex;align-items:center;justify-content:center;transition:var(--transition);flex-shrink:0}.btn-icon:hover{transform:scale(1.15) rotate(-5deg);background:#fff}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-18px)}}.bounce-anim{animation:bounce 2.2s ease-in-out infinite}@keyframes celebrate{0%{transform:scale(.5) rotate(-5deg);opacity:0}60%{transform:scale(1.1) rotate(3deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}.celebrate-anim{animation:celebrate .5s var(--spring) forwards}@keyframes pop-in{0%{transform:scale(.5);opacity:0}70%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}@keyframes shake{0%,to{transform:translate(0) rotate(0)}20%{transform:translate(-8px) rotate(-2deg)}40%{transform:translate(8px) rotate(2deg)}60%{transform:translate(-6px) rotate(-1deg)}80%{transform:translate(6px) rotate(1deg)}}.shake{animation:shake .5s var(--ease) forwards}@keyframes float-gentle{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes pulse{0%{opacity:1}to{opacity:.4}}@keyframes cardEntrance{0%{opacity:0;transform:translateY(50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes idleFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(2deg)}}@keyframes fadeSlideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes flowBG{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes pulse-glow{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.2);opacity:.8}}@keyframes bounce-float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes shine-btn{0%{left:-150%}20%{left:150%}to{left:150%}}@keyframes dot-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.5}}@keyframes heartPulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}@keyframes progressShine{0%{background-position:100% 0}to{background-position:-100% 0}}@keyframes match-celebrate{0%{transform:rotateY(180deg) scale(1)}50%{transform:rotateY(180deg) scale(1.1) rotate(5deg)}to{transform:rotateY(180deg) scale(1)}}@keyframes rotate-60{to{transform:rotate(60deg)}}@keyframes drift{0%{transform:translateY(110vh) scale(1)}to{transform:translateY(-10vh) scale(1.5)}}@keyframes bouncePop{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}@keyframes orbEntrance{0%{transform:scale(0) rotate(-10deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}@keyframes orbFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes orbOut{to{transform:scale(1.5);opacity:0;filter:brightness(2)}}.lucide{width:1.5em;height:1.5em;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle;filter:drop-shadow(0 2px 4px rgba(0,0,0,.05));transition:transform .2s,filter .2s}.btn-icon:hover .lucide{transform:scale(1.1);filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}.ui-star{width:32px;height:32px;margin:0 4px;stroke-width:2.5}.star-active{color:var(--yellow);fill:var(--yellow);filter:drop-shadow(0 0 12px rgba(255,213,79,.5))}.star-inactive{color:#e0e0e0;fill:#f5f5f5}.btn-img-icon{width:20px!important;height:20px!important;margin-left:8px}.plus-icon-img{width:40px;height:40px;margin:0 1rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}.breathing-emoji{width:80px!important;height:80px!important;color:#fff}.ui-btn-icon{width:24px;height:24px;object-fit:contain}.btn-badge{position:absolute;top:-5px;right:-5px;background:var(--pink);color:#fff;font-size:.65rem;font-weight:800;min-width:18px;height:18px;padding:0 4px;border-radius:10px;display:flex;align-items:center;justify-content:center;border:2px solid white;box-shadow:0 2px 4px #0000001a}.btn-icon:disabled .btn-badge{background:#ccc}.splash-preloader{width:100%;max-width:300px;margin:0 auto;text-align:center}.preloader-bar{width:100%;height:10px;background:#fff3;border-radius:10px;overflow:hidden;margin-bottom:.5rem;border:1px solid rgba(255,255,255,.1)}.preloader-fill{width:0%;height:100%;background:var(--yellow);box-shadow:0 0 15px var(--yellow);transition:width .3s ease}#preloader-status{font-size:.9rem;color:#fff;font-weight:600;text-transform:uppercase;letter-spacing:1px;opacity:.8}.hidden,.btn-hidden{display:none!important}.overlay-card{background:var(--bg);padding:clamp(1.5rem,4vw,2.5rem);border-radius:var(--r-xl);text-align:center;max-width:560px;width:100%;max-height:90vh;overflow-y:auto;border:8px solid white;box-shadow:0 24px 60px #00000040;transform:scale(.6) translateY(100px) rotate(-15deg);transition:transform .6s var(--spring),opacity .4s ease;opacity:0}.overlay.active .overlay-card{transform:scale(1) translateY(0) rotate(0);opacity:1}.match-badge{display:inline-block;background:linear-gradient(135deg,var(--yellow),var(--orange));color:var(--text);padding:.3rem 1.2rem;border-radius:30px;font-size:.9rem;font-weight:800;margin-bottom:.8rem}.match-title{font-size:clamp(1.2rem,2.5vw,1.6rem);margin-bottom:1rem;color:var(--text)}.matched-pair{display:flex;align-items:center;justify-content:center;gap:1rem;margin:1rem 0}.matched-pair img{width:clamp(90px,18vw,130px);height:clamp(120px,24vw,170px);border-radius:var(--r-md);border:4px solid white;background:#fff;object-fit:contain;box-shadow:0 6px 16px var(--shadow);transition:transform .3s var(--spring)}.matched-pair img:first-child{transform:rotate(-8deg)}.matched-pair img:last-child{transform:rotate(8deg)}.match-descriptions{margin:.8rem 0 1.2rem;display:flex;flex-direction:column;gap:.5rem}.match-desc-primary{font-size:.95rem;font-weight:600;color:var(--text);background:#ffffffb3;padding:.6rem 1rem;border-radius:var(--r-md)}.exit-confirm-card{max-width:420px}.exit-icon-wrap{width:80px;height:80px;background:#e3f2fd;color:var(--blue-dark);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem}.exit-icon-wrap i{width:50px;height:50px}.exit-confirm-card h3{color:var(--text);margin-bottom:.8rem}.exit-actions{display:flex;gap:1rem;margin-top:1.5rem;justify-content:center}.exit-yes{background:#ef5350!important;border-bottom-color:#c62828!important}.exit-no{padding:.8rem 1.8rem}.overlay-wrong{z-index:210}.wrong-card{max-width:360px;padding:2rem}.wrong-icon{font-size:4rem;margin-bottom:.5rem}.wrong-card h3{color:#e91e63;margin-bottom:.5rem}.wrong-card p{font-size:1rem;font-weight:600;margin-bottom:1.2rem;opacity:.85}.overlay-breathing{z-index:250}.breathing-card{max-width:460px;display:flex;flex-direction:column;align-items:center;gap:1.2rem}.breathing-oops-row{display:flex;align-items:flex-start;gap:.8rem;text-align:left}.breathing-oops-icon{font-size:2.5rem;flex-shrink:0}.breathing-title{font-size:1.15rem;font-weight:800;color:var(--text)}.breathing-subtitle{font-size:.9rem;color:#757575;font-weight:600;margin-top:.2rem}.breathing-circle-wrap{display:flex;flex-direction:column;align-items:center;gap:1rem}.breathing-circle{width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,#b3e5fc,#81d4fa);display:flex;align-items:center;justify-content:center;transition:transform .5s var(--ease),background .5s var(--ease);box-shadow:0 0 0 8px #4fc3f733,0 8px 24px #4fc3f74d}.phase-expand{animation:breathe-expand 4s cubic-bezier(.4,0,.2,1) forwards;background:radial-gradient(circle,#e1bee7,#ce93d8)}.phase-hold{animation:breathe-hold 2s ease forwards;background:radial-gradient(circle,#fff9c4,#ffd54f);transform:scale(1.4)}.phase-shrink{animation:breathe-shrink 4s cubic-bezier(.4,0,.2,1) forwards;background:radial-gradient(circle,#c8e6c9,#aed581);transform:scale(1.4)}.phase-idle{transform:scale(1);background:radial-gradient(circle,#dcedc8,#aed581)}.breathing-phase-text{font-size:1.1rem;font-weight:800;color:var(--text);text-align:center;min-height:1.6em}.breathing-done-btn{margin-top:.4rem}.breathing-done-hidden{display:none!important}.preview-card-wrap{max-width:500px;width:90%;animation:previewSmoothEntrance .8s cubic-bezier(.19,1,.22,1) both}@keyframes previewSmoothEntrance{0%{transform:scale(.6) translateY(40px) rotate(-2deg);opacity:0;filter:blur(12px)}to{transform:scale(1) translateY(0) rotate(0);opacity:1;filter:blur(0)}}.premium-preview-card{background:#fff;border-radius:40px;padding:2.5rem 2rem;display:flex;flex-direction:column;align-items:center;gap:1.5rem;border:10px solid white;box-shadow:0 30px 60px #0000004d,0 0 0 10px #fff3;position:relative;text-align:center}.premium-preview-card.emotion{border-color:#e1f5fe}.premium-preview-card.action{border-color:#fce4ec}.preview-label{font-size:.85rem;font-weight:800;text-transform:uppercase;letter-spacing:.15em;padding:.5rem 1.5rem;border-radius:30px;color:#fff;box-shadow:0 5px 15px #0000001a}.premium-preview-card.emotion .preview-label{background:var(--blue)}.premium-preview-card.action .preview-label{background:var(--pink)}.preview-img-wrap{width:100%;max-height:250px;display:flex;align-items:center;justify-content:center;margin:1rem 0}.preview-img-wrap img{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 15px 30px rgba(0,0,0,.1))}.preview-info{width:100%}.preview-name{font-size:2.2rem;font-weight:800;color:var(--text);margin-bottom:.8rem;line-height:1.1}.preview-desc{font-size:1.2rem;font-weight:600;color:#666;line-height:1.5;opacity:.9}.premium-preview-card .btn-primary{margin-top:1rem;width:100%;padding:1.2rem}:root.a11y-reduced-motion *,:root.a11y-reduced-motion *:before,:root.a11y-reduced-motion *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}:root.a11y-dyslexic-font{--font-primary: "Comic Sans MS", "Comic Sans", cursive, sans-serif}:root.a11y-dyslexic-font *{font-family:var(--font-primary)!important;letter-spacing:.05em!important;word-spacing:.1em!important}:root.a11y-high-contrast{--bg-main: #FFFFFF;--text-main: #000000;--accent-main: #0000FF;filter:contrast(1.2)}:root.a11y-high-contrast .screen{background-image:none!important;background-color:var(--bg-main)!important}:root.a11y-high-contrast .btn-primary,:root.a11y-high-contrast .btn-secondary,:root.a11y-high-contrast .toggle-btn.toggle-on{background:#000!important;color:#fff!important;border:3px solid #000000!important}:focus-visible{outline:4px solid #0000FF!important;outline-offset:4px!important;box-shadow:0 0 0 8px #00f3!important}.a11y-high-contrast :focus-visible{outline:6px solid #000000!important;box-shadow:0 0 0 10px #fff!important}@keyframes speaking-pulse{0%{outline:0px solid rgba(255,128,171,.5)}50%{outline:10px solid rgba(255,128,171,.2)}to{outline:0px solid rgba(255,128,171,.5)}}.speaking{animation:speaking-pulse 1.5s infinite;position:relative;z-index:1000}#screen-splash{justify-content:center;overflow-y:hidden;background:radial-gradient(circle at 50% 50%,#fff9e6,#fff0f5,#f0f4ff);position:relative;transition:background 1s ease;padding-top:2vh;padding-bottom:2vh}.splash-content{display:flex;flex-direction:column;align-items:center;gap:clamp(.5rem,2.5vh,1.2rem);position:relative;z-index:10;max-width:600px;width:100%;margin:0}.splash-background-elements{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;overflow:hidden}.floating-shape{position:absolute;color:#00000014;font-size:2.5rem;filter:blur(1px);animation:float-around var(--duration, 15s) ease-in-out infinite alternate}.shape-1{top:15%;left:10%;--duration: 18s;transform:rotate(15deg);color:var(--pink);opacity:.15}.shape-2{top:25%;right:12%;--duration: 22s;transform:rotate(-20deg);color:var(--blue);opacity:.15}.shape-3{bottom:30%;left:15%;--duration: 20s;transform:rotate(10deg);color:var(--yellow);opacity:.15}.shape-4{bottom:15%;right:10%;--duration: 25s;transform:rotate(-15deg);color:var(--green);opacity:.15}.shape-5{top:50%;left:5%;--duration: 30s;color:var(--orange);opacity:.12}.shape-6{top:60%;right:5%;--duration: 28s;color:var(--purple);opacity:.12}.shape-7{bottom:40%;right:15%;--duration: 24s;color:var(--blue-dark);opacity:.12}.shape-8{top:40%;left:12%;--duration: 19s;color:var(--pink-dark);opacity:.1}.shape-9{top:5%;right:30%;--duration: 32s;color:var(--yellow);opacity:.15}.logo-wrapper{position:relative;display:flex;align-items:center;justify-content:center;padding:1rem}.logo-burst{position:absolute;width:clamp(250px,70vw,400px);height:clamp(250px,70vw,400px);background:radial-gradient(circle,rgba(255,128,171,.4) 0%,rgba(129,212,250,.3) 40%,transparent 70%);border-radius:50%;animation:pulse-glow 4s ease-in-out infinite,rotate-glow 20s linear infinite;z-index:-1;filter:blur(20px)}@keyframes rotate-glow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.logo-container{position:relative;z-index:2}.game-logo{width:clamp(200px,45vw,360px);filter:drop-shadow(0 20px 40px rgba(186,104,200,.4));animation:bounce-float 4s var(--spring) infinite;transition:transform .3s var(--spring)}.game-logo:hover{transform:scale(1.05)}.title-group{display:flex;flex-direction:column;align-items:center;gap:.5rem}.game-title{font-size:clamp(3.5rem,8vw,6rem);font-weight:800;line-height:.85;color:var(--pink);text-shadow:4px 4px 0px var(--white),8px 8px 0px rgba(0,0,0,.05);transform:rotate(-3deg);transition:transform .3s ease}.game-title:hover{transform:rotate(0) scale(1.05)}.game-title span{color:var(--blue);font-size:85%;display:block;margin-top:-10px}.tagline{font-size:clamp(1.1rem,2.5vw,1.4rem);font-weight:600;color:var(--text);opacity:.85;background:var(--glass);padding:.5rem 1.5rem;border-radius:30px;border:1px solid rgba(255,255,255,.5);margin-top:1rem}.splash-actions{margin-top:1rem}.pulse-btn{display:flex;align-items:center;gap:1rem;position:relative;overflow:hidden}.btn-icon-inline{width:24px;height:24px;transition:transform .3s var(--spring)}.pulse-btn:hover .btn-icon-inline{transform:translate(5px) scale(1.2)}.pulse-btn:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.3),transparent);transform:rotate(45deg);animation:shine-btn 4s infinite}.splash-footer{margin-top:.8rem;display:flex;flex-direction:column;align-items:center;gap:1.2rem}.splash-credit{font-size:.85rem;font-weight:500;color:#888;background:#00000008;padding:.4rem 1.2rem;border-radius:20px}.brand-dots{display:flex;gap:10px}.dot{width:10px;height:10px;border-radius:50%;animation:dot-pulse 2s infinite}.dot.pink{background-color:var(--pink);animation-delay:0s}.dot.blue{background-color:var(--blue);animation-delay:.3s}.dot.yellow{background-color:var(--yellow);animation-delay:.6s}@media (max-width: 600px){#screen-splash{background:radial-gradient(circle at 50% 50%,#fff9e6,#fff0f5 70%,#f0f4ff 120%)}.floating-shape{font-size:3.5rem;opacity:.25!important;filter:blur(.5px)}.game-title{font-size:clamp(3.8rem,15vw,5.5rem);text-shadow:3px 3px 0px var(--white),6px 6px 0px rgba(0,0,0,.05)}.logo-burst{width:100vw;height:100vw;opacity:.4}.game-logo{width:75vw;max-width:320px}.tagline{font-size:1.1rem;padding:.4rem 1.2rem;background:#ffffffb3}}.name-entry-container{max-width:600px;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:1.4rem}.name-entry-title{color:var(--orange)}.name-intro{font-size:1.05rem;font-weight:600;opacity:.75;margin-top:-.8rem}.avatar-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:.6rem;width:100%;padding:1rem .5rem;overflow-x:hidden}.avatar-btn{aspect-ratio:1;font-size:clamp(1.6rem,4vw,2rem);border-radius:var(--r-md);border:3px solid transparent;background:#fff;box-shadow:0 4px #e0e0e0;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center;padding:4px}.avatar-btn:hover{transform:translateY(-4px) scale(1.1);border-color:var(--pink)}.avatar-btn.selected{border-color:var(--pink);background:linear-gradient(135deg,#ffe0ec,#ffb8d3);box-shadow:0 4px 0 var(--pink-dark),0 0 16px #ff80ab66;transform:scale(1.12)}.name-input-wrap{position:relative;width:100%}.name-input{width:100%;padding:1rem 3.5rem 1rem 1.4rem;font-family:var(--font);font-size:1.4rem;font-weight:700;border:3px solid #E0E0E0;border-radius:var(--r-lg);background:#fff;color:var(--text);outline:none;transition:border-color .2s,box-shadow .2s;box-shadow:0 4px #e0e0e0}.name-input:focus{border-color:var(--pink);box-shadow:0 4px 0 var(--pink-dark),0 0 0 4px #ff80ab33}.name-input::placeholder{color:#bdbdbd;font-weight:400}.name-char-count{position:absolute;right:1rem;top:50%;transform:translateY(-50%);font-size:.75rem;font-weight:700;color:#bdbdbd}.name-entry-actions{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;justify-content:center;width:100%}.name-back-btn{display:none}.emotion-select-container{width:100%;max-width:1600px;height:100%;margin:0 auto;display:flex;flex-direction:column;align-items:stretch;gap:clamp(2rem,5vh,4rem);padding:1.5rem 0;overflow-y:auto;overflow-x:hidden}.emotion-top-actions .circle-btn,.emotion-left-actions .circle-btn{background:#fff;border:2px solid #F5F5F5;box-shadow:0 4px 12px #00000014}.emotion-top-actions .circle-btn:hover,.emotion-left-actions .circle-btn:hover{transform:scale(1.1) rotate(5deg);border-color:var(--pink);color:var(--pink)}.emotion-header{position:relative;text-align:center;padding:0 2.5rem;flex-shrink:0;animation:fadeSlideDown .8s var(--ease) both;width:100%}.emotion-header .back-arrow{flex-shrink:0;z-index:10}.header-top-row{display:flex;align-items:center;justify-content:space-between;width:100%;gap:2rem;margin-bottom:1.5rem}.emotion-top-actions,.emotion-left-actions{display:flex;gap:1rem;z-index:100;flex-shrink:0}.emotion-header-text{flex:1;padding:0}.premium-title{font-size:clamp(2rem,5vw,3.5rem);margin:0}.premium-subtitle{font-size:1.25rem;font-weight:600;color:var(--text);opacity:.7;letter-spacing:.01em}.emotion-illustrative-grid{display:flex;flex-wrap:wrap;justify-content:center;align-items:stretch;gap:clamp(1rem,2vw,2rem);padding:5rem 2.2rem 4rem;width:100%;margin:0;scrollbar-width:none;-ms-overflow-style:none}.emotion-illustrative-grid::-webkit-scrollbar{display:none}.emotion-illustrative-btn{position:relative;background:var(--white);border:none;border-radius:20px;padding:clamp(1.2rem,3vh,2.5rem) 1.2rem;display:flex;flex-direction:column;align-items:center;gap:1.2rem;cursor:pointer;transition:all .5s var(--spring);box-shadow:0 4px 6px #00000005,0 8px 24px #0000000d;overflow:hidden;height:auto;flex:0 0 280px;min-width:250px;max-width:320px;scroll-snap-align:center;animation:cardEntrance .8s var(--spring) both}.emotion-illustrative-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at top right,var(--emo-color),transparent 70%);opacity:.03;transition:opacity .4s ease}.emotion-illustrative-btn:hover{transform:translateY(-20px) scale(1.03);box-shadow:0 30px 60px #0000001f,0 0 0 4px var(--emo-color)}.emotion-illustrative-btn:hover:before{opacity:.08}.emo-illustration-wrap{width:clamp(60px,10vw,120px);height:clamp(60px,10vw,120px);display:flex;align-items:center;justify-content:center;transition:transform .6s var(--spring);filter:drop-shadow(0 8px 12px rgba(0,0,0,.1));animation:idleFloat 6s ease-in-out infinite}.emotion-illustrative-btn:hover .emo-illustration-wrap{transform:scale(1.2) rotate(5deg);animation-play-state:paused}.emo-illustration-wrap img{width:100%;height:100%;object-fit:contain}.emo-info{text-align:center;z-index:2;max-width:90%}.emo-info h3{font-size:clamp(1.6rem,2.5vw,2.2rem);color:var(--text);margin-bottom:.4rem;transition:all .4s ease;background:linear-gradient(135deg,var(--text),var(--emo-color));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:var(--text)}.emotion-illustrative-btn:hover .emo-info h3{-webkit-text-fill-color:transparent;transform:scale(1.1)}.emo-info p{font-size:.95rem;color:#666;line-height:1.4;font-weight:500;opacity:.9}.emo-pulse{position:absolute;top:0;right:0;bottom:0;left:0;border:3px solid transparent;border-radius:35px;transition:border-color .4s ease;pointer-events:none}.emotion-illustrative-btn:hover .emo-pulse{border-color:var(--emo-color);animation:pulseBorder 2s infinite}.mini-game-shortcuts{display:flex;justify-content:center;gap:1.5rem;padding:.5rem 0;width:100%}.mini-game-badge{background:#fff;border:none;border-radius:20px;padding:.6rem .8rem;display:flex;flex-direction:column;align-items:center;gap:.4rem;box-shadow:0 8px 15px #00000014;transition:var(--transition);cursor:pointer;width:85px}.mini-game-badge:hover{transform:translateY(-8px) scale(1.05);box-shadow:0 15px 30px #0000001f}.game-badge-svg{width:40px;height:40px;filter:drop-shadow(0 4px 6px rgba(0,0,0,.1))}.mini-game-badge span{font-size:.6rem;font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:var(--text);opacity:.8}.mb-badge{border-bottom:4px solid var(--yellow)}.az-badge{border-bottom:4px solid var(--blue)}.mixer-badge{border-bottom:4px solid #B39DDB}.level-top-bar{width:100%;max-width:none;display:flex;justify-content:space-between;align-items:center;padding:0 1rem;margin-bottom:1.2rem;animation:fadeSlideDown .6s var(--ease) both}.level-top-right{display:flex;gap:1rem}.player-badge{display:flex;align-items:center;gap:.6rem;background:#fff;padding:.5rem 1rem;border-radius:30px;box-shadow:0 4px 12px var(--shadow);border:3px solid var(--pink);transition:transform .3s var(--spring)}.player-badge:hover{transform:scale(1.1) rotate(5deg)}.player-badge-avatar{width:40px;height:40px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.player-badge-name{font-size:1rem;font-weight:800;color:var(--text)}.settings-gear{font-size:1.5rem;background:#fff;border:none;box-shadow:0 4px 12px var(--shadow);transition:var(--transition)}.settings-gear:hover{transform:rotate(60deg) scale(1.1)}#screen-level{justify-content:flex-start;padding-top:1rem;gap:.5rem}.level-select-container{width:100%;max-width:1200px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:clamp(1rem,3vh,2rem);padding:0 0 3rem;overflow-y:auto;overflow-x:hidden}.level-select-container h2{font-size:clamp(2.2rem,6vw,3.8rem);background:linear-gradient(135deg,var(--orange),var(--pink-dark));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.2rem;animation:pop-in .8s var(--spring) both}.level-intro{font-size:1.25rem;font-weight:600;color:var(--text);opacity:.7;margin-bottom:1.5rem;animation:fadeSlideUp .8s var(--ease) .2s both}.level-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:2rem;width:90%;max-width:1100px;padding:1rem;margin:0 auto}.level-btn{position:relative;background:var(--white);border-radius:30px;padding:clamp(1.5rem,4vh,3rem) 1.5rem;display:flex;flex-direction:column;align-items:center;gap:1rem;box-shadow:0 10px 30px #0000000d,0 6px #f0f0f0;transition:all .5s var(--spring);border:3px solid transparent;cursor:pointer;overflow:hidden;width:clamp(250px,25vw,350px);animation:cardEntrance .8s var(--spring) both}.level-btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at bottom left,var(--level-color),transparent 70%);opacity:.05}.level-btn[data-level="1"]{--level-color: var(--green);animation-delay:.1s}.level-btn[data-level="2"]{--level-color: var(--yellow);animation-delay:.2s}.level-btn[data-level="3"]{--level-color: var(--orange);animation-delay:.3s}.level-btn:hover{transform:translateY(-15px);border-color:var(--level-color);box-shadow:0 25px 50px #0000001a,0 10px 0 var(--level-color)}.level-icon{width:90px;height:90px;display:flex;align-items:center;justify-content:center;background:#00000008;border-radius:50%;margin-bottom:.5rem;transition:transform .5s var(--spring);animation:idleFloat 5s ease-in-out infinite}.level-btn:hover .level-icon{transform:scale(1.2) rotate(10deg);background:#fff}.level-name{font-size:1.8rem;font-weight:800;color:var(--text);transition:color .3s ease}.level-btn:hover .level-name{color:var(--level-color)}.level-detail{font-size:1rem;font-weight:600;color:#888;line-height:1.4}.level-best{margin-top:.5rem;font-size:1rem;font-weight:700;color:#bbb;padding:.4rem 1rem;background:#00000008;border-radius:20px;transition:all .3s ease}.level-best-filled{background:#ffd54f26;color:var(--yellow);filter:drop-shadow(0 1px 2px rgba(255,213,79,.5))}.settings-container{display:flex;flex-direction:column;width:100%;max-width:1600px;margin:0 auto;padding:0 1rem;gap:.8rem;height:100%}.settings-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:.5rem 0;margin-bottom:.2rem}.settings-header-left{display:flex;align-items:center;gap:1.2rem}.settings-header h2{margin:0!important;font-size:clamp(1.8rem,3.5vw,2.8rem)!important}.settings-grid{display:grid;grid-template-columns:320px 1fr 1fr;grid-template-areas:"profile main accessibility" "danger danger danger";gap:1rem;width:100%;padding-bottom:1rem}.card-profile{grid-area:profile}.card-main{grid-area:main;display:flex;flex-direction:column;gap:1rem}.card-accessibility{grid-area:accessibility}.card-danger{grid-area:danger}.settings-card{background:#ffffffd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:2px solid rgba(255,255,255,.5);border-radius:var(--r-xl);padding:1rem 1.5rem;box-shadow:0 8px 24px #0000000a;display:flex;flex-direction:column;gap:.6rem;transition:transform .3s ease}.settings-card:hover{transform:translateY(-3px)}.settings-header-small{display:flex;align-items:center;gap:.6rem;font-size:1rem;font-weight:800;color:var(--pink);margin-bottom:.5rem;border-bottom:2px solid rgba(0,0,0,.03);padding-bottom:.5rem}.settings-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.2rem 0}.settings-label{display:flex;align-items:center;gap:1rem;flex:1}.settings-icon{font-size:1.4rem;flex-shrink:0;background:var(--bg);width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:12px;color:var(--blue)}.settings-label-title{font-size:1.05rem;font-weight:800;color:var(--text);line-height:1.2}.settings-label-sub{font-size:.85rem;font-weight:600;color:#78909c}.card-profile{justify-content:center;align-items:center;text-align:center;padding:1.5rem}.settings-big-avatar{width:100px;height:100px;margin-bottom:.8rem;background:#fff;border-radius:50%;padding:8px;box-shadow:0 6px 15px #0000000d}.settings-player-name{font-size:1.6rem;font-weight:800;color:var(--text);margin-bottom:1rem}.toggle-btn{width:60px;height:32px;border-radius:16px;background:#cfd8dc;border:none;cursor:pointer;position:relative;transition:background .3s ease,transform .2s ease;flex-shrink:0}.toggle-btn.toggle-on{background:var(--green)}.toggle-thumb{position:absolute;top:4px;left:4px;width:24px;height:24px;background:#fff;border-radius:50%;box-shadow:0 2px 4px #0000001a;transition:transform .3s cubic-bezier(.68,-.55,.265,1.55)}.toggle-btn.toggle-on .toggle-thumb{transform:translate(28px)}.card-danger{margin-top:0;padding:.8rem 1.5rem}.btn-danger{padding:.6rem 1.5rem;font-size:1rem}@media (max-width: 1200px){.settings-grid{grid-template-columns:repeat(2,1fr);grid-template-areas:"profile main" "accessibility main" "danger danger"}.card-main{gap:1rem}}@media (max-width: 900px){.settings-grid{grid-template-columns:1fr;grid-template-areas:"profile" "main" "accessibility" "danger"}}@media (max-width: 600px){.settings-container{padding:0 1rem}.settings-card{padding:1.5rem}.settings-header h2{font-size:2.2rem!important}}.about-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:2rem;animation:fadeIn .4s ease}.about-overlay.hidden{display:none!important}.about-modal{background:#fff;width:100%;max-width:600px;max-height:85vh;border-radius:30px;position:relative;padding:3rem 2rem 2rem;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;animation:slideUpModal .5s cubic-bezier(.34,1.56,.64,1)}.about-close-btn{position:absolute;top:1.5rem;right:1.5rem;background:#f5f5f5;border:none;border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;color:var(--text);cursor:pointer;transition:all .3s ease;z-index:10}.about-close-btn:hover{background:var(--pink);color:#fff;transform:rotate(90deg)}.about-scroll{overflow-y:auto;padding-right:.5rem;display:flex;flex-direction:column;align-items:center;text-align:center}.about-logo{width:100px;height:100px;margin-bottom:1.5rem;border-radius:20px;object-fit:cover;box-shadow:0 8px 16px #0000001a}.about-section{margin-bottom:1rem;width:100%}.about-section h3{font-size:1.4rem;font-weight:800;color:var(--text);margin-bottom:.8rem}.about-text{font-size:.95rem;line-height:1.6;color:#546e7a;margin-bottom:1.2rem;font-weight:500}.about-tagline{font-weight:800;color:var(--pink);font-style:italic;margin-bottom:1.2rem;font-size:1rem}.about-divider{width:50px;height:4px;background:#eceff1;border-radius:2px;margin:1.5rem 0}.about-site-link{display:inline-flex;align-items:center;gap:.6rem;padding:.7rem 1.5rem;background:var(--blue);color:#fff;border-radius:16px;font-weight:800;text-decoration:none;transition:all .3s ease;box-shadow:0 6px #01579b;margin-bottom:1rem;font-size:.95rem}.about-site-link:hover{transform:translateY(-2px);box-shadow:0 8px #01579b}.about-footer{margin-top:2rem;font-size:.85rem;color:#90a4ae;font-weight:600}@keyframes slideUpModal{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.tutorial-container{max-width:1400px;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:2rem;animation:fadeSlideUp .8s var(--ease) both}.tutorial-header{width:100%;display:flex;align-items:center;position:relative;padding:0}.tutorial-titles{flex:1;text-align:center}.tutorial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1rem,2.5vw,2rem);width:100%;margin-bottom:.5rem}.tutorial-step{background:var(--white);padding:clamp(1.5rem,4vh,3rem) 1.5rem;border-radius:30px;display:flex;flex-direction:column;align-items:center;gap:1.2rem;box-shadow:0 10px 30px #0000000d,0 6px #f0f0f0;transition:all .5s var(--spring);cursor:default;position:relative;border:3px solid transparent;animation:cardEntrance .8s var(--spring) both}.tutorial-step:hover{transform:translateY(-10px);box-shadow:0 20px 40px #00000014,0 10px 0 var(--step-color);border-color:var(--step-color)}.tutorial-step[data-step="1"]{--step-color: var(--blue);animation-delay:.1s}.tutorial-step[data-step="2"]{--step-color: var(--pink);animation-delay:.2s}.tutorial-step[data-step="3"]{--step-color: var(--yellow);animation-delay:.3s}.step-num-badge{position:absolute;top:-15px;background:var(--step-color);color:#fff;width:35px;height:35px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.2rem;border:4px solid white;box-shadow:0 4px 10px #0000001a}.step-icon-wrap{width:80px;height:80px;background:#00000005;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:transform .5s var(--spring);animation:idleFloat 6s ease-in-out infinite}.tutorial-step:hover .step-icon-wrap{transform:scale(1.2) rotate(10deg);background:#fff}.tutorial-step p{text-align:center;font-size:clamp(.9rem,1.2vw,1.1rem);line-height:1.5;font-weight:600;color:var(--text);opacity:.9}.highlight-blue{border-bottom:3px solid var(--blue)}.highlight-pink{border-bottom:3px solid var(--pink)}.highlight-yellow{border-bottom:3px solid var(--yellow)}.tutorial-footer{animation:fadeSlideUp .8s var(--ease) .5s both;margin-bottom:3rem}.az-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:100}.az-modal{background:#fff;padding:3rem;border-radius:40px;width:90%;max-width:500px;text-align:center;box-shadow:0 30px 60px #0000004d;animation:pop-in .5s var(--spring)}.az-tutorial-preview{display:flex;justify-content:center;gap:2rem;margin:2rem 0}.tutorial-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;font-weight:800;color:var(--pink-dark)}.tutorial-item i{width:48px;height:48px;background:#fce4ec;padding:10px;border-radius:12px}.az-tutorial-dots{display:flex;justify-content:center;gap:.5rem;margin-bottom:2rem}.az-tutorial-dots .dot{width:10px;height:10px;background:#eee;border-radius:50%;transition:var(--transition)}.az-tutorial-dots .dot.active{background:var(--pink);transform:scale(1.5)}.az-tutorial-content h3{margin-bottom:1rem;color:var(--pink-dark)}.game-header{width:96%;max-width:1200px;display:flex;justify-content:space-between;align-items:center;gap:1rem;margin:1rem auto;padding:.8rem 1.5rem;background:#ffffffd9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:30px;border:4px solid white;z-index:100}.exit-btn{width:auto!important;padding:0 1rem;border-radius:25px!important;gap:.5rem;color:var(--pink-dark);font-weight:800;font-size:.9rem;border:3px solid #FFCDD2!important}.btn-text-label{font-size:.8rem;letter-spacing:.05em}.exit-btn:hover{background:#ffebee!important;border-color:var(--pink)!important;color:var(--pink-dark)}.hud-stats{display:flex;align-items:center;gap:1.5rem;flex:1;justify-content:center}.stat-item{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:90px}.stat-label{font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:#8d6e63;margin-bottom:2px}.stat-value{font-size:1.1rem;font-weight:800;color:var(--text);display:flex;align-items:center;justify-content:center;gap:6px}.stat-icon{width:24px;height:24px;object-fit:contain}#stat-level-icon{width:22px;height:22px}.heart-indicator{width:22px;height:22px;animation:heartPulse 2s ease-in-out infinite}.chance-counter{font-size:1.3rem;font-variant-numeric:tabular-nums;color:var(--pink-dark)}.stat-divider{width:3px;height:35px;background:linear-gradient(to bottom,transparent,rgba(0,0,0,.08),transparent);border-radius:10px}.timer-wrap{display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,var(--yellow),#FFEB3B);padding:.5rem 1rem;border-radius:20px;box-shadow:0 4px 10px #ffd54f4d}.timer-display{font-size:1.2rem;font-weight:800;color:var(--text);font-variant-numeric:tabular-nums}.timer-warning{background:var(--pink)!important;color:#fff!important;animation:pulse .5s alternate infinite}.game-board-container{flex:1;display:flex;align-items:center;justify-content:center;width:100%;height:100%;max-height:calc(100dvh - 180px);padding:.5rem clamp(1rem,3vw,2rem);overflow:hidden;position:relative}.game-grid{display:grid;perspective:1500px;width:100%;height:100%;margin:0 auto;align-content:center;justify-content:center}.grid-cols-3{grid-template-columns:repeat(3,auto)}.grid-cols-4{grid-template-columns:repeat(4,auto);gap:1.5rem}.grid-cols-5{grid-template-columns:repeat(5,auto)}.grid-cols-6{grid-template-columns:repeat(6,auto)}.card{--card-w: clamp(100px, 18vw, 240px);--card-h: clamp(140px, 25vw, 330px);width:var(--card-w);height:var(--card-h);position:relative;cursor:pointer;transition:transform .4s var(--spring);border-radius:20px}.grid-cols-3 .card{--card-w: clamp(95px, 16vw, 220px);--card-h: clamp(135px, 23vw, 310px)}.grid-cols-4 .card{--card-w: clamp(95px, 17vw, 210px);--card-h: clamp(135px, 24vw, 290px)}.grid-cols-5 .card{--card-w: clamp(55px, 9vw, 110px);--card-h: clamp(75px, 12vw, 150px)}.grid-cols-6 .card{--card-w: clamp(82px, 14.2vw, 175px);--card-h: clamp(115px, 20vw, 245px)}.card:hover:not(.flipped):not(.matched){transform:translateY(-8px) scale(1.05) rotate(2deg)}.card-inner{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .6s var(--spring);border-radius:20px;box-shadow:0 10px 25px #0000001a}.card.flipped .card-inner,.card.matched .card-inner{transform:rotateY(180deg)}.card-face{position:absolute;top:0;right:0;bottom:0;left:0;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px;border:6px solid white;overflow:hidden}.card-back{background:linear-gradient(135deg,#ff80ab,#ba68c8,#4fc3f7);background-size:200% 200%;animation:flowBG 6s ease infinite}.card-front{background:#fff;transform:rotateY(180deg);display:flex;flex-direction:column;justify-content:space-between;padding:12px 8px}.card-label{font-size:.85rem;font-weight:800;background:var(--pink);color:#fff;border-radius:12px;padding:4px 10px;text-transform:uppercase;letter-spacing:.1em;box-shadow:0 4px 0 var(--pink-dark)}.card-front img{flex:1;width:85%;object-fit:contain;margin:5px 0;filter:drop-shadow(0 5px 10px rgba(0,0,0,.05))}.card-name{font-size:1.1rem;font-weight:800;color:var(--text);text-align:center;line-height:1.1;margin-top:4px}.card.matched .card-inner{border:4px solid var(--green);box-shadow:0 0 30px #aed58180;animation:match-celebrate .6s var(--spring) forwards}.progress-bar-wrap{width:90%;max-width:800px;height:24px;background:#ffffff80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;margin:0 auto .5rem;position:relative;overflow:hidden;border:4px solid white;box-shadow:0 10px 20px #0000000d}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#81c784,#4fc3f7,#ba68c8);background-size:200% 100%;animation:progressShine 3s linear infinite;border-radius:8px;width:0%;transition:width .6s var(--spring)}.progress-bar-label{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:.8rem;font-weight:800;color:var(--text);text-shadow:0 1px 2px rgba(255,255,255,.5)}.hud-right-actions{display:flex;gap:.4rem;align-items:center;flex-shrink:0}.hint-btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.card.hint-glow{animation:hint-pulse .6s ease-in-out infinite alternate;z-index:10}@keyframes hint-pulse{0%{transform:scale(1);box-shadow:0 0 0 0 var(--yellow),0 10px 25px #0000001a}to{transform:scale(1.08);box-shadow:0 0 30px 10px var(--yellow),0 20px 40px #ffd54f66}}.victory-content{display:flex;flex-direction:column;align-items:center;gap:clamp(.5rem,2vh,1.2rem);position:relative;max-width:600px;width:100%}.victory-title{font-size:clamp(2.5rem,6vw,4rem);font-weight:800;color:var(--orange);text-shadow:3px 3px 0 white;margin:0;animation:celebrate .6s var(--spring) forwards}.victory-stars-display{display:flex;justify-content:center;margin:.5rem 0;animation:pop-in .5s .3s var(--spring) both}.victory-star-message{font-size:clamp(.9rem,2.5vh,1.25rem);font-weight:800;color:var(--orange);min-height:1.5em;text-align:center;animation:pop-in .5s .4s var(--spring) both}.victory-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;width:100%;margin:.5rem 0}.victory-stat{background:var(--white);padding:.8rem;border-radius:var(--r-md);box-shadow:0 4px #e0e0e0;display:flex;flex-direction:column;align-items:center;animation:pop-in .5s var(--spring) both}.victory-stat:nth-child(1){animation-delay:.2s}.victory-stat:nth-child(2){animation-delay:.35s}.victory-stat:nth-child(3){animation-delay:.5s}.victory-stat-value{font-size:1.8rem;font-weight:800;color:var(--text)}.victory-stat-label{font-size:.75rem;font-weight:700;color:#9e9e9e;text-transform:uppercase;letter-spacing:.05em}.victory-message{font-size:1.1rem;font-weight:600;opacity:.85;max-width:500px}.victory-buttons{display:flex;flex-direction:column;gap:.6rem;width:100%;margin-top:.5rem}.victory-buttons>button{width:100%}.confetti-container{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1000;overflow:hidden}.confetti-piece{position:absolute;top:-30px;animation:confetti-fall linear forwards;opacity:0;display:inline-block;border-radius:2px}.sparkle{position:fixed;width:8px;height:8px;background:var(--yellow);border-radius:50%;pointer-events:none;z-index:1000;animation:sparkle-fly .8s ease-out forwards}.journal-container{width:100%;max-width:1200px;height:100%;display:flex;flex-direction:column;gap:2rem}.journal-header{display:flex;align-items:center;justify-content:space-between;width:100%}.journal-stat-badge{background:var(--white);padding:.5rem 1rem;border-radius:30px;display:flex;align-items:center;gap:.5rem;font-weight:800;color:var(--pink-dark);box-shadow:0 4px 10px #0000000d}.journal-tabs{display:flex;gap:.5rem;overflow-x:auto;padding:.5rem;scrollbar-width:none;-ms-overflow-style:none}.journal-tabs::-webkit-scrollbar{display:none}.journal-tab{padding:.6rem 1.5rem;border-radius:20px;background:var(--white);color:var(--text);font-weight:600;white-space:nowrap;transition:all .3s ease;border:2px solid transparent}.journal-tab.active{background:var(--tab-color);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.journal-grid-scroll{flex:1;overflow-y:auto;padding-bottom:2rem}.journal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.journal-card{background:var(--white);border-radius:24px;overflow:hidden;height:100%;transition:transform .3s var(--spring)}.journal-card.unlocked:hover{transform:translateY(-8px)}.journal-card-inner{padding:1.5rem;height:100%}.journal-card-img{width:100%;height:150px;display:flex;align-items:center;justify-content:center;background:#00000005;border-radius:16px;margin-bottom:1rem}.journal-card-img img{height:80%;object-fit:contain}.journal-card-content h3{margin-bottom:.5rem;color:var(--card-color)}.journal-divider{height:2px;background:#0000000d;margin:1rem 0}.journal-action{font-size:.9rem;margin-bottom:.5rem;color:var(--text)}.journal-insight{font-size:.85rem;opacity:.8}.journal-card.locked{background:#0000000d;border:2px dashed rgba(0,0,0,.1)}.journal-card-locked-state{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#999;gap:1rem}.lock-icon{width:48px;height:48px;opacity:.3}.fusion-tab{background:#ede7f6;color:#673ab7;border:2px solid #D1C4E9}.fusion-tab.active{background:#673ab7!important;border-color:#673ab7}.fusion-card.unlocked{border:2px solid var(--card-color);box-shadow:0 8px 24px #0000000f}.fusion-card .journal-card-img{background:linear-gradient(135deg,#fff,#00000005)}.mastery-btn{border:3px solid #FFD700!important;background:linear-gradient(135deg,#fff9c4,#fffde7)!important;position:relative;overflow:hidden}.mastery-btn:after{content:"👑";position:absolute;top:5px;right:5px;font-size:1.2rem}.mastery-btn:hover{box-shadow:0 12px 24px #ffd7004d!important;transform:translateY(-8px) scale(1.05)!important}.mastery-certificate{background:#fff;padding:3rem;border-radius:var(--r-lg);box-shadow:0 20px 50px #0000001a;max-width:800px;margin:0 auto;animation:slide-up .8s var(--spring) both}.cert-border{border:8px double #FFD700;padding:2rem;position:relative}.cert-content{text-align:center;font-family:Outfit,sans-serif}.cert-main-icon{width:80px;height:80px;color:gold;margin-bottom:1.5rem}.cert-content h3{font-size:2.5rem;color:var(--text);margin-bottom:1rem;text-transform:uppercase;letter-spacing:2px}.cert-name-line{font-size:1.5rem;margin:2rem 0}.cert-name-line strong{border-bottom:2px solid var(--text);padding:0 1rem;color:var(--pink-dark)}.cert-text{font-size:1.1rem;line-height:1.6;color:#666;margin-bottom:3rem}.cert-footer{display:flex;justify-content:space-between;align-items:flex-end;margin-top:2rem}.cert-seal img{width:100px;height:100px;filter:sepia(1) saturate(5) hue-rotate(5deg)}.cert-sig{text-align:center}.sig-line{display:block;width:200px;height:1px;background:#ccc;margin-top:.5rem}@keyframes slide-up{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}:root{--mg-pink: #FF80AB;--mg-blue: #E1F5FE;--mg-success: #66BB6A;--mg-error: #EF5350;--mg-purple: #9C27B0;--spring: cubic-bezier(.175, .885, .32, 1.275)}.screen.full-animo{padding:0;margin:0;max-width:none;overflow:hidden}.mg-container.animo-mode{background-size:cover;background-position:center;display:flex;flex-direction:column;height:100vh;width:100vw;position:relative;overflow:hidden}.mg-header{background:#ffffffd9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin:1rem;padding:.8rem 1.5rem;border-radius:20px;box-shadow:0 10px 30px #0000000d;z-index:100;display:flex;align-items:center;gap:1rem}.mg-header h1{font-size:1.2rem;color:#37474f;font-weight:900;margin:0}.mg-header p{font-size:.75rem;color:#78909c;margin:0}.mg-garden-stage.quiz-layout{flex:1;display:flex;padding:1rem 3rem;gap:2rem;align-items:center;justify-content:center}.mg-animal-column{flex:1.2;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;position:relative;padding-bottom:1rem}.mg-animo-target{width:100%;max-width:400px;position:relative;transition:all .6s var(--spring)}.mg-animo-asset{width:100%;height:auto;filter:drop-shadow(0 20px 40px rgba(0,0,0,.1));transition:all .6s var(--spring)}.stage-1 .mg-animo-asset{transform:scale(.65);opacity:.95}.stage-2 .mg-animo-asset{transform:scale(.85)}.stage-3 .mg-animo-asset{transform:scale(1.1)}.stage-4 .mg-animo-asset{transform:scale(1.3);filter:drop-shadow(0 0 30px gold)}.mg-speech-bubble{background:#fff;padding:1rem 1.5rem;border-radius:25px;box-shadow:0 10px 30px #0000001a;position:relative;margin-bottom:1rem;max-width:320px;text-align:center;border:3px solid var(--mg-blue);z-index:10;animation:bubble-float 4s ease-in-out infinite}.mg-speech-bubble:after{content:"";position:absolute;bottom:-15px;left:50%;transform:translate(-50%);border-left:15px solid transparent;border-right:15px solid transparent;border-top:15px solid white}.mg-speech-bubble p{font-size:1.1rem;font-weight:800;color:#37474f;margin:0;line-height:1.4;font-style:italic}.pop-in{animation:popIn .5s var(--spring) forwards}.mg-quiz-column{flex:1;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2rem;border-radius:40px;box-shadow:0 15px 40px #0000001a;text-align:center;max-width:500px}.mg-quiz-column h2{font-size:1.4rem;color:#455a64;margin-bottom:1.5rem;font-weight:900}.mg-emotion-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.btn-emotion-choice{background:#fff;border:2px solid #ECEFF1;padding:1rem .5rem;border-radius:20px;display:flex;flex-direction:column;align-items:center;gap:.6rem;transition:all .2s;cursor:pointer}.btn-emotion-choice:hover{transform:translateY(-5px);border-color:var(--emo-color);background:#fafafa;box-shadow:0 8px 20px #0000000d}.btn-emotion-choice span{font-size:.85rem;font-weight:800;color:#546e7a}.emo-choice-icon{width:40px;height:40px;background:#f5f7f9;border-radius:50%;display:flex;align-items:center;justify-content:center}.emo-choice-icon img{width:24px;height:24px;object-fit:contain}.mg-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffffd9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000}.mg-modal{background:#fff;padding:3rem;border-radius:40px;text-align:center;box-shadow:0 25px 60px #0000001a;width:85%;max-width:450px}.mg-modal h2,.mg-modal h3{color:#37474f;margin-bottom:1rem}.mg-modal p{color:#78909c;line-height:1.6;font-size:1rem;margin-bottom:2rem}.fb-icon{font-size:4rem;margin-bottom:1rem}@keyframes bubble-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes popIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.mg-animating{animation:growth-pop .8s var(--spring)}@keyframes growth-pop{0%{transform:scale(1)}40%{transform:scale(1.3) rotate(5deg);filter:brightness(1.2) drop-shadow(0 0 20px gold)}to{transform:scale(1)}}.animo-fly .mg-animo-wrap{animation:flyer-bob 3s ease-in-out infinite}@keyframes flyer-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-30px)}}.animo-hop .mg-animo-wrap{animation:hopper-jump 2s ease-in-out infinite}@keyframes hopper-jump{0%,20%,50%,80%,to{transform:translateY(0) scaleY(1)}40%{transform:translateY(-50px) scaleY(1.05)}}.animo-sway .mg-animo-wrap{animation:swayer-side 4s ease-in-out infinite}@keyframes swayer-side{0%,to{transform:rotate(-4deg) translate(-5px)}50%{transform:rotate(4deg) translate(5px)}}.hidden{display:none!important}@media (max-width: 900px){.mg-garden-stage.quiz-layout{flex-direction:column;padding:.5rem;gap:.5rem;overflow-y:auto;justify-content:flex-start}.mg-animal-column{min-height:250px;flex:0 0 auto;justify-content:center}.mg-speech-bubble{margin-bottom:.5rem;padding:.8rem 1.2rem;max-width:85%;font-size:.95rem}.mg-speech-bubble p{font-size:.95rem}.mg-quiz-column{width:100%;max-width:none;border-radius:30px;padding:1.2rem;flex:1}.mg-quiz-column h2{font-size:1.1rem;margin-bottom:.8rem}.mg-emotion-grid{grid-template-columns:repeat(4,1fr);gap:.4rem}.btn-emotion-choice{padding:.6rem .3rem;border-radius:15px}.btn-emotion-choice span{display:block;font-size:.65rem;margin-top:2px;text-align:center}}@media (max-width: 500px){.mg-emotion-grid{grid-template-columns:repeat(4,1fr)}.emo-choice-icon{width:32px;height:32px}.emo-choice-icon img{width:20px;height:20px}}.az-container{display:flex;flex-direction:column;height:100vh;height:100dvh;width:100%;background:url(../assets/background/az_game_bg.svg) no-repeat center center;background-size:cover;padding:1rem;gap:1rem;position:relative;overflow:hidden}.az-container:before{content:"☁️";position:absolute;top:5%;left:-10%;font-size:8rem;opacity:.1;animation:floatingClouds 30s linear infinite}.az-header{display:flex;align-items:center;gap:1.5rem;background:var(--white);padding:.8rem 1.5rem;border-radius:30px;box-shadow:0 10px 30px #0000000d}.az-progress-rail{flex:1;height:16px;background:#eee;border-radius:10px;overflow:hidden}.az-progress-fill{height:100%;background:var(--orange);transition:width .1s linear}.az-time-badge,.az-score-badge{text-align:center;min-width:80px;display:flex;flex-direction:column}.az-time-badge span,.az-score-badge span{font-size:1.4rem;font-weight:900;color:var(--blue-dark);line-height:1}.az-time-badge label,.az-score-badge label{font-size:.65rem;font-weight:800;text-transform:uppercase;opacity:.6;margin-top:2px}.az-bubble{position:absolute;border-radius:50%;background:#fff3;pointer-events:none;animation:drift linear infinite}.az-game-main{flex:1;position:relative;background:#fff6;border-radius:40px;border:3px solid white;box-shadow:inset 0 0 20px #00000005;display:flex;align-items:center;justify-content:center;overflow:hidden}.az-play-area{display:flex;flex-direction:column;align-items:center;width:100%;height:100%;justify-content:space-evenly;padding:2rem;gap:2rem}.az-huge-letter{font-size:clamp(8rem,25vh,15rem);margin-bottom:-1rem;font-weight:900;line-height:1;color:var(--pink-dark);text-shadow:10px 10px 0 rgba(0,0,0,.05);animation:bouncePop .8s cubic-bezier(.175,.885,.32,1.275) both;-webkit-user-select:none;user-select:none;-webkit-text-stroke:4px white}.az-huge-letter.color-1{color:var(--pink)}.az-huge-letter.color-2{color:var(--blue)}.az-huge-letter.color-3{color:var(--yellow)}.az-huge-letter.color-4{color:var(--green)}.az-huge-letter.color-5{color:var(--orange)}.az-huge-letter.color-6{color:var(--purple)}.az-options-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;width:100%;max-width:900px}.az-option-card{background:#fff;border:4px solid transparent;border-radius:25px;padding:1.5rem;display:flex;flex-direction:column;align-items:center;gap:.8rem;box-shadow:0 10px 25px #0000000f;cursor:pointer;transition:var(--transition)}.az-option-card:hover{transform:translateY(-8px);box-shadow:0 15px 35px #0000001a;border-color:var(--blue)}.az-option-card.correct{background:#f1f8e9;border-color:var(--green);animation:match-celebrate .5s var(--spring)}.az-option-card.wrong{background:#ffebee;border-color:var(--pink);animation:shake .4s ease}.az-opt-icon{width:60px;height:60px;background:#f5f5f5;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text)}.az-opt-icon i{width:32px;height:32px}.az-option-card p{font-size:1rem;font-weight:800;color:var(--text);text-align:center}.az-streak-badge{position:absolute;bottom:2rem;right:2rem;background:var(--yellow);color:#fff;padding:.8rem 1.5rem;border-radius:20px;font-weight:800;display:flex;align-items:center;gap:.5rem;box-shadow:0 5px 15px #0000001a;animation:pop-in .4s var(--spring)}.az-streak-badge span{font-size:1.4rem;color:var(--orange)}.az-overlay-screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#ffffffe6;padding:3rem;z-index:50}.az-modal-icon{font-size:4rem;margin-bottom:1.5rem;color:var(--yellow)}@media (max-width: 768px){.az-container{padding:.5rem;gap:.8rem}.az-header{padding:.6rem 1rem;gap:.8rem}.az-time-badge,.az-score-badge{min-width:65px}.az-time-badge span,.az-score-badge span{font-size:1.1rem}.az-game-main{border-radius:30px;margin-bottom:.5rem}.az-play-area{padding:1rem;gap:1.5rem;justify-content:center}.az-huge-letter{font-size:clamp(6rem,20vh,10rem);margin-bottom:0}.az-options-grid{grid-template-columns:1fr;gap:.7rem;max-width:320px}.az-option-card{flex-direction:row;padding:.8rem 1.2rem;border-radius:20px;gap:1rem;text-align:left}.az-opt-icon{width:44px;height:44px;flex-shrink:0}.az-opt-icon i{width:24px;height:24px}.az-option-card p{font-size:.95rem;text-align:left}.az-streak-badge{bottom:1rem;right:1rem;padding:.4rem 1rem;font-size:.8rem}.az-streak-badge span{font-size:1.1rem}.az-overlay-screen,.az-modal{padding:1.5rem}}@media (max-width: 480px){.az-header{gap:.4rem;padding:.5rem .8rem}.az-progress-rail{height:12px}}#screen-mood-mixer{background:url(/assets/feeling_fusion/fusion_bg.svg) center/cover no-repeat fixed;height:100vh;width:100vw;overflow:hidden}.mood-mixer-container{padding:1.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;height:100%;width:100%;position:relative}.mixer-header{width:100%;display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.mixer-card{background:#263238;border-radius:40px;min-height:85vh;padding:2rem 3rem;width:95%;max-width:1550px;margin-top:-1rem;box-shadow:0 40px 80px #0006,inset 0 0 0 1px #ffffff1a;display:flex;flex-direction:column;align-items:center;gap:2.5rem;border:4px solid #455A64;position:relative;overflow:hidden;color:#fff;transition:all .3s ease}.mixer-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cpath d='M0 50L100 50M50 0L50 100' stroke='rgba(255,255,255,0.05)' stroke-width='1'/%3E%3C/svg%3E");pointer-events:none}.mixer-slots{display:flex;align-items:center;gap:1.5rem;margin:1.5rem 0}.slot-container{display:flex;flex-direction:column;align-items:center;gap:.8rem;width:100px}.slot-label{font-size:1.1rem;font-weight:900;color:#90a4ae;text-align:center;width:100%;margin-top:5px;letter-spacing:.5px;text-transform:capitalize}.plus-symbol{font-size:3rem;font-weight:800;color:#81d4fa;filter:drop-shadow(0 0 15px rgba(129,212,250,.6));animation:bouncePop 2s infinite ease-in-out}.mixer-slot{width:150px;height:180px;display:flex;align-items:center;justify-content:center;position:relative;background:transparent;transition:all .4s var(--spring)}.flask-container{position:absolute;top:0;right:0;bottom:0;left:0;clip-path:polygon(44% 0%,56% 0%,56% 35%,100% 100%,0% 100%,44% 35%);background:#ffffff26;border:3px solid rgba(255,255,255,.2);border-radius:0 0 25px 25px;overflow:hidden;display:flex;flex-direction:column-reverse;box-shadow:inset 0 -15px 30px #ffffff0d}.flask-liquid{width:100%;height:0%;background:var(--liquid-color, #E0E0E0);transition:height 1s var(--spring),background .5s ease;position:relative;opacity:.85}.flask-liquid:before{content:"...";position:absolute;top:10px;left:50%;transform:translate(-50%);color:#fff;font-size:2rem;letter-spacing:5px;animation:bubbling 2s infinite ease-in-out;opacity:.6}@keyframes bubbling{0%{transform:translate(-50%,20px) scale(.5);opacity:0}50%{opacity:.8}to{transform:translate(-50%,-60px) scale(1.5);opacity:0}}.mixer-slot img{width:60px;height:60px;z-index:10;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));position:absolute;bottom:25px;opacity:0;transform:scale(.5);transition:all .6s var(--spring);pointer-events:none}.mixer-slot.occupied img{opacity:1;transform:scale(1) translateY(-5px)}.mixer-slot.occupied .flask-liquid{height:80%}.lab-main-area{display:grid;grid-template-columns:1fr 2fr 1fr;grid-template-areas:"L F R" "L C R";align-items:center;justify-items:center;width:100%;gap:4.5rem;padding:0 1.5rem}.side-left{grid-area:L;justify-self:end}.lab-flask-area{grid-area:F;align-self:end;display:flex;justify-content:center;width:100%;margin-top:3.5rem}.side-right{grid-area:R;justify-self:start}.lab-controls{grid-area:C;align-self:start;display:flex;flex-direction:column;align-items:center;width:100%}.lab-side-choices{display:flex;flex-direction:column;align-items:center;gap:1.2rem}.side-label{font-size:1.2rem;font-weight:800;color:#81d4fa;text-transform:uppercase;letter-spacing:2px}.choice-grid-2x4{display:grid;grid-template-columns:repeat(2,1fr);gap:1.2rem}.lab-side-choices .choice-bubble{width:75px;height:75px;border-radius:18px}.lab-side-choices .choice-bubble img{width:85%;height:85%}.mixer-choices-wrap{display:none}.choice-bubble{width:85px;height:85px;background:#37474f;border-radius:20px;padding:.8rem;border:3px solid #455A64;cursor:pointer;transition:all .4s var(--spring);box-shadow:0 4px 10px #0003}.choice-bubble:hover{transform:translateY(-8px) rotate(5deg);border-color:var(--blue);box-shadow:0 15px 30px #0000001a}.choice-bubble.selected{border-color:var(--blue-dark);background:#e1f5fe;transform:scale(.9)}.choice-bubble.disabled-dupe{opacity:.15;pointer-events:none;transform:scale(.8);filter:grayscale(1);box-shadow:none}.choice-bubble img{width:100%;height:100%;filter:drop-shadow(0 4px 6px rgba(0,0,0,.1))}.fusion-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;display:none;align-items:center;justify-content:center;padding:2rem}.fusion-overlay.active{display:flex;animation:fadeIn .4s ease forwards}.fusion-content{background:#fff;border-radius:40px;padding:2.5rem;max-width:450px;width:100%;text-align:center;box-shadow:0 30px 60px #00000026;border:6px solid #FFF176}.fusion-result-img{width:180px;height:180px;margin:0 auto 1.5rem;animation:bouncePop .8s var(--spring) forwards}.fusion-btn{margin-top:1rem;background:var(--pink);color:#fff;border:none;padding:1rem 2rem;border-radius:20px;font-weight:800;font-size:1.1rem;cursor:pointer}.pulse-button{animation:pulseMix 1.5s infinite}@keyframes pulseMix{0%{transform:scale(1);box-shadow:0 0 #ff80ab66}70%{transform:scale(1.05);box-shadow:0 0 0 15px #ff80ab00}to{transform:scale(1);box-shadow:0 0 #ff80ab00}}@keyframes bouncePop{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.mixer-discovery-section{width:100%;margin-top:1rem;text-align:center}.discovery-title{font-size:1.2rem;font-weight:800;color:var(--pink);margin-bottom:1rem;text-transform:uppercase;letter-spacing:1px}.mixer-discovery-grid-small{margin-top:-.2rem;width:100%;max-width:480px;z-index:20}.mixer-discovery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;width:100%;padding:1.2rem;border-radius:20px;background:#b0bec51a;border:2px dashed #B0BEC5}@media (max-width: 768px){#screen-mood-mixer{overflow-y:auto}.mood-mixer-container{padding:.5rem;justify-content:flex-start;height:auto;min-height:100vh}.mixer-card{padding:1rem;min-height:0;gap:1.2rem;border-radius:30px;width:100%;margin-top:0}.lab-main-area{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:0 .5rem;width:100%;max-width:100%;overflow-x:hidden}.side-left,.side-right{width:auto;display:flex;flex-direction:column;align-items:center}.lab-flask-area{margin-top:1rem;padding:0}.mixer-slots{gap:.8rem;transform:scale(.85);margin:.5rem 0}.slot-container{width:80px}.mixer-slot{width:100px;height:130px}.flask-container{border-width:2px}.slot-label{font-size:.85rem}.plus-symbol{font-size:1.8rem}.choice-grid-2x4{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem;margin:0 auto;width:auto}.lab-side-choices .choice-bubble{width:60px;height:60px;border-radius:14px;padding:.5rem}.side-label{font-size:1rem;margin-bottom:.2rem}.lab-controls{margin-top:.5rem}.btn-primary#btn-do-fusion{width:100%;max-width:320px;padding:.8rem;font-size:1rem}.mixer-discovery-grid-small{margin-top:1rem;padding:0 .5rem;width:100%}.mixer-discovery-grid{padding:.8rem;gap:.6rem}.fusion-content{padding:1.5rem;border-radius:30px;border-width:4px}.fusion-result-img{width:120px;height:120px;margin-bottom:1rem}.victory-content{padding:1.5rem;width:90%}.victory-content h2{font-size:2rem}.victory-content p{font-size:1.1rem}}.discovery-slot.unlocked{border-color:var(--slot-color);box-shadow:0 4px 12px #0000000d}.discovery-slot.unlocked:hover{transform:translateY(-3px) rotate(5deg);box-shadow:0 8px 20px #0000001a}.discovery-slot.locked{opacity:.4;background:#f0f0f0;border-style:dashed}.discovery-slot img{width:100%;height:100%;object-fit:contain}.discovery-slot i{color:#ccc;width:20px;height:20px}.fusion-victory-banner{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;background:#0006;display:flex;align-items:center;justify-content:center;animation:fadeIn .5s ease forwards}.victory-content{background:#fff;padding:3rem;border-radius:40px;text-align:center;border:8px solid var(--yellow);box-shadow:0 40px 100px #0000004d;animation:bouncePop .8s var(--spring) forwards}.victory-content h2{font-size:3rem;color:var(--pink-dark);margin-bottom:.5rem}.victory-content p{font-size:1.5rem;margin-bottom:2rem;opacity:.8}@media (max-width: 900px){.mini-game-shortcuts{position:static;transform:none;justify-content:center;margin-top:2rem;padding-bottom:1rem}}@media (max-width: 768px){.screen:not(.full-animo):not(.az-screen-fixed){overflow-y:auto!important;overflow-x:hidden!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;padding-bottom:4rem!important}.screen:not(.full-animo):not(.az-screen-fixed)>div:not(.game-background){height:auto!important;width:100%;flex-shrink:0}.overlay{overflow-y:auto!important;align-items:flex-start!important;padding:3rem 1.2rem!important}.overlay-card{margin:auto 0;max-width:95%!important}.card{width:110px;height:145px}.game-logo{width:clamp(280px,70vw,520px)}.logo-burst{width:380px;height:380px}.title-group{gap:1.5rem;margin-top:-1rem}.tutorial-grid{grid-template-columns:1fr;max-width:380px;gap:1rem}.level-grid{display:flex!important;flex-direction:row!important;justify-content:flex-start!important;overflow-x:auto!important;overflow-y:visible!important;width:100%!important;max-width:100vw!important;padding:1.5rem 1.5rem 3rem!important;gap:1.5rem!important;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none}.level-grid::-webkit-scrollbar{display:none}.level-btn{flex:0 0 300px!important;width:300px!important;scroll-snap-align:center}.game-header{flex-direction:row;justify-content:space-between;padding:.4rem .8rem;border-radius:20px;margin:.2rem auto;gap:.4rem;width:98%}.hud-stats{gap:.3rem;flex:1;justify-content:space-around}.stat-item{min-width:0;flex:0 1 auto;gap:0}.stat-label{display:none}.stat-value{font-size:.85rem;gap:4px}.stat-divider,#stat-level-text,#stat-emotion-name{display:none}#stat-level-wrap,#stat-emotion-wrap{width:auto;min-width:0}.hud-right-actions{order:0;width:auto;justify-content:flex-end;gap:.3rem}.btn-icon{width:34px;height:34px;font-size:.9rem;position:relative}.btn-badge{width:14px;height:14px;font-size:.55rem;right:-2px;top:-2px}.exit-btn{padding:0 .4rem;min-width:36px;height:34px;justify-content:center}.btn-text-label{display:none}.chance-counter{font-size:.9rem!important}.heart-indicator{width:16px;height:16px}.stat-icon{width:20px;height:20px}.game-board-container{max-height:calc(100dvh - 120px);padding:.2rem}.card{width:85px;height:115px;border-width:4px}.card-face{border-width:4px}.card-name{font-size:.8rem}.card-label{font-size:.6rem;padding:2px 6px}.progress-bar-wrap{height:16px;margin:.2rem auto}.progress-bar-label{font-size:.6rem}.matched-pair img{width:70px;height:95px}.premium-title{font-size:clamp(1.8rem,8vw,2.5rem)}.premium-subtitle{font-size:1rem}.emotion-select-container{padding:1rem 0}.header-top-row{position:relative!important;display:block!important;width:100%!important;min-height:80px;margin-bottom:2.5rem;padding:0!important}.emotion-top-actions{position:absolute!important;right:.5rem!important;top:.5rem!important;z-index:100!important;margin:0;gap:.5rem}.emotion-header{padding:0!important;width:100%!important}.emotion-header-text{width:100%!important;text-align:center;padding:4.5rem 1rem 0!important;margin:0}.premium-title{font-size:2rem!important;line-height:1.1;width:100%;display:block}.premium-subtitle{font-size:.9rem!important;display:block;margin-top:.5rem;width:100%}.emotion-top-actions{gap:.5rem}.emotion-top-actions .circle-btn{width:36px;height:36px}.emotion-header .back-arrow{width:44px;height:44px;position:static;transform:none}.emotion-header-text{padding:0;min-width:0}.premium-title{font-size:1.5rem}.premium-subtitle{font-size:.8rem}.mini-game-shortcuts{gap:.8rem;margin-top:0}.mini-game-badge{width:70px;padding:.4rem}.mini-game-badge span{font-size:.5rem}.emotion-illustrative-grid{gap:1.5rem;padding:1rem 1.5rem 4rem;flex-wrap:nowrap;justify-content:flex-start;width:100%;max-width:100vw;overflow-x:auto;scroll-snap-type:x mandatory}.emotion-illustrative-btn{flex:0 0 calc(90% - 1rem);min-width:280px;max-width:none;padding:2.5rem 1.8rem}.emo-illustration-wrap{width:120px;height:120px}.emo-info h3{font-size:1.8rem}.az-options-grid{grid-template-columns:1fr;gap:.8rem}.az-option-card{flex-direction:row;padding:1rem}.az-opt-icon{width:40px;height:40px;flex-shrink:0}.mb-orb{width:130px;height:110px;padding:.8rem}.mb-tool-btn{width:54px;height:54px}.emotion-illustrative-grid,.level-select-container,.journal-grid-scroll{overflow-y:visible!important;height:auto!important}}@media (max-width: 480px){.game-title{font-size:clamp(3rem,15vw,4.5rem)}.game-logo{width:90vw;max-width:450px}.logo-burst{width:420px;height:420px}.title-group{gap:1.2rem}.emotion-header .back-arrow{position:static}.emotion-header-text{margin-top:0}.premium-title{font-size:1.4rem}.level-top-bar{flex-direction:row;justify-content:space-between;gap:.5rem;padding:.5rem}.player-badge{padding:.4rem .8rem;transform:scale(.9)}.player-badge-name{font-size:.9rem}#screen-game{overflow:hidden!important;padding:.2rem!important}.game-board-container{max-height:calc(100dvh - 120px);padding:0;margin:0}.grid-cols-3{grid-template-columns:repeat(2,auto)!important;gap:1.5rem!important}.grid-cols-3 .card{width:135px;height:185px}.grid-cols-4{grid-template-columns:repeat(2,auto)!important;gap:1rem!important}.grid-cols-4 .card{width:130px;height:160px}.grid-cols-5 .card{width:55px;height:75px}.game-header{padding:.15rem .6rem;margin:.05rem auto;gap:.2rem}.game-board-container{max-height:calc(100dvh - 100px)}.grid-cols-6{grid-template-columns:repeat(3,auto)!important;gap:.6rem!important}.grid-cols-6 .card{width:105px;height:140px;border-width:3px}.grid-cols-6 .card-face{border-width:3px}.grid-cols-6 .card-name{font-size:.7rem}.grid-cols-6 .card-label{font-size:.55rem;padding:2px 5px}.premium-preview-card{padding:1.5rem 1rem;gap:.8rem;border-radius:25px}.preview-name{font-size:1.5rem}.preview-desc{font-size:.9rem}.preview-img-wrap{max-height:150px;margin:.4rem 0}.overlay-card{padding:1.2rem}.avatar-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width: 600px) and (orientation: portrait){.grid-cols-6 .card{--card-w: 15vw;--card-h: 22vw}}@media (max-width: 400px) and (orientation: portrait){.grid-cols-4{grid-template-columns:repeat(3,1fr)!important}.grid-cols-4 .card{--card-w: 28vw;--card-h: 38vw}}