:root {
  --bg: #0f0f23; --text: #c9d1d9; --accent: #58a6ff;
}
[data-theme="classroom"], [data-theme="docs"], [data-theme="slides"], [data-theme="drive"] {
  --bg: #fff; --text: #202124; --accent: #1a73e8;
}
[data-theme="calc"] { --bg: #000; --text: #0f0; --accent: #0f0; }

body { margin:0; background:var(--bg); color:var(--text); font-family:Arial; }
header { background:var(--accent); color:#fff; padding:1rem; text-align:center; font-size:1.8em; }
.search-bar { padding:20px; text-align:center; }
#search, #game-search { width:90%; max-width:600px; padding:15px; border-radius:50px; border:none; font-size:1.2em; }
.grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:20px; padding:20px; }
.card { background:rgba(255,255,255,0.1); padding:30px; border-radius:12px; text-align:center; cursor:pointer; transition:0.3s; }
.card:hover { transform:translateY(-5px); box-shadow:0 10px 30px rgba(0,0,0,0.5); }
.card.big { font-size:1.5em; padding:50px; }
.hidden { display:none; }
#admin-panel { position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); background:#161b22; padding:30px; border-radius:16px; z-index:9999; }
button { background:#58a6ff; color:#fff; border:none; padding:12px 24px; margin:10px; border-radius:8px; cursor:pointer; }