body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{align-items:center;background-attachment:fixed;background-image:url(/static/media/background.2bd33069a51608f4345c.png);background-position:50%;background-repeat:no-repeat;background-size:cover;flex-direction:column;font-family:Poppins,sans-serif;justify-content:center;margin:0;padding:0}.App{animation:fadeIn 1s ease-in-out;display:flex;padding:20px;text-align:center}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.search-form{animation:fadeInUp 1s ease-in-out;margin:20px 0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.search-form button,.search-form input{border:2px solid #017899;border-radius:30px;font-size:1rem;padding:10px;transition:all .3s ease-in-out}.search-form input:focus{background-color:#f9f9f9;border-color:#21a1f1}.search-form button{background-color:#017899;color:#fff;margin-left:10px}.search-form button:hover{background-color:#21a1f1}.rules-section{align-items:center;animation:fadeIn .8s ease-in-out;background-color:hsla(0,0%,100%,.9);border-radius:15px;box-shadow:0 6px 15px rgba(0,0,0,.1);display:flex;flex-direction:column;justify-content:center;margin:30px auto;max-width:600px;padding:30px}.start-game-btn{background-color:#017899;border:none;border-radius:30px;color:#fff;cursor:pointer;font-size:1rem;padding:12px 25px;transition:all .3s ease}.start-game-btn:hover{background-color:#21a1f1;box-shadow:0 4px 10px rgba(0,0,0,.2);transform:translateY(-2px)}.lobby-info{background-color:hsla(0,0%,100%,.9);border-radius:15px;box-shadow:0 6px 15px rgba(0,0,0,.1);margin-bottom:15px;margin-top:30px;padding:25px;transition:all .3s ease}.lobby-info h3{color:#017899;font-size:1.8rem;letter-spacing:1px;margin-bottom:15px;position:relative;text-transform:uppercase}.lobby-info h3:after{background-color:#017899;bottom:-10px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);transition:all .3s ease;width:35%}.lobby-info ul{list-style-type:none;margin-top:15px;padding:0}.lobby-info ul li{align-items:center;background-color:#f4f4f4;border-radius:10px;box-shadow:0 4px 10px rgba(0,0,0,.05);color:#333;display:flex;font-size:1.1rem;margin-bottom:10px;padding:15px;transition:background-color .3s ease,transform .3s ease}.lobby-info ul li:hover{background-color:#e0f7fa;transform:translateX(5px)}.lobby-info ul li:before{color:#017899;content:"•";font-size:1.5rem;margin-right:10px}.lobby-info .host-badge{background-color:#ff9800;border-radius:15px;color:#fff;font-size:.9rem;font-weight:700;margin-left:auto;padding:5px 15px}.lobby-info ul li:hover .host-badge{background-color:#ffb74d}.lobby-controls button,.start-game-section button{background-color:#017899;border:none;border-radius:30px;color:#fff;cursor:pointer;font-size:1rem;margin-bottom:10px;padding:12px 25px;transition:background-color .3s ease,box-shadow .3s ease}.lobby-controls button:hover,.start-game-section button:hover{background-color:#21a1f1;box-shadow:0 4px 10px rgba(0,0,0,.2);transform:translateY(-2px)}.select-category{background-color:#fff;border:2px solid #017899;border-radius:30px;color:#017899;font-size:1rem;margin-left:10px;padding:10px;transition:border-color .3s ease}.select-category:focus,.select-category:hover{border-color:#21a1f1;outline:none}.article-section{background-color:hsla(0,0%,100%,.9);border-radius:20px;box-shadow:0 6px 20px rgba(0,0,0,.15);flex:1 1;max-width:800px;padding:30px;transition:all .3s ease}.content{align-items:flex-start;animation:fadeIn 1s ease-in-out;display:flex;gap:20px;margin:0 auto;max-width:1200px;position:relative}.article-content{color:#036;font-size:1.1rem;line-height:1.8;text-align:left}.article-content a{color:#017899;position:relative;text-decoration:none;transition:color .3s ease}.article-content a:before{background-color:#017899;bottom:-2px;content:"";height:2px;left:0;position:absolute;transform:scaleX(0);transition:transform .3s ease;width:100%}.article-content a:hover{color:#21a1f1}.article-content a:hover:before{transform:scaleX(1)}.game-controls{background-color:hsla(0,0%,100%,.9);border-radius:15px;box-shadow:0 6px 15px rgba(0,0,0,.1);flex-shrink:0;height:fit-content;margin-left:20px;max-width:300px;padding:20px;position:sticky;right:0;top:20px;z-index:1}.timer{color:#017899;font-size:4rem;font-weight:700;margin-bottom:20px;margin-top:30px}.difficulty-btn,.game-controls button,.return-btn{background-color:#017899;border:none;border-radius:30px;color:#fff;cursor:pointer;font-size:1rem;margin:15px 0;padding:10px 20px;transition:all .3s ease}.difficulty-btn:hover,.game-controls button:hover,.return-btn:hover{background-color:#21a1f1;box-shadow:0 4px 10px rgba(0,0,0,.2);transform:translateY(-3px)}.article-line{align-items:center;border-bottom:1px solid rgba(0,0,0,.1);display:flex;justify-content:space-between;padding:10px 0;transition:background-color .3s ease}.article-line:hover{background-color:rgba(0,123,255,.1)}.article-line strong{color:#333;font-weight:700;margin-right:10px}.article-line span{color:#017899;flex-grow:1;font-size:1.1rem;text-align:left}.article-line span:hover{color:#21a1f1;cursor:pointer}.article-title-with-tooltip{cursor:pointer;display:inline-block;position:relative}.article-title-with-tooltip .tooltip{background-color:#333;border-radius:6px;bottom:100%;color:#fff;left:50%;opacity:0;padding:5px;position:absolute;text-align:center;transform:translateX(-50%);transition:opacity .3s ease;visibility:hidden;width:auto;z-index:1}.article-title-with-tooltip:hover .tooltip{opacity:1;visibility:visible}.history{background-color:hsla(0,0%,100%,.9);border-radius:10px;box-shadow:0 6px 15px rgba(0,0,0,.1);margin-top:30px;max-height:30rem;overflow-y:auto;padding:20px;transition:all .3s ease}.history h3{color:#017899;font-size:1.5rem;letter-spacing:1px;margin-bottom:15px;position:relative;text-transform:uppercase}.history h3:after{background-color:#017899;bottom:-8px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);transition:all .3s ease;width:35%}.history ul{list-style-type:none;margin:0;padding-left:0}.history ul li{align-items:center;background-color:#f4f4f4;border-radius:8px;box-shadow:0 4px 10px rgba(0,0,0,.05);color:#333;display:flex;font-size:1.1rem;margin-bottom:8px;padding:10px;transition:background-color .3s ease,transform .3s ease}.history ul li .number{font-weight:700;margin-right:10px;text-align:left;width:30px}.history ul li:hover{background-color:#e0f7fa;transform:translateX(5px)}.history ul li:before{color:#017899;content:"→";font-size:1.2rem;margin-right:10px}.lobby-players{background-color:hsla(0,0%,100%,.9);border-radius:15px;box-shadow:0 6px 20px rgba(0,0,0,.15);margin-top:20px;max-height:20rem;overflow-y:auto;padding:20px;position:relative;transition:all .3s ease}.lobby-players h3{color:#017899;display:inline-block;font-size:1.5rem;letter-spacing:1.5px;margin-bottom:15px;position:relative;text-transform:uppercase}.lobby-players h3:after{background-color:#017899;bottom:-10px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:35%}.lobby-players ul{list-style-type:none;padding:0}.lobby-players li{align-items:center;background-color:#f4f4f4;border-radius:8px;box-shadow:0 4px 10px rgba(0,0,0,.1);color:#333;display:flex;font-size:1.2rem;margin-bottom:10px;padding:10px;transition:all .3s ease}.lobby-players li:hover{background-color:#e0f7fa;transform:translateX(5px)}.lobby-players li:before{color:#017899;content:"•";font-size:1.5rem;margin-right:10px}.lobby-players li .host-badge{background-color:#ff9800;border-radius:15px;color:#fff;font-size:.9rem;font-weight:700;margin-left:auto;padding:5px 10px}.lobby-players li:hover .host-badge{background-color:#ffb74d}.login-form{animation:fadeIn .8s ease-in-out;background-color:hsla(0,0%,100%,.9);border-radius:10px;box-shadow:0 4px 12px rgba(0,0,0,.1);margin:40px auto;max-width:400px;padding:20px 40px;text-align:center}.login-form h2{color:#333;font-size:2rem;letter-spacing:2px;margin-bottom:20px;position:relative}.login-form h2:after{background-color:#017899;bottom:-10px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.login-form div{margin-bottom:15px;text-align:left}.login-form label{color:#444;display:block;font-size:1rem;margin-bottom:5px}.login-form input{border:1px solid #ccc;border-radius:5px;box-sizing:border-box;font-size:1rem;outline:none;padding:10px;transition:all .3s ease-in-out;width:100%}.login-form input:focus{background-color:#f9f9f9;border-color:#017899}.login-form button{background-color:#017899;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;margin-top:15px;padding:10px 25px;transition:background-color .3s ease;width:100%}.login-form button:hover{background-color:#21a1f1;box-shadow:0 4px 10px rgba(0,0,0,.2);transform:translateY(-2px)}.register-form{animation:fadeIn .8s ease-in-out;background-color:hsla(0,0%,100%,.9);border-radius:10px;box-shadow:0 4px 12px rgba(0,0,0,.1);margin:40px auto;max-width:400px;padding:20px 40px;text-align:center}.register-form h2{color:#333;font-size:2rem;letter-spacing:2px;margin-bottom:20px;position:relative}.register-form h2:after{background-color:#017899;bottom:-10px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.register-form div{margin-bottom:15px;text-align:left}.register-form label{color:#444;display:block;font-size:1rem;margin-bottom:5px}.register-form input{border:1px solid #ccc;border-radius:5px;box-sizing:border-box;font-size:1rem;outline:none;padding:10px;transition:all .3s ease-in-out;width:100%}.register-form input:focus{background-color:#f9f9f9;border-color:#017899}.register-form button{background-color:#017899;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;margin-top:15px;padding:10px 25px;transition:background-color .3s ease;width:100%}.register-form button:hover{background-color:#21a1f1;box-shadow:0 4px 10px rgba(0,0,0,.2);transform:translateY(-2px)}.error{color:red}.error,.success{font-size:.9rem;margin-top:10px}.success{color:green}.header{background-color:#282c34;border-radius:20px;box-shadow:0 4px 10px rgba(0,0,0,.2);color:#fff;margin:10px;padding:25px;position:relative;text-align:center}h1{font-size:3rem;font-weight:600;letter-spacing:2px;margin:0;text-transform:uppercase;transition:transform .3s ease-in-out,letter-spacing .3s ease-in-out}h1:hover{letter-spacing:3px;transform:scale(1.05)}.menu-right{display:flex;justify-content:center;margin-top:10px}.menu-right button{background-color:#017899;border:none;border-radius:30px;color:#fff;cursor:pointer;font-size:1rem;margin:0 5px;padding:10px 20px;transition:all .3s ease}.menu-right button:hover{background-color:#21a1f1;box-shadow:0 4px 10px rgba(0,0,0,.2);transform:translateY(-2px)}.admin-panel{animation:fadeIn .1s ease-in-out;background-color:#f4f4f4;border-radius:15px;padding:30px;text-align:center}.admin-tools{display:flex;gap:15px;justify-content:center;margin-bottom:30px}.admin-tools button{background-color:#007bff;border:none;border-radius:30px;color:#fff;cursor:pointer;font-size:1.2rem;padding:15px 30px;transition:all .3s ease}.admin-tools button:hover{background-color:#0056b3;box-shadow:0 4px 10px rgba(0,0,0,.2);transform:translateY(-2px)}
/*# sourceMappingURL=main.bcb57701.css.map*/