[data-ic="ic5"]  { font-family: var(--font-mono); font-size: .58rem; color: var(--text3); margin-left: auto; }
[data-ic="ic6"]  { grid-column: 1 / -1; }
[data-ic="ic7"]  { position: fixed; inset: 0; z-index: 500; background: rgba(0,0,0,.92); backdrop-filter: blur(16px); display: none; align-items: center; justify-content: center; flex-direction: column; gap: 1.5rem; }
[data-ic="ic8"]  { font-family: var(--font-display); font-size: 1.8rem; font-weight: 800; letter-spacing: 3px; }
[data-ic="ic9"]  { max-width: 900px; width: 100%; }
[data-ic="ic10"] { max-height: 60vh; overflow-y: auto; padding: 4px; }
[data-ic="ic11"] { border-radius: 100px; }

/* Layout racine de l'Activity (le site original avait un header/nav autour) */
html, body { margin: 0; padding: 0; background: var(--bg); color: var(--text); min-height: 100vh; }
.container { max-width: 1200px; margin: 0 auto; padding: 0 1rem; }
#toast {
  position: fixed; bottom: 1.5rem; left: 50%; transform: translateX(-50%) translateY(20px);
  background: var(--surface-elevated); color: var(--text); border: 1px solid var(--border);
  padding: .7rem 1.2rem; border-radius: 10px; font-family: var(--font-mono); font-size: .8rem;
  opacity: 0; pointer-events: none; transition: all .25s ease; z-index: 999;
}
#toast.show { opacity: 1; transform: translateX(-50%) translateY(0); }
#tcg-activity-error {
  display: none; position: fixed; inset: 0; z-index: 1000; background: var(--bg);
  color: var(--red); font-family: var(--font-mono); align-items: center; justify-content: center;
  text-align: center; padding: 2rem;
}
#tcg-activity-loading {
  display: flex; min-height: 100vh; align-items: center; justify-content: center;
  color: var(--text2); font-family: var(--font-mono); letter-spacing: 1px;
}