body, html { margin:0; padding:0; font-family:Arial; }
header { background:#007BFF; color:white; position:fixed; top:0; left:0; width:100%; z-index:50; }
.logo { text-align:center; font-size:20px; padding:10px 0; }
.top-bar { display:flex; justify-content:space-between; padding:5px 10px; }
.top-bar input { flex:1; margin-right:10px; padding:5px; }
nav { display:flex; justify-content:center; background:#0056b3; }
nav button { margin:5px; padding:5px 10px; border:none; border-radius:5px; cursor:pointer; color:white; background:#007BFF; }
.games-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(80px,1fr)); gap:10px; padding:10px; margin-top:120px; }
.games-grid div { text-align:center; cursor:pointer; }
.games-grid img { width:80px; height:80px; border-radius:10px; }
.game-page { display:flex; flex-direction:column; height:100vh; background:#f0f0f0; }
.game-header { background:#007BFF; color:white; padding:10px; text-align:center; position:relative; z-index:10; }
.game-header button { position:absolute; left:10px; top:10px; padding:5px 10px; border:none; border-radius:5px; cursor:pointer; }
.game-frame { flex:1; overflow:hidden; position:relative; }
.game-frame iframe { position:absolute; top:0; left:0; width:100%; height:100%; border:none; }
.game-footer { background:#333; color:white; padding:10px; text-align:center; position:relative; z-index:10; }
.game-footer.banner { position:fixed; bottom:0; left:0; width:100%; padding-bottom:env(safe-area-inset-bottom); }