.app{background:linear-gradient(135deg,#61636b,#000);font-family:Arial,sans-serif;min-height:100vh;padding:1rem}.game-header{margin-bottom:2rem;text-align:center}.game-title{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#ff6b6b,#4ecdc4);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:clamp(2rem,5vw,3.5rem);font-weight:700;margin:0 0 1rem;text-shadow:0 4px 8px #0000004d}.game-stats{align-items:center;display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin-bottom:1.5rem}.stat-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:15px;box-shadow:0 4px 15px #0000001a;padding:.8rem 1.5rem}.stat-label{color:#fffc;font-size:.9rem;margin:0}.stat-value{font-size:1.5rem;margin:0}.new-game-btn,.stat-value{color:#fff;font-weight:700}.new-game-btn{background:linear-gradient(45deg,#ff6b6b,#ee5a52);border:none;border-radius:25px;box-shadow:0 4px 15px #0003;cursor:pointer;font-size:1.1rem;letter-spacing:1px;padding:1rem 2rem;text-transform:uppercase;transition:all .3s ease}.new-game-btn:hover{background:linear-gradient(45deg,#ee5a52,#ff6b6b);box-shadow:0 6px 20px #0000004d;transform:translateY(-2px)}.new-game-btn:active{transform:translateY(0)}.card-grid{grid-gap:clamp(.5rem,2vw,1rem);display:grid;gap:clamp(.5rem,2vw,1rem);grid-template-columns:repeat(4,1fr);justify-content:center;margin:0 auto;max-height:60vh;max-width:min(95vw,800px);padding:0 .5rem}@media (max-width:768px){.card-grid{gap:clamp(.3rem,1.5vw,.8rem);max-height:55vh}}@media (max-width:480px){.card-grid{gap:clamp(.2rem,1vw,.5rem);max-height:50vh;padding:0 .25rem}}@media (max-width:360px){.card-grid{gap:.2rem;max-height:45vh}}@media (max-height:500px) and (orientation:landscape){.card-grid{gap:.3rem;max-height:70vh}}@media (max-width:768px){.game-stats{gap:1rem}.stat-item{padding:.6rem 1rem}.new-game-btn{font-size:1rem;padding:.8rem 1.5rem}}.card{aspect-ratio:3/4;cursor:pointer;max-height:calc(15vh - .75rem);min-height:60px;perspective:1000px;transition:transform .2s ease;width:100%}.card:hover{transform:scale(1.02)}.card-inner{height:100%;position:relative;text-align:center;transform-style:preserve-3d;transition:transform .6s;width:100%}.card-inner.flipped{transform:rotateY(180deg)}.card-back,.card-front{align-items:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;border:2px solid #ffffff4d;border-radius:15px;box-shadow:0 4px 15px #0003;display:flex;height:100%;justify-content:center;overflow:hidden;position:absolute;width:100%}.card-front{background:linear-gradient(135deg,#667eea,#764ba2);transform:rotateY(180deg)}.card-back{background:linear-gradient(135deg,#ff9a8b,#a8edea);position:relative}.card-image{border-radius:10px;max-height:80%;max-width:80%;object-fit:contain}.card-back-image{left:50%;max-height:60%;max-width:60%;object-fit:contain;opacity:.3;position:absolute;top:50%;transform:translate(-50%,-50%)}.card-pattern{background:radial-gradient(circle at 25% 25%,#fff3 2px,#0000 0),radial-gradient(circle at 75% 75%,#fff3 2px,#0000 0);background-size:20px 20px;bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}.card-pattern:after{color:#fffc;content:"?";font-size:clamp(1.5rem,4vw,2.5rem);font-weight:700;left:50%;position:absolute;text-shadow:0 2px 4px #0000004d;top:50%;transform:translate(-50%,-50%)}@media (max-width:768px){.card{max-height:calc(13.75vh - .625rem);min-height:50px}.card-pattern:after{font-size:clamp(1rem,3vw,1.5rem)}}@media (max-width:480px){.card{aspect-ratio:4/5;max-height:calc(12.5vh - .5rem);min-height:45px}.card-pattern:after{font-size:clamp(.8rem,2.5vw,1.2rem)}}@media (max-width:360px){.card{max-height:calc(11.25vh - .375rem);min-height:40px}.card-pattern:after{font-size:.9rem}}@media (max-height:500px) and (orientation:landscape){.card{aspect-ratio:4/5;max-height:calc(17.5vh - .5rem)}}@media (hover:none){.card:hover{transform:none}}.game-won{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.win-modal{animation:slideUp .3s ease-out;background:linear-gradient(135deg,#667eea,#764ba2);border:1px solid #fff3;border-radius:20px;box-shadow:0 10px 30px #0000004d;color:#fff;max-width:90vw;max-width:min(400px,90vw);padding:3rem 2rem;text-align:center}.win-title{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#4ecdc4,#44a08d);-webkit-background-clip:text;background-clip:text;font-size:clamp(2rem,5vw,3rem);margin:0 0 1rem;text-shadow:none}.win-message{font-size:1.2rem;line-height:1.4;margin:0 0 2rem;opacity:.9}.win-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.play-again-btn{background:linear-gradient(45deg,#ff6b6b,#ee5a52);border:none;border-radius:25px;box-shadow:0 4px 15px #0003;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;letter-spacing:1px;min-width:150px;padding:1rem 2rem;text-transform:uppercase;transition:all .3s ease}.play-again-btn:hover{background:linear-gradient(45deg,#ee5a52,#ff6b6b);box-shadow:0 6px 20px #0000004d;transform:translateY(-2px)}.play-again-btn:active{transform:translateY(0)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.win-modal{margin:1rem;padding:2rem 1.5rem}.win-title{font-size:2rem}.win-message{font-size:1.1rem}.play-again-btn{font-size:1rem;min-width:120px;padding:.8rem 1.5rem}}*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#1b1523;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:1rem;line-height:1.6;overflow-x:hidden;text-align:center}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{scroll-behavior:smooth}:focus-visible{border-radius:4px;outline:2px solid #4ecdc4;outline-offset:2px}:focus:not(:focus-visible){outline:none}button{font-family:inherit}.card,button{-webkit-user-select:none;user-select:none}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast:high){.card-back,.card-front{border:3px solid #fff}.game-title{-webkit-text-fill-color:#fff!important;color:#fff!important}}
/*# sourceMappingURL=main.20b9f46e.css.map*/