/* Test-period card look: no art icon (text gets the whole card); the card KIND is shown only by the
   frame colour (red = bullet that deals damage / status, blue = skill, white = created token). Text inside keeps the default look. */
.cas .art { display: none !important; }
.cas .tipband { display: none !important; }
.cas { border-width: 2px !important; }
.cas.k-attack { border-color: #FF5A5F !important; box-shadow: 0 0 0 1px rgba(255,90,95,.25), 0 4px 14px rgba(0,0,0,.45); }
.cas.k-skill { border-color: #4FA3FF !important; box-shadow: 0 0 0 1px rgba(79,163,255,.25), 0 4px 14px rgba(0,0,0,.45); }
.cas.k-token { border-color: #F2F4FA !important; box-shadow: 0 0 0 1px rgba(242,244,250,.25), 0 4px 14px rgba(0,0,0,.45); }
/* 被選取／可拖曳等狀態的外框效果照舊（用 box-shadow 疊加），但顏色由上面的規則決定 */
/* 名稱與效果之間加一條橫線；效果文字的換行改成獨立行，行與行之間拉開 */
.cas .hd { border-bottom: 1px solid rgba(139,148,174,.4); margin-bottom: 6px; padding-bottom: 6px; }
.cas .fx-text .ln { display: block; }
.cas .fx-text .ln + .ln { margin-top: calc(6px * var(--fs)); }
/* 效果說明再往下一點 */
.cas .fx-text { padding-top: calc(5px * var(--fs)) !important; }
/* ---------- 全部畫面的卡片統一為槍機的尺寸與字級：140 × 200（× 文字係數） ---------- */
.cas { width: 140px !important; height: calc(200px * var(--fs)) !important; min-height: 0 !important; display: flex !important; flex-direction: column !important; overflow: hidden !important; border-radius: 6px !important; }
.cas .hd { padding: 7px 7px 5px !important; gap: 6px !important; }
.cas .hd .cost { width: 24px !important; height: 24px !important; font-size: calc(15px * var(--fs)) !important; }
.cas .hd .nm { font-size: calc(13.5px * var(--fs)) !important; line-height: 1.15 !important; }
.cas .fx-text { padding: calc(5px * var(--fs)) 8px 7px !important; font-size: calc(11px * var(--fs)) !important; line-height: 1.38 !important; gap: 4px !important; }
.cas .fx-text p.dis { padding-top: 4px !important; }
/* 各畫面的格子跟著改成 140 寬 */
.round, .round .cas, .overlay .deck2 .dk-item, .overlay .deck2 .dk-item .round, .mini, .mini.full, .tip .tip-card { width: 140px !important; }
.overlay .reward .collection.inv, .overlay .editor .collection, .overlay .shop .shop-cards, .overlay .summary .sum-cards { grid-template-columns: repeat(auto-fill, 140px) !important; }
.overlay .shop button.buy { width: 140px !important; }
.overlay .deck2 .dk-cards { min-height: calc(200px * var(--fs) + 20px) !important; }
.overlay .card.editor.deck2 { width: 1480px !important; }
.tip .tip-card .cas { height: auto !important; min-height: calc(200px * var(--fs)) !important; }
/* 組牌畫面：卡片文字一律白色；全部裝完的卡片改用虛線外框表示，不再變灰變淡 */
/* 卡片效果文字：所有畫面統一用略帶灰的白（關鍵字仍是金色、丟棄效果仍是灰色） */
.cas .fx-text, .cas .fx-text p, .cas .fx-text .ln { color: #D6DCE8 !important; }
.cas .fx-text p.dis { color: var(--muted) !important; }
.overlay .deck2 .dk-item.out .cas { opacity: 1 !important; filter: none !important; border-style: dashed !important; }
.overlay .deck2 .dk-item.out .cas .fx-text p.dis { color: var(--muted) !important; }

/* ---------- 所有畫面共用的卡片基礎外觀（以槍機為準）：底色、外框、圓角、陰影、字級 ---------- */
.cas { background: linear-gradient(180deg, #1B2236, #12182A) !important; border: 2px solid rgba(139,148,174,.35) !important; box-shadow: 0 4px 14px rgba(0,0,0,.45) !important; }
.cas.k-attack { border-color: #FF5A5F !important; }
.cas.k-skill { border-color: #4FA3FF !important; }
.cas.k-token { border-color: #F2F4FA !important; }
.cas .hd .cost { font-size: calc(16px * var(--fs)) !important; }
.cas .hd .nm { font-size: calc(14.5px * var(--fs)) !important; color: var(--text) !important; }
.cas .fx-text { font-size: calc(12px * var(--fs)) !important; line-height: 1.4 !important; }
/* 狀態高亮只用外圈光暈（不改外框顏色），各畫面一致 */
.round.first .cas, .overlay .reward .loot-item.on .cas, .overlay .invscreen .col-item.indeck .cas, .overlay .summary .col-item.indeck .cas, .overlay .reward .col-item.indeck .cas, .overlay .deck2 .dk-item .cas.armed, .round.pick .cas, .round.picked .cas { box-shadow: 0 0 0 2px var(--brass), 0 0 22px rgba(230,176,75,.55), 0 4px 14px rgba(0,0,0,.45) !important; }
.overlay .invscreen .col-item.indeck .cas, .overlay .summary .col-item.indeck .cas { box-shadow: 0 0 0 2px var(--cyan), 0 0 16px rgba(95,227,255,.4), 0 4px 14px rgba(0,0,0,.45) !important; }
.round.pick .cas { box-shadow: 0 0 0 2px var(--cyan), 0 0 18px rgba(95,227,255,.55), 0 4px 14px rgba(0,0,0,.45) !important; }
.round.picked .cas { box-shadow: 0 0 0 2px var(--violet), 0 0 22px rgba(167,139,250,.7), 0 4px 14px rgba(0,0,0,.45) !important; }
.overlay .reward .loot-item .cas { opacity: 1 !important; filter: none !important; }
.overlay .reward .loot-item:not(.on) .cas { opacity: .5 !important; }
.mini, .mini.full { background: transparent !important; border: 0 !important; box-shadow: none !important; }