/* Base Reset */
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial,sans-serif;line-height:1.6;color:#e5e7eb;background:#0b0f14}
img{max-width:100%;display:block}

/* Layout */
.container{max-width:1200px;margin:0 auto;padding:16px}
.header, .admin-header{position:sticky;top:0;background:#0f1620;border-bottom:1px solid #1f2937;z-index:50}
.header .header-inner, .admin-header .header-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#e5e7eb}
.brand img{height:32px;width:auto}
nav a{color:#cbd5e1;text-decoration:none;margin:0 8px}
nav a:hover{color:#fff}

/* Cards & Grid */
.grid{display:grid;gap:16px}
.grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:900px){.grid.cols-4{grid-template-columns:repeat(3,1fr)}}
@media (max-width:700px){.grid.cols-3,.grid.cols-4{grid-template-columns:repeat(2,1fr)}}
@media (max-width:480px){.grid.cols-2,.grid.cols-3,.grid.cols-4{grid-template-columns:1fr}}
.card{background:#0f1620;border:1px solid #1f2937;border-radius:12px;padding:14px;box-shadow:0 6px 24px rgba(0,0,0,.35)}

/* Buttons */
.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:10px;background:#17202a;border:1px solid #243447;color:#e5e7eb;text-decoration:none;cursor:pointer;transition:transform .12s ease, box-shadow .12s ease, background .2s}
.btn:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(0,0,0,.35);background:#1b2838}
.btn.primary{background:#0ea5e9;border-color:#38bdf8;color:#001018}
.btn.primary:hover{background:#38bdf8}
.btn.danger{background:#dc2626;border-color:#f87171;color:#fff}

/* Forms */
label{display:block;margin:10px 0 6px;color:#cbd5e1;font-weight:600}
input,select,textarea{width:100%;padding:10px 12px;background:#0b1118;border:1px solid #223041;border-radius:10px;color:#e5e7eb;outline:none}
input:focus,select:focus,textarea:focus{border-color:#38bdf8;box-shadow:0 0 0 3px rgba(56,189,248,.15)}
.auth .card{max-width:420px;margin:0 auto}
.auth-container{min-height:100dvh;display:grid;place-items:center}
.alert{padding:10px 12px;border-radius:10px;margin-bottom:12px}
.alert.error{background:#2a1214;color:#fecaca;border:1px solid #7f1d1d}

/* Admin */
.admin .stats{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}
.stat-value{font-size:28px;font-weight:800}
.stat-label{color:#9ca3af}
.quick-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.admin-footer{margin-top:40px;border-top:1px solid #1f2937;padding:16px 0;color:#94a3b8}

/* Game Cards */
.game-card{overflow:hidden}
.game-thumb{position:relative;border-radius:10px;overflow:hidden}
.game-thumb img{width:100%;height:170px;object-fit:cover;filter:saturate(1.1)}
.badge{position:absolute;top:10px;left:10px;background:#10b981;color:#06281f;padding:4px 8px;border-radius:999px;font-size:12px;font-weight:700}
.game-title{margin:10px 0 4px;font-size:16px;font-weight:700}
.game-meta{color:#94a3b8;font-size:13px}

/* Utility */
.flex{display:flex}
.items-center{align-items:center}
.justify-between{justify-content:space-between}
.mt-2{margin-top:8px}
.mt-4{margin-top:16px}
.mb-2{margin-bottom:8px}
.hidden{display:none}

/* Themes will override colors */