@import url(https://fonts.googleapis.com/css2?family=Fredoka+One&family=Nunito:wght@400;600;700;800&display=swap);*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#0f0c29,#302b63,#24243e);font-family:Nunito,sans-serif;overflow-x:hidden;-webkit-user-select:none;user-select:none}.wrapper,body{min-height:100vh}.wrapper{align-items:center;display:flex;flex-direction:column;gap:16px;overflow:hidden;padding:24px 16px 32px;position:relative}.wrapper:before{background:radial-gradient(ellipse at 20% 20%,#7850ff2e 0,#0000 60%),radial-gradient(ellipse at 80% 80%,#ff50a024 0,#0000 60%);content:"";inset:0;pointer-events:none;position:fixed;z-index:0}.content{align-items:center;display:flex;flex-direction:column;gap:16px;position:relative;width:100%;z-index:1}.stars{inset:0;overflow:hidden;pointer-events:none;position:fixed;z-index:0}.star{animation:twinkle 3s ease-in-out infinite;animation:twinkle var(--duration,3s) ease-in-out infinite;background:#fff;border-radius:50%;position:absolute}@keyframes twinkle{0%,to{opacity:.15;transform:scale(1)}50%{opacity:.7;transform:scale(1.4)}}.title{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#a78bfa,#f472b6,#fb923c);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 2px 12px rgba(167,139,250,.4));font-family:Fredoka One,cursive;font-size:32px;letter-spacing:3px}.players{align-items:center;display:flex;gap:10px;max-width:440px;width:100%}.player-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff12;border:1.5px solid #ffffff1a;border-radius:16px;flex:1 1;overflow:hidden;padding:12px 14px;position:relative;text-align:center;transition:all .3s ease}.active-p1{background:#8b5cf626!important;border-color:#8b5cf6b3!important}.active-p2{background:#f472b626!important;border-color:#f472b6b3!important}.player-label{color:#ffffff73;font-size:11px;font-weight:800;letter-spacing:1.5px;margin-bottom:6px;text-transform:uppercase}.active-p1 .player-label{color:#a78bfa}.active-p2 .player-label{color:#f472b6}.player-score{color:#fff;font-family:Fredoka One,cursive;font-size:36px;line-height:1}.turn-badge{color:#fbbf24;font-size:10px;font-weight:800;letter-spacing:.5px;margin-top:4px;min-height:14px}.mid-stats{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0f;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;gap:6px;padding:10px 16px}.mid-stats,.stat-item{align-items:center;display:flex}.stat-item{color:#fff9;font-size:13px;font-weight:700;gap:5px}.stat-item span{color:#fff;font-family:Fredoka One,cursive;font-size:16px}.board{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,90px)}.card{cursor:pointer;height:90px;perspective:700px;width:90px}.card-inner{border-radius:14px;height:100%;position:relative;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.4,0,.2,1);width:100%}.card.flipped .card-inner,.card.matched-p1 .card-inner,.card.matched-p2 .card-inner{transform:rotateY(180deg)}.card:not(.flipped):not(.matched-p1):not(.matched-p2):hover .card-inner{transform:rotateY(8deg) scale(1.06)}.card-back,.card-front{align-items:center;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:14px;display:flex;height:100%;justify-content:center;position:absolute;width:100%}.card-back{background:linear-gradient(145deg,#4c1d95,#7c3aed);border:1.5px solid #a78bfa66;box-shadow:0 4px 20px #7c3aed66,inset 0 1px 0 #ffffff26;flex-direction:column}.card-grid{grid-gap:3px;display:grid;gap:3px;grid-template-columns:repeat(3,1fr);width:52px}.card-dot{background:#ffffff26;border:.5px solid #ffffff1a;border-radius:2px;height:10px;width:10px}.card-front{background:linear-gradient(145deg,#1e1b4b,#2e1065);border:1.5px solid #ffffff1a;font-size:44px;transform:rotateY(180deg)}.card.matched-p1 .card-front{background:linear-gradient(145deg,#1e1b4b,#3730a3);border-color:#8b5cf699;box-shadow:0 0 20px #8b5cf673}.card.matched-p2 .card-front{background:linear-gradient(145deg,#1e1b4b,#831843);border-color:#f472b699;box-shadow:0 0 20px #f472b673}.card.wrong .card-inner{animation:shake .4s ease}@keyframes shake{0%,to{transform:rotateY(180deg)}25%{transform:rotateY(180deg) translateX(-6px)}75%{transform:rotateY(180deg) translateX(6px)}}.card.pop-anim .card-inner{animation:pop .35s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes pop{0%{transform:rotateY(180deg) scale(1)}50%{transform:rotateY(180deg) scale(1.16)}to{transform:rotateY(180deg) scale(1)}}.message{color:#ffffff8c;font-size:14px;font-weight:700;min-height:20px;text-align:center}.restart-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff14;border:1.5px solid #fff3;border-radius:12px;color:#ffffffd9;cursor:pointer;font-family:Nunito,sans-serif;font-size:14px;font-weight:800;letter-spacing:.5px;padding:10px 28px;transition:all .2s}.restart-btn:hover{background:#ffffff26;border-color:#ffffff59}.win-banner{align-items:center;animation:fadeUp .5s ease;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff0f;border:1.5px solid #ffd70066;border-radius:20px;box-shadow:0 0 40px #ffd7001f;display:flex;flex-direction:column;gap:10px;padding:22px 40px;text-align:center}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.win-title{color:#fbbf24;filter:drop-shadow(0 2px 8px rgba(251,191,36,.5));font-family:Fredoka One,cursive;font-size:24px}.win-sub{color:#ffffff80;font-size:13px;font-weight:600}.win-btn{background:#fbbf241f;border:1.5px solid #fbbf2480;border-radius:12px;color:#fbbf24;cursor:pointer;font-family:Nunito,sans-serif;font-size:14px;font-weight:800;padding:10px 28px;transition:all .2s}.win-btn:hover{background:#fbbf2438}.confetti-piece{animation:fall linear forwards;pointer-events:none;position:fixed;top:-10px;z-index:999}@keyframes fall{0%{opacity:1;transform:translateY(0) rotate(0deg)}to{opacity:0;transform:translateY(100vh) rotate(2turn)}}.menu-sub{color:#ffffff73;font-size:14px;font-weight:600;letter-spacing:1px;margin-top:-10px}.diff-cards{display:flex;gap:16px;margin:8px 0}.diff-card{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0f;border:2px solid #ffffff1a;border-radius:20px;cursor:pointer;display:flex;flex-direction:column;gap:6px;padding:24px 16px;text-align:center;transition:all .25s ease;width:150px}.diff-card:hover{transform:translateY(-4px)}.easy-card.selected{background:#34d3991f;border-color:#34d399b3;box-shadow:0 0 28px #34d39933}.hard-card.selected{background:#ef44441f;border-color:#ef4444b3;box-shadow:0 0 28px #ef444433}.diff-icon{font-size:44px;line-height:1;margin-bottom:4px}.diff-name{color:#fff;font-family:Fredoka One,cursive;font-size:22px;letter-spacing:2px}.easy-card.selected .diff-name{color:#34d399}.hard-card.selected .diff-name{color:#f87171}.diff-detail{color:#ffffff73;font-size:12px;font-weight:600;letter-spacing:.3px}.start-btn{background:linear-gradient(135deg,#7c3aed,#a855f7);border:none;border-radius:16px;box-shadow:0 4px 24px #7c3aed73;color:#fff;cursor:pointer;font-family:Fredoka One,cursive;font-size:18px;letter-spacing:2px;margin-top:8px;padding:14px 48px;transition:all .2s ease}.start-btn:hover{box-shadow:0 8px 32px #7c3aed99;transform:translateY(-2px)}.top-bar{align-items:center;display:flex;justify-content:space-between;margin-bottom:-4px;max-width:560px;width:100%}.back-btn{background:#ffffff12;border:1px solid #ffffff26;border-radius:10px;color:#ffffffb3;cursor:pointer;font-family:Nunito,sans-serif;font-size:12px;font-weight:800;letter-spacing:.5px;padding:6px 14px;transition:all .2s}.back-btn:hover{background:#ffffff24}.title-small{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#a78bfa,#f472b6,#fb923c);-webkit-background-clip:text;background-clip:text;font-family:Fredoka One,cursive;font-size:20px;letter-spacing:2px}.diff-badge{border-radius:99px;font-size:11px;font-weight:800;letter-spacing:1.5px;padding:4px 12px}.diff-badge.easy{background:#34d39926;border:1px solid #34d39959;color:#34d399}.diff-badge.hard{background:#ef444426;border:1px solid #ef444459;color:#f87171}.time-warn span{animation:pulse .7s ease-in-out infinite;color:#f87171!important}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.win-actions{display:flex;gap:10px;margin-top:4px}.win-btn-sec{background:#ffffff12;border:1.5px solid #fff3;border-radius:12px;color:#ffffffb3;cursor:pointer;font-family:Nunito,sans-serif;font-size:14px;font-weight:800;padding:10px 20px;transition:all .2s}.win-btn-sec:hover{background:#ffffff24}
/*# sourceMappingURL=main.0d56b3f0.css.map*/