html{scroll-behavior:smooth}body{font-family:Kanit,Segoe UI,Roboto,Helvetica Neue,sans-serif}:root{--bg-from:#1a0a3c;--bg-mid:#2d1472;--bg-to:#4a1fa8;--accent-from:#ff8c00;--accent-to:#ff5e00;--accent-glow:#ff8c008c;--gold:#ffd54f;--gold-light:#ffe57f;--glass-bg:#ffffff12;--glass-border:#ffffff24;--glass-blur:blur(14px);--text-primary:#fff;--text-secondary:#ffffffbf;--text-muted:#ffffff73;--card-radius:18px;--panel-radius:24px;--shadow-card:0 8px 24px #0006,0 2px 6px #00000040;--shadow-lift:0 16px 40px #00000080,0 4px 12px #0000004d;--shadow-glow:0 0 28px var(--accent-glow),0 0 8px #ff8c004d;--transition-fast:0.2s cubic-bezier(0.4,0,0.2,1);--transition-normal:0.35s cubic-bezier(0.4,0,0.2,1);--transition-flip:0.5s cubic-bezier(0.4,0,0.2,1)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}#root,body,html{min-height:100vh;width:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(145deg,#1a0a3c,#2d1472 50%,#4a1fa8);background:linear-gradient(145deg,var(--bg-from) 0,var(--bg-mid) 50%,var(--bg-to) 100%);background-attachment:fixed;color:#fff;color:var(--text-primary);font-family:Kanit,Segoe UI,sans-serif;overflow-x:hidden}body:after,body:before{animation:orb-drift 12s ease-in-out infinite alternate;border-radius:50%;content:"";filter:blur(90px);opacity:.18;pointer-events:none;position:fixed;z-index:0}body:before{background:radial-gradient(circle,#7c3aed,#0000 70%);height:520px;left:-120px;top:-120px;width:520px}body:after{animation-delay:-6s;background:radial-gradient(circle,#ec4899,#0000 70%);bottom:-100px;height:420px;right:-80px;width:420px}@keyframes orb-drift{0%{transform:translate(0) scale(1)}to{transform:translate(40px,30px) scale(1.08)}}.app{display:flex;flex-direction:column;margin:0 auto;max-width:1280px;min-height:100vh;padding:24px 20px 32px;z-index:1}.app,.header{position:relative}.header{backdrop-filter:blur(14px);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:blur(14px);-webkit-backdrop-filter:var(--glass-blur);background:#ffffff12;background:var(--glass-bg);border:1px solid #ffffff24;border:1px solid var(--glass-border);border-radius:24px;border-radius:var(--panel-radius);box-shadow:0 4px 20px #00000040;margin-bottom:28px;overflow:hidden;padding:28px 24px 24px;text-align:center}.header-logo{height:clamp(40px,6vw,65px);left:28px;object-fit:contain;position:absolute;top:50%;transform:translateY(-50%);transition:all .35s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal);width:auto;z-index:10}.header:after{animation:shimmer 6s ease-in-out infinite;background:linear-gradient(105deg,#0000 40%,#ffffff0f 50%,#0000 60%);content:"";height:100%;left:-100%;position:absolute;top:0;width:60%}@keyframes shimmer{0%{left:-100%}60%{left:150%}to{left:150%}}h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ffe57f,#ffd54f 60%,#ffb300);background:linear-gradient(135deg,var(--gold-light) 0,var(--gold) 60%,#ffb300 100%);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 3px 8px rgba(255,180,0,.45));font-family:Kanit,sans-serif;font-size:clamp(1.8rem,4.5vw,3.2rem);font-weight:900;letter-spacing:.5px;line-height:1.1;margin-bottom:8px;text-shadow:none}.subtitle{color:#ffffffbf;color:var(--text-secondary);font-size:clamp(1rem,2.2vw,1.35rem);font-weight:500;letter-spacing:.3px}.main-container{align-items:flex-start;display:flex;flex:1 1;flex-wrap:wrap;gap:28px;justify-content:center}.game-board{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(5,1fr);padding:22px;width:min(780px,100%)}.game-board,.game-info{backdrop-filter:blur(14px);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:blur(14px);-webkit-backdrop-filter:var(--glass-blur);background:#ffffff12;background:var(--glass-bg);border:1px solid #ffffff24;border:1px solid var(--glass-border);border-radius:24px;border-radius:var(--panel-radius);box-shadow:0 12px 40px #00000059,inset 0 1px 0 #ffffff1a}.game-info{min-height:400px;padding:24px;width:280px}.game-info,.stats-container{display:flex;flex-direction:column}.stats-container{gap:20px;height:100%}.stats{gap:16px}.stat-box,.stats{display:flex;flex-direction:column}.stat-box{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:16px;box-shadow:0 4px 12px #0003;gap:6px;overflow:hidden;padding:20px 22px;position:relative;transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.stat-box:before{background:linear-gradient(180deg,#ff8c00,#ff5e00);background:linear-gradient(to bottom,var(--accent-from),var(--accent-to));border-radius:0 3px 3px 0;bottom:16%;content:"";left:0;opacity:.85;position:absolute;top:16%;width:3px}.stat-box:hover{box-shadow:0 10px 28px #0000004d;transform:translateY(-4px)}.stat-label{color:#ffffff73;color:var(--text-muted);font-size:.95rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.stat-value{color:#ffd54f;color:var(--gold);filter:drop-shadow(0 2px 6px rgba(255,180,0,.35));font-family:Nunito,Kanit,sans-serif;font-size:3rem;font-weight:900;line-height:1}.reset-button{background:linear-gradient(135deg,#ffca28,#ff8c00 60%,#ff5e00);background:linear-gradient(135deg,#ffca28 0,var(--accent-from) 60%,var(--accent-to) 100%);border:none;border-radius:14px;box-shadow:0 6px 20px #ff8c0073,0 2px 6px #0003;color:#1a0a3c;cursor:pointer;font-family:Kanit,sans-serif;font-size:1.2rem;font-weight:700;letter-spacing:1px;margin-top:auto;overflow:hidden;padding:16px 0;position:relative;text-transform:uppercase;transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1),filter .2s cubic-bezier(.4,0,.2,1);transition:transform var(--transition-fast),box-shadow var(--transition-fast),filter var(--transition-fast)}.reset-button:after{background:linear-gradient(105deg,#0000 35%,#ffffff47 50%,#0000 65%);content:"";height:100%;left:-80%;position:absolute;top:0;transition:left .5s ease;width:60%}.reset-button:hover:after{left:130%}.reset-button:hover{box-shadow:0 12px 30px #ff8c0099,0 4px 10px #00000040;filter:brightness(1.06);transform:translateY(-4px)}.reset-button:active{box-shadow:0 3px 10px #ff8c0059;transform:translateY(2px)}.card{aspect-ratio:1/1;border-radius:18px;border-radius:var(--card-radius);box-shadow:0 8px 24px #0006,0 2px 6px #00000040;box-shadow:var(--shadow-card);cursor:pointer;perspective:1200px;position:relative;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.4,0,.2,1),box-shadow .35s cubic-bezier(.4,0,.2,1);transition:transform var(--transition-flip),box-shadow var(--transition-normal)}.card:not(.flipped):not(.matched):hover{box-shadow:0 16px 40px #00000080,0 4px 12px #0000004d,0 0 28px #ff8c008c,0 0 8px #ff8c004d;box-shadow:var(--shadow-lift),var(--shadow-glow);transform:translateY(-6px) scale(1.05)}.card.flipped,.card.matched{transform:rotateY(180deg)}.card.matched{animation:matched-pulse 2.2s ease-in-out infinite;box-shadow:0 0 0 3px #ffd54f99,0 0 28px #ffd54f80,0 8px 24px #0006,0 2px 6px #00000040;box-shadow:0 0 0 3px #ffd54f99,0 0 28px #ffd54f80,var(--shadow-card);cursor:default}@keyframes matched-pulse{0%,to{box-shadow:0 0 0 3px #ffd54f8c,0 0 28px #ffd54f66,0 8px 24px #0006,0 2px 6px #00000040;box-shadow:0 0 0 3px #ffd54f8c,0 0 28px #ffd54f66,var(--shadow-card)}50%{box-shadow:0 0 0 5px #ffd54f40,0 0 46px #ffd54f99,0 8px 24px #0006,0 2px 6px #00000040;box-shadow:0 0 0 5px #ffd54f40,0 0 46px #ffd54f99,var(--shadow-card)}}.card-face{align-items:center;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:18px;border-radius:var(--card-radius);display:flex;inset:0;justify-content:center;overflow:hidden;position:absolute}.card-front{background:linear-gradient(145deg,#ff9a00,#ff6000 55%,#e85000);border:3px solid #ffffff8c;box-shadow:inset 0 2px 0 #ffffff4d,inset 0 -2px 0 #00000026;color:#fff;font-family:Nunito,Kanit,sans-serif;font-size:clamp(2rem,4.5vw,3.6rem);font-weight:900;letter-spacing:-.5px;text-shadow:0 3px 8px #0000004d}.card-back{background-color:#fff;background-position:50%;background-repeat:no-repeat;background-size:78%;border:3px solid #ffffffe6;box-shadow:inset 0 0 0 1px #0000000f;transform:rotateY(180deg)}.win-message{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0a041ce0;display:flex;inset:0;justify-content:center;opacity:0;pointer-events:none;position:fixed;transition:opacity .5s ease;z-index:200}.win-message.show{opacity:1;pointer-events:all}.win-content{animation:win-pop .5s cubic-bezier(.34,1.56,.64,1) both;background:linear-gradient(145deg,#2d1472,#4a1fa8 50%,#6a2dbf);border:1px solid #ffffff2e;border-radius:28px;box-shadow:0 30px 80px #000000a6,0 0 0 1px #ffffff14,inset 0 1px 0 #ffffff26;overflow:hidden;padding:60px 56px;position:relative;text-align:center;width:min(580px,92vw)}@keyframes win-pop{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.win-content:before{background:radial-gradient(ellipse at 50% 40%,#ffd54f2e 0,#0000 60%);content:"";inset:-40%;pointer-events:none;position:absolute}.win-content:after{animation:trophy-bounce 1.8s ease-in-out infinite;content:"🏆";filter:drop-shadow(0 4px 12px rgba(255,200,0,.6));font-size:3.5rem;left:50%;position:absolute;top:-28px;transform:translateX(-50%)}@keyframes trophy-bounce{0%,to{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-10px)}}.win-content h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ffe57f,#ffd54f,#ffb300);background:linear-gradient(135deg,#ffe57f,var(--gold),#ffb300);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 2px 6px rgba(255,180,0,.45));font-family:Kanit,sans-serif;font-size:clamp(2rem,5vw,3.2rem);font-weight:900;margin-bottom:12px;margin-top:20px}.win-content p{color:#ffffffd1;font-size:clamp(1.1rem,2.5vw,1.6rem);font-weight:500;margin-bottom:40px}.win-content .reset-button{display:block;width:100%}@media (max-width:1100px){.game-board{gap:12px;width:min(680px,100%)}}@media (max-width:960px){.main-container{align-items:center;flex-direction:column}.game-board{width:min(660px,96%)}.game-info{min-height:auto;width:min(660px,96%)}.game-info,.stats-container{flex-direction:row;flex-wrap:wrap}.stats-container{gap:16px;width:100%}.stats{flex:1 1;flex-direction:row;flex-wrap:wrap}.stat-box{flex:1 1;min-width:140px}.reset-button{align-self:flex-end;margin-top:0;min-width:180px}}@media (max-width:720px){.header-logo{display:block;height:48px;margin:0 auto 12px;position:static;transform:none}h1{font-size:1.9rem}.subtitle{font-size:1rem}.game-board{gap:10px;grid-template-columns:repeat(3,1fr);padding:14px}.card-front{font-size:clamp(1.6rem,6vw,2.4rem)}.stat-value{font-size:2.4rem}.reset-button{font-size:1.05rem}}@media (max-width:540px){.app{padding:14px 12px 20px}.header{border-radius:16px;padding:18px 16px}.main-container{gap:16px}.game-board{border-radius:16px;gap:8px;grid-template-columns:repeat(3,1fr);padding:12px}.game-info{border-radius:16px;padding:16px}.stat-box{padding:14px 16px}.stat-label{font-size:.8rem}.stat-value{font-size:2rem}.card-front{font-size:clamp(1.2rem,7vw,1.8rem)}.card-back,.card-front{border-width:2px}.win-content{border-radius:20px;padding:50px 28px 36px}.win-content h2{font-size:2rem}.win-content p{font-size:1.1rem;margin-bottom:28px}}@media (max-width:400px){h1{font-size:1.55rem}.game-board{gap:6px;grid-template-columns:repeat(3,1fr);padding:10px}.card-front{font-size:clamp(1rem,7vw,1.5rem)}.stat-label{font-size:.75rem}.stat-value{font-size:1.7rem}.reset-button{font-size:1rem;padding:14px 0}}@font-face{font-display:swap;font-family:Kanit;font-style:normal;font-weight:400;src:url(/static/media/kanit-thai-400-normal.6d8c8392b13a305c89ab.woff2) format("woff2"),url(/static/media/kanit-thai-400-normal.1700db771a8d4142ecf9.woff) format("woff");unicode-range:u+02d7,u+0303,u+0331,u+0e01-0e5b,u+200c-200d,u+25cc}@font-face{font-display:swap;font-family:Kanit;font-style:normal;font-weight:400;src:url(/static/media/kanit-vietnamese-400-normal.5cd8e5ca2753fa220a77.woff2) format("woff2"),url(/static/media/kanit-vietnamese-400-normal.ea99ddd5fb4601f8daf1.woff) format("woff");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-display:swap;font-family:Kanit;font-style:normal;font-weight:400;src:url(/static/media/kanit-latin-ext-400-normal.292d45fb6b0bc7cd5528.woff2) format("woff2"),url(/static/media/kanit-latin-ext-400-normal.2a0844f99974619f078d.woff) format("woff");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-display:swap;font-family:Kanit;font-style:normal;font-weight:400;src:url(/static/media/kanit-latin-400-normal.bf238fc3c471e70e2feb.woff2) format("woff2"),url(/static/media/kanit-latin-400-normal.175eaeb04dc552130215.woff) format("woff");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:Kanit;font-style:normal;font-weight:700;src:url(/static/media/kanit-thai-700-normal.4e309b5e21dc1ce8b104.woff2) format("woff2"),url(/static/media/kanit-thai-700-normal.dfdb02a748db2acbca21.woff) format("woff");unicode-range:u+02d7,u+0303,u+0331,u+0e01-0e5b,u+200c-200d,u+25cc}@font-face{font-display:swap;font-family:Kanit;font-style:normal;font-weight:700;src:url(/static/media/kanit-vietnamese-700-normal.ce0ae16b733944619e20.woff2) format("woff2"),url(/static/media/kanit-vietnamese-700-normal.3c5452ce5c0e52520377.woff) format("woff");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-display:swap;font-family:Kanit;font-style:normal;font-weight:700;src:url(/static/media/kanit-latin-ext-700-normal.40b4ef7c0abba5a55651.woff2) format("woff2"),url(/static/media/kanit-latin-ext-700-normal.29de336b55b4ec842cfd.woff) format("woff");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-display:swap;font-family:Kanit;font-style:normal;font-weight:700;src:url(/static/media/kanit-latin-700-normal.fd52e4b07687224378b9.woff2) format("woff2"),url(/static/media/kanit-latin-700-normal.90b211715f6a4667a838.woff) format("woff");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}
/*# sourceMappingURL=main.e6a86603.css.map*/