body{ background:#0b1220; color:#fff; font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial; margin:0; display:flex; align-items:center; justify-content:center; height:100vh; }
#ui{ position:fixed; bottom:10px; left:50%; transform:translateX(-50%); width:880px; display:flex; flex-direction:column; align-items:center; gap:8px; }
#hud{ display:flex; justify-content:space-between; width:100%; }
#elixir{ background:rgba(0,0,0,0.5); padding:8px 12px; border-radius:8px; }
#restart{ padding:6px 10px; border-radius:6px; border:0; background:#ff6b6b; color:#fff; cursor:pointer; }
#deck{ display:flex; gap:8px; }
.card{ width:120px; height:56px; border-radius:8px; display:flex; align-items:center; justify-content:center; text-align:center; padding:6px; font-size:12px; cursor:pointer; color:#111; }
.card.disabled{ opacity:0.45; cursor:not-allowed; }
canvas#game{ box-shadow: 0 6px 30px rgba(0,0,0,0.6); background:linear-gradient(180deg,#153044 0%, #10313a 100%); border-radius:8px; }