/* Basic responsive layout */
body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f5f5f5;color:#333}
header.hero{background:#004080;color:#fff;padding:2rem;text-align:center}
.search-form{display:flex;flex-wrap:wrap;gap:0.5rem;justify:center;margin-top:1rem}
.search-form input,.search-form button{padding:0.5rem;font-size:1rem;border:none;border-radius:4px}
.search-form input{flex:1 1 200px;max-width:300px}
.search-form button{background:#ff9900;color:#fff;cursor:pointer}
.results{padding:1rem;background:#fff;margin:1rem auto;max-width:800px;border-radius:8px;box-shadow:0 2px 5px rgba(0,0,0,0.1)}
.results.hidden{display:none}
.loading{font-style:italic}
.list .item{border-bottom:1px solid #ddd;padding:0.5rem 0}
.platforms{padding:1rem;background:#fff;margin:1rem auto;max-width:800px;border-radius:8px;box-shadow:0 2px 5px rgba(0,0,0,0.1)}
footer{text-align:center;padding:1rem;background:#222;color:#fff}
@media(max-width:600px){.search-form{flex-direction:column;align-items:center}}