@import url(https://fonts.googleapis.com/css2?family=Fredoka+One&family=Nunito:wght@400;600;700;800&display=swap);*,:after,:before{box-sizing:border-box}:root{--bg-deep:#080b18;--bg-mid:#0f1530;--card-back:#1a2045;--card-border:#2a3060;--card-front:#fff;--accent-cyan:#00f5d4;--accent-pink:#f72585;--accent-yellow:#ffe347;--accent-purple:#7b2fff;--text-primary:#e8eaf6;--text-muted:#7986cb;--success:#00e676;--error:#ff5252;--glow-cyan:0 0 12px #00f5d4aa,0 0 30px #00f5d455;--glow-pink:0 0 12px #f72585aa,0 0 30px #f7258555;--glow-yellow:0 0 12px #ffe347aa,0 0 30px #ffe34755;--radius-card:14px;--radius-btn:50px;--transition:0.3s cubic-bezier(0.34,1.56,0.64,1)}body,html{-webkit-font-smoothing:antialiased;background-color:#080b18;background-color:var(--bg-deep);color:#e8eaf6;color:var(--text-primary);font-family:Nunito,sans-serif;margin:0;min-height:100vh;padding:0}body{background-attachment:fixed;background-image:radial-gradient(ellipse 80% 60% at 20% 10%,#7b2fff2e 0,#0000 60%),radial-gradient(ellipse 60% 50% at 80% 80%,#00f5d41f 0,#0000 55%),radial-gradient(ellipse 40% 40% at 50% 40%,#f7258514 0,#0000 50%),linear-gradient(180deg,#080b18,#0f1530);background-image:radial-gradient(ellipse 80% 60% at 20% 10%,#7b2fff2e 0,#0000 60%),radial-gradient(ellipse 60% 50% at 80% 80%,#00f5d41f 0,#0000 55%),radial-gradient(ellipse 40% 40% at 50% 40%,#f7258514 0,#0000 50%),linear-gradient(180deg,var(--bg-deep) 0,var(--bg-mid) 100%)}body:before{background-image:radial-gradient(circle,#ffffff0a 1px,#0000 0);background-size:32px 32px;content:"";inset:0;pointer-events:none;position:fixed;z-index:0}#root{position:relative;z-index:1}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.card-scene{cursor:pointer;height:80px;outline:none;perspective:600px;width:80px}.card-inner{border-radius:var(--radius-card);height:100%;position:relative;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.4,0,.2,1);width:100%}.card-scene.is-flipped .card-inner{transform:rotateY(180deg)}.card-face{align-items:center;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:var(--radius-card);display:flex;inset:0;justify-content:center;position:absolute;transition:box-shadow .3s ease}.card-back{background:linear-gradient(135deg,var(--card-back) 0,#242d5e 100%);border:1.5px solid var(--card-border);box-shadow:0 4px 12px #0006,inset 0 1px 0 #ffffff0f}.card-scene:hover:not(.is-flipped) .card-back{border-color:#00f5d466;box-shadow:0 4px 20px #0006,0 0 16px #00f5d42e,inset 0 1px 0 #ffffff14;transform:scale(1.04)}.card-scene:hover:not(.is-flipped) .card-inner{transform:scale(1.04)}.card-back-pattern{animation:spin-slow 8s linear infinite;color:#7b2fff80;display:block;font-size:1.4rem;-webkit-user-select:none;user-select:none}.card-front{background:linear-gradient(135deg,#fff,#f0f4ff);border:1.5px solid #ffffff80;box-shadow:0 4px 12px #0000004d,0 0 0 0 #0000;transform:rotateY(180deg)}.card-emoji{display:block;filter:drop-shadow(0 2px 4px rgba(0,0,0,.12));font-size:2.4rem;-webkit-user-select:none;user-select:none}.card-scene.is-matched .card-inner{animation:matched-pop .4s cubic-bezier(.34,1.56,.64,1) both;transform:rotateY(180deg)}.card-scene.is-matched .card-front{background:linear-gradient(135deg,#d4fce8,#b2f5d8);border-color:var(--success);box-shadow:0 4px 16px #00e67659,0 0 24px #00e67633}@keyframes matched-pop{0%{transform:rotateY(180deg) scale(1)}50%{transform:rotateY(180deg) scale(1.15)}to{transform:rotateY(180deg) scale(1)}}@keyframes spin-slow{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.gameboard{align-items:center;display:flex;flex-direction:column;gap:20px}.gameboard-stats{display:flex;gap:12px}.stat-chip{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;display:flex;flex-direction:column;min-width:80px;padding:10px 24px}.stat-label{color:var(--text-muted);font-size:10px;font-weight:800;letter-spacing:2px;text-transform:uppercase}.stat-value{color:var(--accent-cyan);font-family:Fredoka One,cursive;font-size:1.5rem;line-height:1.2;margin-top:2px}.win-banner{align-items:center;animation:pop-in .5s cubic-bezier(.34,1.56,.64,1) both;background:linear-gradient(135deg,#00e67626,#00e6760d);border:1px solid #00e67659;border-radius:12px;box-shadow:0 0 24px #00e67626;color:var(--success);display:flex;font-size:1rem;font-weight:700;gap:10px;padding:12px 24px}.win-emoji{animation:bounce .8s ease infinite alternate;font-size:1.5rem}.progress-bar-track{background:#ffffff14;border-radius:100px;height:6px;max-width:100%;overflow:hidden;width:340px}.progress-bar-fill{background:linear-gradient(90deg,var(--accent-purple),var(--accent-cyan));border-radius:100px;box-shadow:var(--glow-cyan);height:100%;transition:width .5s cubic-bezier(.4,0,.2,1)}.card-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,80px);padding:4px}.gameboard-actions{margin-top:8px}.btn{border:none;border-radius:var(--radius-btn);cursor:pointer;font-family:Nunito,sans-serif;font-size:15px;font-weight:800;letter-spacing:.5px;padding:12px 32px;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}.btn:hover{transform:translateY(-2px) scale(1.03)}.btn:active{transform:translateY(0) scale(.98)}.btn-primary{background:linear-gradient(135deg,var(--accent-purple),var(--accent-pink));box-shadow:0 4px 20px #f7258566,inset 0 0 0 1.5px #ffffff1a;color:#fff}.btn-primary:hover{box-shadow:0 8px 30px #f725858c,var(--glow-pink)}.btn-secondary{background:#ffffff12;border:1.5px solid #ffffff26;box-shadow:0 2px 12px #00000040;color:var(--text-primary)}.btn-secondary:hover{background:#ffffff1f;border-color:#00f5d466;box-shadow:0 4px 20px #0000004d,var(--glow-cyan);color:var(--accent-cyan)}@keyframes pop-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-5px)}}.reaction-panel{align-items:center;animation:fadeIn .4s ease both;display:flex;flex-direction:column;gap:16px;margin-top:4px}.reaction-gif-frame{background:var(--card-back);border:2px solid #ffffff14;border-radius:20px;box-shadow:0 8px 32px #00000080,inset 0 0 0 1px #ffffff0a;height:200px;overflow:hidden;position:relative;transition:border-color .4s ease,box-shadow .4s ease;width:200px}.reaction-gif{display:block;height:100%;object-fit:cover;width:100%}.mood-success .reaction-gif-frame{border-color:#00e67673;box-shadow:0 8px 32px #00000080,0 0 28px #00e67640}.mood-error .reaction-gif-frame{border-color:#ff525273;box-shadow:0 8px 32px #00000080,0 0 28px #ff525233}.mood-win .reaction-gif-frame{animation:win-pulse 1.5s ease infinite;border-color:#ffe3478c;box-shadow:0 8px 32px #00000080,0 0 36px #ffe3474d}.reaction-label{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50px;display:flex;gap:8px;padding:8px 20px;transition:border-color .4s ease,background .4s ease}.reaction-icon{font-size:1.1rem;line-height:1}.reaction-message{color:var(--text-primary);font-family:Nunito,sans-serif;font-size:.92rem;font-weight:700;letter-spacing:.3px;transition:color .4s ease;white-space:nowrap}.mood-success .reaction-label{background:#00e67612;border-color:#00e6764d}.mood-success .reaction-message{color:var(--success)}.mood-error .reaction-label{background:#ff525212;border-color:#ff52524d}.mood-error .reaction-message{color:var(--error)}.mood-win .reaction-label{background:#ffe34714;border-color:#ffe34766}.mood-win .reaction-message{color:var(--accent-yellow)}@keyframes win-pulse{0%,to{box-shadow:0 8px 32px #00000080,0 0 36px #ffe3474d}50%{box-shadow:0 8px 32px #00000080,0 0 56px #ffe3478c}}.app-root{align-items:center;display:flex;flex-direction:column;min-height:100vh;padding:40px 24px 60px}.app-header{animation:fadeSlideDown .6s ease both;margin-bottom:48px;text-align:center}.header-badge{background:#00f5d414;border:1px solid #00f5d440;border-radius:50px;color:var(--accent-cyan);display:inline-block;font-family:Nunito,sans-serif;font-size:11px;font-weight:800;letter-spacing:3px;margin-bottom:16px;padding:5px 16px;text-transform:uppercase}.app-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff 0,var(--accent-cyan) 50%,var(--accent-pink) 100%);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 0 20px rgba(0,245,212,.35));font-family:Fredoka One,cursive;font-size:clamp(2.8rem,6vw,4.5rem);font-weight:400;letter-spacing:-1px;margin:0 0 10px}.title-icon{-webkit-text-fill-color:initial;animation:pulse 2.5s ease-in-out infinite;display:inline-block;filter:none}.app-subtitle{color:var(--text-muted);font-size:1rem;font-weight:600;letter-spacing:.5px;margin:0}.app-main{align-items:flex-start;animation:fadeIn .8s ease .2s both;display:flex;flex-wrap:wrap;gap:48px;justify-content:center;max-width:900px;width:100%}@keyframes fadeSlideDown{0%{opacity:0;transform:translateY(-24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}
/*# sourceMappingURL=main.798be16d.css.map*/