/* Illustrated tavern cards. Text remains HTML in measured, role-specific windows. */
body.wt-refresh.game-page .secret-card:is(.cover,.card-civil,.card-spy) {
  --slot-top-top: 5.2% !important; --slot-top-height: 3.6% !important;
  --slot-name-top: 10.8% !important; --slot-name-height: 7.2% !important;
  --slot-avatar-top: 40.5% !important;
  --slot-role-top: 61.7% !important; --slot-role-height: 5.7% !important; --slot-role-edge: 13% !important;
  --slot-word-top: 70.6% !important; --slot-word-height: 8.8% !important; --slot-word-edge: 11% !important;
  --slot-note-top: 83.6% !important; --slot-note-height: 7.1% !important; --slot-note-edge: 12% !important;
  --slot-note-color: #d9e4df !important;
  --slot-cover-note-top: 71.4% !important; --slot-cover-note-height: 8.2% !important;
  --slot-cover-action-top: 83.2% !important; --slot-cover-action-height: 7.1% !important;
  background-image: url('cards/illustrated-v2/civil.webp') !important;
  background-size: 100% 100% !important;
  border: 0 !important; border-radius: 24px !important;
}
body.wt-refresh.game-page .secret-card.cover { background-image: url('cards/illustrated-v2/guild-cover.webp') !important; }
body.wt-refresh.game-page .secret-card.card-spy { background-image: url('cards/illustrated-v2/spy.webp') !important; }
body.wt-refresh.game-page .secret-card.premium-card-theme-set2.card-civil { background-image: url('cards/illustrated-v2/civil.webp') !important; }
body.wt-refresh.game-page .secret-card.premium-card-theme-set2.card-spy { background-image: url('cards/illustrated-v2/spy.webp') !important; }
body.wt-refresh.game-page .secret-card.premium-card-theme-set2.cover { background-image: url('cards/illustrated-v2/moon-cover.webp') !important; }
body.wt-refresh.game-page .secret-card.premium-card-theme-set3.card-civil { background-image: url('cards/illustrated-v2/civil.webp') !important; }
body.wt-refresh.game-page .secret-card.premium-card-theme-set3.card-spy { background-image: url('cards/illustrated-v2/spy.webp') !important; }
body.wt-refresh.game-page .secret-card.premium-card-theme-set3.cover { background-image: url('cards/illustrated-v2/tavern-cover.webp') !important; }
body.wt-refresh.game-page .secret-card.premium-card-theme-classic.card-civil { background-image: url('cards/illustrated-v2/civil.webp') !important; }
body.wt-refresh.game-page .secret-card.premium-card-theme-classic.card-spy { background-image: url('cards/illustrated-v2/spy.webp') !important; }
body.wt-refresh.game-page .secret-card.premium-card-theme-classic.cover { background-image: url('cards/illustrated-v2/classic-cover.webp') !important; }
body.wt-refresh.game-page .secret-card:is(.cover,.card-civil,.card-spy)::after { background: none !important; opacity: 0 !important; }
/* Independent art windows; a long category must never push the round counter. */
body.wt-refresh.game-page .secret-card:is(.cover,.card-civil,.card-spy) .card-top { left: 0 !important; right: 0 !important; width: 100% !important; color: #e4d7bb !important; font-size: clamp(9px,3cqw,11px) !important; }
body.wt-refresh.game-page .secret-card:is(.cover,.card-civil,.card-spy) .card-top > span { position:absolute !important; top:0 !important; height:100% !important; display:flex !important; align-items:center; justify-content:center; box-sizing:border-box; padding:0 !important; margin:0 !important; max-width:none !important; text-align:center !important; text-overflow:clip; }
body.wt-refresh.game-page .secret-card:is(.card-civil,.card-spy) .card-top > span:first-child { left:21.3% !important; right:auto !important; width:26.7% !important; white-space:normal !important; overflow-wrap:anywhere !important; line-height:1 !important; }
body.wt-refresh.game-page .secret-card:is(.card-civil,.card-spy) .card-top > span:last-child { left:78.4% !important; right:auto !important; width:7.2% !important; white-space:nowrap !important; font-size:clamp(7.5px,2.3cqw,8.5px) !important; font-variant-numeric:tabular-nums; }
body.wt-refresh.game-page .secret-card.mode-local:is(.card-civil,.card-spy) .card-top > span:last-child { font-size:clamp(9px,3cqw,11px) !important; }
body.wt-refresh.game-page .secret-card:is(.cover,.card-civil,.card-spy) .card-player-name { left: 12% !important; right: 12% !important; font-size: clamp(18px,6.8cqw,24px) !important; font-weight: 750; }
body.wt-refresh.game-page .secret-card:is(.cover,.card-civil,.card-spy) .card-avatar { width: 36% !important; max-width: none !important; transform: translate(-50%,-50%) !important; border: 2px solid #d4bb85 !important; box-shadow: 0 6px 20px #0006 !important; }
body.wt-refresh.game-page .secret-card:is(.cover,.card-civil,.card-spy) .role { color: #f5e4b7 !important; font-size: clamp(17px,7cqw,25px) !important; line-height: 1.1 !important; font-weight: 800; text-shadow: none !important; }
body.wt-refresh.game-page .secret-card.cover .role { display: flex !important; position: absolute !important; top: var(--slot-role-top) !important; height: var(--slot-role-height) !important; left: 13% !important; right: 13% !important; margin: 0 !important; padding: 0 !important; align-items: center; justify-content: center; opacity: 1 !important; transform: none !important; }
body.wt-refresh.game-page .secret-card:is(.card-civil,.card-spy) .word { color: #fff0c9 !important; font-size: clamp(20px,8.3cqw,30px) !important; line-height: 1.15 !important; text-shadow: none !important; font-weight: 750; }
body.wt-refresh.game-page .secret-card:is(.card-civil,.card-spy) > .card-note { color: #d9e4df !important; font-weight: 500 !important; font-size: clamp(10px,3.5cqw,12.5px) !important; line-height: 1.3 !important; padding: 0 3px !important; }
body.wt-refresh.game-page .secret-card.cover .card-note { left: 12% !important; right: 12% !important; color: #dce7e3 !important; font-size: clamp(12px,4cqw,14px) !important; font-weight: 500; line-height: 1.35 !important; }
body.wt-refresh.game-page .secret-card.cover > .actions { left: 12% !important; right: 12% !important; }
body.wt-refresh.game-page .secret-card.cover > .actions .btn { min-height: 0 !important; height: 100%; padding: 5px 9px !important; color: #17282d !important; background: linear-gradient(120deg,#f4d79a,#d3ab65) !important; border: 0 !important; border-radius: 8px; font-size: clamp(13px,4.5cqw,16px) !important; line-height: 1.2; }
body.wt-refresh.game-page .secret-card.cover > .actions .btn svg { width: 18px !important; height: 18px !important; }

body.wt-refresh.game-page .secret-card:is(.card-civil,.card-spy) .card-player-name,
body.wt-refresh.game-page .secret-card:is(.card-civil,.card-spy) .card-name-text { color:#352515 !important; text-shadow:none !important; -webkit-text-fill-color:#352515 !important; }
body.wt-refresh.game-page .secret-card.card-civil .role { color:#caffec !important; }
body.wt-refresh.game-page .secret-card.card-spy .role { color:#ffe0d9 !important; letter-spacing:.08em; }
body.wt-refresh.game-page .secret-card:is(.card-civil,.card-spy) .card-avatar { width:49% !important; }
body.wt-refresh.game-page .secret-card.card-civil .card-avatar { border-color:#8cdfbf !important; box-shadow:0 0 0 5px #071b28,0 0 24px #3dbca040 !important; }
body.wt-refresh.game-page .secret-card.card-spy .card-avatar { border-color:#f7978c !important; box-shadow:0 0 0 5px #290a12,0 0 24px #e6425940 !important; }
body.wt-refresh.game-page .secret-card.cover { --slot-top-top:2.1% !important; --slot-top-height:2.8% !important; --slot-name-top:8.5% !important; --slot-name-height:6.1% !important; --slot-role-top:59.2% !important; --slot-role-height:5% !important; border-radius:20px !important; }
body.wt-refresh.game-page .secret-card.cover .card-top { font-size:clamp(8px,2.8cqw,10px) !important; }
body.wt-refresh.game-page .secret-card.cover .card-top > span:first-child { left:34% !important; right:auto !important; width:8% !important; }
body.wt-refresh.game-page .secret-card.cover .card-top > span:last-child { left:44% !important; right:auto !important; width:12% !important; font-variant-numeric:tabular-nums; }
body.wt-refresh.game-page .secret-card.cover .card-avatar { display:none !important; }
body.wt-refresh.game-page .secret-card.cover .card-player-name { color:#fff0ce !important; }
body.wt-refresh.game-page .secret-card.cover .role { font-size:clamp(16px,5.4cqw,20px) !important; letter-spacing:.08em; }
body.wt-refresh.game-page .secret-card.cover > .actions .btn { background:transparent !important; box-shadow:none !important; color:#38240d !important; }
body.wt-refresh.game-page .secret-card.premium-card-theme-set2.cover > .actions .btn { color:#172c42 !important; }