:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.login-container{background-color:#000;min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;font-family:Arial,sans-serif}.login-panel{background-color:#1b2838;padding:40px;border-radius:8px;width:100%;max-width:700px;box-shadow:0 0 20px #00000080}.login-form{margin-bottom:30px}.signin-button{width:100%;padding:12px;background:linear-gradient(90deg,#66c0f4,#4a9eff);border:none;border-radius:4px;color:#fff;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease}.signin-button:hover{background:linear-gradient(90deg,#5bb3e8,#3d8bff);transform:translateY(-1px)}.login-footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.create-account{display:flex;align-items:center;gap:5px}.create-text{color:#fff;font-size:12px}.create-link{background:none;border:none;color:#66c0f4;text-decoration:none;font-size:12px;cursor:pointer;padding:0}.create-link:hover{text-decoration:underline}@media (max-width: 480px){.login-panel{margin:20px;padding:30px 20px}.login-footer{flex-direction:column;align-items:flex-start}}.signup-container{background-color:#000;min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;font-family:Arial,sans-serif}.signup-panel{background-color:#1b2838;padding:40px;border-radius:8px;width:100%;max-width:700px;box-shadow:0 0 20px #00000080}.logo-section{display:flex;align-items:center;margin-bottom:30px}.steam-logo{width:40px;height:40px;margin-right:15px}.steam-title{color:#fff;font-size:28px;font-weight:700;margin:0;letter-spacing:1px}.signup-form{margin-bottom:30px}.form-group{margin-bottom:20px}.form-label{display:block;color:#66c0f4;font-size:12px;font-weight:700;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.form-input{width:100%;padding:12px;background-color:#2a475e;border:1px solid #3c5a78;border-radius:4px;color:#fff;font-size:14px;box-sizing:border-box}.form-input:focus{outline:none;border-color:#66c0f4;box-shadow:0 0 5px #66c0f44d}.checkbox-group{display:flex;align-items:center;margin-bottom:25px}.checkbox{margin-right:8px;width:16px;height:16px;accent-color:#66c0f4}.checkbox-label{color:#fff;font-size:14px;cursor:pointer}.signup-button{width:100%;padding:12px;background:linear-gradient(90deg,#66c0f4,#4a9eff);border:none;border-radius:4px;color:#fff;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease}.signup-button:hover{background:linear-gradient(90deg,#5bb3e8,#3d8bff);transform:translateY(-1px)}.signup-footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.help-link{color:#66c0f4;text-decoration:none;font-size:12px}.help-link:hover{text-decoration:underline}.signin-account{display:flex;align-items:center;gap:5px}.signin-text{color:#fff;font-size:12px}.signin-link{background:none;border:none;color:#66c0f4;text-decoration:none;font-size:12px;cursor:pointer;padding:0}.signin-link:hover{text-decoration:underline}@media (max-width: 480px){.signup-panel{margin:20px;padding:30px 20px}.signup-footer{flex-direction:column;align-items:flex-start}}.home-container{background-color:#1b2838;min-height:100vh;color:#fff;font-family:Arial,sans-serif}.main-content{display:flex;min-height:calc(100vh - 60px)}.sidebar{width:250px;background-color:#1b2838;padding:20px;border-right:1px solid #2a475e}.sidebar-section{margin-bottom:30px}.sidebar-title{color:#66c0f4;font-size:12px;font-weight:700;margin-bottom:10px;text-transform:uppercase;letter-spacing:.5px}.sidebar-list{list-style:none;padding:0;margin:0}.sidebar-list li{margin-bottom:5px}.sidebar-link{color:#b9bcc2;text-decoration:none;font-size:13px;display:block;padding:5px 0;transition:color .3s ease}.sidebar-link:hover{color:#fff}.content-area{flex:1;padding:20px;background-color:#1e2328}.section-title{color:#fff;font-size:18px;font-weight:700;margin-bottom:20px;text-transform:uppercase;letter-spacing:.5px}.featured-section{margin-bottom:40px}.featured-game{display:flex;gap:20px;background-color:#2a475e;border-radius:8px;overflow:hidden}.game-banner{position:relative;flex:1;min-height:300px}.banner-image{width:100%;height:100%;object-fit:cover}.banner-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000c);padding:20px}.game-title{color:#fff;font-size:32px;font-weight:700;margin:0;text-shadow:2px 2px 4px rgba(0,0,0,.8)}.game-info{flex:1;padding:20px;display:flex;flex-direction:column;justify-content:space-between}.game-name{color:#fff;font-size:24px;font-weight:700;margin:0 0 15px}.game-description{color:#b9bcc2;font-size:14px;line-height:1.5;margin:0 0 20px}.game-details{margin-bottom:20px}.review-info,.release-info,.developer-info,.publisher-info{display:flex;gap:10px;margin-bottom:8px;font-size:12px}.review-label,.release-label,.dev-label,.pub-label{color:#8f98a0;font-weight:700}.review-rating{color:#66c0f4;font-weight:700}.review-count{color:#b9bcc2}.release-date,.dev-name,.pub-name{color:#fff}.details-button{background:linear-gradient(90deg,#66c0f4,#4a9eff);border:none;border-radius:4px;color:#fff;font-size:14px;font-weight:700;padding:10px 20px;cursor:pointer;transition:all .3s ease;align-self:flex-start}.details-button:hover{background:linear-gradient(90deg,#5bb3e8,#3d8bff);transform:translateY(-1px)}.continue-section{margin-bottom:40px}.game-carousel{display:flex;gap:15px;overflow-x:auto;padding-bottom:10px}.game-tile{flex-shrink:0;width:180px;height:240px;background-color:#2a475e;overflow:hidden;transition:transform .3s ease;position:relative}.game-tile:hover{transform:translateY(-5px)}.robot-tile{width:250px!important}.tile-image{width:100%;height:100%;object-fit:cover}.tile-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000c)}.play-info{display:flex;align-items:center;gap:8px;margin-bottom:5px}.play-button-overlay{width:24px;height:24px;margin-right:10px;background-color:transparent;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:none;cursor:pointer;transition:all .3s ease}.play-button-overlay img{width:50px;height:50px;border:none}.play-button-overlay:hover{transform:scale(1.1)}.play-button-overlay:focus{border:none}.play-button-overlay button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.time-played{color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.8);font-size:14px;font-weight:700;line-height:1.2;background-color:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:15px 10px;box-shadow:0 2px 8px #0000004d;display:flex;flex-direction:row;align-items:center;width:100%}@media (max-width: 1200px){.featured-game{flex-direction:column}.game-banner{min-height:200px}}@media (max-width: 768px){.main-content{flex-direction:column}.sidebar{width:100%;border-right:none;border-bottom:1px solid #2a475e}.nav-links{display:none}.search-input{width:150px}}.details-container{background-color:#1b2838;min-height:100vh;color:#fff;font-family:Arial,sans-serif}.top-nav{background-color:#171a21;padding:10px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #2a475e}.nav-left{display:flex;align-items:center;gap:20px}.nav-logo{width:32px;height:32px}.nav-links{display:flex;gap:20px}.nav-link{color:#b9bcc2;text-decoration:none;font-size:14px;font-weight:500;transition:color .3s ease}.nav-link:hover,.nav-link.active{color:#fff}.nav-right{display:flex;align-items:center}.search-container{display:flex;align-items:center;background-color:#2a475e;border-radius:4px;padding:8px 12px;gap:8px}.search-icon{width:16px;height:16px}.search-input{background:none;border:none;color:#fff;font-size:14px;outline:none;width:200px}.search-input::placeholder{color:#8f98a0}.user-info{display:flex;align-items:center;gap:15px;margin-left:20px}.user-name{color:#fff;font-size:14px;font-weight:500}.logout-button{background-color:#2a475e;color:#fff;border:none;padding:8px 16px;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:background-color .3s ease}.logout-button:hover{background-color:#3c5a78}.details-content{padding:20px}.details-main{display:grid;grid-template-columns:1fr 1fr;gap:30px;max-width:1200px;margin:0 auto}.game-header{grid-column:1 / -1;margin-bottom:20px}.voltar-link{background:none;border:none;color:#66c0f4;font-size:12px;cursor:pointer;padding:0;margin-bottom:5px;display:block;text-decoration:none;transition:color .3s ease}.voltar-link:hover{color:#fff;text-decoration:underline}.game-title{color:#fff;font-size:36px;font-weight:700;margin:0}.game-image-section{grid-column:1 / -1;margin-bottom:30px}.main-game-image{width:100%;height:400px;object-fit:cover;border-radius:8px}.game-info-column{display:flex;flex-direction:column;gap:30px}.section-title{color:#fff;font-size:18px;font-weight:700;margin-bottom:15px;text-transform:uppercase;letter-spacing:.5px}.subtitle{color:#66c0f4;font-size:16px;font-weight:700;margin-bottom:15px}.game-description{color:#b9bcc2;font-size:14px;line-height:1.6;margin:0}.features-list{color:#b9bcc2;font-size:14px;line-height:1.6;padding-left:20px;margin:0}.features-list li{margin-bottom:10px}.game-details-column{display:flex;flex-direction:column;gap:20px}.game-title-right{color:#fff;font-size:24px;font-weight:700;margin:0}.game-description-right{color:#b9bcc2;font-size:14px;line-height:1.6;margin:0}.game-stats{display:flex;flex-direction:column;gap:10px}.stat-item{display:flex;gap:10px;font-size:12px}.stat-label{color:#8f98a0;font-weight:700;min-width:120px}.stat-value{color:#fff}.game-tags{display:flex;flex-wrap:wrap;gap:8px}.tag{background-color:#2a475e;color:#66c0f4;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:700;text-transform:uppercase}.reviews-section{margin-top:20px}.reviews-title{color:#fff;font-size:16px;font-weight:700;margin-bottom:15px;text-transform:uppercase;letter-spacing:.5px}.reviews-list{display:flex;flex-direction:column;gap:15px}.review-item{background-color:#2a475e;padding:15px;border-radius:6px;border-left:3px solid #66c0f4}.review-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.reviewer{color:#66c0f4;font-weight:700;font-size:12px}.review-time{color:#8f98a0;font-size:11px}.review-thumbs{width:16px;height:16px;object-fit:contain}.review-text{color:#b9bcc2;font-size:13px;margin:0;line-height:1.4}@media (max-width: 768px){.details-main{grid-template-columns:1fr;gap:20px}.nav-links{display:none}.search-input{width:150px}.main-game-image{height:250px}.game-title{font-size:28px}.game-title-right{font-size:20px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;background-color:#000;color:#fff;overflow-x:hidden}#root,.App{min-height:100vh;width:100%}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#1b2838}::-webkit-scrollbar-thumb{background:#2a475e;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#3c5a78}a{color:#66c0f4;text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;cursor:pointer}button:focus{outline:2px solid #66c0f4;outline-offset:2px}input{font-family:inherit}input:focus{outline:2px solid #66c0f4;outline-offset:2px}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}