body{background-color:#f4f4f4;font-family:Arial,sans-serif;margin:0}.games-wrapper{max-width:1200px;margin:40px auto;padding:0 30px}.header-row{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:25px}.page-title{font-size:32px;font-weight:bold;margin:0;color:#000}.controls-container{display:flex;align-items:center;gap:20px}.sort-container,.search-container{display:flex;align-items:center;gap:8px}.control-label{font-size:14px;font-weight:normal;color:#000}.sort-container select,.search-container input{padding:4px 8px;border:1px solid #aaa;background-color:#fff;height:32px;font-family:Arial,sans-serif;font-size:14px;outline:none;border-radius:0;box-sizing:border-box}.sort-container select{width:150px;cursor:pointer}.search-container input{width:260px;box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.games-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px 20px}.game-card{display:flex;flex-direction:column;cursor:pointer;text-decoration:none;color:inherit}.game-thumbnail{width:100%;aspect-ratio:4 / 3;background-color:#808080;border-radius:0;overflow:hidden;display:flex;align-items:center;justify-content:center}.game-thumbnail img{width:100%;height:100%;object-fit:cover;display:block}.game-info{padding-top:8px;text-align:left}.game-name{font-size:14px;font-weight:bold;color:#000000;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game-players-online{font-size:12px;color:#000;margin-bottom:1px}.game-players-online .count-highlight{color:#cc0000;font-weight:bold}.game-total-plays,.game-creator{font-size:11px;color:#666;margin-top:1px}.status-msg{grid-column:span 4;text-align:center;padding:50px;font-size:14px;color:#555}.pagination-container{display:flex;justify-content:center;margin-top:40px;margin-bottom:40px}#load-more-btn{background:linear-gradient(to bottom,#7a7a7a,#454545);color:#ffffff;border:2px solid #2e2e2e;border-radius:0;padding:10px 32px;font-family:Arial,sans-serif;font-size:16px;font-weight:bold;cursor:pointer;box-shadow:0 2px 4px rgba(0,0,0,.2),inset 0 1px 1px rgba(255,255,255,.3);text-shadow:0 -1px 1px rgba(0,0,0,.5);outline:none;transition:background .1s}#load-more-btn:hover{background:linear-gradient(to bottom,#8a8a8a,#525252)}#load-more-btn:active{background:linear-gradient(to bottom,#3a3a3a,#555555);box-shadow:inset 0 2px 4px rgba(0,0,0,.4)}