body{-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}:root{--background-color:#f5f7fa;--surface-color:#fff;--primary-color:#74b9ff;--primary-dark:#0984e3;--text-color:#2d3436;--subtle-text-color:#636e72;--border-color:#dfe6e9;--shadow-color:#0000000d;--radius:12px}body{-webkit-font-smoothing:antialiased;background-color:#f5f7fa;background-color:var(--background-color);color:#2d3436;color:var(--text-color);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.6;margin:0}.App{display:flex;flex-direction:column;min-height:100vh;text-align:left}.App-header{align-items:center;background-color:#fff;background-color:var(--surface-color);box-shadow:0 1px 0 #dfe6e9;box-shadow:0 1px 0 var(--border-color);display:flex;justify-content:space-between;padding:20px 40px}.App-header,.App-header h1{color:#2d3436;color:var(--text-color)}.App-header h1{font-size:24px;font-weight:700;letter-spacing:-.5px;margin:0}.reset-button{background-color:initial!important;border:1px solid #74b9ff!important;border:1px solid var(--primary-color)!important;box-shadow:none!important;color:#74b9ff!important;color:var(--primary-color)!important;font-size:14px!important;padding:10px 20px!important}.reset-button:hover{background-color:#74b9ff!important;background-color:var(--primary-color)!important;color:#fff!important;transform:translateY(0)!important}.search-container{align-items:center;background-color:#f5f7fa;background-color:var(--background-color);display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:80px 20px;text-align:center}.search-container h1{color:#2d3436;color:var(--text-color);font-size:42px;font-weight:800;letter-spacing:-1px;margin-bottom:40px}.search-box{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:center}input{background-color:#fff;background-color:var(--surface-color);border:2px solid #0000;border-radius:12px;border-radius:var(--radius);box-shadow:0 4px 12px #0000000d;box-shadow:0 4px 12px var(--shadow-color);color:#2d3436;color:var(--text-color);font-size:18px;margin-right:0;max-width:100%;padding:16px 24px;transition:all .3s ease;width:400px}input:focus{border-color:#74b9ff;border-color:var(--primary-color);box-shadow:0 4px 20px #74b9ff33;outline:none}button{background-color:#74b9ff;background-color:var(--primary-color);border:none;border-radius:12px;border-radius:var(--radius);box-shadow:0 4px 12px #74b9ff4d;color:#fff;cursor:pointer;font-size:18px;font-weight:600;padding:16px 32px;transition:all .3s ease}button:hover{background-color:#0984e3;background-color:var(--primary-dark);box-shadow:0 6px 16px #0984e34d;transform:translateY(-2px)}button:active{transform:translateY(0)}.error{background:#ff76751a;border-radius:12px;border-radius:var(--radius);color:#ff7675;display:inline-block;font-weight:600;margin-top:20px;padding:10px 20px;text-align:center}.main-content{align-items:flex-start;display:flex;flex-direction:row;gap:40px;margin:40px auto;max-width:1400px;padding:0 20px;width:100%}.profile-container{background-color:#fff;background-color:var(--surface-color);border:1px solid #dfe6e9;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius);box-shadow:0 10px 30px #0000000d;box-shadow:0 10px 30px var(--shadow-color);flex:0 0 300px;padding:30px}.profile-container h2{color:#2d3436;color:var(--text-color);font-size:24px;font-weight:800;letter-spacing:-.5px;margin-bottom:20px}.profile-container img{border-radius:12px;border-radius:var(--radius);box-shadow:0 4px 12px #0000000d;box-shadow:0 4px 12px var(--shadow-color);margin-bottom:20px;width:100%}.profile-details{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr}.profile-details p{color:#636e72;color:var(--subtle-text-color);display:flex;flex-direction:column;font-size:14px;margin:0}.profile-details span{color:#2d3436;color:var(--text-color);font-size:16px;font-weight:700;margin-bottom:4px}.profile-details a{color:#74b9ff;color:var(--primary-color);font-weight:600;text-decoration:none;transition:color .2s}.profile-details a:hover{color:#0984e3;color:var(--primary-dark)}.games-container{border:1px solid #dfe6e9;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius);box-shadow:0 10px 30px #0000000d;box-shadow:0 10px 30px var(--shadow-color);flex-grow:1;overflow:hidden}.games-container,.games-container h3{background-color:#fff;background-color:var(--surface-color)}.games-container h3{border-bottom:1px solid #dfe6e9;border-bottom:1px solid var(--border-color);color:#2d3436;color:var(--text-color);font-size:20px;font-weight:800;margin:0;padding:25px 30px}.games-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));padding:30px}.game-card{align-items:center;background-color:#fff;background-color:var(--surface-color);border:1px solid #dfe6e9;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius);cursor:pointer;display:flex;flex-direction:column;padding:20px;text-align:center;transition:all .3s ease}.game-card:hover{border-color:#74b9ff;border-color:var(--primary-color);box-shadow:0 8px 24px #0000000d;box-shadow:0 8px 24px var(--shadow-color);transform:translateY(-4px)}.game-image{align-items:center;display:flex;justify-content:center;margin-bottom:16px;width:100%}.game-image img{border-radius:8px;box-shadow:0 2px 8px #0000000d;box-shadow:0 2px 8px var(--shadow-color);height:64px;width:64px}.game-info{width:100%}.game-info h4{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#2d3436;color:var(--text-color);display:-webkit-box;font-size:16px;font-weight:700;line-height:1.4;margin:0 0 8px;overflow:hidden;text-overflow:ellipsis}.game-info .playtime{color:#636e72;color:var(--subtle-text-color);font-size:14px;font-weight:600}.pagination{background-color:#fff;background-color:var(--surface-color);border-top:1px solid #dfe6e9;border-top:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:10px;justify-content:center;padding:25px 30px;text-align:center}.pagination button{background-color:initial;border:1px solid #dfe6e9;border:1px solid var(--border-color);border-radius:8px;box-shadow:none;color:#2d3436;color:var(--text-color);font-size:14px;font-weight:500;margin:0;padding:8px 16px}.pagination button:hover:not(:disabled){background-color:#f5f7fa;background-color:var(--background-color);border-color:#636e72;border-color:var(--subtle-text-color);box-shadow:none;transform:translateY(-1px)}.pagination button.active{background-color:#74b9ff;background-color:var(--primary-color);border-color:#74b9ff;border-color:var(--primary-color);color:#fff}.pagination button:disabled{background-color:#f1f2f6;cursor:not-allowed;opacity:.4}@media screen and (max-width:1024px){.main-content{align-items:center;flex-direction:column}.profile-container{flex:none;max-width:600px;width:100%}.games-container{width:100%}.games-grid{gap:16px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));padding:20px}}@media screen and (max-width:768px){.App-header{padding:16px 20px}.App-header h1{font-size:20px}.search-container h1{font-size:32px}.search-box,button,input{width:100%}.games-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.game-card,.games-grid{padding:16px}.game-info h4{font-size:14px}.game-info .playtime{font-size:12px}}@media screen and (max-width:480px){.games-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}}
/*# sourceMappingURL=main.6979c5f9.css.map*/