body{background-color:#18181b;box-sizing:border-box;color:#e0e0e0;font-family:Outfit,sans-serif;margin:0;padding:20px}#root{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - 40px)}h1,h2,p{margin:0}h1{color:#a855f7;font-weight:900}.app-container{margin:0 auto;max-width:400px;width:100%}.pack-selection{align-items:center;background-color:#27272a;border:1px solid #3f3f46;border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,.5);box-sizing:border-box;display:flex;flex-direction:column;gap:1.5rem;padding:1rem 2rem;text-align:center;width:100%}.pack-selection .main-title{font-size:2.5rem}.pack-selection .welcome-text{color:#a1a1aa;font-size:1rem;line-height:1.5;max-width:90%}.pack-buttons{display:flex;flex-direction:column;gap:1rem;width:100%}.pack-button{align-items:center;background-color:#3f3f46;border:none;border-radius:8px;color:#e0e0e0;cursor:pointer;display:flex;font-family:Outfit,sans-serif;font-size:1.1rem;font-weight:700;gap:.75rem;justify-content:center;padding:12px;transition:all .2s ease}.pack-button:hover{background-color:#52525b;transform:translateY(-2px)}.pack-emoji{font-size:1.2rem}.card-perspective{perspective:1500px}.card{position:relative;transform-style:preserve-3d;transition:transform .8s;width:100%}.card.is-flipped{transform:rotateY(180deg)}.card-face{backface-visibility:hidden;background-color:#27272a;border:1px solid #3f3f46;border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,.5);box-sizing:border-box;display:flex;flex-direction:column;grid-column:1/-1;grid-row:1/-1;padding:1rem 2rem}.card-back{align-items:center;height:100%;justify-content:center;left:0;position:absolute;text-align:center;top:0;transform:rotateY(180deg);width:100%}.card-front header{position:relative;text-align:center}#new-game-btn{background-color:#3f3f46;border:none;color:#a1a1aa;font-size:.8rem;font-weight:400;padding:6px 10px;position:absolute;right:-12px;top:-4px}#new-game-btn:hover{background-color:#52525b;color:#fff}.card-front h1{font-size:1.5rem;margin-bottom:.5rem}.image-container{border-radius:12px;flex-shrink:0;overflow:hidden;position:relative;width:100%}.puzzle-image{aspect-ratio:1/1;display:block;height:auto;object-fit:cover;width:100%}.hint-container{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}.hint{background-color:#18181b;border:1px solid #3f3f46;border-left:4px solid #facc15;border-radius:6px;color:#fff;flex-shrink:0;font-size:.85rem;padding:8px 12px}.hint strong{color:#facc15}.game-controls{display:flex;flex-direction:column;gap:.75rem;margin-top:auto}.game-controls label{font-size:.9rem;font-weight:400;text-align:center}.guess-container{display:flex;gap:.75rem}.guess-input{background-color:#18181b;border:none;border-radius:8px;color:#e0e0e0;flex-grow:1;font-family:Outfit,sans-serif;font-size:1rem;padding:10px;text-align:center;transition:transform .2s ease;width:auto}.guess-input:focus{border-color:#a855f7;box-shadow:0 0 0 3px rgba(168,85,247,.5);outline:none;transform:scale(1.02)}button{border:none;border-radius:8px;cursor:pointer;font-family:Outfit,sans-serif;font-size:1rem;font-weight:700;padding:12px;transition:all .2s ease}.submit-guess-btn{background-color:#a855f7;color:#fff}.submit-guess-btn:hover{background-color:#9333ea}.request-hint-btn{background-color:#3f3f46;color:#e0e0e0}.request-hint-btn:hover{background-color:#52525b}.request-hint-btn:disabled,.reveal-btn:disabled{background-color:#27272a;color:#71717a;cursor:not-allowed}.reveal-btn{background:none;border:1px solid #52525b;color:#a1a1aa;font-weight:400}.reveal-btn:hover{background-color:#3f3f46;border-color:#a855f7;color:#fff}.feedback-area{margin-top:1rem;min-height:24px;text-align:center}.message-text{font-size:1rem;font-weight:700}.correct{color:#4ade80}.incorrect{color:#f87171}.reveal-content{align-items:center;display:flex;flex-direction:column;gap:1rem}.reveal-label{color:#a1a1aa;font-size:1rem}.answer-title{color:#fff;font-size:2.5rem;font-weight:900;margin:-10px 0 0}.answer-details{color:#d4d4d8;font-size:1.2rem;font-weight:400}.answer-details i{color:#a1a1aa;font-style:italic}.answer-image{border:4px solid #a855f7;border-radius:50%;height:150px;margin-top:1rem;object-fit:cover;width:150px}.next-puzzle-btn{background-color:#a855f7;color:#fff;margin-top:2rem;width:100%}.next-puzzle-btn:hover{background-color:#9333ea}
/*# sourceMappingURL=main.4dfe3bdc.css.map*/