body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Arial Black,Arial Bold,sans-serif;margin:0}body,html{overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}html{font-size:clamp(14px,1vw,18px)}.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;margin:0 auto;min-height:100vh;overflow-x:hidden;padding:20px;width:100%}.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:clamp(20px,5vw,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)}.help-btn,.stats-btn{align-items:center;display:flex;justify-content:center;padding:.5rem .75rem}.help-btn svg,.stats-btn svg{display:block}.login-btn{font-size:.95rem;letter-spacing:.05rem}.user-menu{position:relative}.user-btn{align-items:center;display:flex;justify-content:center;padding:.6rem .75rem}.user-btn svg{display:block;overflow:visible}.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-right{gap:.5rem}.header-btn{font-size:1rem;padding:.4rem .8rem}.help-btn,.stats-btn{padding:.4rem .6rem}.user-btn{padding:.5rem .6rem}.help-btn svg,.stats-btn svg,.user-btn svg{height:18px;width:18px}.login-btn{font-size:.85rem;padding:.4rem .7rem}}@media (max-width:480px){.header-right{gap:.4rem}.header-btn{padding:.35rem .6rem}.help-btn,.stats-btn{padding:.35rem .5rem}.help-btn svg,.stats-btn svg{height:16px;width:16px}.user-btn{padding:.45rem .5rem}.user-btn svg{height:16px;width:16px}.login-btn{font-size:.8rem;padding:.35rem .6rem}}.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}@media (max-width:600px){.input-container{flex-direction:column}#submit-btn,.suggestions{width:100%}}.guesses-container{max-width:100%;overflow-x:auto;width:100%}.guess-row,.header-row{grid-gap:6px;display:grid;gap:6px;grid-template-columns:minmax(90px,20%) repeat(7,minmax(40px,1fr))}.header-row{margin-bottom:10px}.guess-row{margin-bottom:8px}.header-cell{align-items:center;border:2px solid #0000;border-radius:8px;box-sizing:border-box;display:flex;font-weight:700;justify-content:center;padding:8px;text-align:center}@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;box-sizing:border-box;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;transform-style:preserve-3d;transition:transform .3s ease}@keyframes flip{0%{opacity:0;transform:rotateX(90deg)}to{opacity:1;transform:rotateX(0deg)}}.attribute-cell.flipping{animation:flip .5s ease-out}.attribute-cell.pre-flip{opacity:0;transform:rotateX(90deg)}.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){.guesses-container{-webkit-overflow-scrolling:touch;max-width:100vw;overflow-x:auto;padding-bottom:5px;width:100%}.guesses-container::-webkit-scrollbar{height:12px}.guesses-container::-webkit-scrollbar-track{background:#ffffff1a;border-radius:6px}.guesses-container::-webkit-scrollbar-thumb{background:linear-gradient(135deg,gold,#ffed4e);border:2px solid #ffffff1a;border-radius:6px}.guesses-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#ffed4e,gold)}.guess-row,.header-row{gap:5px;grid-template-columns:120px 80px 60px 60px 60px 60px 60px 60px;width:560px}.header-row{margin-bottom:2px}.header-cell{height:30px}.attribute-cell,.guess-name,.header-cell{word-wrap:break-word;border-radius:6px;font-size:11px;line-height:1.3;overflow:hidden;padding:6px}.attribute-cell,.guess-name{height:65px}.attr-label{font-size:8px;margin-bottom:2px}.attr-value{font-size:10px;line-height:1.2}}.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}.correct-answer-reveal{background:linear-gradient(135deg,#ff6b6b1a,#ff9f401a);border:2px solid #ff6b6b80;border-radius:12px;margin:1rem 0;padding:1rem 1.5rem;text-align:center}.answer-label{color:#ffffffb3!important;font-size:.9rem!important;letter-spacing:1px;margin:0 0 .5rem!important;text-transform:uppercase}.answer-name{color:#ff6b6b!important;font-size:1.8rem!important;font-weight:700!important;letter-spacing:2px;margin:0!important;text-shadow:0 2px 4px #0000004d}.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}.distribution-row{gap:8px}.game-over .distribution-label{color:gold!important;font-size:14px;font-weight:700;min-width:20px}.distribution-bar-container{background:#ffffff1a;height:24px}.distribution-bar{background:linear-gradient(135deg,gold,#ffed4e);transition:width .3s ease}.distribution-bar.current{background:linear-gradient(135deg,#4caf50,#45a049)}.distribution-count{font-size:12px}.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;box-shadow:0 4px 12px #0000004d;padding:15px;position:fixed;right:20px;top:20px;width:clamp(160px,20vw,220px);z-index:100}.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:1280px){.element-chart{margin:20px auto;max-width:300px;position:static;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;pointer-events:none;position:fixed;top:120px;transform:translateX(-50%);transition:opacity .3s ease;visibility:hidden;z-index:1000}.message.show{opacity:1;pointer-events:auto;visibility:visible}@media (max-width:600px){.message{text-align:center;top:90px;width:90%}}.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}}@media (max-width:480px){.auth-modal,.game-over,.stats-modal{padding:1.2rem;width:95%}}.howtoplay-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}.howtoplay-modal{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;padding:2rem;position:relative;width:90%}.howtoplay-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}.howtoplay-modal-close:hover{color:#000}.howtoplay-title{color:#333;font-size:1.75rem;margin:0 0 1.5rem;text-align:center}.howtoplay-content{display:flex;flex-direction:column;gap:1.5rem}.howtoplay-section{display:flex;flex-direction:column;gap:.75rem}.howtoplay-section h3{border-bottom:2px solid gold;color:#333;font-size:1.2rem;margin:0;padding-bottom:.5rem}.howtoplay-section p{color:#555;line-height:1.6;margin:0}.howtoplay-section ul{color:#555;margin:0;padding-left:1.5rem}.howtoplay-section li{line-height:1.6;margin-bottom:.5rem}.color-examples{display:flex;flex-direction:column;gap:1rem}.color-example{align-items:center;color:#333;display:flex;gap:1rem}.example-box{border-radius:6px;flex-shrink:0;height:40px;width:40px}.example-box.correct{background:linear-gradient(135deg,#10b981,#059669)}.example-box.partial{background:linear-gradient(135deg,#f59e0b,#d97706)}.example-box.incorrect{background:linear-gradient(135deg,#ef4444,#dc2626)}.attributes-list{list-style-type:none;padding-left:0!important}.attributes-list li{padding-left:1.5rem;position:relative}.attributes-list li:before{color:gold;content:"▸";font-weight:700;left:0;position:absolute}.howtoplay-footer{border-top:1px solid #e0e0e0;margin-top:1rem;padding-top:1rem;text-align:center}.howtoplay-footer p{color:#333;font-size:1.1rem;font-weight:600;margin:0}@media (max-width:600px){.howtoplay-modal{padding:1.5rem;width:95%}.howtoplay-title{font-size:1.5rem}.howtoplay-section h3{font-size:1.1rem}.example-box{height:35px;width:35px}}@media (max-width:480px){.howtoplay-modal{padding:1.2rem}}
/*# sourceMappingURL=main.fd90179f.css.map*/