#root{max-width:1000px;margin:0 auto;padding:20px;font-family:Arial,sans-serif}body{color:#333;background-color:#fff;background-image:url(/khbg.jpg);background-position:50%;background-size:cover;background-attachment:fixed;margin:0}.site-header{background-color:#fff;border:1px solid #ccc;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:20px;display:flex;box-shadow:0 2px 4px #0000001a}.site-header h1{color:#0056b3;margin:0;font-size:24px}.site-header p{color:#666;margin:5px 0 0}.game-count{color:#0056b3;background-color:#f0f4f8;border:1px solid #ccc;border-radius:5px;padding:8px 12px;font-weight:700}.filter-controls{flex-wrap:wrap;gap:20px;margin-bottom:20px;display:flex}.filter-dropdown-container{background-color:#fff;border:1px solid #ccc;border-radius:8px;align-items:center;padding:12px 15px;display:inline-flex}.filter-dropdown-container label{color:#333;margin-right:10px;font-weight:700}.platform-select{color:#333;background-color:#fff;border:1px solid #ccc;border-radius:4px;padding:8px 12px;font-size:14px}.game-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;display:grid}.game-card{background-color:#fff;border:1px solid #ccc;border-radius:8px;flex-direction:column;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;overflow:hidden;box-shadow:0 2px 4px #0000001a}.game-card:hover{border-color:#0056b3;transform:translateY(-5px);box-shadow:0 6px 12px #00000026}.game-image-container{width:100%;height:250px;position:relative}.game-image{object-fit:cover;width:100%;height:100%}.game-year-detail{color:#555;margin:5px 0;font-size:14px}.game-details{padding:15px}.game-title{color:#111;margin:0 0 10px;font-size:16px}.game-platform{color:#555;margin:5px 0;font-size:14px}.game-rating{color:#d97706;margin:10px 0 0;font-weight:700}