:root{--bg:#0b0f1a;--surface:#111827;--text:#f3f4f6;--muted:#cbd5e1;--border:#1f2937;--brand:#784cff;--brand-2:#8b5cf6;}
html,body{background:var(--bg);color:var(--text);}
.navbar{background:#111827;border-bottom:1px solid var(--border);}
.navbar-brand{display:flex;align-items:center;gap:.6rem;padding:.45rem 0;}
.navbar-brand img{width:44px;height:44px;object-fit:contain;}
.card{background:var(--surface);border:1px solid var(--border);border-radius:14px;overflow:hidden;}
.card-title{color:#f9fafb}
.card-img-top{height:200px;object-fit:contain;background:#0f172a;padding:10px}
.btn-brand{background:var(--brand);border:0;color:#fff;border-radius:10px}
.btn-brand:hover{background:var(--brand-2);color:#fff}
.btn-outline-light{color:#e5e7eb;border-color:#e5e7eb}
.btn-outline-light:hover{background:#e5e7eb;color:#0b0f1a}
.badge-soft{background:rgba(120,76,255,.15);color:#e5e7eb;border:1px solid rgba(120,76,255,.25);border-radius:999px;padding:.35rem .6rem}
.alert-dark{background:#0f172a;border:1px solid var(--border);color:#f1f5f9}
.form-select, .form-control{background:#0f172a;color:#f1f5f9;border-color:var(--border)}
.form-select option, .form-control::placeholder{color:#cbd5e1}
.text-secondary{color:var(--muted)!important}
.grid{display:grid;gap:.5rem}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}
.tile{background:#0f172a;border:1px solid var(--border);border-radius:12px;color:#e5e7eb;display:flex;align-items:center;justify-content:center;min-height:48px}
.game-container{min-height:70vh}
#loader{position:fixed;inset:0;background:#0b0f1acc;display:flex;align-items:center;justify-content:center;z-index:9999;transition:opacity .35s ease}
.logo-pulse{width:64px;height:64px;animation:pulse 1.2s ease-in-out infinite}
@keyframes pulse{0%{opacity:.5;transform:scale(.98)}50%{opacity:1;transform:scale(1)}100%{opacity:.5;transform:scale(.98)}}
footer{border-top:1px solid var(--border)}