body{font-family:Segoe UI,sans-serif;background-color:#1b1f23;color:#e0e0e0;margin:0;padding:0}.App{display:flex;flex-direction:column;min-height:100vh}.container-main{padding:0 2em 2em;flex:1;background-size:cover;background-repeat:no-repeat;background-position:center}h1{text-align:center;color:#fff;margin-top:2rem;font-size:2rem}button{background-color:#61dafb;color:#1b1f23;border:none;padding:10px 15px;margin:0 5px;border-radius:6px;cursor:pointer;font-size:1rem;transition:background-color .3s ease}button:hover{background-color:#4ab9df}button:disabled{background-color:#555;color:#aaa;cursor:not-allowed}@media (max-width: 420px){body{overflow:auto}main{width:600px}header{width:665px}footer{width:665px}}.app-header{background-color:#20252b;padding:1rem 0;box-shadow:0 2px 10px #0006;position:sticky;top:0;z-index:1000}.app-header .container{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:1rem}.app-header h2{color:#61dafb;font-size:1.6rem;margin:0}.app-header h2 a{color:inherit;text-decoration:none}.app-header nav{display:flex;gap:1rem;flex-shrink:0;text-decoration:none}.app-header nav a{color:#e0e0e0;text-decoration:none;font-weight:500;transition:color .2s ease}.app-header nav a:hover{color:#61dafb}.search-form{display:flex;align-items:center;margin:auto;gap:.5rem;flex-grow:1;max-width:400px}.search-form input[type=text]{padding:.5rem;border:1px solid #61dafb;border-radius:4px;background-color:#20252b;color:#e0e0e0;flex-grow:1;min-width:100px}.search-form button{padding:.5rem 1rem;background-color:#61dafb;color:#20252b;border:none;border-radius:4px;cursor:pointer;font-weight:700;transition:background-color .2s ease}.search-form button:hover{background-color:#4fc3f7}.search-suggestions{position:absolute;left:50%;transform:translate(-50%);background:#2f363e;list-style:none;margin:auto;top:100%;width:100%;z-index:100}.search-suggestions li{padding:8px 12px;cursor:pointer}.search-suggestions li a{color:inherit;text-decoration:none;display:block}.search-suggestions li:hover{background-color:#3a424b}@media (max-width: 900px){.app-header .container{flex-direction:column;align-items:stretch;gap:.75rem}.app-header h2{text-align:center}.search-form{width:100%;margin:0 auto}.search-form input[type=text],.search-form button{width:20%}.app-header nav{justify-content:center;flex-wrap:wrap}.app-header nav a{margin:.25rem .75rem}}.num-games-selector select{background-color:#2a2f36;color:#e0e0e0;padding:10px 16px;border:none;border-radius:6px;margin:0 5px;cursor:pointer;font-size:1rem}ul{max-width:60em;margin:2rem auto;padding:0;list-style:none}.game-links{text-decoration:none;color:#e0e0e0}.game-row{background-color:#2a2f36;margin:.5rem auto;padding:.75rem 1rem;box-shadow:0 4px 12px #0006;display:flex;align-items:center;transition:background-color .3s ease;border-radius:8px}.game-row:hover{background-color:#323841}.game-row div{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;width:100%;gap:.5rem}.game-row span{font-weight:600;color:#61dafb;margin-right:1rem;white-space:nowrap}.header-image-row{width:10rem;height:64px;margin-right:1rem;object-fit:cover;border-radius:6px}.row-info p{margin:0}.pagination{text-align:center;margin:2rem auto 3rem}.pagination button{background-color:#2f363e;color:#e0e0e0;padding:10px 16px;border:none;border-radius:6px;margin:0 5px;cursor:pointer;font-size:1rem;transition:background-color .3s ease}.pagination button:hover{background-color:#3f4852}.pagination .active{background-color:#61dafb;color:#1b1f23;font-weight:700}@media (max-width: 800px){.game-row{flex-direction:column;align-items:flex-start;text-align:left;padding:1rem}.game-row span{align-self:center;margin-right:0;margin-bottom:.5rem}.game-row div{flex-direction:column;align-items:flex-start}.header-image-row{width:100%;height:auto;margin:0 0 1rem}.game-row span{margin:0 0 .5rem}.num-games-selector select{width:100%;font-size:1rem;margin:1rem 0}.pagination button{padding:10px 12px;font-size:.9rem;margin:4px}}footer{background-color:#20262c;color:#fff;padding:10px 0;bottom:0;border-top:solid 1px #000000}.container-footer{display:flex;justify-content:space-between;align-items:center;padding-left:1rem}.top-games-container{text-align:center}.game-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(15em,1fr));gap:1.5rem;margin-top:2em}.game-card{background-color:#1e1e2f;border-radius:12px;text-decoration:none;color:#fff;box-shadow:0 4px 30px #00000080;transition:transform .2s ease;width:100%}.game-card img{border-radius:12px 12px 0 0;width:100%;display:block}.game-card:hover{transform:translateY(-5px)}.game-rank{font-size:1.1em;font-weight:700;margin-top:1em;color:#61dafb}.game-info-gamestats{padding:1em}.game-name{font-size:1.1rem;font-weight:700;margin:auto}.player-count{color:#ccc}.crown{font-size:3em;color:#61dafb}.dimmed{opacity:.5}.toggle-button-container{margin-top:4em;margin-bottom:1em}.toggle-button{background-color:#61dafb;border-radius:12px;padding:.7em 1.5em}.chart-container-gamestats{border:2px solid #444;border-radius:12px;padding:2em;height:700px}.custom-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;padding:1em;border:2px solid #444;border-radius:12px;background-color:#2f2f2f;max-width:100%;margin:auto}.custom-legend li{font-weight:700;font-size:1rem;padding:.4em;color:#fff;border-radius:12px}.top-stats-container{display:flex;flex-direction:column;background-color:#1e1e2f;border-radius:12px;margin-top:4em;box-shadow:0 4px 30px #00000080;color:#fff}.top-stats-container h3{text-align:center;font-size:2.5rem;margin-bottom:1rem;color:#f5f5f5}.top-stats-grid{display:flex;flex-direction:column;justify-content:center;padding:1em;gap:1.5rem}.stat-item{background-color:#2c2c3e;border-radius:12px;padding:1rem;text-align:center;align-self:center;width:90%}.stat-item strong{display:block;margin-bottom:.5rem;color:#ccc}.highlighted{color:#61dafb;font-size:1.2em;font-weight:700}.game-info{max-width:80em;margin:0 auto;padding:1rem;color:#e0e0e0}.screenshots-game-info h1{font-size:2rem;margin-top:.5em;text-align:center}.header-game-info img{width:100%;aspect-ratio:16 / 9;object-fit:cover;border-radius:13px}.platforms-wrapper-game-info{display:flex;justify-content:flex-end;gap:.5em;margin-bottom:1em}.platforms-wrapper-game-info img{width:3vw;max-width:2em}.image-carousel-wrapper-game-info{position:relative;display:flex;align-items:center;margin:1em 0}.scroll-button{position:absolute;width:3rem;height:3.2rem;font-size:1.5rem;background:#00000080;border:none;border-radius:6px;color:#fff;cursor:pointer;z-index:2}.scroll-button.left{left:.5em}.scroll-button.right{right:.5em}.scroll-button:hover{background:#000000b3}.image-list-container-game-info{display:flex;overflow-x:auto;gap:.5em;padding:.5em 2em;scroll-behavior:smooth;scrollbar-width:none}.image-list-container-game-info::-webkit-scrollbar{display:none}.image-list-container-game-info img{width:20vw;max-width:12rem;aspect-ratio:16 / 9;border-radius:10px;transition:transform .3s ease;cursor:pointer;box-sizing:border-box}.image-list-container-game-info img.focused,.image-list-container-game-info img:hover{transform:scale(1.05);border:3px solid #61dafb}.details-game-info{display:flex;flex-direction:row;gap:1em;margin-top:1em}.description-game-info{background-color:#2f363e;border-radius:12px;padding:1em;box-sizing:border-box;width:70%}.pub-dev-game-info{background-color:#2f363e;border-radius:12px;padding:1em;box-sizing:border-box;width:30%}.description-game-info p{margin:.5em 0 0}.pub-dev-game-info h3{margin:.5em 0 .3em}.category-container-game-info{display:flex;flex-direction:row;gap:1em;margin-top:2em}.genres-game-info,.categories-game-info{background-color:#2f363e;border-radius:12px;padding:1em;box-sizing:border-box;width:30%}.categories-game-info{width:70%}.genres-game-info span,.categories-game-info span{display:inline-block;background-color:#1e1e1e;border:2px solid #61dafb;border-radius:8px;padding:.3em .6em;margin:.3em .3em 0 0;font-size:.9em;white-space:nowrap}.category-container-game-info h2,.details-game-info h2,.details-game-info h3{margin-top:0;color:#61dafb}.date-input-wrapper{display:flex;flex-direction:column;gap:.5em;padding:1em;background-color:#1e1e1e;border-radius:12px}.date-fields{display:flex;justify-content:space-evenly;color:#61dafb}.date-fields-content{width:45%}.date-fields-content label{display:flex;flex-direction:column;flex:1}.date-input{border:1px solid #61dafb;border-radius:12px;padding:.5em;background:#2f2f2f;color:#fff}.date-input:focus{border-color:#a6f0ff}.date-buttons-wrapper{display:flex;justify-content:center;gap:.5em}.date-button{padding:.5em 1em;color:#fff;font-size:.95rem;cursor:pointer}.month-button{background-color:#54399e}.month-button:hover{background-color:#6a4fbf}.week-button{background-color:#53a2cf}.week-button:hover{background-color:#6ab8e0}.reset-button{background-color:#2e8b57}.reset-button:hover{background-color:#3fa46b}.back-button{position:fixed;left:2%;padding:.5em 1em;border-radius:12px;z-index:1000}.back-button:hover{background-color:#4fc3f7;color:#fff}@media (max-width: 800px){.game-info{margin:0 auto;padding:.2rem}.details-game-info{flex-direction:column}.details-game-info>div,.genres-game-info,.categories-game-info{flex:1 1 100%;margin:.5em 0;width:100%}.category-container-game-info{flex-direction:column}.image-list-container-game-info img{width:30vw;max-width:none}.scroll-button{width:2rem;height:3rem;font:.7em sans-serif;margin:auto}.screenshots-game-info h1{font-size:1.5rem}.date-buttons-wrapper div{display:flex;gap:.5em;width:75%;text-align:center}.date-back-buttons{flex-direction:column-reverse}.date-forwad-button{flex-direction:column}.date-input{width:100%}.date-fields-content{width:40%}.date-button{width:100%;padding:.5em;font-size:.9rem}.reset-button{width:30%;align-self:center}}.table-page{width:95%;margin-top:2em;justify-self:center;padding:1em;margin-bottom:1em}.table-page button{margin-bottom:1em}.charts-page{display:grid;padding:2rem;gap:1rem}.chart-container{background-color:#2f2f2f;border-radius:12px;padding:1.5rem;flex-direction:column}.chart-container>p{font-size:1.25rem;font-weight:600;color:#fff}.chart-controls{display:flex;gap:.75rem;margin-bottom:1rem}.chart-controls select,.chart-controls input[type=number]{padding:.5rem .75rem;border-radius:12px;border:1px solid #61dafb;background-color:#6ab8e0;font-size:.95rem}.chart-actions{display:flex;justify-content:flex-end}.delete-button{background-color:#8f181a;color:#fff;border-radius:12px;padding:.5rem 1rem}.delete-button:hover{background-color:#a8353a}.save-button{background-color:#6200ff;color:#fff;border-radius:12px;padding:.5rem 1rem}.save-button:hover{background-color:#3700b3}.add-chart-controls{display:flex;justify-content:center;margin:auto}.add-chart-controls button{background-color:#28a745;color:#fff;padding:.75rem 1.5rem;border-radius:12px}.add-chart-controls button:hover{background-color:#218838}.search-results h2{text-align:center;color:#e0e0e0;margin-bottom:1rem}.search-results ul{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem}.search-results ul li.game-item{display:flex;flex-direction:column;text-align:center;align-items:center;background:#2a2f36;border-radius:12px;padding:.5rem;height:90%}.search-results ul li.game-item img{max-width:100%;height:100px;object-fit:cover;border-radius:12px}.search-results ul li.game-item p{font-weight:600;font-size:1rem;color:#e0e0e0;margin:0}.search-results ul li.game-item:hover{transform:translateY(-4px);background-color:#323841}