.cqa-app {
	--cqa-green: #006241;
	--cqa-green-dark: #003b29;
	--cqa-green-soft: #e7f3ed;
	--cqa-cream: #f7f3ea;
	--cqa-gold: #c8952e;
	--cqa-ink: #17211d;
	--cqa-muted: #627069;
	--cqa-line: #dce4df;
	background: #fff;
	border: 1px solid var(--cqa-line);
	border-radius: 28px;
	box-shadow: 0 24px 70px rgba(24, 49, 39, .1);
	color: var(--cqa-ink);
	container-name: slamm-cup-atlas;
	container-type: inline-size;
	font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	margin: 2rem auto !important;
	max-inline-size: none !important;
	max-width: none !important;
	overflow: clip;
	position: relative;
	width: min(1360px, calc(100vw - 24px)) !important;
}

body.dmd-has-atlas .entry-title,
body.dmd-has-atlas .wp-block-post-title { display: none !important; }

body.dmd-has-atlas .entry-content,
body.dmd-has-atlas .wp-block-post-content { max-inline-size: none !important; max-width: none !important; }

.cqa-app *,
.cqa-app *::before,
.cqa-app *::after { box-sizing: border-box; }

.cqa-header {
	align-items: center;
	background:
		radial-gradient(circle at 92% 10%, rgba(255,255,255,.14) 0 8%, transparent 8.5%),
		linear-gradient(120deg, var(--cqa-green-dark), var(--cqa-green));
	color: #fff;
	display: flex;
	flex-wrap: wrap;
	gap: 2rem;
	justify-content: space-between;
	padding: clamp(1.5rem, 4vw, 3rem);
}

.cqa-brand { align-items: center; display: flex; flex: 1 1 520px; gap: 1.25rem; min-width: 0; }
.cqa-brand-copy { min-width: 0; }
.cqa-brand-mark {
	align-items: center;
	background: var(--cqa-gold);
	border: 4px solid rgba(255,255,255,.9);
	border-radius: 50%;
	box-shadow: 0 8px 22px rgba(0,0,0,.2);
	display: flex;
	flex: 0 0 74px;
	font-size: 1.2rem;
	font-weight: 900;
	height: 74px;
	justify-content: center;
	letter-spacing: -.05em;
}

.cqa-header h2 {
	color: #fff;
	font-size: clamp(2rem, 5vw, 3.8rem);
	letter-spacing: -.055em;
	line-height: .95;
	margin: .15rem 0 .55rem;
	overflow-wrap: anywhere;
}

