body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000;box-sizing:border-box;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,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:#fff;font-weight:700}.app-container{margin:0 auto;max-width:400px;width:100%}.pack-selection{align-items:center;background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border:1px solid #333;border-radius:24px;box-shadow:0 20px 40px rgba(0,0,0,.3);box-sizing:border-box;display:flex;flex-direction:column;gap:2rem;padding:2rem;text-align:center;width:100%}.pack-selection .main-title{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:2.5rem}.pack-selection .welcome-text{color:#ccc;font-size:1rem;line-height:1.6;max-width:90%}.pack-buttons{display:flex;flex-direction:column;gap:1rem;width:100%}.pack-button{align-items:center;background:#4a4a4a;border:none;border-radius:16px;box-shadow:0 4px 12px rgba(0,0,0,.2);color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:1.1rem;font-weight:600;gap:.75rem;justify-content:center;padding:1rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.pack-button:hover{background:#5a5a5a;box-shadow:0 8px 24px rgba(0,0,0,.3);transform:translateY(-2px)}.pack-emoji{font-size:1.2rem}.card-perspective{perspective:1500px}.card{height:750px;position:relative;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.4,0,.2,1);width:100%}.card.is-flipped{transform:rotateY(180deg)}.card-face{backface-visibility:hidden;background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border:1px solid #333;border-radius:24px;box-shadow:0 20px 40px rgba(0,0,0,.3);box-sizing:border-box;display:flex;flex-direction:column;height:100%;overflow:hidden;padding:16px;position:absolute;width:100%}.card-back{transform:rotateY(180deg)}.card-front header{grid-gap:1rem;align-items:center;display:grid;flex-shrink:0;gap:1rem;grid-template-columns:auto 1fr auto;margin-bottom:20px}#new-game-btn{background:#5a5a5a;border:none;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.2);color:#fff;cursor:pointer;font-family:inherit;font-size:.9rem;font-weight:500;justify-self:end;padding:.5rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1);width:fit-content}#new-game-btn:hover{background:#6a6a6a;box-shadow:0 4px 12px rgba(0,0,0,.3);transform:translateY(-1px)}.card-front h1{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;justify-self:start;margin:0;text-align:left}.image-container{align-items:center;display:flex;flex:1 1;flex-shrink:0;justify-content:center;margin-bottom:20px;max-height:320px;min-height:280px;padding:0 20px}.puzzle-image{border-radius:16px;box-shadow:0 8px 24px rgba(0,0,0,.4);height:auto;max-height:100%;object-fit:contain;width:100%}.hint-container{background:linear-gradient(135deg,#2a2a2a,#3a3a3a);border-left:4px solid #667eea;border-radius:12px;flex-shrink:0;margin-bottom:.75rem;max-height:none;overflow:visible;padding:.75rem}.hint{color:#e0e0e0;font-size:.85rem;line-height:1.3;margin-bottom:.25rem}.hint:last-child{margin-bottom:0}.hint strong{color:#667eea;font-weight:600}.game-controls{display:flex;flex-direction:column;flex-shrink:0;gap:.75rem;margin-top:auto}.question-label{color:#fff;font-size:.9rem;font-weight:600;margin-bottom:.5rem;text-align:center}.multiple-choice-container{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:1fr 1fr;margin-bottom:.75rem}.multiple-choice-option{background:#3a3a3a;border:none;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.2);color:#fff;cursor:pointer;font-family:inherit;font-size:.85rem;font-weight:500;justify-content:center;line-height:1.2;min-height:40px;overflow:hidden;padding:.5rem .75rem;text-align:center;text-overflow:ellipsis;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.multiple-choice-option:hover:not(.disabled){background:#5a5a5a;box-shadow:0 8px 24px rgba(0,0,0,.3);transform:translateY(-2px)}.multiple-choice-option.correct{background:#10b981;box-shadow:0 8px 24px rgba(16,185,129,.3);color:#fff}.multiple-choice-option.incorrect{background:#ef4444;box-shadow:0 8px 24px rgba(239,68,68,.3);color:#fff}.multiple-choice-option.disabled{cursor:not-allowed;opacity:.6;transform:none}.game-actions{display:flex;gap:.5rem}button{background:#4a4a4a;border:none;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.2);color:#fff;cursor:pointer;flex:1 1;font-family:inherit;font-size:.9rem;font-weight:500;padding:.6rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1)}button:hover:not(:disabled){box-shadow:0 8px 24px rgba(0,0,0,.3);transform:translateY(-2px)}.request-hint-btn{background:#3b82f6;color:#fff}.request-hint-btn:hover:not(:disabled){background:#60a5fa}.reveal-btn{background:#ea580c;color:#fff}.reveal-btn:hover:not(:disabled){background:#fb923c}.request-hint-btn:disabled,.reveal-btn:disabled{background:#5a5a5a;box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.feedback-area{flex-shrink:0;margin-top:.75rem;min-height:20px;text-align:center}.message-text{font-size:.9rem;font-weight:600}.correct{color:#10b981}.incorrect{color:#ef4444}.reveal-content{align-items:center;display:flex;flex-direction:column;gap:1.5rem;height:100%;justify-content:center;text-align:center}.reveal-label{color:#ccc;font-size:1.2rem;font-weight:500}.answer-title{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700;line-height:1.2;margin:0}.answer-subtitle{color:#ccc;font-size:1rem;font-style:italic;margin:0}.answer-details{color:#e0e0e0;font-size:1rem;margin:0}.answer-details i{color:#ccc}.answer-image{border-radius:16px;box-shadow:0 8px 24px rgba(0,0,0,.3);max-height:300px;max-width:80%;object-fit:cover}.next-puzzle-btn{background:#667eea;border-radius:12px;color:#fff;flex:none;font-size:.9rem;font-weight:600;padding:.75rem 1rem;width:auto}.next-puzzle-btn:hover{background:#764ba2;transform:translateY(-2px)}
/*# sourceMappingURL=main.ced1ed1c.css.map*/