body{align-items:center;background-color:#f0f0f0;display:flex;font-family:Arial,sans-serif;font-family:Segoe UI Emoji,Noto Color Emoji,Apple Color Emoji,Segoe UI Symbol,Android Emoji,sans-serif;height:100vh;justify-content:center;margin:0}h1{margin-bottom:20px}.App{font-family:Arial,sans-serif;position:relative;text-align:center}.emoji-cell.selected{border:2px solid #007bff}.instructions{color:#666;font-size:14px;margin-top:20px}.emoji-palette{grid-gap:5px;display:grid;gap:5px;grid-template-columns:repeat(20,1fr);margin-bottom:20px}.emoji-option{cursor:pointer;font-size:24px}button{background-color:#4caf50;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 20px}button,p{font-size:18px}p{font-weight:700;margin-top:20px}.guess-history{align-items:center;display:flex;flex-direction:column-reverse;height:400px;left:0;overflow-y:hidden;padding-bottom:10px;position:absolute;right:0;top:-400px}.history-grid{flex-shrink:0;margin-bottom:5px}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%) scale(.5)}to{opacity:1;transform:translateY(0) scale(.5)}}.game-area{background-color:#fff;border-radius:5px;padding:25px 5px 5px;position:relative;z-index:1}.emoji-grid{margin-bottom:20px}.emoji-cell,.emoji-grid{display:flex;justify-content:center}.emoji-cell{align-items:center;border:1px solid #ccc;cursor:pointer;font-size:24px;height:50px;margin:0 5px;width:50px}.emoji-cell.selected{border:2px solid #000}body{background:linear-gradient(135deg,#f0f0f0,#e0e0e0)}.game-area{box-shadow:0 10px 20px #0000001a;transition:transform .3s ease}.game-area:hover{transform:translateY(-5px)}.emoji-cell{background-color:#fff;border-radius:10px;transition:all .3s ease}.emoji-cell:hover{box-shadow:0 5px 15px #0000001a;transform:scale(1.1)}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.emoji-cell.selected{animation:pulse 1s infinite;border-color:#007bff}.emoji-option{transition:all .3s ease}.emoji-option:hover{cursor:pointer;transform:scale(1.2)}button{background:linear-gradient(45deg,#4caf50,#45a049);transition:all .3s ease}button:hover{background:linear-gradient(45deg,#45a049,#4caf50);box-shadow:0 5px 15px #0003;transform:translateY(-2px)}.instructions{animation:fadeIn 1s ease-out forwards;opacity:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(100%) scale(.5)}to{opacity:1;transform:translateY(0) scale(.5)}}
/*# sourceMappingURL=main.d81a43ae.css.map*/