/* ChatBase — Arcade pack (arcade2.js). Reuses .dg-entry / .du-modal / .du-box. */
.a2-box { max-width: 420px; text-align: center; }
.a2-score { font-size: 14px; margin: 8px 0; }
.a2-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; background: rgba(255,255,255,.06); padding: 8px; border-radius: 12px; margin: 10px 0; aspect-ratio: 1; }
.a2-cell { display: flex; align-items: center; justify-content: center; border-radius: 8px; font-weight: 800; font-size: clamp(16px, 5vw, 26px); background: rgba(255,255,255,.05); color: #fff; }
.a2-v2 { background: #3a3550; } .a2-v4 { background: #4a4066; } .a2-v8 { background: #6a5acd; } .a2-v16 { background: #8363e0; }
.a2-v32 { background: #a05ad6; } .a2-v64 { background: #c45ad0; } .a2-v128 { background: #e06bb0; color: #fff; } .a2-v256 { background: #ff7a8a; }
.a2-v512 { background: #ffa05b; } .a2-v1024 { background: #ffc46b; color: #2a1a00; } .a2-v2048 { background: #ffd166; color: #2a1a00; box-shadow: 0 0 16px #ffd166; }

.am-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin: 10px 0; }
.am-card { aspect-ratio: 1; border: none; border-radius: 10px; background: var(--gradient-purple, linear-gradient(135deg,#8ab4ff,#b69cff)); cursor: pointer; font-size: clamp(20px, 6vw, 30px); display: flex; align-items: center; justify-content: center; }
.am-card.am-open { background: rgba(255,255,255,.12); }
.am-card.am-done { background: rgba(52,232,176,.25); cursor: default; }
.am-face { pointer-events: none; }

.rx-box { height: 160px; display: flex; align-items: center; justify-content: center; border-radius: 14px; font-size: 20px; font-weight: 800; cursor: pointer; margin: 12px 0; color: #fff; user-select: none; }
.rx-wait { background: #c9184a; }
.rx-go { background: #1aa179; }
.rx-early { background: #ff8c43; }
.rx-result { background: #3a3550; }