diff --git a/frontend/src/assets/css/scene-play.css b/frontend/src/assets/css/scene-play.css index 12d3c6b..4a8d43c 100644 --- a/frontend/src/assets/css/scene-play.css +++ b/frontend/src/assets/css/scene-play.css @@ -241,43 +241,6 @@ box-shadow: 0 0 0 2px var(--danger); } -/* Obstacle color (red/black) — fixed by the original card; matching it draws back */ -.obstacle-color-tag { - display: inline-flex; - align-items: center; - gap: 0.35rem; - margin-bottom: 0.4rem; - font-size: 0.7rem; - font-weight: 700; - text-transform: uppercase; - letter-spacing: 0.03em; - padding: 0.12rem 0.5rem; - border-radius: 999px; - cursor: help; -} - -.obstacle-color-tag::before { - content: ''; - width: 0.6rem; - height: 0.6rem; - border-radius: 50%; - display: inline-block; -} - -.obstacle-color-tag.red { - color: var(--suit-red); - background: color-mix(in srgb, var(--suit-red) 14%, transparent); -} - -.obstacle-color-tag.red::before { background: var(--suit-red); } - -.obstacle-color-tag.black { - color: var(--suit-black); - background: color-mix(in srgb, var(--suit-black) 14%, transparent); -} - -.obstacle-color-tag.black::before { background: var(--suit-black); } - .suit-badge { font-weight: 900; font-size: 1.1rem; @@ -298,6 +261,13 @@ font-size: 1.15rem; } +/* The title and its "K♦" card-code prefix take the Obstacle's fixed suit color + (red border on the left already marks color, so the old tag is gone). */ +.suit-h .obstacle-details h4, .suit-d .obstacle-details h4 { color: var(--suit-red); } +.suit-c .obstacle-details h4, .suit-s .obstacle-details h4 { color: var(--suit-black); } + +.obs-card-code { opacity: 0.8; } + .obstacle-details .in-challenge-tag { color: var(--deep); font-size: 0.8rem; diff --git a/frontend/src/components/scene/ChallengePanel.svelte b/frontend/src/components/scene/ChallengePanel.svelte index fb4e2fa..fedaadb 100644 --- a/frontend/src/components/scene/ChallengePanel.svelte +++ b/frontend/src/components/scene/ChallengePanel.svelte @@ -95,7 +95,6 @@ {/if} {#each openChallenges as ch} - {@const chPlays = JSON.parse(ch.plays || '[]')} {@const chObstacleIds = JSON.parse(ch.obstacle_ids || '[]')}
- Attempted by {playerName(ch.acting_player_id)}{ch.acting_player_id !== ch.target_player_id ? ` (took it over via ${ch.tax_type === 'gat' ? 'Gat' : 'Name'} Tax)` : ''}. - Drag a card onto an Obstacle below to play it. Other Pi-Rats may assist (assistants don't draw back). -
- Plays: {chPlays.map(p => `${p.player_name}: ${getCardDisplay(p.card)} ${p.success ? '✔' : '✘'}`).join(' · ')} -
- {/if} - {#if ch.tax_state === 'requested'} {#if myTaxRequest && myTaxRequest.id === ch.id} diff --git a/frontend/src/components/scene/ObstacleItem.svelte b/frontend/src/components/scene/ObstacleItem.svelte index b488598..45d881d 100644 --- a/frontend/src/components/scene/ObstacleItem.svelte +++ b/frontend/src/components/scene/ObstacleItem.svelte @@ -1,6 +1,6 @@