[data-v-fa7c5ece] body{background:linear-gradient(to bottom,#fde8e8,#f5d0d0);font-family:Kanit,sans-serif;position:relative;overflow:hidden}.main-game-wrapper[data-v-fa7c5ece]{position:relative;z-index:10}.floating-container[data-v-fa7c5ece]{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;filter:blur(.5px)}.floating-flower[data-v-fa7c5ece]{position:absolute;opacity:0;animation:float-petal-fa7c5ece 25s linear infinite;object-fit:contain;pointer-events:none;width:250px;height:250px}.floating-flower.image-1[data-v-fa7c5ece]{width:250px;height:300px;top:100%;left:10%;animation-duration:30s;animation-delay:1s}.floating-flower.image-2[data-v-fa7c5ece]{width:150px;height:100px;top:110%;right:5%;animation-duration:22s;animation-delay:4s}.floating-flower.image-3[data-v-fa7c5ece]{width:280px;height:280px;top:105%;left:20%;animation-duration:35s;animation-delay:8s}.floating-flower.image-4[data-v-fa7c5ece]{width:140px;height:140px;top:120%;left:60%;animation-duration:18s;animation-delay:0s}.floating-flower.image-5[data-v-fa7c5ece]{width:210px;height:210px;top:115%;right:25%;animation-duration:28s;animation-delay:5s}.floating-flower.image-6[data-v-fa7c5ece]{width:150px;height:150px;top:125%;left:45%;animation-duration:22s;animation-delay:1s}.floating-flower.image-7[data-v-fa7c5ece]{width:220px;height:220px;top:110%;right:10%;animation-duration:34s;animation-delay:5s}.floating-flower.image-8[data-v-fa7c5ece]{width:150px;height:100px;top:110%;left:5%;animation-duration:18s;animation-delay:10s}.floating-flower.image-9[data-v-fa7c5ece]{width:190px;height:190px;top:100%;right:30%;animation-duration:26s;animation-delay:3s}.floating-flower.image-10[data-v-fa7c5ece]{width:250px;height:250px;top:130%;left:15%;animation-duration:40s;animation-delay:7s}.floating-flower.image-11[data-v-fa7c5ece]{width:180px;height:180px;top:140%;left:35%;animation-duration:20s;animation-delay:2s}.floating-flower.image-12[data-v-fa7c5ece]{width:120px;height:120px;top:105%;left:70%;animation-duration:17s;animation-delay:9s}.floating-flower.image-13[data-v-fa7c5ece]{width:200px;height:200px;top:155%;left:10%;animation-duration:38s;animation-delay:4s}.floating-flower.image-14[data-v-fa7c5ece]{width:160px;height:160px;top:170%;left:80%;animation-duration:23s;animation-delay:11s}.floating-flower.image-15[data-v-fa7c5ece]{width:130px;height:130px;top:150%;left:50%;animation-duration:19s;animation-delay:0s}@keyframes float-petal-fa7c5ece{0%{transform:translateY(100vh) rotate(0) scale(.7);opacity:0}1%{opacity:1}25%{transform:translate(15vw,75vh) rotate(90deg) scale(1.05);opacity:1}50%{transform:translate(-15vw,50vh) rotate(180deg) scale(1.2);opacity:1}75%{transform:translate(10vw,25vh) rotate(270deg) scale(1.1);opacity:1}99%{opacity:1}to{transform:translateY(-125vh) rotate(360deg) scale(.8);opacity:0}}.game-info-box[data-v-fa7c5ece]{border:2px solid #f7b7c0;border-radius:14px;padding:10px 0;background:#fff;box-shadow:0 3px 8px #ff9b9b40}.info-label[data-v-fa7c5ece]{margin-top:6px;font-size:15px;color:#555}.card-board[data-v-fa7c5ece]{border:3px solid #f2a7ac;background:#fff4f4;box-shadow:0 0 15px #ffa0a066}.card-item[data-v-fa7c5ece]{position:relative;width:100%;padding-top:140%;cursor:pointer;perspective:1000px;transition:transform .4s cubic-bezier(.175,.885,.32,1.27);transform-style:preserve-3d}.card-item[data-v-fa7c5ece]:not(.flipped):not(.matched):not(.shuffling):hover{transform:scale(1.05) translateY(-5px);box-shadow:0 10px 20px #ff649666}.card-front[data-v-fa7c5ece],.card-back[data-v-fa7c5ece]{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:14px;border:3px solid #00000039;backface-visibility:hidden;transform-style:preserve-3d;transition:transform .6s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 12px #00000098}.card-back[data-v-fa7c5ece]{background-size:cover;background-position:center;transform:rotateY(0)}.card-front[data-v-fa7c5ece]{background:#fff;border:2px solid #ddd;font-size:1.75rem;font-weight:700;padding:10px;transform:rotateY(180deg)}@media (max-width: 640px){.card-item[data-v-fa7c5ece]{padding-top:120%}.card-front[data-v-fa7c5ece]{font-size:1.1rem!important;padding:6px}.card-back[data-v-fa7c5ece]{border-radius:10px}}.card-front.cn[data-v-fa7c5ece]{color:#d92a2a}.card-front.th[data-v-fa7c5ece]{color:#2a4ad9}.card-item.flipped .card-back[data-v-fa7c5ece]{transform:rotateY(180deg)}.card-item.flipped .card-front[data-v-fa7c5ece]{transform:rotateY(0)}@keyframes card-bounce-fa7c5ece{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.card-matched[data-v-fa7c5ece]{animation:card-bounce-fa7c5ece .3s ease}@keyframes card-shake-fa7c5ece{0%{transform:translate(0)}25%{transform:translate(-5px)}50%{transform:translate(5px)}75%{transform:translate(-5px)}to{transform:translate(0)}}.card-wrong[data-v-fa7c5ece]{animation:card-shake-fa7c5ece .3s ease}.btn-start[data-v-fa7c5ece],.btn-random[data-v-fa7c5ece]{border-radius:12px;padding:12px 28px;font-size:18px;font-weight:700;transition:.25s;border-bottom:4px solid rgba(0,0,0,.2);transform:translateY(0)}.btn-start[data-v-fa7c5ece]{background:#ff94a0;color:#fff}.btn-start[data-v-fa7c5ece]:hover{background:#ff7a8a;transform:translateY(-1px)}.btn-random[data-v-fa7c5ece]{background:#ff5252;color:#fff;border-bottom-color:#d94545}.btn-random[data-v-fa7c5ece]:hover{background:#e84747;transform:translateY(-1px)}.btn-start[data-v-fa7c5ece]:active,.btn-random[data-v-fa7c5ece]:active{transform:translateY(2px);border-bottom-width:2px}.exp-boost[data-v-fa7c5ece]{font-size:22px;font-weight:700;background:#ffd1d9;border-radius:12px;cursor:pointer;padding:10px 20px 10px 15px}.exp-boost[data-v-fa7c5ece]:after{content:"";position:absolute;right:5px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .3s}.exp-boost.active-boost[data-v-fa7c5ece]:after{transform:translate(-40px);background:#4cd964}.exp-container[data-v-fa7c5ece]{width:125px;height:15px;background:#fa768c;border-radius:12px;overflow:hidden;position:relative}.exp-bar[data-v-fa7c5ece]{height:100%;background:#990a0a;transition:width .5s ease}.exp-text[data-v-fa7c5ece]{position:absolute;width:100%;text-align:center;top:0;line-height:17px;font-weight:700;color:#fff}.popup-overlay[data-v-fa7c5ece]{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:50}.popup-box[data-v-fa7c5ece]{background:#fff;padding:30px;border-radius:20px;text-align:center;box-shadow:0 10px 25px #0003;max-width:90%;width:400px;animation:popup-show-fa7c5ece .3s cubic-bezier(.175,.885,.32,1.275)}.popup-box h2[data-v-fa7c5ece]{color:#f6efef;margin-bottom:20px;font-size:2rem}.popup-box button[data-v-fa7c5ece]{margin-top:20px;background:#efb3b3;color:#fff;padding:10px 25px;border-radius:10px;font-weight:700;transition:.2s}.popup-box button[data-v-fa7c5ece]:hover{background:#e84747}.result-row[data-v-fa7c5ece]{display:flex;justify-content:space-between;padding:5px 0;font-size:1.1rem;color:#efb3b3;font-weight:500;border-bottom:1px dashed #f5c4ce;margin-bottom:5px}.result-row span[data-v-fa7c5ece]:last-child{font-weight:700;color:#fff}@keyframes popup-show-fa7c5ece{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.exp-floating[data-v-fa7c5ece]{position:fixed;bottom:120px;left:50%;transform:translate(-50%);background:#ffbdd2;padding:12px 22px;font-size:22px;font-weight:800;color:#fff;border-radius:14px;animation:expFloat-fa7c5ece 1.2s ease forwards;z-index:999}@keyframes expFloat-fa7c5ece{0%{opacity:0;transform:translate(-50%,20px)}20%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-40px)}}.levelup-floating[data-v-fa7c5ece]{position:fixed;top:40%;left:50%;transform:translate(-50%);background:#ffebf2;color:#ff3e74;padding:20px 32px;font-size:28px;font-weight:900;border-radius:20px;box-shadow:0 8px 20px #ff649659;animation:levelUpFloat-fa7c5ece 1.5s ease forwards;z-index:99999}@keyframes levelUpFloat-fa7c5ece{0%{opacity:0;transform:translate(-50%,20px)}20%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-40px)}}.btn-hsk[data-v-fa7c5ece]{padding:8px 16px;border-radius:9999px;border:2px solid #ff94a0;background:#fff4f4;font-weight:600;cursor:pointer;transition:.2s;box-shadow:0 2px 4px #ff64641a}.btn-hsk[data-v-fa7c5ece]:hover{background:#ffccd6}.btn-hsk.active[data-v-fa7c5ece]{background:#ff94a0;color:#fff;border-color:#ff5252;box-shadow:0 4px 6px #ff525266;transform:translateY(-2px)}.side-panel[data-v-fa7c5ece]{display:flex;flex-direction:column;gap:16px;width:140px}.info-box[data-v-fa7c5ece]{border:none;border-radius:18px;padding:14px 0;background:linear-gradient(145deg,#fff,#fff0f0);box-shadow:0 6px 15px #ff9b9b26;border-bottom:4px solid #f7b7c0;text-align:center;position:relative}.info-box[data-v-fa7c5ece]:before{content:"";position:absolute;top:5px;right:5px;width:15px;height:15px;border-top:2px solid #ff94a0;border-right:2px solid #ff94a0;border-radius:0 10px 0 0}.info-box[data-v-fa7c5ece]:after{content:"";position:absolute;bottom:5px;left:5px;width:15px;height:15px;border-bottom:2px solid #ff94a0;border-left:2px solid #ff94a0;border-radius:0 0 0 10px}.info-box .value[data-v-fa7c5ece]{font-size:1.6rem;font-weight:700}.info-box .label[data-v-fa7c5ece]{margin-top:6px;font-size:14px;color:#666}@media (max-width: 768px){.side-panel[data-v-fa7c5ece]{width:100px}}.card-explode[data-v-fa7c5ece]{animation:explode-fa7c5ece .4s ease-out forwards}@keyframes explode-fa7c5ece{0%{transform:scale(1);opacity:1}to{transform:scale(1.4);opacity:0}}.card.shuffle[data-v-fa7c5ece]{animation:shuffleAnim-fa7c5ece .15s linear infinite}@keyframes shuffleAnim-fa7c5ece{0%{transform:translate(0) rotate(0)}25%{transform:translate(-3px) rotate(-2deg)}50%{transform:translate(3px) rotate(2deg)}75%{transform:translate(-2px) rotate(-1deg)}to{transform:translate(2px) rotate(1deg)}}.mascot-container[data-v-fa7c5ece]{width:100%;display:flex;flex-direction:column;align-items:center;position:relative;transition:all .5s ease;z-index:10;margin-top:10px}@media (max-width: 1024px){.hidden-mobile[data-v-fa7c5ece]{display:none!important}.card-board[data-v-fa7c5ece]{width:95%!important}}.mascot-face[data-v-fa7c5ece]{font-size:3.5rem;line-height:1;background:#fff;border-radius:50%;padding:10px;box-shadow:0 4px 10px #ff64964d;animation:float-fa7c5ece 2s ease-in-out infinite}.mascot-face.preview[data-v-fa7c5ece]{animation:bounce-fa7c5ece .5s infinite}.mascot-text[data-v-fa7c5ece]{margin-top:10px;background:#ffc9d6;color:#a00030;padding:8px 12px;border-radius:9999px;font-weight:700;font-size:.9rem;box-shadow:0 2px 5px #0000001a;white-space:nowrap}@keyframes float-fa7c5ece{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}@keyframes wave-fa7c5ece{0%,to{transform:rotate(0)}50%{transform:rotate(10deg)}}.mascot-container.waving .mascot-face[data-v-fa7c5ece]{animation:float-fa7c5ece 2s ease-in-out infinite,wave-fa7c5ece .8s infinite alternate;transform-origin:50% 80%}@keyframes jump-fa7c5ece{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-20px) scale(1.05)}}.mascot-container.jumping .mascot-face[data-v-fa7c5ece]{animation:jump-fa7c5ece .4s infinite}@keyframes bounce-fa7c5ece{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.card-item.shuffling[data-v-fa7c5ece]{pointer-events:none;cursor:default;animation:shake-fa7c5ece .1s infinite alternate}@keyframes shake-fa7c5ece{0%{transform:translate(1px,1px) rotate(0)}50%{transform:translate(-1px,-2px) rotate(-1deg)}to{transform:translate(-3px) rotate(1deg)}}.board-shuffling[data-v-fa7c5ece]{box-shadow:0 0 20px #ff000080!important;animation:pulsing-border-fa7c5ece 1.5s infinite}@keyframes pulsing-border-fa7c5ece{0%{border-color:#f2a7ac}50%{border-color:#ff5252}to{border-color:#f2a7ac}}@keyframes shine-anim-fa7c5ece{0%{transform:translate(-100%)}to{transform:translate(150%)}}.exp-shine[data-v-fa7c5ece]{position:absolute;top:0;left:0;width:50%;height:100%;background:linear-gradient(to right,#eaf34000,#f5f918cc,#fff0);animation:shine-anim-fa7c5ece .75s ease-out}@keyframes screen-shake-fa7c5ece{0%,to{transform:translate(0) rotate(0)}10%{transform:translate(-1px,1px) rotate(-.5deg)}20%{transform:translate(1px,-1px) rotate(.5deg)}30%{transform:translate(-1px,1px) rotate(-.5deg)}40%{transform:translate(1px,-1px) rotate(.5deg)}50%{transform:translate(-1px,1px) rotate(-.5deg)}60%{transform:translate(1px,-1px) rotate(.5deg)}70%{transform:translate(-1px,1px) rotate(-.5deg)}80%{transform:translate(1px,-1px) rotate(.5deg)}90%{transform:translate(-1px,1px) rotate(-.5deg)}}.shake-screen[data-v-fa7c5ece]{animation:screen-shake-fa7c5ece .5s ease-out}@media (max-width: 768px){h1[data-v-fa7c5ece]{font-size:1.75rem!important}p[data-v-fa7c5ece]{font-size:.9rem}.hidden-mobile[data-v-fa7c5ece]{display:none!important}.mt-5.flex.justify-center.gap-6.relative[data-v-fa7c5ece]{flex-direction:column;gap:10px;align-items:center}.side-panel[data-v-fa7c5ece]{width:100%;max-width:400px;flex-direction:row;justify-content:space-around;gap:8px}.info-box[data-v-fa7c5ece]{padding:10px 0;min-width:75px;flex:1}.info-box .value[data-v-fa7c5ece]{font-size:1.2rem}.info-box .label[data-v-fa7c5ece]{font-size:.75rem;margin-top:4px}.info-box>.mt-4[data-v-fa7c5ece]{display:none}.card-board[data-v-fa7c5ece]{width:100%!important;max-width:450px;padding:10px}.grid.grid-cols-4.gap-6[data-v-fa7c5ece]{gap:8px}.card-item[data-v-fa7c5ece]{padding-top:130%}.card-front[data-v-fa7c5ece]{font-size:1.2rem!important;padding:5px}.text-center.mt-5.flex[data-v-fa7c5ece]{flex-direction:column;gap:10px;align-items:center}.btn-start[data-v-fa7c5ece],.btn-random[data-v-fa7c5ece]{width:90%;max-width:380px;padding:10px 20px;font-size:16px}.exp-boost[data-v-fa7c5ece]{font-size:18px;padding:8px 45px 8px 15px;position:relative}.text-center.mt-6.flex[data-v-fa7c5ece]{flex-direction:column}.btn-hsk[data-v-fa7c5ece]{margin:4px}.exp-floating[data-v-fa7c5ece]{bottom:80px;font-size:18px}.levelup-floating[data-v-fa7c5ece]{font-size:22px;padding:15px 25px}}@media (max-width: 640px){.floating-flower[data-v-fa7c5ece]{width:100px;height:100px}.floating-flower.image-1[data-v-fa7c5ece]{width:150px;height:180px}.floating-flower.image-2[data-v-fa7c5ece]{width:90px;height:60px}.floating-flower.image-3[data-v-fa7c5ece]{width:180px;height:180px}.floating-flower.image-4[data-v-fa7c5ece]{width:70px;height:70px}.floating-flower.image-5[data-v-fa7c5ece]{width:110px;height:110px}.floating-flower.image-6[data-v-fa7c5ece]{width:80px;height:80px}.floating-flower.image-7[data-v-fa7c5ece]{width:120px;height:120px}.floating-flower.image-8[data-v-fa7c5ece]{width:80px;height:50px}.floating-flower.image-9[data-v-fa7c5ece]{width:100px;height:100px}.floating-flower.image-10[data-v-fa7c5ece]{width:150px;height:150px}}.start-game-overlay[data-v-fa7c5ece]{position:absolute;top:0;left:0;right:0;bottom:0;background:#ffffffe6;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:18px;z-index:20;text-align:center;padding:20px;border:1px #ff94a0}.start-game-overlay p[data-v-fa7c5ece]{color:#ff5252}.card-board[data-v-fa7c5ece]{position:relative}.disabled-btn[data-v-fa7c5ece]{opacity:.5;cursor:not-allowed;pointer-events:all!important;transform:none!important;box-shadow:none!important}.disabled-btn[data-v-fa7c5ece]:hover{background:#ff94a0}.disabled-alert-floating[data-v-fa7c5ece]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff4f4;border:3px solid #ff5252;padding:15px 30px;font-size:1.2rem;font-weight:700;color:#ff5252;border-radius:16px;animation:alertFade-fa7c5ece 2s ease forwards;z-index:10000}@keyframes alertFade-fa7c5ece{0%{opacity:0;transform:translate(-50%)}10%{opacity:1;transform:translate(-50%,-50%)}90%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(-50%,-100px)}}