.cqa-header p { color: rgba(255,255,255,.83); margin: 0; max-width: 650px; }
.cqa-eyebrow,
.cqa-series {
	font-size: .72rem;
	font-weight: 850;
	letter-spacing: .14em;
	margin: 0;
	text-transform: uppercase;
}
.cqa-header .cqa-eyebrow { color: #d6bd7d; }

.cqa-stats {
	background: rgba(255,255,255,.11);
	border: 1px solid rgba(255,255,255,.2);
	border-radius: 18px;
	display: grid;
	flex: 1 1 320px;
	grid-template-columns: repeat(3, minmax(72px, 1fr));
	overflow: hidden;
}
.cqa-stats span { padding: .9rem 1.1rem; text-align: center; }
.cqa-stats span + span { border-left: 1px solid rgba(255,255,255,.2); }
.cqa-stats strong { display: block; font-size: 1.5rem; line-height: 1; }
.cqa-stats small { color: rgba(255,255,255,.72); font-size: .7rem; text-transform: uppercase; }

.cqa-tabs {
	background: #fff;
	border-bottom: 1px solid var(--cqa-line);
	display: flex;
	gap: .45rem;
	padding: .75rem clamp(1rem, 4vw, 3rem);
	position: sticky;
	top: 0;
	z-index: 500;
}
.cqa-tabs button {
	align-items: center;
	background: transparent;
	border: 0;
	border-radius: 999px;
	color: var(--cqa-muted);
	cursor: pointer;
	display: inline-flex;
	font: inherit;
	font-weight: 750;
	gap: .45rem;
	min-height: 42px;
	padding: .65rem 1rem;
}
.cqa-tabs button:hover { background: var(--cqa-green-soft); color: var(--cqa-green-dark); }
.cqa-tabs button[aria-selected="true"] { background: var(--cqa-green); color: #fff; }

.cqa-view-settings {
	background: #fff;
	border-bottom: 1px solid var(--cqa-line);
	padding: .75rem clamp(1rem, 4vw, 2.5rem);
}
.cqa-view-settings summary {
	color: var(--cqa-green);
	cursor: pointer;
	font-size: .82rem;
	font-weight: 800;
	list-style-position: inside;
}
.cqa-view-settings__grid {
	align-items: end;
	display: grid;
	gap: .8rem;
	grid-template-columns: repeat(4, minmax(120px, 1fr));
	margin-top: .8rem;
}
.cqa-view-settings label {
	color: var(--cqa-muted);
	display: grid;
	font-size: .72rem;
	font-weight: 800;
	gap: .35rem;
	text-transform: uppercase;
}
.cqa-view-settings select {
	background: #fff;
	border: 1px solid #ccd6d0;
	border-radius: 10px;
	color: var(--cqa-ink);
	font: inherit;
	font-size: .9rem;
	height: 42px;
	padding: 0 .7rem;
	text-transform: none;
	width: 100%;
}
.cqa-view-settings .cqa-switch {
	align-items: center;
	display: flex;
	min-height: 42px;
	text-transform: none;
}
.cqa-switch input { accent-color: var(--cqa-green); height: 18px; width: 18px; }

.cqa-view { padding: clamp(1.25rem, 4vw, 3rem); }
.cqa-view[hidden] { display: none !important; }
.cqa-view-heading {
	align-items: end;
	display: flex;
	gap: 1rem;
	justify-content: space-between;
	margin-bottom: 1.5rem;
}
.cqa-view-heading h3 {
	color: var(--cqa-ink);
	font-size: clamp(1.75rem, 4vw, 2.7rem);
	letter-spacing: -.04em;
	line-height: 1.05;
	margin: .2rem 0 .35rem;
}
.cqa-view-heading p { color: var(--cqa-muted); margin-bottom: 0; }
.cqa-view-heading .cqa-eyebrow { color: var(--cqa-green); }

.cqa-toolbar {
	background: var(--cqa-cream);
	border: 1px solid #e5dfd2;
	border-radius: 20px;
	display: grid;
	gap: .8rem;
	grid-template-columns: minmax(240px, 1.6fr) repeat(4, minmax(130px, 1fr));
	margin-bottom: 1rem;
	padding: 1rem;
}

.cqa-quick-filters {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: .45rem;
	margin: .9rem 0 .35rem;
}
.cqa-quick-filters > span { color: var(--cqa-muted); font-size: .68rem; font-weight: 850; letter-spacing: .08em; margin-right: .15rem; text-transform: uppercase; }
.cqa-quick-filters button {
	background: #fff;
	border: 1px solid var(--cqa-line);
	border-radius: 999px;
	color: var(--cqa-green-dark);
	cursor: pointer;
	font: inherit;
	font-size: .75rem;
	font-weight: 800;
	padding: .48rem .78rem;
}
.cqa-quick-filters button:hover,.cqa-quick-filters button[aria-pressed="true"] { background: var(--cqa-green); border-color: var(--cqa-green); color: #fff; }
.cqa-quick-filters .cqa-quick-starwars { background: #0b1a1d; border-color: #294a46; color: #f0ce88; }
.cqa-quick-filters .cqa-quick-starwars:hover,.cqa-quick-filters .cqa-quick-starwars[aria-pressed="true"] { background: #142e30; border-color: #d5a95b; color: #ffe0a2; }
.cqa-toolbar label { color: var(--cqa-muted); display: grid; font-size: .72rem; font-weight: 800; gap: .35rem; text-transform: uppercase; }
.cqa-toolbar input,
.cqa-toolbar select {
	appearance: none;
	background-color: #fff;
	border: 1px solid #ccd6d0;
	border-radius: 12px;
	color: var(--cqa-ink);
	font: inherit;
	font-size: .95rem;
	font-weight: 500;
	height: 46px;
	margin: 0;
	max-width: none;
	padding: 0 .85rem;
	text-transform: none;
	width: 100%;
}
.cqa-toolbar select {
	background-image: linear-gradient(45deg,transparent 50%,var(--cqa-green) 50%),linear-gradient(135deg,var(--cqa-green) 50%,transparent 50%);
	background-position: calc(100% - 17px) 19px,calc(100% - 12px) 19px;
	background-repeat: no-repeat;
	background-size: 5px 5px,5px 5px;
	padding-right: 2.2rem;
}
.cqa-toolbar input:focus,
.cqa-toolbar select:focus { border-color: var(--cqa-green); box-shadow: 0 0 0 3px rgba(0,98,65,.14); outline: 0; }
.cqa-status { color: var(--cqa-muted); font-size: .9rem; margin: .85rem .2rem 1.1rem; }
.cqa-text-button { background: transparent; border: 0; color: var(--cqa-green); cursor: pointer; font: inherit; font-weight: 750; padding: .5rem; }

.cqa-grid {
	display: grid;
	gap: 1.15rem;
	grid-template-columns: repeat(auto-fill, minmax(min(100%, 245px), 1fr));
}
.cqa-card {
	background: #fff;
	border: 1px solid var(--cqa-line);
	border-radius: 19px;
	box-shadow: 0 8px 24px rgba(29, 46, 38, .06);
	display: flex;
	flex-direction: column;
	min-width: 0;
	overflow: hidden;
	transition: border-color .2s, box-shadow .2s, transform .2s;
}
.cqa-card:hover { border-color: #b8cbc1; box-shadow: 0 15px 32px rgba(29, 46, 38, .11); transform: translateY(-3px); }
.cqa-card-media { aspect-ratio: 4 / 3; background: var(--cqa-green-soft); overflow: hidden; position: relative; }
.cqa-card-media img { height: 100%; object-fit: cover; width: 100%; }
.cqa-card-placeholder {
	align-items: center;
	background:
		linear-gradient(135deg, rgba(255,255,255,.06) 25%, transparent 25%) 0 0/28px 28px,
		linear-gradient(135deg, var(--cqa-green-dark), var(--cqa-green));
	color: #fff;
	display: flex;
	height: 100%;
	justify-content: center;
	width: 100%;
}
.cqa-card-placeholder span {
	align-items: center;
	border: 2px solid rgba(255,255,255,.7);
	border-radius: 50%;
	display: flex;
	font-size: 1.2rem;
	font-weight: 900;
	height: 68px;
	justify-content: center;
	width: 68px;
}
.cqa-card-badges {
	align-items: flex-start;
	bottom: .75rem;
	display: flex;
	flex-wrap: wrap;
	gap: .4rem;
	left: .75rem;
	max-width: calc(100% - 1.5rem);
	position: absolute;
}
.cqa-product,
.cqa-ornament,
.cqa-year {
	background: rgba(255,255,255,.94);
	border-radius: 999px;
	box-shadow: 0 4px 12px rgba(0,0,0,.08);
	color: var(--cqa-green-dark);
	font-size: .7rem;
	font-weight: 800;
	padding: .35rem .65rem;
	position: static;
}
.cqa-ornament { background: var(--cqa-gold); color: #fff; }
.cqa-year { background: #eef2f0; color: var(--cqa-green-dark); }
.cqa-card-body { display: flex; flex: 1; flex-direction: column; padding: 1.1rem; }
.cqa-series { color: var(--cqa-green); }
.cqa-card h4 { color: var(--cqa-ink); font-size: 1.3rem; letter-spacing: -.025em; line-height: 1.15; margin: .35rem 0; overflow-wrap: anywhere; }
.cqa-location { color: var(--cqa-muted); font-size: .88rem; line-height: 1.45; margin: 0 0 1rem; }
.cqa-card-actions { align-items: center; display: flex; gap: .75rem; justify-content: space-between; margin-top: auto; }
.cqa-card-actions a { color: var(--cqa-muted); font-size: .78rem; font-weight: 700; text-decoration: none; }
.cqa-card-actions a:hover { color: var(--cqa-green); text-decoration: underline; }
.cqa-collect,
.cqa-primary,
.cqa-empty button {
	align-items: center;
	background: var(--cqa-green);
	border: 1px solid var(--cqa-green);
	border-radius: 999px;
	color: #fff;
	cursor: pointer;
	display: inline-flex;
	font: inherit;
	font-size: .82rem;
	font-weight: 800;
	gap: .4rem;
	justify-content: center;
	min-height: 40px;
	padding: .55rem .9rem;
	text-decoration: none;
}
.cqa-collect:hover,
.cqa-primary:hover,
.cqa-empty button:hover { background: var(--cqa-green-dark); color: #fff; }
.cqa-collect.is-owned { background: var(--cqa-green-soft); border-color: #b9d7c8; color: var(--cqa-green-dark); }
.cqa-collect:disabled { cursor: wait; opacity: .65; }
.cqa-login { color: var(--cqa-green) !important; }

.cqa-collection-summary {
	display: flex;
	flex-wrap: wrap;
	gap: .75rem;
	margin-bottom: 1.5rem;
}
.cqa-collection-summary > span {
	background: var(--cqa-green-soft);
	border-radius: 14px;
	color: var(--cqa-green-dark);
	min-width: 130px;
	padding: .85rem 1rem;
}
.cqa-collection-summary strong { display: block; font-size: 1.35rem; }
.cqa-collection-summary small { color: var(--cqa-muted); display: block; font-size: .68rem; margin-top: .2rem; }
.cqa-collection-summary > span.is-active { box-shadow: inset 0 0 0 2px var(--cqa-green); }
.cqa-collection-tools {
	align-items: start;
	background: var(--cqa-cream);
	border: 1px solid #e5dfd2;
	border-radius: 18px;
	display: grid;
	gap: 1rem;
	grid-template-columns: minmax(180px, .65fr) minmax(300px, 1.35fr);
	margin-bottom: 1rem;
	padding: 1rem;
}
.cqa-collection-tools[hidden] { display: none; }
.cqa-collection-tools label { color: var(--cqa-muted); display: grid; font-size: .7rem; font-weight: 800; gap: .35rem; text-transform: uppercase; }
.cqa-collection-tools input,
.cqa-collection-tools select {
	background: #fff;
	border: 1px solid #cbd5cf;
	border-radius: 10px;
	color: var(--cqa-ink);
	font: inherit;
	font-size: .86rem;
	height: 42px;
	padding: 0 .7rem;
	text-transform: none;
	width: 100%;
}
.cqa-collection-tools details {
	background: #fff;
	border: 1px solid var(--cqa-line);
	border-radius: 12px;
	padding: .75rem;
}
.cqa-collection-tools details[hidden] { display: none; }
.cqa-collection-tools summary { color: var(--cqa-green); cursor: pointer; font-size: .8rem; font-weight: 850; }
.cqa-collection-tools form { align-items: end; display: grid; gap: .65rem; grid-template-columns: 1.2fr .8fr auto; margin-top: .8rem; }
.cqa-collection-tools form .cqa-primary { min-height: 42px; }
.cqa-share-status { color: var(--cqa-muted); font-size: .75rem; margin: .65rem 0; }
.cqa-share-list { display: grid; gap: .45rem; }
.cqa-share-list > div { align-items: center; background: var(--cqa-green-soft); border-radius: 10px; display: flex; gap: .7rem; justify-content: space-between; padding: .55rem .65rem; }
.cqa-share-list span { min-width: 0; }
.cqa-share-list strong,
.cqa-share-list small { display: block; overflow-wrap: anywhere; }
.cqa-share-list strong { font-size: .78rem; }
.cqa-share-list small { color: var(--cqa-muted); font-size: .66rem; }
.cqa-share-list button { background: transparent; border: 0; color: #8b2424; cursor: pointer; font: inherit; font-size: .7rem; font-weight: 800; }
.cqa-share-list > p { color: var(--cqa-muted); font-size: .75rem; margin: .5rem 0 0; }
.cqa-shared-badge { background: #fff3d7 !important; }
.cqa-view-only { color: var(--cqa-muted); font-size: .75rem; font-weight: 800; }
.cqa-collection-kinds,
.cqa-collection-modes {
	background: #eef3f0;
	border: 1px solid var(--cqa-line);
	border-radius: 16px;
	display: grid;
	gap: .35rem;
	grid-template-columns: 1fr 1fr;
	margin: 0 0 1.5rem;
	padding: .35rem;
}
.cqa-collection-kinds {
	background: linear-gradient(135deg, #f8f4ea, #edf6f1);
	border-color: #dfd8c9;
	margin-bottom: .75rem;
}
.cqa-collection-kinds button,
.cqa-collection-modes button {
	align-items: center;
	background: transparent;
	border: 0;
	border-radius: 12px;
	color: var(--cqa-muted);
	cursor: pointer;
	display: inline-flex;
	font: inherit;
	font-size: .86rem;
	font-weight: 850;
	gap: .45rem;
	justify-content: center;
	min-height: 44px;
	padding: .65rem 1rem;
}
.cqa-collection-kinds button { min-height: 58px; }
.cqa-collection-kinds button > span:last-child { display: grid; gap: .08rem; text-align: left; }
.cqa-collection-kinds button strong { font-size: .9rem; }
.cqa-collection-kinds button small { font-size: .65rem; font-weight: 650; opacity: .78; }
.cqa-collection-kinds button[aria-selected="true"],
.cqa-collection-modes button[aria-selected="true"] {
	background: var(--cqa-green);
	box-shadow: 0 5px 14px rgba(0,59,41,.16);
	color: #fff;
}
.cqa-collection-pane[hidden] { display: none; }
.cqa-series-progress {
	display: grid;
	gap: .75rem;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	margin: 0 0 1.5rem;
}
.cqa-progress-card {
	background: #fff;
	border: 1px solid var(--cqa-line);
	border-radius: 15px;
	display: grid;
	gap: .55rem;
	padding: .9rem 1rem;
}
.cqa-progress-card > div { align-items: baseline; display: flex; gap: .75rem; justify-content: space-between; }
.cqa-progress-card strong { color: var(--cqa-ink); font-size: .9rem; overflow-wrap: anywhere; }
.cqa-progress-card span,
.cqa-progress-card small { color: var(--cqa-muted); font-size: .75rem; white-space: nowrap; }
.cqa-progress-card progress {
	accent-color: var(--cqa-green);
	height: 9px;
	width: 100%;
}
.cqa-region-section {
	background: linear-gradient(145deg, #f8f4ea, #eef6f1);
	border: 1px solid #dfd8c9;
	border-radius: 22px;
	margin: 0 0 1.5rem;
	padding: clamp(1rem, 3vw, 1.5rem);
}
.cqa-region-section[hidden] { display: none; }
.cqa-region-heading {
	align-items: end;
	display: flex;
	gap: 1rem;
	justify-content: space-between;
	margin-bottom: 1rem;
}
.cqa-region-heading h4 { color: var(--cqa-ink); font-size: clamp(1.25rem, 3vw, 1.65rem); margin: 0; }
.cqa-region-heading > p { color: var(--cqa-muted); font-size: .82rem; margin: 0; max-width: 330px; text-align: right; }
.cqa-series-switcher {
	align-items: center;
	background: rgba(255,255,255,.82);
	border: 1px solid rgba(0,98,65,.18);
	border-radius: 16px;
	display: grid;
	gap: .35rem;
	grid-template-columns: auto minmax(180px, 1fr);
	margin: 0 0 1rem;
	padding: .75rem .85rem;
}
.cqa-series-switcher > span {
	color: var(--cqa-green-dark);
	font-size: .72rem;
	font-weight: 850;
	letter-spacing: .04em;
	text-transform: uppercase;
}
.cqa-series-switcher select {
	background: #fff;
	border: 1px solid var(--cqa-line);
	border-radius: 11px;
	color: var(--cqa-ink);
	font: inherit;
	min-width: 0;
	padding: .62rem 2.2rem .62rem .7rem;
	width: 100%;
}
.cqa-region-progress {
	display: grid;
	gap: 1.25rem;
}
.cqa-series-map-board {
	background: rgba(255,255,255,.55);
	border: 1px solid rgba(0,98,65,.15);
	border-radius: 20px;
	overflow: hidden;
	padding: .85rem;
}
.cqa-series-map-header {
	align-items: center;
	display: flex;
	gap: 1rem;
	justify-content: space-between;
	padding: .3rem .35rem 1rem;
}
.cqa-series-map-header > div { min-width: 0; }
.cqa-series-map-header p {
	color: var(--cqa-gold);
	font-size: .65rem;
	font-weight: 850;
	letter-spacing: .1em;
	margin: 0;
	text-transform: uppercase;
}
.cqa-series-map-header h5 {
	color: var(--cqa-ink);
	font-size: clamp(1.2rem, 3vw, 1.65rem);
	margin: .12rem 0;
	overflow-wrap: anywhere;
}
.cqa-series-map-header span { color: var(--cqa-muted); font-size: .78rem; }
.cqa-series-map-actions > strong {
	background: var(--cqa-green);
	border-radius: 999px;
	color: #fff;
	flex: 0 0 auto;
	font-size: .75rem;
	padding: .55rem .75rem;
}
.cqa-series-map-actions { align-items: center; display: flex; flex: 0 0 auto; gap: .55rem; }
.cqa-map-expand {
	background: #fff;
	border: 1px solid rgba(0,98,65,.28);
	border-radius: 999px;
	color: var(--cqa-green-dark);
	cursor: pointer;
	font: inherit;
	font-size: .72rem;
	font-weight: 850;
	padding: .55rem .8rem;
}
.cqa-map-expand:hover { background: var(--cqa-green); color: #fff; }
.cqa-series-map-countries {
	display: grid;
	gap: .65rem;
}
.cqa-country-finder {
	align-items: center;
	background: linear-gradient(120deg, rgba(0,98,65,.08), rgba(200,149,46,.1));
	border: 1px solid rgba(0,98,65,.18);
	border-radius: 15px;
	display: grid;
	gap: .35rem .75rem;
	grid-template-columns: auto minmax(180px,1fr);
	margin: 0 0 .8rem;
	padding: .75rem;
}
.cqa-country-finder > span { color: var(--cqa-green-dark); font-size: .75rem; font-weight: 850; }
.cqa-country-finder select { background: #fff; border: 1px solid var(--cqa-line); border-radius: 10px; color: var(--cqa-ink); font: inherit; min-width: 0; padding: .62rem 2rem .62rem .7rem; width: 100%; }
.cqa-country-finder small { color: var(--cqa-muted); font-size: .67rem; grid-column: 2; }
.cqa-country-board {
	animation: cqa-region-enter .5s both;
	animation-delay: var(--cqa-region-delay);
	background: rgba(255,255,255,.94);
	border: 1px solid rgba(0,98,65,.14);
	border-radius: 20px;
	box-shadow: 0 12px 28px rgba(37,49,41,.06);
	min-width: 0;
	overflow: hidden;
}
.cqa-country-board > summary { cursor: pointer; list-style: none; }
.cqa-country-board > summary::-webkit-details-marker { display: none; }
.cqa-country-board:not([open]) .cqa-country-header { border-bottom: 0; }
.cqa-country-board[open] { box-shadow: 0 15px 34px rgba(37,49,41,.09); }
.cqa-country-board[open] .cqa-country-content { animation: cqa-country-unfold .55s cubic-bezier(.2,.8,.2,1) both; transform-origin: center top; }
.cqa-country-board.is-country-focus { animation: cqa-country-focus 1.7s cubic-bezier(.2,.8,.2,1) both; }
.cqa-country-open { background: #fff; border: 1px solid rgba(0,98,65,.22); border-radius: 999px; color: var(--cqa-green-dark); flex: 0 0 auto; font-size: .68rem; font-weight: 850; padding: .45rem .65rem; }
.cqa-country-open span:nth-child(2) { display: none; }
.cqa-country-board[open] .cqa-country-open span:first-child { display: none; }
.cqa-country-board[open] .cqa-country-open span:nth-child(2) { display: inline; }
.cqa-country-header {
	align-items: center;
	background: linear-gradient(120deg, rgba(0,59,41,.04), rgba(200,149,46,.08));
	border-bottom: 1px solid var(--cqa-line);
	display: flex;
	gap: .8rem;
	justify-content: space-between;
	padding: 1rem 1.15rem;
}
.cqa-country-header > div { min-width: 0; }
.cqa-country-header p { color: var(--cqa-gold); font-size: .65rem; font-weight: 850; letter-spacing: .1em; margin: 0; text-transform: uppercase; }
.cqa-country-header h5 { color: var(--cqa-ink); font-size: clamp(1.2rem, 3vw, 1.6rem); margin: .12rem 0; overflow-wrap: anywhere; }
.cqa-country-header > div > span { color: var(--cqa-muted); display: block; font-size: .78rem; }
.cqa-country-percent {
	align-items: center;
	background: conic-gradient(var(--cqa-green) var(--cqa-country-percent), #dce7e1 0);
	border-radius: 50%;
	display: flex;
	flex: 0 0 62px;
	height: 62px;
	justify-content: center;
	position: relative;
	width: 62px;
}
.cqa-country-percent::before { background: #fff; border-radius: inherit; content: ""; inset: 6px; position: absolute; }
.cqa-country-percent span { color: var(--cqa-green); font-size: .75rem; position: relative; z-index: 1; }
.cqa-country-content {
	align-items: start;
	display: grid;
	gap: 1rem;
	grid-template-columns: minmax(0, 1fr);
	padding: 1rem;
}
.cqa-country-map {
	background:
		radial-gradient(circle at 50% 40%, rgba(255,255,255,.88), rgba(231,243,237,.7)),
		linear-gradient(rgba(0,98,65,.035) 1px, transparent 1px),
		linear-gradient(90deg, rgba(0,98,65,.035) 1px, transparent 1px);
	background-size: auto, 30px 30px, 30px 30px;
	border: 1px solid #d7e5dd;
	border-radius: 17px;
	min-width: 0;
	padding: .75rem;
}
.cqa-country-map svg { display: block; height: auto; max-height: 720px; width: 100%; }
.cqa-country-state-outline { fill: #e4ebe7; fill-rule: evenodd; stroke: #fff; stroke-linejoin: round; stroke-width: 1.7; transition: filter .2s, stroke .2s; }
.cqa-country-state.is-tracked .cqa-country-state-outline { fill: rgba(0,98,65,.08); stroke: var(--cqa-green); }
.cqa-country-state.is-complete .cqa-country-state-outline { fill: rgba(200,149,46,.08); stroke: #7a3e1d; }
.cqa-country-state:hover .cqa-country-state-outline { filter: drop-shadow(0 2px 3px rgba(0,59,41,.28)); stroke-width: 2.6; }
.cqa-country-state text { fill: var(--cqa-green-dark); font-size: 8px; font-weight: 900; pointer-events: none; text-anchor: middle; }
.cqa-map-inset-labels text { fill: var(--cqa-muted); font-size: 7px; font-weight: 800; letter-spacing: 1px; text-anchor: middle; }
.cqa-country-coffee { animation: cqa-coffee-rise .9s cubic-bezier(.2,.8,.2,1) both; transform-box: fill-box; transform-origin: center bottom; }
.cqa-country-map-hint { color: var(--cqa-muted); font-size: .7rem; line-height: 1.4; margin: .55rem .25rem 0; text-align: center; }
.cqa-country-legend { background: var(--cqa-cream); border: 1px solid #e5dfd2; border-radius: 15px; display: grid; gap: .65rem; grid-template-columns: repeat(auto-fit,minmax(180px,1fr)); min-width: 0; padding: .85rem; }
.cqa-country-legend h6,.cqa-country-key { grid-column: 1 / -1; }
.cqa-country-legend h6 { color: var(--cqa-ink); font-size: .78rem; margin: 0 0 .75rem; }
.cqa-country-series { margin-bottom: .65rem; }
.cqa-country-series > div { align-items: baseline; display: flex; gap: .5rem; justify-content: space-between; }
.cqa-country-series strong { font-size: .7rem; overflow-wrap: anywhere; }
.cqa-country-series span { color: var(--cqa-muted); font-size: .68rem; }
.cqa-country-series-track { background: #d8e2dc; border-radius: 999px; display: block; height: 6px; margin-top: .28rem; overflow: hidden; }
.cqa-country-series-track i { background: linear-gradient(90deg, #7a3e1d, #d6a765); display: block; height: 100%; }
.cqa-country-key { border-top: 1px solid #ddd5c6; display: grid; gap: .45rem; margin-top: .9rem; padding-top: .8rem; }
.cqa-country-key span { align-items: center; color: var(--cqa-muted); display: flex; font-size: .67rem; gap: .45rem; }
.cqa-country-key i { background: #e4ebe7; border: 1px solid #fff; border-radius: 3px; height: 11px; width: 11px; }
.cqa-country-key i.is-progress { background: #8d522c; border-color: var(--cqa-green); }
.cqa-country-key i.is-full { background: #4b2413; border-color: #7a3e1d; }
.cqa-galaxy-board { background: #071316; border-color: #24433f; color: #fff; overflow: hidden; }
.cqa-galaxy-board .cqa-series-map-header { background: linear-gradient(135deg, #102b2d, #071316); border-bottom-color: #31514d; }
.cqa-galaxy-board .cqa-series-map-header h5,.cqa-galaxy-board .cqa-series-map-actions strong { color: #f3d18a; }
.cqa-galaxy-board .cqa-series-map-header span { color: #b7cac5; }
.cqa-galaxy-map { animation: cqa-stars-drift 16s linear infinite alternate; background-color: #071316; background-image: radial-gradient(circle at 18% 24%, rgba(215,244,235,.75) 0 1px, transparent 1.5px), radial-gradient(circle at 73% 60%, rgba(255,225,166,.55) 0 1px, transparent 1.5px), radial-gradient(circle at 45% 18%, rgba(215,244,235,.4) 0 1px, transparent 1.5px); background-size: 67px 67px,91px 91px,43px 43px; padding: clamp(.4rem,2vw,1.25rem); }
.cqa-galaxy-map svg { display: block; height: auto; width: 100%; }
.cqa-galaxy-map>p { color: #89a59e; font-size: .68rem; margin: .35rem 0 0; text-align: center; }
.cqa-galaxy-route { animation: cqa-route-travel 13s linear infinite; fill: none; opacity: .46; stroke: #5d8580; stroke-dasharray: 6 9; stroke-width: 1.4; }
.cqa-galaxy-route--two { opacity: .25; stroke: #d5a95b; }
.cqa-galaxy-planet { animation: cqa-planet-pulse 3.8s ease-in-out infinite alternate; filter: drop-shadow(0 0 7px rgba(115,190,175,.28)); transform-box: fill-box; transform-origin: center; }
.cqa-galaxy-planet.is-complete { filter: drop-shadow(0 0 10px rgba(231,188,104,.7)); }
.cqa-galaxy-ring { fill: none; stroke: #8bb1a8; stroke-width: 2; }
.cqa-galaxy-planet.is-complete .cqa-galaxy-ring { stroke: #f2cb7d; stroke-width: 3; }
.cqa-galaxy-planet text { fill: #e5efec; font-size: 11px; font-weight: 800; text-anchor: middle; }
.cqa-galaxy-coffee { animation: cqa-coffee-rise .9s cubic-bezier(.2,.8,.2,1) both; transform-box: fill-box; transform-origin: center bottom; }
.cqa-country-map--mosaic { padding: 1rem; }
.cqa-country-mosaic { display: grid; gap: .45rem; grid-template-columns: repeat(auto-fit, minmax(95px, 1fr)); }
.cqa-country-tile {
	align-items: center;
	background: #e5ede9;
	border: 2px solid rgba(0,98,65,.38);
	clip-path: polygon(8% 0, 92% 0, 100% 20%, 100% 80%, 92% 100%, 8% 100%, 0 80%, 0 20%);
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-height: 76px;
	overflow: hidden;
	padding: .65rem .4rem;
	position: relative;
	text-align: center;
}
.cqa-country-tile::before { animation: cqa-tile-fill .9s cubic-bezier(.2,.8,.2,1) both; background: linear-gradient(#a96938,#512610); bottom: 0; content: ""; height: var(--cqa-fill); inset-inline: 0; position: absolute; transform-origin: center bottom; }
.cqa-country-tile strong { color: var(--cqa-green-dark); font-size: .72rem; line-height: 1.15; overflow-wrap: anywhere; position: relative; z-index: 1; }
.cqa-country-tile span { background: rgba(255,255,255,.78); border-radius: 999px; color: var(--cqa-green-dark); font-size: .62rem; margin-top: .25rem; padding: .12rem .35rem; position: relative; z-index: 1; }
.cqa-award-summary {
	display: flex;
	flex-wrap: wrap;
	gap: .75rem;
	margin-bottom: 1.2rem;
}
.cqa-award-summary > span {
	background: var(--cqa-green-soft);
	border-radius: 14px;
	color: var(--cqa-green-dark);
	min-width: 130px;
	padding: .85rem 1rem;
}
.cqa-award-summary strong { display: block; font-size: 1.35rem; }
.cqa-award-grid { display: grid; gap: .9rem; grid-template-columns: repeat(auto-fill, minmax(min(100%, 260px), 1fr)); }
.cqa-award {
	align-items: start;
	background: #f3f5f4;
	border: 1px solid var(--cqa-line);
	border-radius: 18px;
	display: grid;
	gap: .8rem;
	grid-template-columns: 54px minmax(0, 1fr);
	opacity: .78;
	padding: 1rem;
}
.cqa-award.is-earned {
	background: linear-gradient(145deg, #fffaf0, #ecf7f1);
	border-color: #d4b46b;
	box-shadow: 0 10px 26px rgba(64,45,14,.08);
	opacity: 1;
}
.cqa-award-icon {
	align-items: center;
	background: #dce5e0;
	border-radius: 50%;
	display: flex;
	font-size: 1.45rem;
	height: 54px;
	justify-content: center;
	width: 54px;
}
.cqa-award.is-earned .cqa-award-icon { background: linear-gradient(145deg, #e5bd58, #b67d1d); box-shadow: inset 0 0 0 3px rgba(255,255,255,.55); }
.cqa-award p { color: var(--cqa-gold); font-size: .62rem; font-weight: 850; letter-spacing: .08em; margin: 0; text-transform: uppercase; }
.cqa-award h4 { color: var(--cqa-ink); font-size: 1rem; margin: .15rem 0; overflow-wrap: anywhere; }
.cqa-award > div > span { color: var(--cqa-muted); display: block; font-size: .72rem; line-height: 1.35; }
.cqa-award-progress { background: #d5dfda; border-radius: 999px; height: 6px; margin-top: .65rem; overflow: hidden; }
.cqa-award-progress i { background: linear-gradient(90deg, var(--cqa-green), var(--cqa-gold)); display: block; height: 100%; }
.cqa-award small { color: var(--cqa-muted); display: block; font-size: .64rem; margin-top: .25rem; }
@keyframes cqa-region-enter {
	from { opacity: 0; transform: translateY(8px); }
	to { opacity: 1; transform: translateY(0); }
}
@keyframes cqa-country-unfold {
	0% { filter: blur(2px); opacity: 0; transform: translateY(-12px) scaleY(.96); }
	65% { filter: blur(0); opacity: 1; transform: translateY(2px) scaleY(1); }
	100% { transform: none; }
}
@keyframes cqa-country-focus {
	0% { box-shadow: 0 0 0 0 rgba(200,149,46,0); transform: scale(.99); }
	28% { box-shadow: 0 0 0 6px rgba(200,149,46,.3), 0 18px 42px rgba(0,98,65,.16); transform: scale(1.008); }
	100% { box-shadow: 0 15px 34px rgba(37,49,41,.09); transform: none; }
}
@keyframes cqa-coffee-rise {
	from { opacity: .35; transform: translateY(var(--cqa-rise-distance, 90px)); }
	to { opacity: 1; transform: translateY(0); }
}
@keyframes cqa-tile-fill { from { opacity: .35; transform: scaleY(0); } to { opacity: 1; transform: scaleY(1); } }
@keyframes cqa-stars-drift { from { background-position: 0 0,0 0,0 0; } to { background-position: 22px -14px,-18px 28px,13px 17px; } }
@keyframes cqa-route-travel { to { stroke-dashoffset: -120; } }
@keyframes cqa-planet-pulse { from { opacity: .88; transform: scale(.985); } to { opacity: 1; transform: scale(1.02); } }
@keyframes cqa-modal-enter { from { opacity: 0; transform: translateY(18px) scale(.985); } to { opacity: 1; transform: none; } }

body.cqa-map-modal-open { overflow: hidden; }
.cqa-map-modal {
	align-items: flex-start;
	background: rgba(4,17,13,.9);
	backdrop-filter: blur(10px);
	display: flex;
	inset: 0;
	overflow: auto;
	padding: clamp(3.6rem,7vw,5.4rem) clamp(.7rem,3vw,2rem) 2rem;
	position: fixed;
	z-index: 100000;
}
.cqa-map-modal[hidden] { display: none; }
.cqa-map-modal-content { animation: cqa-modal-enter .35s ease-out both; margin: 0 auto; max-width: 1580px; width: 100%; }
.cqa-map-modal-content .cqa-series-map-board { background: #f8fbf9; border-radius: 26px; box-shadow: 0 30px 90px rgba(0,0,0,.38); padding: clamp(.7rem,2vw,1.4rem); }
.cqa-map-modal-content .cqa-galaxy-board { background: #071316; }
.cqa-map-modal-content .cqa-country-map svg { max-height: none; }
.cqa-map-modal-content .cqa-galaxy-map svg { max-height: 78vh; }
.cqa-map-modal-close {
	align-items: center;
	background: #fff;
	border: 0;
	border-radius: 50%;
	box-shadow: 0 8px 24px rgba(0,0,0,.24);
	color: var(--cqa-green-dark);
	cursor: pointer;
	display: flex;
	font-size: 1.7rem;
	height: 44px;
	justify-content: center;
	position: fixed;
	right: clamp(.8rem,2vw,1.8rem);
	top: clamp(.8rem,2vw,1.4rem);
	width: 44px;
	z-index: 2;
}
.cqa-app[data-density="compact"] .cqa-grid { gap: .7rem; grid-template-columns: repeat(auto-fill, minmax(min(100%, 190px), 1fr)); }
.cqa-app[data-density="compact"] .cqa-card-body { padding: .75rem; }
.cqa-app[data-density="compact"] .cqa-card h4 { font-size: 1.02rem; }
.cqa-app[data-density="compact"] .cqa-location { font-size: .78rem; margin-bottom: .6rem; }
.cqa-app[data-layout="list"] .cqa-grid { grid-template-columns: 1fr; }
.cqa-app[data-layout="list"] .cqa-card { display: grid; grid-template-columns: minmax(150px, 28%) 1fr; }
.cqa-app[data-layout="list"] .cqa-card-media { aspect-ratio: auto; min-height: 170px; }
.cqa-hide-images .cqa-card { display: flex; }
.cqa-hide-images .cqa-card-media { display: none; }
.cqa-callout {
	background: var(--cqa-cream);
	border: 1px solid #e5dfd2;
	border-radius: 18px;
	padding: 1.25rem;
	width: 100%;
}
.cqa-callout strong { font-size: 1.15rem; }
.cqa-callout p { color: var(--cqa-muted); margin: .25rem 0 1rem; }

.cqa-map-shell { position: relative; }
.cqa-map {
	background: #dae8e1;
	border: 1px solid var(--cqa-line);
	border-radius: 20px;
	height: clamp(380px, 58vh, 650px);
	overflow: hidden;
	z-index: 1;
}
.cqa-map.is-fallback {
	background:
		linear-gradient(rgba(0,98,65,.08) 1px,transparent 1px),
		linear-gradient(90deg,rgba(0,98,65,.08) 1px,transparent 1px),
		var(--cqa-green-soft);
	background-size: 36px 36px;
}
.cqa-map-status {
	background: rgba(255,255,255,.94);
	border-radius: 999px;
	bottom: 1rem;
	box-shadow: 0 5px 18px rgba(0,0,0,.13);
	color: var(--cqa-muted);
	font-size: .78rem;
	left: 50%;
	margin: 0;
	max-width: calc(100% - 2rem);
	padding: .55rem .9rem;
	position: absolute;
	transform: translateX(-50%);
	z-index: 450;
}
.cqa-map-list {
	display: grid;
	gap: .7rem;
	grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
	margin-top: 1rem;
}
.cqa-map-list > a {
	background: #fff;
	border: 1px solid var(--cqa-line);
	border-radius: 13px;
	color: var(--cqa-ink);
	display: grid;
	grid-template-columns: auto 1fr;
	padding: .8rem;
	text-decoration: none;
}
.cqa-map-list strong,
.cqa-map-list small { grid-column: 2; }
.cqa-map-list small { color: var(--cqa-muted); }
.leaflet-container { font-family: inherit; }

@container slamm-cup-atlas (max-width: 800px) {
	.cqa-header { align-items: stretch; flex-direction: column; }
	.cqa-brand,
	.cqa-stats { flex-basis: auto; width: 100%; }
	.cqa-toolbar { grid-template-columns: 1fr 1fr; }
	.cqa-search { grid-column: 1 / -1; }
	.cqa-view-settings__grid { grid-template-columns: 1fr 1fr; }
}

@container slamm-cup-atlas (max-width: 520px) {
	.cqa-toolbar { grid-template-columns: 1fr; }
	.cqa-search { grid-column: auto; }
	.cqa-grid { grid-template-columns: 1fr; }
	.cqa-view-settings__grid { grid-template-columns: 1fr; }
	.cqa-app[data-layout="list"] .cqa-card { grid-template-columns: 1fr; }
	.cqa-app[data-layout="list"] .cqa-card-media { min-height: 0; }
	.cqa-region-heading { align-items: flex-start; flex-direction: column; }
	.cqa-region-heading > p { text-align: left; }
	.cqa-series-switcher { align-items: stretch; grid-template-columns: 1fr; }
	.cqa-series-map-header { align-items: flex-start; flex-direction: column; }
	.cqa-country-content { grid-template-columns: 1fr; }
	.cqa-collection-tools { grid-template-columns: 1fr; }
	.cqa-collection-tools form { grid-template-columns: 1fr 1fr; }
	.cqa-collection-tools form .cqa-primary { grid-column: 1 / -1; }
}

.cqa-empty {
	align-items: center;
	background: var(--cqa-cream);
	border: 1px dashed #cfc6b3;
	border-radius: 20px;
	display: flex;
	flex-direction: column;
	grid-column: 1 / -1;
	justify-content: center;
	min-height: 230px;
	padding: 2rem;
	text-align: center;
}
.cqa-empty > span { color: var(--cqa-gold); font-size: 2.8rem; }
.cqa-empty h4 { font-size: 1.35rem; margin: .25rem 0; }
.cqa-empty p { color: var(--cqa-muted); margin: 0 0 1rem; }
.cqa-error { color: #8b2424; }

@media (max-width: 900px) {
	.cqa-header { align-items: stretch; flex-direction: column; }
	.cqa-stats { align-self: stretch; }
	.cqa-toolbar { grid-template-columns: 1fr 1fr; }
	.cqa-search { grid-column: 1 / -1; }
}

@media (max-width: 600px) {
	.cqa-app {
		border-radius: 20px;
		margin: 0;
		width: 100vw !important;
	}
	.cqa-app { border-left: 0; border-radius: 0; border-right: 0; }
	.cqa-header { padding: 1.25rem; }
	.cqa-brand { align-items: flex-start; }
	.cqa-brand-mark { flex-basis: 52px; font-size: .9rem; height: 52px; width: 52px; }
	.cqa-header h2 { font-size: 2.35rem; }
	.cqa-header > .cqa-brand p:last-child { font-size: .9rem; }
	.cqa-stats span { padding: .75rem .4rem; }
	.cqa-tabs {
		bottom: 0;
		justify-content: space-around;
		order: 2;
		padding: .55rem max(.55rem, env(safe-area-inset-right)) calc(.55rem + env(safe-area-inset-bottom)) max(.55rem, env(safe-area-inset-left));
		position: sticky;
		top: auto;
	}
	.cqa-tabs button { flex: 1; flex-direction: column; font-size: .68rem; gap: .1rem; padding: .35rem; }
	.cqa-tabs button span { font-size: 1.1rem; }
	.cqa-view { padding: 1.15rem; }
	.cqa-view-heading { align-items: flex-start; flex-direction: column; }
	.cqa-toolbar { grid-template-columns: 1fr; }
	.cqa-search { grid-column: auto; }
	.cqa-view-settings__grid { grid-template-columns: 1fr 1fr; }
	.cqa-grid { grid-template-columns: 1fr; gap: .75rem; }
	.cqa-card-body { padding: .85rem; }
	.cqa-card h4 { font-size: 1.05rem; }
	.cqa-card-actions { align-items: stretch; flex-direction: column; }
	.cqa-collect { width: 100%; }
	.cqa-card-actions a { text-align: center; }
	.cqa-map { height: 62vh; min-height: 380px; }
	.cqa-region-heading { align-items: flex-start; flex-direction: column; }
	.cqa-region-heading > p { text-align: left; }
	.cqa-series-switcher { align-items: stretch; grid-template-columns: 1fr; }
	.cqa-series-map-header { align-items: flex-start; flex-direction: column; }
	.cqa-series-map-actions { flex-wrap: wrap; width: 100%; }
	.cqa-country-finder { align-items: stretch; grid-template-columns: 1fr; }
	.cqa-country-finder small { grid-column: 1; }
	.cqa-map-expand { flex: 1 1 auto; }
	.cqa-series-map-board { padding: .55rem; }
	.cqa-country-content { grid-template-columns: 1fr; padding: .7rem; }
	.cqa-country-header { padding: .85rem; }
	.cqa-country-open { display: none; }
	.cqa-country-percent { flex-basis: 54px; height: 54px; width: 54px; }
	.cqa-country-map { padding: .4rem; }
	.cqa-country-state text { font-size: 9px; }
	.cqa-map-modal { padding: 3.7rem .4rem .65rem; }
	.cqa-map-modal-content .cqa-series-map-board { border-radius: 17px; }
	.cqa-map-modal-content .cqa-country-content { padding: .35rem; }
	.cqa-collection-tools form { grid-template-columns: 1fr; }
	.cqa-collection-tools form .cqa-primary { grid-column: auto; width: 100%; }
}

@media (max-width: 390px) {
	.cqa-grid { grid-template-columns: 1fr; }
	.cqa-view-settings__grid { grid-template-columns: 1fr; }
	.cqa-collection-kinds { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
	.cqa-card { transition: none; }
	.cqa-country-board,
	.cqa-country-board[open] .cqa-country-content,
	.cqa-country-board.is-country-focus,
	.cqa-country-coffee,
	.cqa-country-tile::before,
	.cqa-galaxy-map,
	.cqa-galaxy-route,
	.cqa-galaxy-planet,
	.cqa-map-modal-content { animation: none; }
}

.cqa-card-value{align-items:center;color:#1f6f50;display:flex;font-size:12px;gap:6px;margin:-2px 0 10px}.cqa-card-value strong{font-size:14px}.cqa-card-value.is-guide{color:#8b6415}.cqa-card-value.is-unknown{color:#77847d}.cqa-value-summary{background:#fff9e8!important;border-color:#e7ce87!important}.cqa-value-summary strong{color:#8b6415}

/* Quest release: purposeful motion, themed maps, and clearer hierarchy. */
.cqa-header { isolation: isolate; overflow: hidden; position: relative; }
.cqa-header::after { animation: cqa-header-glow 8s ease-in-out infinite alternate; background: radial-gradient(circle,rgba(255,255,255,.2),transparent 68%); content: ""; height: 360px; pointer-events: none; position: absolute; right: -100px; top: -180px; width: 360px; z-index: -1; }
.cqa-header-steam { bottom: -30px; height: 150px; left: clamp(2rem,9vw,9rem); pointer-events: none; position: absolute; width: 120px; }
.cqa-header-steam i { animation: cqa-steam-rise 4.8s ease-in-out infinite; border: 4px solid rgba(255,255,255,.2); border-bottom: 0; border-radius: 50% 50% 0 0; display: block; height: 66px; left: 15px; position: absolute; top: 55px; width: 30px; }
.cqa-header-steam i:nth-child(2) { animation-delay: -1.6s; left: 47px; top: 42px; }
.cqa-header-steam i:nth-child(3) { animation-delay: -3.1s; left: 76px; top: 61px; }
.cqa-brand-mark { animation: cqa-brand-bob 4s ease-in-out infinite; position: relative; }
.cqa-brand-mark::after { background: rgba(255,255,255,.92); border-radius: 2px 8px 8px 2px; content: ""; height: 22px; position: absolute; right: -13px; top: 20px; width: 15px; z-index: -1; }
.cqa-series { align-items: center; display: flex; gap: .4rem; letter-spacing: .08em; }
.cqa-series b { background: var(--cqa-green); border-radius: 999px; color: #fff; padding: .28rem .52rem; }
.cqa-series span { background: var(--cqa-green-soft); border-radius: 999px; color: var(--cqa-green-dark); padding: .28rem .52rem; }
.cqa-market-links { display: flex; flex-wrap: wrap; gap: .35rem; margin: 0 0 .75rem; }
.cqa-market-links a { background: #f4f7f5; border: 1px solid var(--cqa-line); border-radius: 999px; color: var(--cqa-green-dark); font-size: .67rem; font-weight: 750; padding: .32rem .52rem; text-decoration: none; }
.cqa-market-links a:hover { background: var(--cqa-green-soft); border-color: #a7cbbb; }
.cqa-card.is-newly-collected { animation: cqa-collected-pop .75s cubic-bezier(.2,.9,.2,1) both; }
.cqa-collection-guide { background: linear-gradient(120deg,var(--cqa-green-soft),#fff9e8); border: 1px solid var(--cqa-line); border-radius: 18px; display: flex; flex-wrap: wrap; gap: .7rem 1.5rem; margin: -1rem 0 1.2rem; padding: .8rem 1rem; }
.cqa-collection-guide span { align-items: center; color: var(--cqa-green-dark); display: flex; font-size: .8rem; font-weight: 750; gap: .55rem; }
.cqa-collection-guide b { align-items: center; background: var(--cqa-green); border-radius: 50%; color: #fff; display: flex; height: 25px; justify-content: center; width: 25px; }
.cqa-fill-action { background: linear-gradient(135deg,#8b4c27,#d7a363); border: 0; border-radius: 999px; color: #fff; cursor: pointer; font: inherit; font-size: .72rem; font-weight: 850; padding: .58rem .82rem; }
.cqa-fill-action:hover { filter: brightness(1.08); transform: translateY(-1px); }
.cqa-series-map-board { position: relative; }
.cqa-pour-cup { font-size: 4rem; left: 50%; opacity: 0; pointer-events: none; position: absolute; top: 42%; transform: translate(-50%,-50%) rotate(-28deg) scale(.5); z-index: 20; }
.cqa-series-map-board.is-filling .cqa-pour-cup { animation: cqa-pour-cup 1.8s ease-out both; }
.cqa-series-map-board.is-filling .cqa-country-coffee,.cqa-series-map-board.is-filling .cqa-galaxy-coffee { animation: cqa-coffee-repour 1.55s cubic-bezier(.2,.8,.2,1) both; }
.cqa-series-map-board.is-filling .cqa-country-tile::before { animation: cqa-tile-fill 1.45s cubic-bezier(.2,.8,.2,1) both; }
.cqa-moving-star { animation: cqa-star-fly 5s linear infinite alternate,cqa-star-twinkle 1.8s ease-in-out infinite alternate; fill: #fff6db; transform-box: fill-box; transform-origin: center; }
.cqa-moving-star--1 { animation-delay: -1.2s; fill: #9ce8da; }
.cqa-moving-star--2 { animation-delay: -2.7s; animation-duration: 7s,2.4s; }
.cqa-moving-star--3 { animation-delay: -4.1s; fill: #f1c76f; }
.cqa-campus-board { background: linear-gradient(#dff4ff,#f7edd3); border-color: #afc7d3; }
.cqa-campus-map { background: linear-gradient(#8bc6df 0 55%,#bfd5ad 55%); border-radius: 18px; min-height: 370px; overflow: hidden; padding: 100px clamp(1rem,6vw,5rem) 0; position: relative; }
.cqa-campus-sky::before,.cqa-campus-sky::after { animation: cqa-cloud-drift 18s linear infinite; background: rgba(255,255,255,.75); border-radius: 999px; content: ""; height: 28px; left: 5%; position: absolute; top: 50px; width: 115px; }
.cqa-campus-sky::after { animation-delay: -9s; left: 65%; top: 82px; transform: scale(.7); }
.cqa-campus-building { background: #d8b982; border: 5px solid #8b683c; border-bottom: 0; border-radius: 80px 80px 0 0; box-shadow: 0 18px 35px rgba(65,49,24,.22); min-height: 270px; padding: 65px 22px 25px; position: relative; }
.cqa-campus-dome { align-items: center; background: #8b683c; border-radius: 60px 60px 0 0; color: #ffe89b; display: flex; font-size: 2rem; height: 85px; justify-content: center; left: 50%; position: absolute; top: -65px; transform: translateX(-50%); width: 130px; }
.cqa-campus-windows { display: grid; gap: .55rem; grid-template-columns: repeat(auto-fit,minmax(90px,1fr)); }
.cqa-campus-window { background: #193b4a; border: 3px solid #f3d7a4; border-radius: 7px 7px 2px 2px; color: #fff; cursor: help; min-height: 58px; overflow: hidden; padding: .35rem; position: relative; }
.cqa-campus-window i { background: linear-gradient(#ffe69a,#f1b94c); bottom: 0; height: var(--cqa-fill); inset-inline: 0; position: absolute; transition: height .8s; }
.cqa-campus-window span { font-size: .58rem; font-weight: 800; line-height: 1.1; position: relative; text-shadow: 0 1px 2px #000; z-index: 1; }
.cqa-campus-board.is-filling .cqa-campus-window i { animation: cqa-campus-light 1.4s ease-out both; }
.cqa-wicked-board { background: linear-gradient(145deg,#0c3828,#122616); border-color: #62ad64; color: #fff; }
.cqa-wicked-board .cqa-series-map-header h5,.cqa-wicked-board .cqa-series-map-actions strong { color: #d5ff91; }
.cqa-wicked-board .cqa-series-map-header span { color: #c1d8c8; }
.cqa-wicked-map { background: radial-gradient(circle at 85% 20%,rgba(105,255,126,.22),transparent 24%),linear-gradient(#0c5036 0 58%,#203f1d 58%); border-radius: 18px; min-height: 390px; overflow: hidden; position: relative; }
.cqa-emerald-city { bottom: 38%; display: flex; gap: 5px; position: absolute; right: 8%; }
.cqa-emerald-city i,.cqa-emerald-city b { animation: cqa-emerald-glow 2.4s ease-in-out infinite alternate; background: linear-gradient(#b8ffaf,#00a858); box-shadow: 0 0 18px #66ff9a; display: block; height: 120px; width: 30px; }
.cqa-emerald-city i:nth-child(2) { height: 165px; margin-top: -45px; }
.cqa-emerald-city i:nth-child(3) { height: 95px; margin-top: 25px; }
.cqa-emerald-city b { height: 145px; margin-top: -20px; width: 40px; }
.cqa-yellow-road { background: #f4cf45; bottom: -50px; clip-path: polygon(43% 0,57% 0,95% 100%,5% 100%); height: 270px; position: absolute; right: 7%; transform: rotate(-15deg); width: 55%; }
.cqa-wicked-stop { left: var(--cqa-stop); position: absolute; top: calc(76% - (var(--cqa-stop) * .22)); transform: translate(-50%,-50%); z-index: 3; }
.cqa-wicked-stop i { background: #4d6b43; border: 4px solid #fff; border-radius: 50%; box-shadow: 0 4px 12px rgba(0,0,0,.3); display: block; height: 25px; margin: auto; width: 25px; }
.cqa-wicked-stop.is-complete i { background: #f4cf45; box-shadow: 0 0 20px #f7eb88; }
.cqa-wicked-stop span { background: rgba(3,29,17,.83); border-radius: 7px; color: #fff; display: block; font-size: .6rem; font-weight: 800; margin-top: .2rem; max-width: 120px; padding: .3rem; text-align: center; }
.cqa-wicked-stop small { color: #d5ff91; display: block; }
.cqa-wicked-board.is-filling .cqa-emerald-city i,.cqa-wicked-board.is-filling .cqa-emerald-city b { animation: cqa-wicked-sparkle .8s ease-out 2; }
.cqa-challenge-panel { align-items: center; background: linear-gradient(120deg,#082f22,#006241); border-radius: 18px; color: #fff; display: grid; gap: .75rem 1rem; grid-template-columns: 1fr auto; margin-bottom: 1.1rem; padding: 1rem 1.15rem; }
.cqa-challenge-panel strong,.cqa-challenge-panel span { display: block; }
.cqa-challenge-panel span { color: rgba(255,255,255,.75); font-size: .76rem; margin-top: .2rem; }
.cqa-challenge-panel p { color: #ffe09a; font-size: .72rem; grid-column: 1 / -1; margin: 0; }
.cqa-award.is-earned { overflow: hidden; position: relative; }
.cqa-award.is-earned::after { animation: cqa-award-sparkle 2.2s linear infinite; background: radial-gradient(circle,#fff 0 2px,transparent 3px) 0 0/34px 34px; content: ""; inset: -30%; opacity: .48; pointer-events: none; position: absolute; transform: rotate(18deg); }
.cqa-awards-celebrate [data-cqa-awards]::before { animation: cqa-confetti 1.9s ease-out both; background: radial-gradient(circle,#c8952e 0 3px,transparent 4px) 0 0/42px 42px,radial-gradient(circle,#006241 0 3px,transparent 4px) 21px 18px/55px 55px; content: ""; inset: 0; pointer-events: none; position: absolute; z-index: 5; }
[data-cqa-awards] { position: relative; }
.cqa-map-list > a { grid-template-columns: 38px 1fr; }
.cqa-map-cup { align-items: center; background: var(--cqa-green); border-radius: 50%; color: #fff; display: flex; font-size: 1.15rem; grid-row: 1 / 3; height: 30px; justify-content: center; margin-right: .55rem; width: 30px; }
.cqa-leaflet-cup-wrap { background: transparent !important; border: 0 !important; }
.cqa-leaflet-cup { align-items: center; background: #006241; border: 2px solid #fff; border-radius: 14px 14px 14px 2px; box-shadow: 0 4px 10px rgba(0,0,0,.28); color: #fff; display: flex; font-size: 16px; height: 29px; justify-content: center; transform: rotate(-45deg); width: 29px; }
.cqa-leaflet-cup i { display: block; font-style: normal; transform: rotate(45deg); }
.cqa-leaflet-cup.is-sighting { background: #c8952e; }

@keyframes cqa-header-glow { from { transform: translate(0,0) scale(.85); } to { transform: translate(-160px,90px) scale(1.25); } }
@keyframes cqa-steam-rise { 0% { opacity: 0; transform: translateY(35px) scale(.7); } 45% { opacity: .7; } 100% { opacity: 0; transform: translateY(-95px) scale(1.25); } }
@keyframes cqa-brand-bob { 50% { transform: translateY(-5px) rotate(2deg); } }
@keyframes cqa-collected-pop { 0% { transform: scale(.94); } 45% { box-shadow: 0 0 0 8px rgba(200,149,46,.25); transform: scale(1.025); } 100% { transform: none; } }
@keyframes cqa-pour-cup { 0% { opacity: 0; transform: translate(-50%,-70%) rotate(-45deg) scale(.45); } 25%,60% { opacity: 1; transform: translate(-50%,-50%) rotate(-28deg) scale(1); } 100% { opacity: 0; transform: translate(-50%,15%) rotate(0) scale(.8); } }
@keyframes cqa-coffee-repour { from { opacity: .15; transform: translateY(var(--cqa-rise-distance,120px)); } to { opacity: 1; transform: translateY(0); } }
@keyframes cqa-star-fly { from { transform: translate(-7px,5px); } to { transform: translate(10px,-8px); } }
@keyframes cqa-star-twinkle { from { opacity: .25; } to { opacity: 1; } }
@keyframes cqa-cloud-drift { from { transform: translateX(-80px); } to { transform: translateX(460px); } }
@keyframes cqa-campus-light { from { height: 0; opacity: .2; } to { height: var(--cqa-fill); opacity: 1; } }
@keyframes cqa-emerald-glow { to { filter: brightness(1.3); transform: translateY(-4px); } }
@keyframes cqa-wicked-sparkle { 50% { filter: brightness(1.8) drop-shadow(0 0 15px #e6ff8c); transform: scale(1.08); } }
@keyframes cqa-award-sparkle { to { transform: translate(34px,34px) rotate(18deg); } }
@keyframes cqa-confetti { 0% { opacity: 0; transform: translateY(-40px); } 25% { opacity: 1; } 100% { opacity: 0; transform: translateY(100px); } }

@media (max-width:600px) {
	.cqa-challenge-panel { grid-template-columns: 1fr; }
	.cqa-challenge-panel p { grid-column: auto; }
	.cqa-campus-map { padding-inline: .65rem; }
	.cqa-wicked-stop span { font-size: .48rem; max-width: 72px; }
}

@media (prefers-reduced-motion: reduce) {
	.cqa-header::after,.cqa-header-steam i,.cqa-brand-mark,.cqa-moving-star,.cqa-campus-sky::before,.cqa-campus-sky::after,.cqa-emerald-city i,.cqa-emerald-city b,.cqa-award.is-earned::after,.cqa-awards-celebrate [data-cqa-awards]::before { animation: none !important; }
}