.cdg-placeholder,
.cdg-quiz,
.cdg-leaderboard {
max-width: 42rem;
margin: 0 0 1.5rem;
}
.cdg-placeholder {
padding: 1.25rem 1.5rem;
border: 1px solid #e2e8f0;
border-radius: 8px;
background: #f8fafc;
}
.cdg-placeholder__title {
margin: 0 0 0.5rem;
font-size: 1.25rem;
}
.cdg-placeholder__message {
margin: 0;
color: #334155;
}
.cdg-placeholder__action {
margin: 1rem 0 0;
}
.cdg-quiz__meta {
margin: 0 0 0.75rem;
font-size: 0.9rem;
color: #94a3b8;
}
.cdg-quiz__panel--loading {
padding: 1.5rem 0;
text-align: center;
color: #64748b;
}
.cdg-quiz__feedback--ok {
background: #f0fdf4;
color: #166534;
}
.cdg-quiz__feedback--ko {
background: #fef2f2;
color: #b91c1c;
}
.cdg-quiz__feedback--timeout {
background: #f8fafc;
color: #475569;
border-left: 3px solid #94a3b8;
}
.cdg-leaderboard__row--gold .cdg-leaderboard__rank {
color: #ca8a04;
}
.cdg-leaderboard__row--silver .cdg-leaderboard__rank {
color: #64748b;
}
.cdg-leaderboard__row--bronze .cdg-leaderboard__rank {
color: #b45309;
}
.cdg-quiz {
padding: 1.35rem 1.65rem;
border: 1px solid #e2e8f0;
border-radius: 10px;
background: #fff;
}
.cdg-quiz__title {
margin: 0 0 0.35rem;
font-size: 1.35rem;
}
.cdg-quiz__intro {
margin: 0 0 1rem;
color: #64748b;
}
.cdg-quiz__btn {
display: inline-block;
margin-top: 0.75rem;
padding: 0.55rem 1.1rem;
border: 1px solid #cbd5e1;
border-radius: 6px;
background: #f1f5f9;
color: #0f172a;
font-size: 0.95rem;
cursor: pointer;
}
.cdg-quiz__btn:hover {
background: #e2e8f0;
}
.cdg-quiz__btn--primary {
border-color: #7c3aed;
background: #7c3aed;
color: #fff;
}
.cdg-quiz__btn--primary:hover {
background: #6d28d9;
}
.cdg-quiz__btn:disabled {
opacity: 0.55;
cursor: not-allowed;
}
.cdg-quiz__hint {
margin: 0.75rem 0 0;
color: #b45309;
font-size: 0.9rem;
}
.cdg-quiz__progress {
margin: 0 0 0.65rem;
font-size: 0.82rem;
color: #64748b;
}
.cdg-quiz__question-head {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
gap: 0.5rem 0.75rem;
margin-bottom: 0.85rem;
scroll-margin-top: 1.25rem;
}
@media (max-width: 480px) {
.cdg-quiz__question-title {
font-size: 1.05rem;
line-height: 1.45;
}
.cdg-quiz__choices .cdg-quiz__choice {
padding: 0.65rem 0.75rem;
}
}
.cdg-quiz__question-head .cdg-quiz__question-title {
margin: 0;
flex: 1 1 12rem;
}
.cdg-sensitive-audio__btn {
flex: 0 0 auto;
display: inline-flex;
align-items: center;
gap: 0.35rem;
min-height: 2.75rem;
min-width: 2.75rem;
padding: 0.4rem 0.65rem;
border: 1px solid #e2e8f0;
border-radius: 999px;
background: #f8fafc;
color: #64748b;
font-size: 0.8rem;
line-height: 1;
cursor: pointer;
}
.cdg-sensitive-audio__btn:hover,
.cdg-sensitive-audio__btn:focus-visible {
background: #f1f5f9;
border-color: #cbd5e1;
color: #475569;
outline: none;
box-shadow: 0 0 0 2px rgba(100, 116, 139, 0.2);
}
.cdg-sensitive-audio__btn--loading {
opacity: 0.65;
pointer-events: none;
}
.cdg-sensitive-audio__btn--playing {
background: #eef2ff;
border-color: #c7d2fe;
color: #4338ca;
}
.cdg-sensitive-audio__icon::before {
content: "🔈";
font-size: 0.95rem;
line-height: 1;
}
.cdg-sensitive-audio__btn--playing .cdg-sensitive-audio__icon::before {
content: "🔉";
}
@media (max-width: 480px) {
.cdg-sensitive-audio__label {
position: absolute;
width: 1px;
height: 1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
}
}
.cdg-quiz__question-title {
margin: 0 0 1rem;
font-size: 1.1rem;
line-height: 1.4;
}
.cdg-quiz__choices {
display: flex;
flex-direction: column;
gap: 0.55rem;
margin-bottom: 0.15rem;
}
.cdg-quiz__choice {
text-align: left;
padding: 0.65rem 0.85rem;
border: 1px solid #e2e8f0;
border-radius: 6px;
background: #f8fafc;
cursor: pointer;
font-size: 0.95rem;
}
.cdg-quiz__choice:hover:not(:disabled) {
border-color: #7c3aed;
background: #f5f3ff;
}
.cdg-quiz__choice--selected {
border-color: #7c3aed;
background: #ede9fe;
}
.cdg-quiz__choice:disabled {
cursor: default;
opacity: 0.85;
}
.cdg-quiz__feedback {
margin: 0.85rem 0 0;
padding: 0.75rem 0.85rem;
border-radius: 6px;
background: #f0fdf4;
color: #166534;
font-size: 0.9rem;
line-height: 1.45;
word-wrap: break-word;
animation: cdg-feedback-in 0.22s ease-out;
}
@keyframes cdg-feedback-in {
from {
opacity: 0;
transform: translateY(3px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@media (prefers-reduced-motion: reduce) {
.cdg-quiz__feedback {
animation: none;
}
}
.cdg-quiz__report {
margin: 0.65rem 0 0;
display: flex;
flex-wrap: wrap;
gap: 0.35rem 0.5rem;
align-items: center;
}
.cdg-quiz__report-btn {
font-size: 0.75rem;
padding: 0.2rem 0.45rem;
border: 1px solid #cbd5e1;
border-radius: 4px;
background: transparent;
color: #64748b;
cursor: pointer;
}
.cdg-quiz__report-btn:hover:not(:disabled) {
color: #334155;
border-color: #94a3b8;
}
.cdg-quiz__report-btn:disabled {
opacity: 0.55;
cursor: default;
}
.cdg-quiz__report-msg {
font-size: 0.75rem;
color: #64748b;
}
.cdg-admin-help {
max-width: 42rem;
margin: 0.5rem 0 1.25rem;
padding: 0.65rem 0.85rem;
background: #f8fafc;
border-left: 3px solid #94a3b8;
color: #475569;
font-size: 0.92rem;
line-height: 1.45;
}
.cdg-admin-quality .cdg-admin-badge {
display: inline-block;
margin: 0 0.15rem 0.15rem 0;
padding: 0.1rem 0.4rem;
font-size: 11px;
border-radius: 3px;
background: #fef3c7;
color: #92400e;
}
.cdg-admin-quality .cdg-admin-badge--ok {
background: #dcfce7;
color: #166534;
}
.cdg-quiz__done-title {
margin: 0 0 0.5rem;
}
.cdg-quiz__score {
margin: 0 0 0.35rem;
font-size: 1.2rem;
font-weight: 600;
}
.cdg-quiz__summary {
margin: 0 0 0.5rem;
color: #475569;
}
.cdg-quiz__error {
margin: 1rem 0 0;
padding: 0.65rem;
border-radius: 6px;
background: #fef2f2;
color: #b91c1c;
font-size: 0.9rem;
}
.cdg-leaderboard {
padding: 1.25rem 1.5rem;
border: 1px solid #e2e8f0;
border-radius: 10px;
background: #fff;
}
.cdg-leaderboard__title {
margin: 0 0 1rem;
font-size: 1.25rem;
}
.cdg-leaderboard__list {
margin: 0;
padding: 0;
list-style: none;
}
.cdg-leaderboard__row {
display: grid;
grid-template-columns: 2rem 1fr auto auto auto;
gap: 0.5rem 1rem;
align-items: center;
padding: 0.5rem 0;
border-bottom: 1px solid #f1f5f9;
}
.cdg-leaderboard__challenge-btn {
padding: 0.2rem 0.55rem;
font-size: 0.75rem;
border: 1px solid #c4b5fd;
border-radius: 4px;
background: #faf5ff;
color: #6d28d9;
cursor: pointer;
}
.cdg-leaderboard__challenge-btn:hover {
background: #ede9fe;
}
.cdg-leaderboard__rank {
font-weight: 600;
color: #7c3aed;
}
.cdg-leaderboard__score {
font-weight: 600;
white-space: nowrap;
}
.cdg-leaderboard__date {
font-size: 0.8rem;
color: #94a3b8;
white-space: nowrap;
}
.cdg-leaderboard__empty {
margin: 0;
color: #64748b;
}
@media (max-width: 520px) {
.cdg-leaderboard__row {
grid-template-columns: 2rem 1fr;
}
.cdg-leaderboard__score,
.cdg-leaderboard__date,
.cdg-leaderboard__challenge-btn {
grid-column: 2;
}
}
.cdg-quiz__progression {
margin: 0 0 1.25rem;
padding: 1rem 1.15rem;
border: 1px solid #e2e8f0;
border-radius: 8px;
background: #f8fafc;
}
.cdg-quiz__progression-title {
margin: 0 0 0.5rem;
font-size: 1rem;
}
.cdg-quiz__progression-list {
margin: 0;
padding-left: 1.15rem;
color: #334155;
}
.cdg-quiz__xp,
.cdg-quiz__levelup {
margin: 0.35rem 0 0;
font-weight: 600;
}
.cdg-quiz__levelup {
color: #0f766e;
}
.cdg-challenges {
padding: 1.25rem 1.5rem;
border: 1px solid #e2e8f0;
border-radius: 10px;
background: #fff;
margin-bottom: 1.5rem;
}
.cdg-challenges__title {
margin: 0 0 0.75rem;
font-size: 1.25rem;
}
.cdg-challenges__notice {
margin: 0 0 0.75rem;
padding: 0.5rem 0.75rem;
background: #fef3c7;
color: #92400e;
border-radius: 6px;
font-size: 0.9rem;
}
.cdg-challenges__subtitle {
margin: 1rem 0 0.5rem;
font-size: 1rem;
}
.cdg-challenges__list {
margin: 0;
padding: 0;
list-style: none;
}
.cdg-challenges__item {
padding: 0.75rem 0;
border-bottom: 1px solid #f1f5f9;
}
.cdg-challenges__opponent {
margin: 0;
font-weight: 600;
}
.cdg-challenges__meta,
.cdg-challenges__scores {
margin: 0.25rem 0 0;
font-size: 0.9rem;
color: #64748b;
}
.cdg-challenges__actions {
margin: 0.5rem 0 0;
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
}
.cdg-challenges__result {
margin: 0.35rem 0 0;
font-weight: 600;
}
.cdg-challenges__result--win {
color: #15803d;
}
.cdg-challenges__result--loss {
color: #b91c1c;
}
.cdg-challenges__result--draw {
color: #64748b;
}
.cdg-challenges__empty {
color: #94a3b8;
padding: 0.25rem 0;
}
.cdg-challenges__error {
color: #b91c1c;
}
.cdg-daily {
padding: 1.25rem 1.5rem;
border: 1px solid #e2e8f0;
border-radius: 10px;
background: #fff;
margin-bottom: 1.5rem;
}
.cdg-daily__title {
margin: 0 0 0.5rem;
font-size: 1.25rem;
}
.cdg-daily__meta,
.cdg-daily__countdown,
.cdg-daily__streak {
margin: 0.25rem 0;
font-size: 0.9rem;
color: #64748b;
}
.cdg-daily__subtitle {
margin: 1.25rem 0 0.5rem;
font-size: 1rem;
}
.cdg-daily__leaderboard {
margin: 0;
padding: 0;
list-style: none;
}
.cdg-daily__lb-row {
display: grid;
grid-template-columns: 2rem 1fr auto;
gap: 0.5rem 1rem;
padding: 0.4rem 0;
border-bottom: 1px solid #f1f5f9;
}
.cdg-daily__lb-score {
font-weight: 600;
}
.cdg-daily__empty {
color: #94a3b8;
}
.cdg-daily__streak-result {
margin: 0.5rem 0 0;
font-weight: 600;
color: #0f766e;
}
@media (max-width: 520px) {
.cdg-daily__lb-row {
grid-template-columns: 2rem 1fr;
}
.cdg-daily__lb-score {
grid-column: 2;
}
}
.cdg-event {
margin: 1.25rem 0;
padding: 1rem;
border: 1px solid #e2e8f0;
border-radius: 8px;
background: #fff;
}
.cdg-event__title {
margin: 0 0 0.5rem;
}
.cdg-event__meta,
.cdg-event__status-msg {
margin: 0 0 0.5rem;
color: #475569;
font-size: 0.9rem;
}
.cdg-event__subtitle {
margin: 1rem 0 0.5rem;
font-size: 1rem;
}
.cdg-event__leaderboard {
list-style: none;
margin: 0;
padding: 0;
}
.cdg-event__lb-row {
display: grid;
grid-template-columns: 2rem 1fr auto;
gap: 0.5rem;
padding: 0.35rem 0;
border-bottom: 1px solid #f1f5f9;
}
.cdg-event__lb-score {
font-weight: 600;
}
.cdg-event__empty {
color: #94a3b8;
} .cdg-cultural-context {
margin: 0.55rem 0 0;
padding: 0.65rem 0.9rem;
border-left: 2px solid #a89bc9;
background: #faf9fc;
font-size: 0.88rem;
line-height: 1.42;
}
.cdg-cultural-context--reveal {
animation: cdg-cultural-fade-in 0.45s ease-out;
}
@media (prefers-reduced-motion: reduce) {
.cdg-cultural-context--reveal {
animation: none;
}
}
@keyframes cdg-cultural-fade-in {
from {
opacity: 0;
transform: translateY(4px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.cdg-cultural-context__sep {
border: 0;
border-top: 1px solid #ebe6f0;
margin: 0 0 0.45rem;
}
.cdg-cultural-context__cta {
display: flex;
align-items: center;
gap: 0.5rem;
margin: 0.65rem 0 0;
}
.cdg-cultural-context__icon {
display: inline-block;
width: 1.25rem;
height: 1.25rem;
flex-shrink: 0;
border-radius: 50%;
background: #7c6bb8;
opacity: 0.85;
position: relative;
}
.cdg-cultural-context__icon::after {
content: '';
position: absolute;
left: 0.42rem;
top: 0.28rem;
width: 0.35rem;
height: 0.55rem;
border: solid #fff;
border-width: 0 2px 2px 0;
transform: rotate(-45deg);
}
.cdg-cultural-context__label {
font-size: 0.72rem;
text-transform: none;
letter-spacing: 0.01em;
opacity: 0.7;
margin: 0 0 0.25rem;
font-weight: 500;
}
.cdg-cultural-context__title {
margin: 0 0 0.35rem;
font-size: 1rem;
}
.cdg-cultural-context__wording {
font-size: 0.82rem;
opacity: 0.85;
}
.cdg-cultural-context__disclaimer {
font-size: 0.78rem;
opacity: 0.8;
margin: 0.5rem 0 0;
}
.cdg-cultural-context__link {
font-weight: 600;
text-decoration: none;
}
.cdg-cultural-context__link:hover,
.cdg-cultural-context__link:focus {
text-decoration: underline;
}
@media (max-width: 480px) {
.cdg-cultural-context {
margin-top: 0.5rem;
padding: 0.65rem 0.85rem;
font-size: 0.88rem;
line-height: 1.5;
}
.cdg-bridge__block,
.cdg-constellation {
margin-top: 0.5rem;
}
.cdg-quiz__choices {
gap: 0.5rem;
}
}
.cdg-cultural-quiz__filters {
margin: 0.75rem 0 1rem;
}
.cdg-human-message {
margin: 1rem 0 0;
padding: 0.75rem 0.9rem;
font-size: 0.95rem;
line-height: 1.5;
color: #475569;
border-left: 3px solid #cbd5e1;
background: #f8fafc;
border-radius: 0 6px 6px 0;
}
.cdg-human-milestone {
margin: 0.75rem 0 0;
padding: 0.55rem 0.75rem;
font-size: 0.85rem;
color: #475569;
background: #f8fafc;
border-radius: 6px;
border-left: 2px solid #cbd5e1;
}
.cdg-human-milestone__badge {
display: block;
font-weight: 500;
margin-bottom: 0.2rem;
}
.cdg-human-milestone__poetic {
display: block;
font-style: italic;
opacity: 0.9;
}
.cdg-cultural-context__explore {
margin-top: 0.85rem;
padding-top: 0.65rem;
border-top: 1px dashed #e2e8f0;
}
.cdg-cultural-context__explore-label {
margin: 0 0 0.35rem;
font-size: 0.82rem;
font-weight: 600;
color: #64748b;
text-transform: none;
letter-spacing: 0;
}
.cdg-cultural-context__explore ul {
margin: 0;
padding: 0 0 0 1rem;
list-style: disc;
}
.cdg-cultural-context__explore-link {
font-size: 0.9rem;
text-decoration: none;
}
.cdg-cultural-context__explore-link:hover,
.cdg-cultural-context__explore-link:focus {
text-decoration: underline;
}
.cdg-quiz__question-title {
margin-bottom: 0.85rem;
line-height: 1.35;
}
.cdg-human-signals {
max-width: 720px;
margin: 0 0 1.5rem;
padding: 0;
list-style: none;
}
.cdg-human-signals__item {
margin: 0 0 0.5rem;
padding: 0.55rem 0.75rem;
border-radius: 6px;
background: #f8fafc;
border-left: 3px solid #94a3b8;
}
.cdg-human-signals__item--positive {
border-left-color: #16a34a;
background: #f0fdf4;
}
.cdg-human-signals__item--watch {
border-left-color: #d97706;
background: #fffbeb;
}
.cdg-bridge__note {
margin: 0.75rem 0 0;
font-size: 0.88rem;
color: #64748b;
font-style: italic;
line-height: 1.45;
}
.cdg-bridge__block {
margin-top: 0.4rem;
padding-top: 0.5rem;
border-top: 1px dashed #e8e8ec;
}
.cdg-cultural-context--compact .cdg-bridge__block {
margin-top: 0.3rem;
padding-top: 0.4rem;
}
.cdg-bridge__label {
margin: 0 0 0.35rem;
font-size: 0.82rem;
font-weight: 600;
color: #64748b;
}
.cdg-bridge__link {
font-size: 0.9rem;
text-decoration: none;
}
.cdg-bridge__link:hover,
.cdg-bridge__link:focus {
text-decoration: underline;
}
.cdg-constellation {
margin-top: 0.85rem;
padding-top: 0.65rem;
border-top: 1px dashed var(--cdg-border, #dcdcde);
font-size: 0.92rem;
}
.cdg-constellation__line {
margin: 0.35rem 0;
line-height: 1.45;
}
.cdg-constellation__phrase {
color: #646970;
font-style: italic;
}
.cdg-constellation__link {
font-weight: 500;
} .cdg-layer--primary {
margin-bottom: 0.5rem;
}
.cdg-layer--secondary {
font-size: 0.92rem;
opacity: 0.95;
margin-top: 0.65rem;
padding-top: 0.5rem;
border-top: 1px solid var(--cdg-border, #e8e8e8);
}
.cdg-layer--secondary .cdg-bridge__label,
.cdg-layer--secondary .cdg-cultural-context__explore-label {
font-size: 0.78rem;
font-weight: 500;
color: #646970;
text-transform: none;
letter-spacing: 0.01em;
}
.cdg-layer--silent {
font-size: 0.85rem;
color: #646970;
margin-top: 0.45rem;
}
.cdg-cultural-context--breathing {
padding-top: 0.5rem;
}
.cdg-cultural-context--breathing .cdg-layer--secondary {
border-top-style: dashed;
margin-top: 0.5rem;
}
.cdg-cultural-context--compact {
padding: 0.55rem 0.75rem;
font-size: 0.86rem;
}
.cdg-cultural-context--compact .cdg-cultural-context__title {
font-size: 0.95rem;
margin-bottom: 0.25rem;
}
.cdg-cultural-context--compact .cdg-layer--secondary {
margin-top: 0.35rem;
padding-top: 0.3rem;
}
.cdg-cultural-context--compact .cdg-bridge__block {
margin-top: 0.35rem;
}
.cdg-living-trace {
margin: 0.5rem 0 0;
padding: 0.4rem 0 0;
font-size: 0.84rem;
font-style: italic;
color: #64748b;
line-height: 1.4;
border-top: 1px dotted var(--cdg-border, #e8e8e8);
}
.cdg-cultural-context--compact .cdg-cultural-context__wording {
display: none;
}
@media (max-width: 480px) {
.cdg-living-trace {
font-size: 0.85rem;
padding-top: 0.4rem;
}
}
@media (max-width: 480px) {
.cdg-constellation__line {
display: block;
padding: 0.35rem 0;
}
.cdg-constellation__link {
display: inline-block;
min-height: 2.5rem;
line-height: 2.5rem;
}
}
.cdg-bridge__block ul {
margin: 0;
padding: 0 0 0 1rem;
list-style: disc;
}
.cdg-empty-state {
color: #64748b;
font-size: 0.92rem;
line-height: 1.5;
}
.cdg-cultural-context,
.cdg-bridge__block,
.cdg-cultural-context__explore {
max-width: 100%;
overflow-wrap: anywhere;
word-break: break-word;
}
.cdg-cultural-context--reveal {
animation: cdg-context-reveal 0.35s ease-out;
}
@keyframes cdg-context-reveal {
from {
opacity: 0;
transform: translateY(4px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.cdg-cultural-context--compact .cdg-bridge__block,
.cdg-cultural-context--compact .cdg-cultural-context__explore {
margin-top: 0.55rem;
padding-top: 0.5rem;
}
.cdg-cultural-context--compact .cdg-cultural-context__disclaimer {
font-size: 0.75rem;
margin-top: 0.5rem;
}
.cdg-cultural-context--compact .cdg-cultural-context__sep {
margin: 0.35rem 0;
}
.cdg-cultural-context--asleep .cdg-cultural-context__sep {
display: none;
}
.cdg-cultural-context--asleep .cdg-cultural-context__summary {
margin-bottom: 0.35rem;
color: #64748b;
}
.cdg-cultural-context--asleep .cdg-cultural-context__cta {
margin-top: 0.15rem;
}
.cdg-cultural-context--asleep.cdg-cultural-context--reveal,
.cdg-cultural-context--compact.cdg-cultural-context--reveal {
animation-duration: 0.2s;
}
@media (prefers-reduced-motion: reduce) {
.cdg-cultural-context--asleep.cdg-cultural-context--reveal,
.cdg-cultural-context--compact.cdg-cultural-context--reveal {
animation: none;
}
}
@media (max-width: 480px) {
.cdg-cultural-context--compact {
padding: 0.45rem 0.65rem;
margin-top: 0.45rem;
}
.cdg-cultural-context--compact .cdg-cultural-context__summary {
line-height: 1.4;
}
.cdg-quiz__feedback {
margin-top: 0.65rem;
padding: 0.6rem 0.75rem;
font-size: 0.88rem;
}
.cdg-quiz__choices {
gap: 0.45rem;
}
} .cdg-quiz-timer {
display: flex;
align-items: center;
gap: 0.5rem 0.65rem;
margin: 0 0 0.65rem;
font-size: 0.82rem;
color: #64748b;
}
.cdg-quiz-timer__label {
flex: 0 0 auto;
font-weight: 500;
}
.cdg-quiz-timer__track {
flex: 1 1 6rem;
max-width: 8rem;
height: 4px;
border-radius: 999px;
background: #e2e8f0;
overflow: hidden;
}
.cdg-quiz-timer__bar {
height: 100%;
width: 100%;
border-radius: inherit;
background: #94a3b8;
transition: width 0.25s linear;
}
.cdg-quiz-timer--low .cdg-quiz-timer__bar {
background: #a8a29e;
}
.cdg-quiz-timer__secs {
flex: 0 0 auto;
font-variant-numeric: tabular-nums;
min-width: 2.5rem;
text-align: right;
}
@media (prefers-reduced-motion: reduce) {
.cdg-quiz-timer__bar {
transition: none;
}
}
@media (max-width: 390px) {
.cdg-quiz__feedback {
line-height: 1.5;
font-size: 0.92rem;
}
.cdg-quiz-timer {
flex-wrap: wrap;
gap: 0.35rem 0.5rem;
margin-bottom: 0.5rem;
}
.cdg-quiz-timer__track {
flex: 1 1 100%;
max-width: none;
order: 3;
}
.cdg-quiz-timer__label {
font-size: 0.8rem;
}
.cdg-quiz-timer__secs {
font-size: 0.8rem;
}
}
.cdg-journey-private__empty {
margin: 0;
color: #64748b;
font-size: 0.88rem;
line-height: 1.45;
}
.cdg-bridge__link {
display: inline-block;
max-width: 100%;
}
.cdg-journey-private {
margin: 1rem 0 1.25rem;
padding: 0.85rem 1rem;
background: #f8fafc;
border: 1px solid #e2e8f0;
border-radius: 8px;
font-size: 0.9rem;
}
.cdg-journey-private__title {
margin: 0 0 0.35rem;
font-size: 1rem;
}
.cdg-journey-private__note {
margin: 0 0 0.5rem;
font-size: 0.78rem;
color: #94a3b8;
}
.cdg-journey-private__section {
margin: 0.5rem 0 0.25rem;
}
.cdg-journey-private ul {
margin: 0 0 0.5rem;
padding-left: 1.1rem;
}
@media (max-width: 768px) {
.cdg-leaderboard__row {
flex-wrap: wrap;
gap: 0.35rem 0.5rem;
}
.cdg-leaderboard__challenge-btn {
width: 100%;
max-width: 12rem;
}
.cdg-quiz__choices .cdg-quiz__choice {
min-height: 2.65rem;
}
}
.cdg-cultural-quiz__filters .cdg-quiz__btn,
.cdg-cultural-quiz__filters button {
min-height: 2.5rem;
padding: 0.45rem 0.75rem;
}
.cdg-cultural-context__explore-link,
.cdg-bridge__link {
padding: 0.35rem 0;
line-height: 1.45;
}
@media (prefers-reduced-motion: reduce) {
.cdg-cultural-context--reveal {
animation: none;
}
}
@media (max-width: 480px) {
.cdg-cultural-quiz__filters .cdg-quiz__btn,
.cdg-cultural-quiz__filters button {
min-height: 2.85rem;
margin-bottom: 0.35rem;
}
.cdg-cultural-context__explore-link,
.cdg-bridge__link {
display: inline-block;
min-height: 2.75rem;
padding: 0.5rem 0;
}
.cdg-cultural-context {
scroll-margin-top: 1rem;
}
.cdg-quiz {
padding: 1rem 1.1rem;
}
.cdg-human-message {
font-size: 0.9rem;
padding: 0.65rem 0.75rem;
}
.cdg-quiz__btn {
min-height: 2.75rem;
}
.cdg-bridge__label,
.cdg-cultural-context__explore-label {
font-size: 0.78rem;
}
.cdg-bridge__link,
.cdg-cultural-context__explore-link {
font-size: 0.85rem;
}
.cdg-journey-private {
padding: 0.75rem 0.85rem;
}
}