.cav-antiplt-s9__mode-banner {
display: inline-flex;
align-items: center;
gap: 10px;
padding: 8px 16px;
background: var(--cav-pharm-practice, #0a7a73);
color: #ffffff;
border-radius: 999px;
font-size: 13px;
font-weight: 700;
letter-spacing: 0.04em;
margin-bottom: 16px;
}
.cav-antiplt-s9__mode-icon {
font-size: 16px;
}
.cav-antiplt-s9__mode-label {
text-transform: uppercase;
}
.cav-c1a-lead {
margin: 0 0 2px;
font-size: 14.5px;
line-height: 1.6;
color: #2a3442;
font-weight: 500;
}
.cav-c1a-lead strong { color: var(--text); font-weight: 800; }
.cav-pharm-game {
background: #ffffff;
border: 1px solid var(--line);
border-radius: var(--radius-md);
padding: 28px;
box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);
position: relative;
overflow: hidden;
min-height: 420px;
}
.cav-pharm-game__screen[hidden] {
display: none !important;
}
.cav-pharm-game__screen--start {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
padding: 40px 24px;
gap: 14px;
}
.cav-pharm-game__start-icon {
font-size: 56px;
line-height: 1;
}
.cav-pharm-game__start-title {
margin: 0;
font-size: 22px;
font-weight: 700;
color: var(--text);
}
.cav-pharm-game__start-blurb {
max-width: 560px;
margin: 0 0 12px 0;
font-size: 14.5px;
line-height: 1.6;
color: var(--muted-strong);
}
.cav-pharm-game__primary-btn {
display: inline-flex;
align-items: center;
gap: 8px;
background: var(--cav-pharm-practice, #0a7a73);
color: #ffffff;
border: none;
padding: 12px 24px;
border-radius: 999px;
font-size: 15px;
font-weight: 700;
cursor: pointer;
font-family: inherit;
transition: background 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;
box-shadow: 0 2px 8px rgba(20, 160, 152, 0.20);
}
@media (hover: hover) and (pointer: fine) {
.cav-pharm-game__primary-btn:hover {
background: #086560;
transform: translateY(-1px);
box-shadow: 0 4px 12px rgba(20, 160, 152, 0.28);
}
}
.cav-pharm-game__primary-btn:active {
transform: translateY(0);
}
.cav-pharm-game__secondary-btn {
display: inline-flex;
align-items: center;
gap: 8px;
background: transparent;
color: var(--cav-pharm-practice, #0a7a73);
border: 1.5px solid var(--cav-pharm-practice, #0a7a73);
padding: 10px 22px;
border-radius: 999px;
font-size: 14px;
font-weight: 700;
cursor: pointer;
font-family: inherit;
transition: background 0.18s ease;
}
@media (hover: hover) and (pointer: fine) {
.cav-pharm-game__secondary-btn:hover {
background: rgba(20, 160, 152, 0.08);
}
}
.cav-pharm-game__hud {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 12px;
padding: 14px 16px;
background: var(--surface-strong);
border-radius: 12px;
margin-bottom: 22px;
}
.cav-pharm-game__hud-progress,
.cav-pharm-game__hud-score,
.cav-pharm-game__hud-streak {
display: flex;
flex-direction: column;
align-items: center;
gap: 2px;
}
.cav-pharm-game__hud-label {
font-size: 10.5px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.08em;
color: var(--muted-strong);
}
.cav-pharm-game__hud-value {
font-size: 22px;
font-weight: 700;
color: var(--text);
line-height: 1;
}
.cav-pharm-game__hud-flame {
display: inline-block;
font-size: 18px;
opacity: 0;
transition: opacity 0.3s ease, transform 0.3s ease;
margin-left: 2px;
}
.cav-pharm-game__hud-flame.is-visible {
opacity: 1;
}
.cav-pharm-game__hud-flame.is-pulsing {
animation: cav-pharm-flame-pulse 0.55s ease;
}
@keyframes cav-pharm-flame-pulse {
0% { transform: scale(1); }
50% { transform: scale(1.55); }
100% { transform: scale(1); }
}
.cav-pharm-game__hud-value.is-counting {
animation: cav-pharm-score-tick 0.35s ease;
}
@keyframes cav-pharm-score-tick {
0% { transform: scale(1); color: var(--text); }
50% { transform: scale(1.25); color: var(--cav-pharm-practice, #0a7a73); }
100% { transform: scale(1); color: var(--text); }
}
.cav-pharm-game__card-stage {
position: relative;
min-height: 160px;
margin-bottom: 22px;
perspective: 1000px;
}
.cav-pharm-game__card {
background: var(--surface);
border: 1px solid var(--line);
border-left: 4px solid var(--cav-pharm-practice, #0a7a73);
border-radius: 14px;
padding: 22px 26px;
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.05);
transition: opacity 0.35s ease, transform 0.35s ease;
}
.cav-pharm-game__card.is-entering {
animation: cav-pharm-card-slide-in 0.4s ease;
}
@keyframes cav-pharm-card-slide-in {
from { opacity: 0; transform: translateX(40px); }
to { opacity: 1; transform: translateX(0); }
}
.cav-pharm-game__card-label {
font-size: 10.5px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.08em;
color: var(--cav-pharm-practice, #0a7a73);
margin-bottom: 10px;
}
.cav-pharm-game__card-vignette {
margin: 0;
font-size: 16px;
line-height: 1.6;
color: var(--text);
}
.cav-pharm-game__answers {
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 10px;
margin-bottom: 14px;
}
.cav-pharm-game__answer {
display: flex;
flex-direction: column;
align-items: center;
gap: 4px;
padding: 14px 8px;
background: #ffffff;
border: 1.5px solid var(--line);
border-radius: 12px;
cursor: pointer;
font-family: inherit;
transition: background-color 0.18s ease, border-color 0.18s ease, color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease, scale 0.18s ease, opacity 0.18s ease;
min-height: 84px;
}
@media (hover: hover) and (pointer: fine) {
.cav-pharm-game__answer:hover:not(:disabled) {
border-color: var(--cav-pharm-practice, #0a7a73);
background: var(--surface);
transform: translateY(-2px);
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.06);
}
}
.cav-pharm-game__answer:disabled {
cursor: default;
opacity: 0.5;
}
.cav-pharm-game__answer-dot {
display: inline-block;
width: 14px;
height: 14px;
border-radius: 50%;
}
.cav-pharm-game__answer-name {
font-size: 13.5px;
font-weight: 700;
color: var(--text);
}
.cav-pharm-game__answer-sub {
font-size: 10.5px;
color: var(--muted-strong);
text-align: center;
line-height: 1.3;
}
.cav-pharm-game__answer.is-correct {
background: rgba(20, 160, 152, 0.12) !important;
border-color: var(--cav-pharm-practice, #0a7a73) !important;
animation: cav-pharm-answer-correct 0.5s ease;
}
@keyframes cav-pharm-answer-correct {
0% { transform: scale(1); }
35% { transform: scale(1.08); }
100% { transform: scale(1); }
}
.cav-pharm-game__answer.is-wrong {
background: rgba(229, 72, 77, 0.10) !important;
border-color: var(--cav-pharm-aspirin, #e5484d) !important;
animation: cav-pharm-answer-wrong 0.5s ease;
}
@keyframes cav-pharm-answer-wrong {
0%, 100% { transform: translateX(0); }
20%, 60% { transform: translateX(-5px); }
40%, 80% { transform: translateX(5px); }
}
.cav-pharm-game__answer.is-correct-reveal {
background: rgba(20, 160, 152, 0.08) !important;
border-color: var(--cav-pharm-practice, #0a7a73) !important;
}
.cav-pharm-game__feedback {
padding: 12px 16px;
border-radius: 10px;
display: flex;
align-items: center;
gap: 10px;
font-size: 14px;
line-height: 1.45;
margin-top: 6px;
animation: cav-pharm-feedback-in 0.25s ease;
}
@keyframes cav-pharm-feedback-in {
from { opacity: 0; transform: translateY(8px); }
to { opacity: 1; transform: translateY(0); }
}
.cav-pharm-game__feedback.is-correct {
background: rgba(20, 160, 152, 0.10);
border-left: 3px solid var(--cav-pharm-practice, #0a7a73);
color: var(--text);
}
.cav-pharm-game__feedback.is-wrong {
background: rgba(229, 72, 77, 0.08);
border-left: 3px solid var(--cav-pharm-aspirin, #e5484d);
color: var(--text);
}
.cav-pharm-game__feedback-icon {
font-size: 18px;
line-height: 1;
}
.cav-pharm-game__feedback-text {
flex: 1;
}
.cav-pharm-game__screen--summary {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
padding: 32px 24px;
gap: 24px;
animation: cav-pharm-card-slide-in 0.4s ease;
}
.cav-pharm-game__summary-header {
display: flex;
flex-direction: column;
align-items: center;
gap: 6px;
}
.cav-pharm-game__summary-icon {
font-size: 48px;
line-height: 1;
animation: cav-pharm-summary-sparkle 0.7s ease;
}
@keyframes cav-pharm-summary-sparkle {
0% { transform: scale(0) rotate(0); }
60% { transform: scale(1.2) rotate(15deg); }
100% { transform: scale(1) rotate(0); }
}
.cav-pharm-game__summary-title {
margin: 0;
font-size: 24px;
font-weight: 700;
color: var(--text);
}
.cav-pharm-game__summary-stats {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 14px;
width: 100%;
max-width: 540px;
}
.cav-pharm-game__summary-stat {
padding: 16px 12px;
background: var(--surface-strong);
border-radius: 12px;
display: flex;
flex-direction: column;
align-items: center;
gap: 6px;
}
.cav-pharm-game__summary-stat-label {
font-size: 10.5px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.08em;
color: var(--muted-strong);
}
.cav-pharm-game__summary-stat-value {
font-size: 24px;
font-weight: 700;
color: var(--text);
line-height: 1.1;
}
.cav-pharm-game__summary-stat-value--small {
font-size: 14px;
text-align: center;
}
.cav-pharm-game__summary-actions {
display: flex;
flex-direction: column;
gap: 10px;
align-items: center;
}
.cav-pharm-game__screen--review {
padding: 24px;
animation: cav-pharm-card-slide-in 0.4s ease;
}
.cav-pharm-game__review-header {
text-align: center;
margin-bottom: 22px;
}
.cav-pharm-game__review-icon {
font-size: 36px;
line-height: 1;
margin-bottom: 6px;
}
.cav-pharm-game__review-title {
margin: 0 0 6px 0;
font-size: 20px;
font-weight: 700;
color: var(--text);
}
.cav-pharm-game__review-blurb {
margin: 0;
font-size: 13.5px;
line-height: 1.55;
color: var(--muted-strong);
max-width: 520px;
margin-left: auto;
margin-right: auto;
}
.cav-pharm-game__review-list {
display: flex;
flex-direction: column;
gap: 14px;
margin-bottom: 22px;
}
.cav-pharm-game__review-item {
padding: 16px 18px;
background: var(--surface);
border: 1px solid var(--line);
border-left: 4px solid var(--cav-pharm-aspirin, #e5484d);
border-radius: 12px;
display: flex;
flex-direction: column;
gap: 8px;
}
.cav-pharm-game__review-item.is-marked {
border-left-color: var(--cav-pharm-practice, #0a7a73);
opacity: 0.7;
}
.cav-pharm-game__review-item-vignette {
margin: 0;
font-size: 14.5px;
line-height: 1.55;
color: var(--text);
}
.cav-pharm-game__review-item-answer {
display: flex;
align-items: center;
gap: 8px;
padding-top: 4px;
font-size: 13px;
}
.cav-pharm-game__review-item-answer-label {
font-weight: 700;
color: var(--muted-strong);
}
.cav-pharm-game__review-item-answer-class {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 3px 10px;
border-radius: 999px;
font-weight: 700;
color: #ffffff;
}
.cav-pharm-game__review-item-explanation {
margin: 0;
font-size: 13px;
line-height: 1.55;
color: var(--muted-strong);
}
.cav-pharm-game__review-item-gotit {
align-self: flex-start;
background: transparent;
color: var(--cav-pharm-practice, #0a7a73);
border: 1.5px solid var(--cav-pharm-practice, #0a7a73);
padding: 6px 14px;
border-radius: 999px;
font-size: 12px;
font-weight: 700;
cursor: pointer;
transition: background-color 0.18s ease, border-color 0.18s ease, color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease, scale 0.18s ease, opacity 0.18s ease;
margin-top: 4px;
}
@media (hover: hover) and (pointer: fine) {
.cav-pharm-game__review-item-gotit:hover {
background: var(--cav-pharm-practice, #0a7a73);
color: #ffffff;
}
}
.cav-pharm-game__review-item.is-marked .cav-pharm-game__review-item-gotit {
background: var(--cav-pharm-practice, #0a7a73);
color: #ffffff;
}
.cav-pharm-game__review-footer {
display: flex;
justify-content: center;
}
@media (max-width: 720px) {
.cav-pharm-game {
padding: 18px;
}
.cav-pharm-game__answers {
grid-template-columns: repeat(2, 1fr);
}
.cav-pharm-game__answer:last-child {
grid-column: 1 / -1;
}
.cav-pharm-game__hud-value {
font-size: 18px;
}
.cav-pharm-game__summary-stats {
grid-template-columns: 1fr;
}
.cav-pharm-game__card-vignette {
font-size: 14.5px;
}
}
.cav-pharm-game--round2 {
border-top: 4px solid var(--cav-pharm-aspirin, #e5484d);
}
.cav-pharm-game__primary-btn--round2 {
background: var(--cav-pharm-aspirin, #e5484d);
box-shadow: 0 2px 8px rgba(229, 72, 77, 0.20);
}
@media (hover: hover) and (pointer: fine) {
.cav-pharm-game__primary-btn--round2:hover {
background: #c1391a;
box-shadow: 0 4px 12px rgba(229, 72, 77, 0.28);
}
}
.cav-pharm-game__card--round2 {
border-left-color: var(--cav-pharm-aspirin, #e5484d);
}
.cav-pharm-game__hud-flame--amber {
}
.cav-pharm-game__card-typetag {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 4px 10px;
margin-bottom: 10px;
background: rgba(0, 0, 0, 0.04);
border-radius: 999px;
font-size: 11px;
font-weight: 700;
letter-spacing: 0.04em;
color: var(--muted-strong);
text-transform: none;
}
.cav-pharm-game__card-typetag[data-type="trap"] {
background: rgba(229, 72, 77, 0.10);
color: #b8323a;
}
.cav-pharm-game__card-typetag[data-type="mechanism"] {
background: rgba(10, 132, 255, 0.10);
color: #0a5fb8;
}
.cav-pharm-game__card-typetag[data-type="safe"] {
background: rgba(20, 160, 152, 0.10);
color: #0a7a73;
}
.cav-pharm-game__card-proposed {
margin-top: 12px;
padding: 10px 14px;
background: var(--surface-strong);
border-left: 3px solid var(--text);
border-radius: 0 8px 8px 0;
font-size: 14px;
line-height: 1.45;
}
.cav-pharm-game__card-proposed strong {
font-weight: 700;
}
.cav-pharm-game__safety {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 12px;
margin-bottom: 14px;
}
.cav-pharm-game__safety-btn {
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
padding: 18px 16px;
background: #ffffff;
border: 2px solid var(--line);
border-radius: 14px;
cursor: pointer;
font-family: inherit;
font-size: 16px;
font-weight: 700;
color: var(--text);
transition: background-color 0.18s ease, border-color 0.18s ease, color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease, scale 0.18s ease, opacity 0.18s ease;
min-height: 60px;
}
.cav-pharm-game__safety-btn--safe {
border-left: 5px solid var(--cav-pharm-practice, #0a7a73);
}
@media (hover: hover) and (pointer: fine) {
.cav-pharm-game__safety-btn--safe:hover:not(:disabled) {
background: rgba(20, 160, 152, 0.08);
border-color: var(--cav-pharm-practice, #0a7a73);
transform: translateY(-2px);
box-shadow: 0 4px 10px rgba(20, 160, 152, 0.15);
}
}
.cav-pharm-game__safety-btn--contra {
border-left: 5px solid var(--cav-pharm-aspirin, #e5484d);
}
@media (hover: hover) and (pointer: fine) {
.cav-pharm-game__safety-btn--contra:hover:not(:disabled) {
background: rgba(229, 72, 77, 0.08);
border-color: var(--cav-pharm-aspirin, #e5484d);
transform: translateY(-2px);
box-shadow: 0 4px 10px rgba(229, 72, 77, 0.15);
}
}
.cav-pharm-game__safety-btn:disabled {
cursor: default;
opacity: 0.5;
}
.cav-pharm-game__safety-icon {
font-size: 22px;
line-height: 1;
}
.cav-pharm-game__safety-btn.is-correct {
background: rgba(20, 160, 152, 0.14) !important;
border-color: var(--cav-pharm-practice, #0a7a73) !important;
animation: cav-pharm-answer-correct 0.5s ease;
}
.cav-pharm-game__safety-btn.is-wrong {
background: rgba(229, 72, 77, 0.12) !important;
border-color: var(--cav-pharm-aspirin, #e5484d) !important;
animation: cav-pharm-answer-wrong 0.5s ease;
}
.cav-pharm-game__safety-btn.is-correct-reveal {
background: rgba(20, 160, 152, 0.10) !important;
border-color: var(--cav-pharm-practice, #0a7a73) !important;
}
.cav-pharm-game__reasons {
margin-bottom: 14px;
padding: 14px;
background: rgba(229, 72, 77, 0.04);
border: 1px solid rgba(229, 72, 77, 0.20);
border-radius: 12px;
animation: cav-pharm-feedback-in 0.3s ease;
}
.cav-pharm-game__reasons-label {
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.06em;
color: #b8323a;
margin-bottom: 10px;
}
.cav-pharm-game__reasons-grid {
display: flex;
flex-direction: column;
gap: 8px;
}
.cav-pharm-game__reason-btn {
display: block;
width: 100%;
padding: 12px 14px;
background: #ffffff;
border: 1.5px solid var(--line);
border-radius: 10px;
cursor: pointer;
font-family: inherit;
font-size: 13.5px;
line-height: 1.45;
color: var(--text);
text-align: left;
transition: background-color 0.18s ease, border-color 0.18s ease, color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease, scale 0.18s ease, opacity 0.18s ease;
}
@media (hover: hover) and (pointer: fine) {
.cav-pharm-game__reason-btn:hover:not(:disabled) {
border-color: var(--cav-pharm-aspirin, #e5484d);
background: rgba(229, 72, 77, 0.04);
}
}
.cav-pharm-game__reason-btn:disabled {
cursor: default;
opacity: 0.6;
}
.cav-pharm-game__reason-btn.is-correct {
background: rgba(20, 160, 152, 0.10) !important;
border-color: var(--cav-pharm-practice, #0a7a73) !important;
color: #0a7a73;
animation: cav-pharm-answer-correct 0.5s ease;
}
.cav-pharm-game__reason-btn.is-wrong {
background: rgba(229, 72, 77, 0.10) !important;
border-color: var(--cav-pharm-aspirin, #e5484d) !important;
animation: cav-pharm-answer-wrong 0.5s ease;
}
.cav-pharm-game__reason-btn.is-correct-reveal {
background: rgba(20, 160, 152, 0.06) !important;
border-color: var(--cav-pharm-practice, #0a7a73) !important;
}
.cav-pharm-game__answers--round2 {
}
.cav-pharm-game__feedback-body {
display: flex;
flex-direction: column;
gap: 4px;
flex: 1;
}
.cav-pharm-game__feedback-consequence {
font-size: 12.5px;
line-height: 1.4;
color: var(--muted-strong);
font-style: italic;
}
.cav-pharm-game__feedback-consequence:empty {
display: none;
}
.cav-pharm-game--round2 .cav-pharm-game__summary-icon {
animation: cav-pharm-summary-target 0.7s ease;
}
@keyframes cav-pharm-summary-target {
0% { transform: scale(0); }
50% { transform: scale(1.2); }
100% { transform: scale(1); }
}
@media (max-width: 720px) {
.cav-pharm-game__safety {
grid-template-columns: 1fr;
}
.cav-pharm-game__safety-btn {
padding: 14px 16px;
}
.cav-pharm-game__answers--round2 {
grid-template-columns: repeat(2, 1fr);
}
.cav-pharm-game__answers--round2 .cav-pharm-game__answer:last-child {
grid-column: 1 / -1;
}
}
.cav-pharm-game__safety[hidden],
.cav-pharm-game__reasons[hidden],
.cav-pharm-game__answers--round2[hidden],
.cav-pharm-game__card-typetag[hidden] {
display: none !important;
}
.cav-pharm-game--round2 .cav-pharm-game__answers--round2 .cav-pharm-game__answer-sub {
visibility: hidden;
opacity: 0;
transition: opacity 0.3s ease;
}
.cav-pharm-game--round2 .cav-pharm-game__answers--round2.is-revealed .cav-pharm-game__answer-sub {
visibility: visible;
opacity: 1;
}
.cav-pharm-game__primary-btn--round2 {
background: #e5484d !important;
background-color: #e5484d !important;
color: #ffffff !important;
box-shadow: 0 2px 8px rgba(229, 72, 77, 0.30);
}
@media (hover: hover) and (pointer: fine) {
.cav-pharm-game__primary-btn--round2:hover {
background: #c1391a !important;
background-color: #c1391a !important;
color: #ffffff !important;
box-shadow: 0 4px 12px rgba(229, 72, 77, 0.40);
}
}
[data-pgc-game].cav-pharm-game--round2 {
margin-top: 18px;
border: 1px solid rgba(33, 73, 123, 0.12);
border-radius: 20px;
background: radial-gradient(circle at 100% 0%, rgba(10, 132, 255, 0.07), transparent 36%), #ffffff;
box-shadow: 0 16px 38px rgba(29, 55, 91, 0.08);
}
[data-pgc-game] .cav-pharm-game__hud {
background: linear-gradient(110deg, #eef5ff, #f8fbff);
border: 1px solid rgba(10, 102, 204, 0.10);
}
[data-pgc-game] .cav-pharm-game__hud-label { font-size: 12px; }
[data-pgc-game] .cav-pharm-game__hud-value { color: #183a63; font-size: 24px; }
[data-pgc-game] .cav-pharm-game__card--round2,
[data-pgc-game] .cav-pharm-game__review-item {
border: 1px solid rgba(33, 73, 123, 0.12);
border-radius: 14px;
background: #f7faff;
box-shadow: none;
}
[data-pgc-game] .cav-pharm-game__card-vignette {
font-size: 21px;
line-height: 1.5;
font-weight: 650;
color: var(--text);
}
[data-pgc-game] .cav-pharm-game__feedback-text { font-size: 16px; font-weight: 500; }
[data-pgc-game] .cav-pharm-game__feedback-consequence { color: var(--text); }
[data-pgc-game] .cav-pharm-game__answer,
[data-pgc-game] .cav-pharm-game__reason-btn {
border: 1px solid rgba(33, 73, 123, 0.15);
background: #ffffff;
box-shadow: 0 2px 7px rgba(29, 55, 91, 0.04);
}
[data-pgc-game] .cav-pharm-game__reason-btn { font-size: 18px; }
[data-pgc-game] .cav-pharm-game__answer-name { font-size: 17px; }
@media (hover: hover) and (pointer: fine) {
[data-pgc-game] .cav-pharm-game__answer:hover:not(:disabled),
[data-pgc-game] .cav-pharm-game__reason-btn:hover:not(:disabled) {
border-color: #6ba6e8;
background: #f5f9ff;
box-shadow: 0 4px 12px rgba(10, 102, 204, 0.09);
}
}
[data-pgc-game] .cav-pharm-game__answer.is-wrong,
[data-pgc-game] .cav-pharm-game__reason-btn.is-wrong {
border-color: #c9aaa1 !important;
background: #fbf7f5 !important;
}
[data-pgc-game] .cav-pharm-game__answer.is-correct,
[data-pgc-game] .cav-pharm-game__answer.is-correct-reveal,
[data-pgc-game] .cav-pharm-game__reason-btn.is-correct,
[data-pgc-game] .cav-pharm-game__reason-btn.is-correct-reveal {
border-color: #328267 !important;
background: #eaf6ef !important;
}
[data-pgc-game] .cav-pharm-game__primary-btn--round2 {
background: #0d7969 !important;
background-color: #0d7969 !important;
box-shadow: 0 4px 12px rgba(13, 121, 105, 0.18);
}
@media (hover: hover) and (pointer: fine) {
[data-pgc-game] .cav-pharm-game__primary-btn--round2:hover {
background: #0d7969 !important;
background-color: #0d7969 !important;
box-shadow: 0 4px 12px rgba(13, 121, 105, 0.18);
}
}
@media (hover: hover) and (pointer: fine) {
[data-pgc-game] .cav-pharm-game__primary-btn--round2:hover {
background: #096456 !important;
background-color: #096456 !important;
}
}
[data-pgc-game] .cav-pharm-game__feedback.is-correct,
[data-pgc-game] .cav-pharm-game__feedback.is-wrong {
border-left: 0;
background: #edf6f2;
}
[data-pgc-game] .cav-pharm-game__feedback.is-wrong { background: #f7f5f2; }
[data-pgc-game] .cav-pharm-game__review-item.is-marked { border-color: #9ac5b4; }
@media (max-width: 720px) {
[data-pgc-game] .cav-pharm-game__card-vignette { font-size: 19px; }
[data-pgc-game] .cav-pharm-game__reason-btn { font-size: 17px; }
}
.cav-pharm-game__review-item-picked {
display: flex;
align-items: center;
gap: 8px;
padding-top: 2px;
font-size: 13px;
}