.carousel-container{position:relative;height:100%;width:100%;max-width:100%;margin:auto;overflow:hidden}.carousel{display:flex;overflow-x:hidden;gap:5px;transition:transform 0.5s ease-in-out;width:100%}.carousel-item{flex:0 0 25%;width:calc(100% / 3);display:flex;flex-direction:column;align-items:center;text-align:center;background:#fdf1b8;box-sizing:border-box;padding:10px;overflow:hidden;transition:transform 0.3s ease;box-sizing:border-box}@media (max-width:768px){.carousel-item{width:calc(100% / 2)}}@media (max-width:480px){.carousel-item{width:100%}}.carousel-item img{width:100%;height:auto;object-fit:cover;border-radius:8px;box-shadow:0 4px 8px rgb(0 0 0 / .2)}@media (max-width:480px){.arrow{width:30px;height:30px;font-size:18px}}.score{display:inline-block;padding:5px 10px;border-radius:5px;font-size:12px;font-weight:700;margin-top:5px;color:#fff}.score.bad{background-color:#dc3545}.score.average{background-color:#ffc107}.score.excellent{background-color:#28a745}.arrow{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;background-color:rgb(0 0 0 / .5);border-radius:50%;display:flex;justify-content:center;align-items:center;color:#fff;font-size:24px;cursor:pointer;z-index:10;transition:background-color 0.3s ease}.left-arrow{left:5%}.right-arrow{right:5%}.arrow:hover{background-color:rgb(0 0 0 / .8)}.carousel-track{display:flex;transition:transform 0.5s ease-in-out}.carousel-item{flex:0 0 25%;box-sizing:border-box;padding:10px}.carousel-item img{width:100%;object-fit:cover;border-radius:8px;box-shadow:0 4px 8px rgb(0 0 0 / .2)}.carousel-new-release-game .carousel-item img,.carousel-best-game .carousel-item img,.carousel-upcoming-game .carousel-item img,.carousel-searched-games .carousel-item img{width:460px;height:685px;object-fit:fill}.carousel-history-books .carousel-item img,.carousel-best-books .carousel-item img,.carousel-searched-books .carousel-item img{width:460px;height:685px;object-fit:fill}.film-stats{list-style:none;padding:0;margin-top:10px;font-size:14px;color:#555}.film-stats li{margin-bottom:5px}.film-stats .icon{margin-right:5px}.carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);background:rgb(0 0 0 / .5);color:#fff;border:none;cursor:pointer;padding:10px;border-radius:50%;z-index:10}.left-arrow{left:10px}.right-arrow{right:10px}.carousel-item p{color:#000;font-size:14px;font-weight:700;margin-top:8px;text-align:center}.pixel-item{width:120px;height:180px;background-color:#ccc;display:flex;justify-content:center;align-items:center;opacity:.3;transition:opacity 0.2s,transform 0.2s;position:relative;overflow:hidden;border-radius:8px}.pixel-item img{width:100%;height:100%;object-fit:cover}.pixel-item.active{opacity:1;transform:scale(1.1)}.media-details{display:flex;flex-direction:column;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;width:80%;margin:2rem auto;background-color:#fff;border:none;padding:30px;border-radius:15px;box-shadow:0 4px 10px rgb(0 0 0 / .2);transition:box-shadow 0.3s ease}.media-details:hover{box-shadow:0 6px 15px rgb(0 0 0 / .3)}.media-details img{width:50%;height:50%;margin-bottom:25px;border-radius:10px;object-fit:cover;max-height:25%;transition:transform 0.3s ease}.media-details img:hover{transform:scale(1.02)}.media-details h1{font-size:2.5rem;margin-bottom:15px;color:#2c3e50;text-align:center;text-shadow:2px 2px 4px rgb(0 0 0 / .1)}.media-details h2{font-size:1.5rem;color:#34495e;font-weight:700;margin-bottom:1rem;border-bottom:3px solid #3498db;padding-bottom:5px}.media-details p strong{font-weight:600;color:#2c3e50}.media-details p{font-size:1rem;line-height:1.7;margin-bottom:20px;color:#444}.media-details ul{list-style:none;padding:0;margin-bottom:20px;display:flex;flex-wrap:wrap;gap:10px}.media-details li{background-color:#3498db;color:#fff;padding:8px 15px;border-radius:20px;font-size:.9rem;display:flex;align-items:center;transition:background-color 0.3s ease}.media-details li:hover{background-color:#2980b9}.media-details .carousel{overflow:hidden;width:100%;margin-bottom:30px;background-color:#f8f8f8;padding:25px;border-radius:10px;box-shadow:inset 0 2px 5px rgb(0 0 0 / .08)}.media-details .carousel ul{display:flex;transition:transform 0.5s ease-in-out;flex-wrap:nowrap}.media-details .carousel li{min-width:120px;flex:0 0 auto;display:flex;flex-direction:column;align-items:center;text-align:center;background-color:#fff0;color:#333;font-weight:500;padding:10px;border-radius:8px}.media-details .carousel li img{margin-bottom:10px;border-radius:8px;box-shadow:0 2px 4px rgb(0 0 0 / .2)}.ratings-container{display:flex;width:50%;flex-direction:column;gap:10px}.reviews-container{display:flex;flex-wrap:wrap;justify-content:space-between}.review{width:30%;margin-bottom:20px;border:1px solid #ccc;padding:15px;border-radius:5px}.score{font-size:24px;font-weight:700;color:#000;margin-bottom:10px}.image-ratings-container{display:flex;align-items:center}.image-ratings-container img{margin-right:20px}.ratings-container{position:relative}.note-globale{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:5px 10px;text-align:center;font-weight:700;z-index:10}.reviewer-name{font-size:16px;font-weight:700;margin-bottom:10px}.review-content{font-size:14px;line-height:1.4;margin-bottom:10px}.read-more{display:inline-block;color:#007bff;text-decoration:none;font-size:14px;margin-bottom:10px}.review-date{font-size:12px;color:#777;margin-bottom:10px}.platform{font-size:12px;color:#777}.circular-chart{display:inline-block;position:relative;width:120px;height:120px;margin-left:37%}.chart{transform:rotate(-90deg);width:100%;height:100%}.circle-bg{fill:none;stroke:#eee;stroke-width:3.8}.circle{fill:none;stroke:#3498db;stroke-width:2.8;stroke-linecap:round;transition:stroke-dasharray 0.3s ease}.chart-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:18px;font-weight:700;color:#333}.like-container{margin-bottom:5%;margin-left:95%}.detail-img{width:60%;height:75%;margin-left:15%}.login-register-buttons,.user-logged-in{display:flex;gap:10px;align-items:center}.login-button,.register-button,.logout-button{padding:10px 20px;border:none;border-radius:5px;font-weight:700;cursor:pointer;text-decoration:none}.login-button,.register-button{background-color:#FFD760;color:#191970}.logout-button{background-color:#191970;color:#FFD760}.username{color:#FFD760;font-weight:700;text-decoration:none}.username:hover{text-decoration:underline}.comment-form{margin-top:20px;font-family:'Arial',sans-serif;color:#333}.comment-form h2{margin-bottom:15px;color:#444}.comment-form label{display:block;margin-bottom:10px;font-weight:700;color:#444}.comment-form input[type="hidden"]{display:none}.comment-form .rating-field{margin-bottom:15px}.comment-form input[type="number"]{width:100px;padding:8px 12px;border:1px solid #ccc;border-radius:4px;box-shadow:inset 0 1px 3px rgb(0 0 0 / .1);font-size:16px}.comment-form input[type="number"]:focus{border-color:#007bff;outline:none;box-shadow:0 0 0 3px rgb(0 123 255 / .25)}.comment-form .comment-field{margin-bottom:20px}.comment-form textarea{width:calc(100% - 24px);padding:12px;border:1px solid #ccc;border-radius:4px;box-shadow:inset 0 1px 3px rgb(0 0 0 / .1);resize:vertical;font-size:16px;min-height:120px}.comment-form textarea:focus{border-color:#007bff;outline:none;box-shadow:0 0 0 3px rgb(0 123 255 / .25)}.comment-form button[type="submit"]{background-color:#11114e;color:#C2B280;border:none;padding:10px 20px;border-radius:4px;font-size:18px;cursor:pointer;transition:background-color 0.3s ease;box-shadow:0 2px 4px rgb(0 0 0 / .2);display:block;width:auto;margin:0 auto}.comment-form button[type="submit"]:hover{background-color:#11114e}@media (max-width:768px){.comment-form textarea{width:calc(100% - 20px)}.comment-form input[type="number"]{width:80px}}#random-pixels-section{text-align:center;margin:5px 0}#random-pixels-wrapper{display:flex;justify-content:center;align-items:center;gap:20px}#pixel-grid{display:grid;grid-template-columns:repeat(6,16%);gap:10px;justify-content:center;align-items:center;width:100%;max-width:800px}.pixel-item{width:120px;height:180px;background-color:#ccc;display:flex;justify-content:center;align-items:center;opacity:.3;transition:opacity 0.2s,transform 0.2s;position:relative;overflow:hidden;border-radius:8px}.pixel-item img{width:100%;height:100%;object-fit:cover}.pixel-item.active{opacity:1;transform:scale(1.1)}#selected-media{width:250px;text-align:center}#selected-media img{width:200px;height:300px;object-fit:cover;border-radius:8px;margin-top:10px}#recommendation-text{font-size:18px;margin-bottom:10px}#random-pixels-button{padding:15px 30px;font-size:20px;cursor:pointer;background-color:#fbd15b;color:#fff;border:none;border-radius:4px;margin-top:20px}