/* Low-saturation pixel card frame: grey-green, sand, deep brown. No glow, gems or magic effects. */
.earth-card{--card-bg:#e3dcc6;--card-ink:#2f3529;--card-edge:#777b70;--card-band:#59614e;
  box-sizing:border-box;width:300px;background:var(--card-bg);color:var(--card-ink);border:4px solid var(--card-edge);border-radius:8px;box-shadow:3px 4px 0 #1d241c66;overflow:hidden;
  font:12px/1.42 "Segoe UI","Microsoft JhengHei","Noto Sans TC",system-ui,sans-serif;image-rendering:pixelated;padding:0;text-align:left;overflow-wrap:anywhere}
.earth-card.rarity-rare{--card-edge:#537b98;--card-band:#445f6c}
.earth-card.rarity-epic{--card-edge:#90709b;--card-band:#63516c}
.earth-card.rarity-legendary{--card-edge:#5b4a2a;--card-band:#b59a5c;--card-bg:#e8e0c4}
.earth-card.polarity-calamity{--card-band:#62392e;--card-bg:#e2cfc0;--card-ink:#38291f}
.earth-card .card-art{height:auto;aspect-ratio:3/2;margin:0;background:#b9b496;border-bottom:2px solid var(--card-edge);display:block;overflow:hidden}
.earth-card .card-illustration{display:block;width:100%;height:100%;object-fit:cover;image-rendering:pixelated}
.earth-card .card-art-unavailable{display:grid;place-items:center;color:#403a2c;font-size:12px}
.earth-card .card-icon{width:24px;height:24px;shape-rendering:crispEdges;flex:none}
.card-icon .ink{fill:#3b4433}.card-icon .tone{fill:#8a9a84}
.card-icon.icon-rare .tone{fill:#b9a77a}.card-icon.icon-epic .tone{fill:#9a7457}.card-icon.icon-legendary .tone{fill:#c2a35f}
.earth-card .card-head{display:flex;align-items:center;justify-content:space-between;gap:6px;background:var(--card-band);color:#f7efd6;padding:6px 8px;font-size:10px;font-weight:700;letter-spacing:.03em;white-space:pre-line}
.earth-card .card-category{display:flex;align-items:center;gap:6px}.earth-card .card-rarity{text-align:right}
.earth-card .card-head .card-icon .ink{fill:#f7efd6}.earth-card .card-head .card-icon .tone{fill:#b6c5a7}
.earth-card .card-titles{padding:8px 10px;background:var(--card-band);color:#fff2d6}
.earth-card .card-title-en{font-size:17px;font-weight:800;letter-spacing:.01em;line-height:1.2}
.earth-card .card-title-zh{font-size:14px;color:#f2e4c4;margin-top:3px}
.earth-card .card-fields{margin:0;display:grid;gap:0}
.earth-card .card-field{border-top:1px solid #b8ad8f;padding:7px 10px}
.earth-card .card-field:nth-child(2){background:#3f4839;color:#f4ecd8;border-top-color:#626c54}
.earth-card.polarity-calamity .card-field:nth-child(2){background:#54372f}
.earth-card dt{font-size:9px;font-weight:700;color:#5f6b55;text-transform:uppercase;letter-spacing:.04em;margin-bottom:2px}
.earth-card .card-field:nth-child(2) dt{color:#d4d8b8}
.earth-card dd{margin:0;white-space:pre-line;font-size:11px;line-height:1.45}
.card-overlay{position:absolute;inset:0;pointer-events:none;z-index:4}
.card-overlay .card-pop{position:absolute;right:16px;bottom:16px;animation:card-in .35s steps(4) both}
.card-overlay .card-follow{position:absolute;left:50%;top:14px;transform:translateX(-50%);display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center;
  max-width:min(92%,720px);background:#e3dcc6f2;color:#2f3529;border:3px solid #5f6b55;box-shadow:3px 3px 0 #1d241c99;padding:5px 12px;font:12px "Segoe UI","Microsoft JhengHei",system-ui,sans-serif}
.card-overlay .card-follow.rarity-rare{border-color:#7b6a45}.card-overlay .card-follow.rarity-epic{border-color:#4f3a2c}.card-overlay .card-follow.rarity-legendary{border-color:#5b4a2a}
.card-overlay .card-follow.polarity-calamity{border-color:#6b2c1f;background:#e6d3c4f2}
.card-overlay .card-follow .card-icon{width:24px;height:24px;shape-rendering:crispEdges}
.card-overlay .follow-title{font-weight:800}.card-overlay .follow-sponsor{color:#5f6b55}
.card-overlay .card-queue{position:absolute;right:16px;top:14px;background:#182c25d9;color:#f1e8d5;border:1px solid #ffffff30;padding:4px 10px;font:11px system-ui}
.card-overlay .card-draws{position:absolute;right:16px;top:44px;margin:0;padding:0;list-style:none;display:grid;gap:4px;max-width:min(60%,520px)}
.card-overlay .card-draw{display:flex;align-items:center;gap:8px;background:#e3dcc6f2;color:#2f3529;border:2px solid #5f6b55;box-shadow:2px 2px 0 #1d241c99;padding:3px 10px;
  font:11px "Segoe UI","Microsoft JhengHei",system-ui,sans-serif;animation:card-in .35s steps(4) both}
.card-overlay .card-draw.rarity-rare{border-color:#7b6a45}.card-overlay .card-draw.rarity-epic{border-color:#4f3a2c}.card-overlay .card-draw.rarity-legendary{border-color:#5b4a2a;background:#e8e0c4f2}
.card-overlay .card-draw.polarity-calamity{border-color:#6b2c1f;background:#e6d3c4f2}
.card-overlay .card-draw .card-icon{width:18px;height:18px;shape-rendering:crispEdges;flex:none}
.card-overlay .draw-sponsor{font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:12em}
.card-overlay .draw-verb{color:#5f6b55}.card-overlay .draw-card{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body.broadcast-mode:not(.admin-mode) .card-overlay .card-draws{top:140px;right:32px;gap:6px}
html body.broadcast-mode:not(.admin-mode) .card-overlay .card-draw{font-size:15px;padding:5px 14px;border-width:3px}
html body.broadcast-mode:not(.admin-mode) .card-overlay .card-draw .card-icon{width:24px;height:24px}
.card-overlay [hidden]{display:none!important}
@keyframes card-in{from{transform:translateY(24px);opacity:0}to{transform:none;opacity:1}}
@media(max-width:700px){.card-overlay .card-pop{right:8px;bottom:8px;transform-origin:bottom right;scale:.72}.card-overlay .card-queue{right:8px;top:8px}}
@media(prefers-reduced-motion:reduce){.card-overlay .card-pop,.card-overlay .card-draw{animation:none}}
.cards-link{color:#f1e8d5;font-size:12px;text-decoration:none;border:1px solid #ffffff30;padding:5px 10px;border-radius:99px;white-space:nowrap}
.cards-link:hover{background:#ffffff14}.cards-link[hidden]{display:none}

/* Broadcast version B: a brief, readable toast; version A above retains the full rules. */
.earth-card.card-broadcast{width:440px;display:grid;grid-template-columns:152px minmax(0,1fr);border-width:3px;border-radius:6px}
.card-broadcast .card-art{aspect-ratio:auto;height:100%;min-height:150px;border:0;border-right:2px solid var(--card-edge)}
.card-broadcast .card-illustration{object-fit:cover;object-position:center}
.card-broadcast .card-broadcast-copy{min-width:0;display:flex;flex-direction:column}
.card-broadcast .card-titles{padding:8px 12px}
.card-broadcast .card-title-en{font-size:17px;line-height:1.2}
.card-broadcast .card-title-zh{font-size:15px;line-height:1.25;margin-top:3px}
.card-broadcast .card-broadcast-effect{padding:10px 12px;font-size:13px;line-height:1.35}
.card-broadcast .card-effect-zh{font-size:15px;margin-top:5px}
.card-broadcast .card-broadcast-sponsor{grid-column:1/-1;display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--card-band);color:#fff2d6;min-width:0}
.card-broadcast .card-sponsor-label{font-size:10px;flex:none;opacity:.85}
.card-broadcast .card-sponsor-name{font-size:17px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}