body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Arial Black,Arial Bold,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}.App{align-items:center;background:linear-gradient(135deg,#1e3c72,#2a5298 50%,#7e22ce);color:#fff;display:flex;flex-direction:column;font-family:Arial Black,Arial Bold,sans-serif;min-height:100vh;padding:20px}.loading{color:gold;font-size:24px;margin-top:50px}.game-info{background:#ffffff1a;border-radius:8px;font-weight:700;margin-bottom:20px;padding:10px 20px}.migration-prompt{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:3000}.migration-content{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000004d;max-width:400px;padding:2rem;text-align:center}.migration-content h3{color:#333;margin:0 0 1rem}.migration-content p{color:#666;margin:0 0 1.5rem}.migration-buttons{display:flex;gap:1rem;justify-content:center}.btn-primary{background:#4a90e2;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:background .3s}.btn-primary:hover{background:#357abd}.btn-secondary{background:#e0e0e0;border:none;border-radius:6px;color:#666;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:background .3s}.btn-secondary:hover{background:#d0d0d0}.see-results-btn{align-items:center;background:linear-gradient(135deg,gold,#ffed4e);border:2px solid gold;border-radius:12px;box-shadow:0 4px 12px #ffd70066;color:#1e3c72;cursor:pointer;display:flex;font-size:16px;font-weight:700;gap:8px;justify-content:center;margin:20px 0;min-width:180px;padding:12px 30px;transition:all .3s ease}.see-results-btn:hover{background:linear-gradient(135deg,#ffed4e,gold);box-shadow:0 6px 16px #ffd70099;transform:translateY(-2px)}.see-results-btn:active{transform:translateY(0)}.game-header{margin-bottom:20px;max-width:100%;padding:1rem;width:100%}.header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:800px}.header-left{text-align:left}.game-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,gold,#ffed4e,gold);-webkit-background-clip:text;background-clip:text;font-size:48px;font-weight:900;letter-spacing:.1rem;margin:0;text-shadow:3px 3px 6px #00000080}.subtitle{color:gold;font-size:14px;margin-top:5px;text-shadow:1px 1px 3px #00000080}.header-right{align-items:center;display:flex;gap:.75rem}.header-btn{background:#ffd70033;border:2px solid #ffd70066;border-radius:8px;color:gold;cursor:pointer;font-size:1.2rem;font-weight:600;padding:.5rem 1rem;transition:all .3s}.header-btn:hover{background:#ffd7004d;border-color:#ffd70099;transform:translateY(-2px)}.stats-btn{font-size:1.5rem;padding:.5rem .75rem}.login-btn{font-size:.95rem;letter-spacing:.05rem}.user-menu{position:relative}.user-btn{font-size:1.5rem;padding:.5rem .75rem}.user-dropdown{background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;color:#333;margin-top:.5rem;min-width:200px;overflow:hidden;position:absolute;right:0;top:100%;z-index:100}.user-email{border-bottom:1px solid #e0e0e0;color:#666;font-size:.9rem;padding:.75rem 1rem;word-break:break-word}.logout-btn{background:none;border:none;color:#e74c3c;cursor:pointer;font-size:.95rem;font-weight:600;padding:.75rem 1rem;text-align:left;transition:background .2s;width:100%}.logout-btn:hover{background:#f8f8f8}@media (max-width:768px){.game-header h1{font-size:32px}.subtitle{font-size:12px}.header-btn{font-size:1rem;padding:.4rem .8rem}.stats-btn,.user-btn{font-size:1.3rem;padding:.4rem .6rem}.login-btn{font-size:.85rem}}.instructions{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:8px;font-size:13px;margin-bottom:20px;max-width:800px;padding:15px}.legend{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-bottom:20px}.legend-item{align-items:center;display:flex;font-size:13px;gap:8px}.legend-box{border-radius:4px;height:20px;width:20px}.legend-box.correct{background:linear-gradient(135deg,#10b981,#059669)}.legend-box.partial{background:linear-gradient(135deg,#f59e0b,#d97706)}.legend-box.incorrect{background:linear-gradient(135deg,#ef4444,#dc2626)}.input-container{display:flex;gap:10px;margin-bottom:20px;max-width:600px;position:relative;width:100%}#guess-input{background:#fffffff2;border:3px solid gold;border-radius:8px;color:#1e3c72;flex:1 1;font-size:18px;font-weight:700;padding:15px;text-transform:uppercase}#guess-input:disabled{cursor:not-allowed;opacity:.5}#submit-btn{background:linear-gradient(135deg,gold,#ffed4e);border:none;border-radius:8px;box-shadow:0 4px 8px #0000004d;color:#1e3c72;cursor:pointer;font-size:18px;font-weight:700;padding:15px 30px;transition:all .2s ease}#submit-btn:hover:not(:disabled){box-shadow:0 6px 12px #0006;transform:translateY(-2px)}#submit-btn:active:not(:disabled){transform:translateY(0)}#submit-btn:disabled{cursor:not-allowed;opacity:.5}.suggestions{background:#fff;border-radius:8px;box-shadow:0 4px 8px #0000004d;color:#1e3c72;max-height:200px;overflow-y:auto;position:absolute;top:60px;width:calc(100% - 130px);z-index:1000}.suggestion-item{border-bottom:1px solid #eee;cursor:pointer;font-weight:700;padding:12px}.suggestion-item:hover{background:#f0f0f0}.suggestion-item:last-child{border-bottom:none}.guesses-container{margin-bottom:20px;max-width:900px;width:100%}.header-row{grid-gap:8px;color:gold;display:grid;font-size:12px;font-weight:700;gap:8px;grid-template-columns:180px repeat(7,1fr);margin-bottom:10px}.header-cell{padding:8px;text-align:center}.guess-row{grid-gap:8px;animation:slideIn .3s ease-out;display:grid;gap:8px;grid-template-columns:180px repeat(7,1fr);margin-bottom:10px}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.guess-name{background:#fff3;border:2px solid gold;border-radius:8px;font-size:14px;padding:15px}.attribute-cell,.guess-name{align-items:center;display:flex;font-weight:700;justify-content:center;text-align:center}.attribute-cell{border:2px solid #0000;border-radius:8px;flex-direction:column;font-size:12px;padding:12px 8px}.attribute-cell.correct{background:linear-gradient(135deg,#10b981,#059669);border-color:#10b981;box-shadow:0 0 15px #10b98180}.attribute-cell.partial{background:linear-gradient(135deg,#f59e0b,#d97706);border-color:#f59e0b}.attribute-cell.incorrect{background:linear-gradient(135deg,#ef4444,#dc2626);border-color:#ef4444}.attr-label{font-size:8px;margin-bottom:2px;opacity:.7}.attr-value{font-size:12px}@media (max-width:768px){.guess-row,.header-row{gap:4px;grid-template-columns:100px repeat(7,1fr)}.attribute-cell,.guess-name{font-size:10px;padding:5px}.attr-label{font-size:7px}.attr-value{font-size:9px}}.game-over-backdrop{align-items:center;animation:fadeIn .2s ease-in;background:#000000bf;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:2000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.game-over{background:#1e3c72fa;border:3px solid gold;border-radius:16px;box-shadow:0 8px 32px #00000080;max-height:90vh;max-width:500px;min-width:300px;overflow-y:auto;padding:40px;position:relative;text-align:center}.game-over-close{align-items:center;background:#0000;border:none;color:gold;cursor:pointer;display:flex;font-size:32px;height:32px;justify-content:center;padding:0;position:absolute;right:15px;top:15px;transition:transform .2s ease,color .2s ease;width:32px}.game-over-close:hover{color:#fff;transform:scale(1.2)}.game-over h2{color:gold;font-size:32px;margin-bottom:15px}.game-over p{font-size:18px;margin-bottom:20px}.share-btn{background:linear-gradient(135deg,gold,#ffed4e);border:none;border-radius:8px;box-shadow:0 4px 8px #0000004d;color:#1e3c72;cursor:pointer;font-size:16px;font-weight:700;padding:12px 24px;transition:all .2s ease}.share-btn:hover{box-shadow:0 6px 12px #0006;transform:translateY(-2px)}.share-btn:active{transform:translateY(0)}.timer-text{color:gold;font-size:12px;margin-top:20px}.gameover-stats{border-top:2px solid #ffd7004d;margin-top:30px;padding-top:20px}.stats-divider{color:gold;font-size:14px;font-weight:700;letter-spacing:.1rem;margin-bottom:15px}.stats-summary-compact{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,1fr);margin-bottom:20px}.stat-item-compact{display:flex;flex-direction:column;gap:4px}.stat-value-compact{color:gold;font-size:24px;font-weight:700}.stat-label-compact{color:gold;font-size:10px;letter-spacing:.5px;opacity:.8;text-transform:uppercase}.stats-distribution-compact h4{color:gold;font-size:14px;margin:0 0 10px}.distribution-chart-compact{display:flex;flex-direction:column;gap:6px}.stats-loading{color:gold;padding:20px}.guest-auth-cta{border-top:2px solid #ffd7004d;margin-top:30px;padding-top:20px}.cta-divider{color:gold;font-size:14px;font-weight:700;letter-spacing:.1rem;margin-bottom:12px}.cta-message{color:gold;font-size:14px;margin-bottom:15px;opacity:.9}.cta-btn{background:linear-gradient(135deg,#4caf50,#45a049);border:none;border-radius:8px;box-shadow:0 4px 8px #0000004d;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:12px 24px;transition:all .2s ease}.cta-btn:hover{background:linear-gradient(135deg,#45a049,#4caf50);box-shadow:0 6px 12px #0006;transform:translateY(-2px)}.cta-btn:active{transform:translateY(0)}@media (max-width:768px){.stats-summary-compact{gap:15px;grid-template-columns:repeat(2,1fr)}.stat-value-compact{font-size:20px}.game-over{min-width:280px;padding:30px 20px}}.element-chart{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid gold;border-radius:12px;bottom:20px;box-shadow:0 4px 12px #0000004d;padding:15px;position:fixed;right:20px;width:200px}.element-chart h3{color:gold;font-size:14px;margin-bottom:10px;text-align:center}.element-chart img{border-radius:8px;height:auto;width:100%}@media (max-width:768px){.element-chart{margin:20px auto;max-width:300px;position:static;width:100%}}.message{background:linear-gradient(135deg,gold,#ffed4e);border-radius:8px;box-shadow:0 4px 8px #0000004d;color:#1e3c72;font-weight:700;left:50%;opacity:0;padding:16px 24px;position:fixed;top:120px;transform:translateX(-50%);transition:opacity .3s ease;z-index:1000}.message.show{opacity:1}.auth-modal-backdrop{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.auth-modal{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000004d;max-width:400px;padding:2rem;position:relative;width:90%}.auth-modal-close{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;font-size:2rem;height:30px;justify-content:center;line-height:1;padding:0;position:absolute;right:1rem;top:1rem;width:30px}.auth-modal-close:hover{color:#000}.auth-modal-tabs{border-bottom:2px solid #e0e0e0;display:flex;gap:.5rem;margin-bottom:1.5rem}.auth-tab{background:none;border:none;border-bottom:3px solid #0000;color:#666;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;margin-bottom:-2px;padding:.75rem;transition:all .3s}.auth-tab.active{border-bottom-color:#4a90e2;color:#4a90e2}.auth-tab:hover{color:#4a90e2}.auth-form{gap:1rem}.auth-form,.auth-form-group{display:flex;flex-direction:column}.auth-form-group{gap:.5rem}.auth-form-group label{color:#333;font-weight:600}.auth-form-group input{border:2px solid #e0e0e0;border-radius:6px;font-size:1rem;padding:.75rem;transition:border-color .3s}.auth-form-group input:focus{border-color:#4a90e2;outline:none}.auth-error{background:#fee;border:1px solid #fcc;border-radius:6px;color:#c33;font-size:.9rem;padding:.75rem}.auth-submit{background:#4a90e2;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:.5rem;padding:.875rem;transition:background .3s}.auth-submit:hover:not(:disabled){background:#357abd}.auth-submit:disabled{background:#ccc;cursor:not-allowed}.auth-switch{color:#666;font-size:.9rem;margin-top:1.5rem;text-align:center}.auth-switch-button{background:none;border:none;color:#4a90e2;cursor:pointer;font-weight:600;padding:0;text-decoration:underline}.auth-switch-button:hover{color:#357abd}.stats-modal-backdrop{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.stats-modal{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000004d;max-height:90vh;max-width:500px;overflow-y:auto;padding:2rem;position:relative;width:90%}.stats-modal-close{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;font-size:2rem;height:30px;justify-content:center;line-height:1;padding:0;position:absolute;right:1rem;top:1rem;width:30px}.stats-modal-close:hover{color:#000}.stats-title{color:#333;font-size:1.5rem;margin:0 0 1.5rem;text-align:center}.stats-content{display:flex;flex-direction:column;gap:2rem}.stats-loading{color:#666}.stats-loading,.stats-message{padding:2rem;text-align:center}.stats-message p{color:#333;font-size:1.1rem;margin:.5rem 0}.stats-submessage{color:#666!important;font-size:.95rem!important}.stats-summary{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr);text-align:center}.stat-item{display:flex;flex-direction:column;gap:.25rem}.stat-value{color:#333;font-size:2rem;font-weight:700}.stat-label{color:#666;font-size:.85rem;letter-spacing:.5px;text-transform:uppercase}.stats-distribution{display:flex;flex-direction:column;gap:1rem}.stats-distribution h3{color:#333;font-size:1.1rem;margin:0;text-align:center}.distribution-chart{display:flex;flex-direction:column;gap:.5rem}.distribution-row{align-items:center;display:flex;gap:.5rem}.distribution-label{color:#333;font-weight:700;text-align:center;width:20px}.distribution-bar-container{background:#f0f0f0;border-radius:4px;flex:1 1;height:32px;overflow:hidden}.distribution-bar{align-items:center;background:#4a90e2;display:flex;height:100%;justify-content:flex-end;min-width:32px;padding-right:8px;transition:width .5s ease}.distribution-bar.current{background:#52c41a}.distribution-bar.failed{background:#ff4d4f}.distribution-count{color:#fff;font-size:.9rem;font-weight:700}@media (max-width:600px){.stats-modal{padding:1.5rem;width:95%}.stats-summary{gap:1.5rem;grid-template-columns:repeat(2,1fr)}.stat-value{font-size:1.75rem}}
/*# sourceMappingURL=main.20695f7f.css.map*/