/*
 * ODC — Roda de Memórias 2.6.0
 * Mestre Ray: Da Raiz ao Mundo
 */

.odc-game {
	--odc-gold: #e0ad3f;
	--odc-gold-light: #ffe39a;
	--odc-brown: #3d1d10;
	--odc-dark: #110906;
	--odc-cream: #fff4da;
	position: relative;
	box-sizing: border-box;
	width: 100%;
	max-width: none;
	margin: 0;
	background: #090605;
	color: var(--odc-cream);
	font-family: Arial, Helvetica, sans-serif;
	overflow: hidden;
	isolation: isolate;
}

.odc-game *,
.odc-game *::before,
.odc-game *::after {
	box-sizing: border-box;
}

.odc-game button,
.odc-game a {
	font: inherit;
}

.odc-game button {
	cursor: pointer;
}

.odc-game__skip {
	position: absolute;
	z-index: 200;
	top: -80px;
	left: 16px;
	padding: 10px 15px;
	border-radius: 7px;
	background: #fff;
	color: #111 !important;
	font-weight: 800;
}

.odc-game__skip:focus {
	top: 12px;
}

.odc-game__start {
	position: absolute;
	z-index: 100;
	inset: 0;
	display: grid;
	place-items: center;
	min-height: 720px;
	padding: clamp(16px, 3vw, 44px);
	background:
		linear-gradient(180deg, rgba(4, 3, 2, .12), rgba(4, 3, 2, .52)),
		var(--odc-opening-image) center / cover no-repeat;
	overflow: auto;
}

.odc-game__start[hidden] {
	display: none !important;
}

.odc-game__start-card {
	width: min(1180px, 100%);
	padding: clamp(25px, 4.5vw, 62px);
	border: 1px solid rgba(224, 173, 63, .55);
	border-radius: 24px;
	background:
		radial-gradient(circle at 50% 0, rgba(164, 84, 29, .26), transparent 36%),
		linear-gradient(145deg, rgba(22, 11, 7, .97), rgba(8, 5, 4, .98));
	box-shadow: 0 35px 100px rgba(0, 0, 0, .6);
	text-align: center;
}

.odc-game__eyebrow {
	display: block;
	color: var(--odc-gold);
	font-size: .76rem;
	font-weight: 900;
	letter-spacing: .22em;
	text-transform: uppercase;
}

.odc-game__start-logo {
	display: block;
	width: 68px !important;
	height: 68px !important;
	margin: 12px auto 15px !important;
	object-fit: contain;
}

.odc-game__start h1 {
	max-width: 1000px;
	margin: 0 auto;
	color: #fff8e9;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(3rem, 7.2vw, 7rem);
	line-height: .94;
	text-wrap: balance;
}

.odc-game__opening-copy {
	max-width: 950px;
	margin: clamp(22px, 3vw, 38px) auto 0;
	color: rgba(255, 247, 228, .9);
	font-size: clamp(.98rem, 1.25vw, 1.2rem);
	line-height: 1.7;
}

.odc-game__opening-copy p {
	margin: 0 0 .9em;
}

.odc-game__choice {
	margin: 25px 0 12px;
	color: var(--odc-gold-light);
	font-weight: 800;
}

.odc-game__start-sections {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 10px;
	max-width: 1040px;
	margin: 0 auto 22px;
}

.odc-game__start-sections button {
	display: grid;
	grid-template-columns: 38px 1fr;
	align-items: center;
	min-height: 58px;
	padding: 10px 12px;
	border: 1px solid rgba(224, 173, 63, .32);
	border-radius: 11px;
	background: rgba(255, 255, 255, .035);
	color: var(--odc-cream);
	text-align: left;
}

.odc-game__start-sections button:hover,
.odc-game__start-sections button:focus-visible {
	border-color: var(--odc-gold);
	background: rgba(224, 173, 63, .13);
	outline: none;
	transform: translateY(-2px);
}

.odc-game__start-sections span {
	color: var(--odc-gold);
	font-weight: 900;
}

.odc-game__start-sections strong {
	font-size: .82rem;
	text-transform: uppercase;
}

.odc-game__start-actions,
.odc-game__modal-actions {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 10px;
}

.odc-game__button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	padding: 0 18px;
	border: 1px solid rgba(224, 173, 63, .62);
	border-radius: 999px;
	background: rgba(28, 14, 9, .82);
	color: #fff3d6 !important;
	font-size: .78rem;
	font-weight: 900;
	letter-spacing: .04em;
	text-decoration: none !important;
	text-transform: uppercase;
}

.odc-game__button:hover,
.odc-game__button:focus-visible {
	border-color: var(--odc-gold-light);
	background: #512918;
	outline: none;
	transform: translateY(-1px);
}

.odc-game__button--gold {
	background: linear-gradient(180deg, #f3ca5a, #c6881f);
	color: #1d0d05 !important;
}

.odc-game__instructions {
	margin: 18px 0 0;
	color: rgba(255, 245, 222, .72);
	font-size: .82rem;
}

.odc-game__viewport {
	position: relative;
	min-height: 680px;
	height: min(82vh, 880px);
	background: #090605;
	overflow: hidden;
	outline: none;
}

.odc-game:fullscreen .odc-game__viewport {
	height: 100vh;
}

.odc-game__hud {
	position: absolute;
	z-index: 35;
	top: 10px;
	left: 50%;
	display: grid;
	grid-template-columns: minmax(180px, auto) minmax(180px, 1fr) auto;
	align-items: center;
	gap: 18px;
	width: min(1280px, calc(100% - 28px));
	min-height: 55px;
	padding: 8px 13px;
	border: 1px solid rgba(224, 173, 63, .42);
	border-radius: 15px;
	background: rgba(17, 9, 6, .8);
	box-shadow: 0 15px 38px rgba(0, 0, 0, .25);
	backdrop-filter: blur(12px);
	transform: translateX(-50%);
}

.odc-game__hud-title span {
	display: block;
	color: var(--odc-gold);
	font-size: .58rem;
	font-weight: 900;
	letter-spacing: .2em;
}

.odc-game__hud-title strong {
	display: block;
	color: #fff4dc;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(1rem, 1.45vw, 1.35rem);
	line-height: 1;
}

.odc-game__hud-progress {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
}

.odc-game__hud-progress > span {
	color: var(--odc-gold-light);
	font-size: .72rem;
	font-weight: 900;
	white-space: nowrap;
}

.odc-game__seals {
	display: flex;
	gap: 5px;
}

.odc-game__seal {
	display: grid;
	place-items: center;
	width: 24px;
	height: 24px;
	border: 1px solid rgba(224, 173, 63, .56);
	border-radius: 50%;
	color: rgba(255, 237, 195, .74);
	font-size: .65rem;
	font-weight: 900;
}

.odc-game__seal.is-collected {
	border-color: #f5d269;
	background: #e0ad3f;
	color: #1d0d05;
	box-shadow: 0 0 15px rgba(224, 173, 63, .45);
}

.odc-game__hud-actions {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 6px;
}

.odc-game__hud-actions button,
.odc-game__hud-actions a {
	min-height: 34px;
	padding: 0 11px;
	border: 1px solid rgba(224, 173, 63, .38);
	border-radius: 999px;
	background: rgba(255, 255, 255, .04);
	color: #fff0cf !important;
	font-size: .63rem;
	font-weight: 900;
	text-decoration: none !important;
	text-transform: uppercase;
}

.odc-game__hud-actions button:hover,
.odc-game__hud-actions a:hover,
.odc-game__hud-actions button:focus-visible,
.odc-game__hud-actions a:focus-visible {
	border-color: var(--odc-gold);
	background: rgba(224, 173, 63, .14);
	outline: none;
}

.odc-game__scene {
	position: absolute;
	inset: 0;
	overflow: hidden;
}

.odc-game__world {
	position: absolute;
	top: 0;
	left: 0;
	width: 2600px;
	height: 100%;
	background:
		linear-gradient(180deg, rgba(14, 7, 4, .02), rgba(8, 4, 3, .13)),
		var(--odc-room-image) center / 2600px 100% no-repeat;
	will-change: transform;
	transition: transform .08s linear;
}

.odc-game__lighting {
	position: absolute;
	inset: 0;
	background:
		radial-gradient(circle at 18% 30%, rgba(255, 188, 67, .14), transparent 18%),
		radial-gradient(circle at 51% 26%, rgba(255, 192, 67, .11), transparent 20%),
		radial-gradient(circle at 84% 30%, rgba(255, 188, 67, .12), transparent 18%),
		linear-gradient(180deg, rgba(0, 0, 0, .03), rgba(0, 0, 0, .22));
	pointer-events: none;
}

.odc-game__floor-logo {
	position: absolute;
	left: 1250px;
	bottom: 15%;
	width: 270px !important;
	height: 270px !important;
	object-fit: contain;
	opacity: .17;
	filter: sepia(1) saturate(1.5);
	transform: rotate(-7deg);
}

.odc-game__memory {
	position: absolute;
	z-index: 12;
	left: var(--memory-x);
	top: var(--memory-y);
	display: grid;
	place-items: center;
	width: 88px;
	height: 88px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: radial-gradient(circle, #ffd65a 0 35%, #d79b21 36% 55%, rgba(224, 173, 63, .08) 56%);
	box-shadow:
		0 0 0 10px rgba(224, 173, 63, .08),
		0 0 32px rgba(255, 199, 63, .7);
	color: #211006;
	transform: translate(-50%, -50%);
	animation: odc-memory-float 2.2s ease-in-out infinite alternate;
}

.odc-game__memory:hover,
.odc-game__memory:focus-visible,
.odc-game__memory.is-near {
	outline: none;
	box-shadow:
		0 0 0 13px rgba(255, 219, 112, .15),
		0 0 55px rgba(255, 213, 91, .98);
	transform: translate(-50%, -50%) scale(1.08);
}

.odc-game__memory.is-collected {
	background: radial-gradient(circle, #fff1a8 0 35%, #87ad62 36% 55%, rgba(85, 145, 68, .08) 56%);
	box-shadow:
		0 0 0 10px rgba(90, 157, 72, .11),
		0 0 28px rgba(118, 198, 95, .58);
}

.odc-game__memory-orbit {
	position: absolute;
	inset: -14px;
	border: 1px dashed rgba(255, 230, 160, .74);
	border-radius: 50%;
	animation: odc-orbit 13s linear infinite;
}

.odc-game__memory-number {
	display: grid;
	place-items: center;
	width: 52px;
	height: 52px;
	border-radius: 50%;
	font-size: 1.35rem;
	font-weight: 900;
}

.odc-game__memory-label {
	position: absolute;
	top: calc(100% + 12px);
	left: 50%;
	width: 190px;
	padding: 5px 8px;
	border-radius: 999px;
	background: rgba(13, 7, 5, .87);
	color: #fff0c5;
	font-size: .64rem;
	font-weight: 900;
	line-height: 1.2;
	text-align: center;
	text-transform: uppercase;
	transform: translateX(-50%);
}

.odc-game__avatar {
	position: absolute;
	z-index: 16;
	left: var(--player-x);
	bottom: 14px;
	width: 225px;
	height: 320px;
	pointer-events: none;
	transform: translateX(-50%);
}

.odc-game__avatar-visual {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	transform-origin: center bottom;
}

.odc-game__avatar-visual.is-facing-left {
	transform: scaleX(-1);
}

.odc-game__avatar img {
	display: block;
	width: 100% !important;
	height: 100% !important;
	object-fit: contain;
	object-position: center bottom;
	filter: drop-shadow(0 16px 18px rgba(0, 0, 0, .45));
}

.odc-game__avatar.is-walking img {
	animation: odc-avatar-walk .42s ease-in-out infinite alternate;
}

.odc-game__avatar-shadow {
	position: absolute;
	left: 50%;
	bottom: 3px;
	width: 115px;
	height: 25px;
	border-radius: 50%;
	background: rgba(0, 0, 0, .42);
	filter: blur(7px);
	transform: translateX(-50%);
}

.odc-game__prompt {
	position: absolute;
	z-index: 24;
	left: 50%;
	bottom: 16px;
	max-width: min(590px, calc(100% - 310px));
	padding: 9px 16px;
	border: 1px solid rgba(224, 173, 63, .55);
	border-radius: 999px;
	background: rgba(17, 9, 6, .82);
	color: #fff0cf;
	font-size: .76rem;
	font-weight: 800;
	text-align: center;
	backdrop-filter: blur(9px);
	transform: translateX(-50%);
}

.odc-game__mobile-controls {
	position: absolute;
	z-index: 27;
	right: 14px;
	bottom: 13px;
	display: grid;
	grid-template-columns: repeat(3, 64px);
	gap: 6px;
}

.odc-game__mobile-controls button {
	min-height: 48px;
	border: 1px solid rgba(224, 173, 63, .65);
	border-radius: 12px;
	background: rgba(26, 13, 8, .88);
	color: #ffe8ae;
	font-size: .72rem;
	font-weight: 900;
}

.odc-game__mobile-controls button[data-control="interact"] {
	background: linear-gradient(180deg, #f1c54e, #bf7a19);
	color: #1d0d05;
}

.odc-game__mobile-controls button.is-active,
.odc-game__mobile-controls button:hover,
.odc-game__mobile-controls button:focus-visible {
	border-color: var(--odc-gold-light);
	filter: brightness(1.12);
	outline: none;
}

.odc-game__modal[hidden],
.odc-game__finish[hidden],
.odc-game__accessible[hidden] {
	display: none !important;
}

.odc-game__modal,

.odc-game__modal-actions .odc-game__button {
	flex: 1 1 180px;
	min-height: 46px;
	padding-inline: 16px;
	font-size: .75rem;
}

.odc-game__finish {
	position: fixed;
	z-index: 999999;
	inset: 0;
	display: grid;
	place-items: center;
	padding: clamp(8px, 2vw, 24px);
	opacity: 0;
	transition: opacity .18s ease;
}

.odc-game__modal.is-open,
.odc-game__finish.is-open {
	opacity: 1;
}

.odc-game__modal-backdrop {
	position: absolute;
	inset: 0;
	background:
		radial-gradient(circle at 30% 20%, rgba(123, 59, 23, .24), transparent 30%),
		rgba(4, 3, 2, .94);
	backdrop-filter: blur(10px);
}

.odc-game__modal-card {
	position: relative;
	z-index: 2;
	display: grid;
	grid-template-columns: minmax(0, 1.45fr) minmax(430px, .98fr);
	width: min(1600px, calc(100% - 18px));
	height: min(90vh, 920px);
	border: 1px solid rgba(224, 173, 63, .55);
	border-radius: 19px;
	background: linear-gradient(145deg, #1c0e09, #080504);
	box-shadow: 0 40px 120px rgba(0, 0, 0, .72);
	overflow: hidden;
}

.odc-game__modal-close {
	position: absolute;
	z-index: 8;
	top: 12px;
	right: 13px;
	display: grid;
	place-items: center;
	width: 42px;
	height: 42px;
	border: 1px solid rgba(255, 227, 154, .58);
	border-radius: 50%;
	background: rgba(7, 4, 3, .76);
	color: #fff0cd;
	font-size: 1.6rem;
	line-height: 1;
}

.odc-game__modal-media {
	position: relative;
	display: grid;
	place-items: center;
	min-width: 0;
	background:
		radial-gradient(circle, rgba(104, 48, 20, .16), transparent 48%),
		#050403;
	overflow: hidden;
}

.odc-game__modal-media figure {
	display: grid;
	grid-template-rows: minmax(0, 1fr) auto;
	width: 100%;
	height: 100%;
	margin: 0;
}

.odc-game__modal-media img {
	display: block;
	align-self: center;
	justify-self: center;
	max-width: 100%;
	max-height: calc(92vh - 72px);
	width: auto;
	height: auto;
	padding: clamp(15px, 3vw, 45px);
	object-fit: contain;
	transition: opacity .16s ease, transform .16s ease;
}

.odc-game__modal-media img.is-changing {
	opacity: .2;
	transform: scale(.985);
}

.odc-game__modal-media figcaption {
	min-height: 56px;
	padding: 13px 74px 15px;
	border-top: 1px solid rgba(224, 173, 63, .23);
	background: rgba(7, 4, 3, .9);
	color: rgba(255, 239, 207, .86);
	font-size: .8rem;
	line-height: 1.45;
	text-align: center;
}

.odc-game__gallery-arrow {
	position: absolute;
	z-index: 5;
	top: 50%;
	display: grid;
	place-items: center;
	width: 48px;
	height: 64px;
	border: 1px solid rgba(224, 173, 63, .48);
	border-radius: 13px;
	background: rgba(16, 8, 5, .75);
	color: #ffe8a7;
	font-size: 2.5rem;
	transform: translateY(-50%);
}

.odc-game__gallery-arrow:hover,
.odc-game__gallery-arrow:focus-visible {
	border-color: var(--odc-gold-light);
	background: rgba(87, 41, 20, .9);
	outline: none;
}

.odc-game__gallery-arrow--prev {
	left: 13px;
}

.odc-game__gallery-arrow--next {
	right: 13px;
}

.odc-game__gallery-count {
	position: absolute;
	z-index: 4;
	top: 14px;
	left: 15px;
	padding: 6px 9px;
	border-radius: 999px;
	background: rgba(8, 4, 3, .76);
	color: #ffe6a5;
	font-size: .68rem;
	font-weight: 900;
}

.odc-game__modal-copy {
	display: flex;
	flex-direction: column;
	min-width: 0;
	padding: clamp(34px, 3vw, 52px) clamp(24px, 2.8vw, 36px) 20px;
	overflow: auto;
}

.odc-game__modal-copy > span {
	color: var(--odc-gold);
	font-size: .7rem;
	font-weight: 900;
	letter-spacing: .14em;
	text-transform: uppercase;
}

.odc-game__modal-copy h2 {
	margin: 10px 0 8px;
	color: var(--odc-gold-light);
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(1.9rem, 3.2vw, 3.7rem);
	line-height: 1.02;
}

.odc-game__modal-period {
	margin: 0 0 14px !important;
	color: #d7c8af !important;
	font-size: 1rem !important;
	font-weight: 800;
}

.odc-game__modal-intro {
	margin: 0 0 12px !important;
	color: #fff0d0 !important;
	font-size: 1rem !important;
	font-weight: 700 !important;
	line-height: 1.58 !important;
}

.odc-game__modal-copy > p {
	margin: 0 0 12px;
	color: rgba(255, 242, 218, .82);
	font-size: .98rem;
	line-height: 1.62;
}

.odc-game__gallery-thumbs {
	display: flex;
	gap: 7px;
	margin: 14px -2px 12px;
	padding: 2px 2px 9px;
	overflow-x: auto;
	scrollbar-width: thin;
	scrollbar-color: #b57a25 #1a0d08;
}

.odc-game__gallery-thumb {
	flex: 0 0 67px;
	width: 67px;
	height: 54px;
	padding: 0;
	border: 2px solid transparent;
	border-radius: 7px;
	background: #100805;
	overflow: hidden;
	opacity: .56;
}

.odc-game__gallery-thumb.is-active {
	border-color: var(--odc-gold);
	opacity: 1;
}

.odc-game__gallery-thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.odc-game__modal-actions {
	justify-content: flex-start;
	gap: 10px;
	margin-top: auto;
	padding-top: 14px;
	padding-bottom: 6px;
	position: sticky;
	bottom: 0;
	background: linear-gradient(180deg, rgba(8,5,4,0), rgba(8,5,4,.92) 22%, rgba(8,5,4,.98));
}

.odc-game__finish {
	background:
		radial-gradient(circle at center, rgba(166, 91, 29, .28), transparent 36%),
		rgba(5, 3, 2, .96);
}

.odc-game__finish-card {
	width: min(780px, 100%);
	padding: clamp(27px, 5vw, 60px);
	border: 1px solid rgba(224, 173, 63, .58);
	border-radius: 24px;
	background: linear-gradient(145deg, #24110a, #080504);
	color: var(--odc-cream);
	text-align: center;
	box-shadow: 0 40px 110px rgba(0, 0, 0, .7);
}

.odc-game__finish-card > img {
	width: min(250px, 64vw);
	max-height: 300px;
	border-radius: 7px;
	object-fit: contain;
	filter: sepia(.16);
}

.odc-game__finish-card > span {
	display: block;
	margin-top: 18px;
	color: var(--odc-gold);
	font-size: .72rem;
	font-weight: 900;
	letter-spacing: .2em;
}

.odc-game__finish-card h2 {
	margin: 8px 0 13px;
	color: var(--odc-gold-light);
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(2.4rem, 7vw, 5.6rem);
	line-height: .95;
}

.odc-game__finish-card p {
	max-width: 650px;
	margin: 0 auto 24px;
	line-height: 1.65;
}

.odc-game__accessible {
	position: fixed;
	z-index: 999999;
	inset: 0;
	padding: clamp(22px, 5vw, 70px);
	background: #111;
	color: #fff;
	overflow: auto;
}

.odc-game__accessible-head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 20px;
	max-width: 1250px;
	margin: 0 auto 25px;
}

.odc-game__accessible-head span {
	color: #e7bd5a;
	font-weight: 900;
	letter-spacing: .1em;
	text-transform: uppercase;
}

.odc-game__accessible-head h2 {
	margin: 5px 0 0;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(2rem, 5vw, 4.4rem);
}

.odc-game__accessible-intro {
	max-width: 1050px;
	margin: 0 auto 35px;
	font-size: 1.02rem;
	line-height: 1.7;
}

.odc-game__accessible-grid {
	display: grid;
	gap: 22px;
	max-width: 1250px;
	margin: 0 auto;
}

.odc-game__accessible-card {
	display: grid;
	grid-template-columns: minmax(250px, .55fr) minmax(0, 1fr);
	gap: 23px;
	padding: 20px;
	border: 1px solid rgba(224, 173, 63, .45);
	border-radius: 14px;
	background: #1d110c;
}

.odc-game__accessible-card > img {
	width: 100%;
	height: 310px;
	border-radius: 8px;
	object-fit: contain;
	background: #090605;
}

.odc-game__accessible-card span {
	color: #e1ad3f;
	font-weight: 900;
	letter-spacing: .12em;
}

.odc-game__accessible-card h3 {
	margin: 7px 0 13px;
	color: #ffe4a2;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 2rem;
}

.odc-game__accessible-card p {
	line-height: 1.6;
}

.odc-game__accessible-card details {
	margin-top: 16px;
}

.odc-game__accessible-card summary {
	cursor: pointer;
	color: #ffe2a0;
	font-weight: 800;
}

.odc-game__accessible-gallery {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
	gap: 10px;
	margin-top: 14px;
}

.odc-game__accessible-gallery figure {
	margin: 0;
	padding: 8px;
	background: #090605;
}

.odc-game__accessible-gallery img {
	width: 100%;
	height: 190px;
	object-fit: contain;
}

.odc-game__accessible-gallery figcaption {
	padding: 8px 2px 2px;
	color: #ccc;
	font-size: .78rem;
	line-height: 1.4;
}

body.odc-game-modal-open {
	overflow: hidden;
}

@keyframes odc-memory-float {
	from { margin-top: -5px; }
	to { margin-top: 6px; }
}

@keyframes odc-orbit {
	to { transform: rotate(360deg); }
}

@keyframes odc-avatar-walk {
	from { transform: translateY(0) rotate(-1deg); }
	to { transform: translateY(-7px) rotate(1deg); }
}

@media (max-width: 1000px) {
	.odc-game__hud {
		grid-template-columns: 1fr auto;
	}

	.odc-game__hud-progress {
		grid-column: 1 / -1;
		grid-row: 2;
		justify-content: flex-start;
	}

	.odc-game__modal-card {
		grid-template-columns: minmax(0, 1.22fr) minmax(360px, .92fr);
	}

	.odc-game__prompt {
		left: 14px;
		right: 225px;
		max-width: none;
		transform: none;
	}
}

@media (max-width: 700px) {
	.odc-game__start {
		min-height: 690px;
		padding: 10px;
	}

	.odc-game__start-card {
		padding: 27px 16px;
	}

	.odc-game__start h1 {
		font-size: clamp(2.7rem, 14vw, 4.3rem);
	}

	.odc-game__opening-copy {
		font-size: .9rem;
		line-height: 1.55;
	}

	.odc-game__start-sections {
		grid-template-columns: 1fr 1fr;
	}

	.odc-game__start-sections button {
		grid-template-columns: 30px 1fr;
		min-height: 52px;
		padding: 7px 8px;
	}

	.odc-game__start-sections strong {
		font-size: .69rem;
	}

	.odc-game__start-actions {
		flex-direction: column;
	}

	.odc-game__button {
		width: 100%;
	}

	.odc-game__instructions {
		display: none;
	}

	.odc-game__viewport {
		min-height: 650px;
		height: 84vh;
	}

	.odc-game__hud {
		top: 7px;
		width: calc(100% - 14px);
		min-height: 47px;
		gap: 7px;
		padding: 6px 8px;
		border-radius: 11px;
	}

	.odc-game__hud-title strong {
		font-size: .92rem;
	}

	.odc-game__hud-title span {
		font-size: .45rem;
	}

	.odc-game__hud-progress {
		display: none;
	}

	.odc-game__hud-actions {
		gap: 4px;
	}

	.odc-game__hud-actions button,
	.odc-game__hud-actions a {
		min-height: 31px;
		padding: 0 8px;
		font-size: .54rem;
	}

	.odc-game__hud-actions a:last-child {
		display: none;
	}

	.odc-game__world {
		width: 2300px;
		background-size: 2300px 100%;
	}

	.odc-game__memory {
		width: 67px;
		height: 67px;
	}

	.odc-game__memory-number {
		width: 40px;
		height: 40px;
		font-size: 1rem;
	}

	.odc-game__memory-label {
		width: 135px;
		font-size: .52rem;
	}

	.odc-game__avatar {
		bottom: 58px;
		width: 158px;
		height: 225px;
	}

	.odc-game__prompt {
		display: none;
	}

	.odc-game__mobile-controls {
		right: 8px;
		bottom: 7px;
		left: 8px;
		grid-template-columns: repeat(3, 1fr);
	}

	.odc-game__mobile-controls button {
		min-height: 48px;
	}

	.odc-game__modal {
		padding: 0;
	}

	.odc-game__modal-card {
		display: flex;
		flex-direction: column;
		width: 100%;
		height: 100%;
		border: 0;
		border-radius: 0;
	}

	.odc-game__modal-media {
		flex: 0 0 52%;
		min-height: 0;
	}

	.odc-game__modal-media img {
		max-height: calc(52vh - 48px);
		padding: 20px 40px 10px;
	}

	.odc-game__modal-media figcaption {
		min-height: 48px;
		padding: 10px 53px;
		font-size: .68rem;
	}

	.odc-game__gallery-arrow {
		width: 38px;
		height: 52px;
	}

	.odc-game__gallery-arrow--prev {
		left: 5px;
	}

	.odc-game__gallery-arrow--next {
		right: 5px;
	}

	.odc-game__modal-copy {
		flex: 1 1 auto;
		padding: 28px 17px 20px;
	}

	.odc-game__modal-copy h2 {
		font-size: 2.25rem;
	}

	.odc-game__modal-intro {
		font-size: .92rem !important;
	}

	.odc-game__gallery-thumbs {
		margin: 14px -2px;
	}

	.odc-game__gallery-thumb {
		flex-basis: 57px;
		width: 57px;
		height: 46px;
	}

	.odc-game__modal-actions {
		flex-direction: column;
	}

	.odc-game__accessible {
		padding: 30px 13px;
	}

	.odc-game__accessible-head {
		flex-direction: column;
	}

	.odc-game__accessible-card {
		grid-template-columns: 1fr;
		padding: 13px;
	}

	.odc-game__accessible-card > img {
		height: 250px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.odc-game *,
	.odc-game *::before,
	.odc-game *::after {
		animation-duration: .01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: .01ms !important;
		scroll-behavior: auto !important;
	}
}


/* ================================================================
 * Interatividade adicional — v2.7.0
 * ================================================================ */

.odc-game__button--guided {
	border-color: rgba(255, 224, 137, .78);
	background:
		linear-gradient(180deg, rgba(87, 43, 19, .98), rgba(45, 21, 11, .98));
	box-shadow: inset 0 0 0 1px rgba(255, 220, 126, .12);
}

.odc-game__hud-actions [data-guided-toggle].is-active {
	border-color: #ffe096;
	background: #d69a2d;
	color: #1d0d05 !important;
}

.odc-game__root-map {
	position: absolute;
	z-index: 7;
	inset: 0;
	width: 2600px;
	height: 100%;
	pointer-events: none;
	overflow: visible;
}

.odc-game__root-shadow,
.odc-game__root-segment {
	fill: none;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.odc-game__root-shadow {
	stroke: rgba(0, 0, 0, .46);
	stroke-width: 13;
	filter: blur(3px);
}

.odc-game__root-segment {
	stroke: #efbd4b;
	stroke-width: 5;
	stroke-dasharray: 520;
	stroke-dashoffset: 520;
	filter:
		drop-shadow(0 0 5px rgba(255, 199, 67, .82))
		drop-shadow(0 0 12px rgba(255, 185, 45, .38));
	transition: stroke-dashoffset 1.1s cubic-bezier(.2, .7, .25, 1);
}

.odc-game__root-segment.is-grown {
	stroke-dashoffset: 0;
}

.odc-game.is-root-growing .odc-game__root-segment.is-grown {
	animation: odc-root-pulse .9s ease;
}

.odc-game__memory {
	background:
		linear-gradient(rgba(224, 173, 63, .62), rgba(84, 42, 17, .58)),
		var(--memory-image) center / cover no-repeat;
	border: 3px solid rgba(255, 218, 119, .82);
	color: #fff9e9;
	text-shadow: 0 1px 4px rgba(0, 0, 0, .88);
}

.odc-game__memory-number {
	background: rgba(28, 13, 7, .44);
	backdrop-filter: blur(2px);
}

.odc-game__memory.is-collected {
	background:
		linear-gradient(rgba(88, 145, 66, .58), rgba(24, 65, 29, .54)),
		var(--memory-image) center / cover no-repeat;
}

.odc-game__avatar-speech {
	position: absolute;
	z-index: 25;
	left: 50%;
	bottom: calc(100% - 35px);
	width: max-content;
	max-width: 230px;
	padding: 9px 13px;
	border: 1px solid rgba(255, 219, 122, .68);
	border-radius: 13px 13px 13px 3px;
	background: rgba(18, 9, 6, .92);
	color: #fff0cd;
	font-size: .72rem;
	font-weight: 800;
	line-height: 1.35;
	text-align: center;
	opacity: 0;
	transform: translate(-50%, 8px);
	transition: opacity .18s ease, transform .18s ease;
	backdrop-filter: blur(7px);
}

.odc-game__avatar-speech::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 42%;
	border: 7px solid transparent;
	border-top-color: rgba(18, 9, 6, .92);
}

.odc-game__avatar-speech.is-visible {
	opacity: 1;
	transform: translate(-50%, 0);
}

.odc-game__transition {
	position: absolute;
	z-index: 70;
	inset: 0;
	display: grid;
	place-items: center;
	background:
		radial-gradient(circle at center, rgba(114, 55, 22, .26), transparent 38%),
		rgba(6, 3, 2, .84);
	opacity: 0;
	pointer-events: none;
	transition: opacity .42s ease;
	backdrop-filter: blur(5px);
}

.odc-game__transition[hidden] {
	display: none !important;
}

.odc-game__transition.is-open {
	opacity: 1;
}

.odc-game__transition-inner {
	position: relative;
	width: min(960px, calc(100% - 36px));
	padding: clamp(25px, 6vw, 72px);
	border-top: 1px solid rgba(224, 173, 63, .62);
	border-bottom: 1px solid rgba(224, 173, 63, .62);
	text-align: center;
	transform: scale(.96);
	transition: transform .42s ease;
}

.odc-game__transition.is-open .odc-game__transition-inner {
	transform: scale(1);
}

.odc-game__transition-inner span {
	display: block;
	color: var(--odc-gold);
	font-size: .72rem;
	font-weight: 900;
	letter-spacing: .25em;
}

.odc-game__transition-inner strong {
	display: block;
	margin: 10px 0 7px;
	color: #fff1c9;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(2.7rem, 8vw, 7.2rem);
	line-height: .94;
}

.odc-game__transition-inner em {
	color: rgba(255, 237, 198, .78);
	font-size: clamp(.9rem, 1.6vw, 1.15rem);
	font-style: normal;
}

.odc-game__photo-zoom-button {
	position: absolute;
	z-index: 7;
	top: 14px;
	right: 72px;
	min-height: 34px;
	padding: 0 12px;
	border: 1px solid rgba(255, 227, 154, .58);
	border-radius: 999px;
	background: rgba(7, 4, 3, .76);
	color: #fff0cd;
	font-size: .67rem;
	font-weight: 900;
	text-transform: uppercase;
}

.odc-game__photo-zoom-button:hover,
.odc-game__photo-zoom-button:focus-visible {
	border-color: var(--odc-gold-light);
	background: #63321b;
	outline: none;
}

.odc-game__modal-media img {
	cursor: zoom-in;
}

.odc-game__photo-zoom[hidden] {
	display: none !important;
}

.odc-game__photo-zoom {
	position: fixed;
	z-index: 1000002;
	inset: 0;
	display: grid;
	place-items: center;
	padding: 18px;
	opacity: 0;
	transition: opacity .18s ease;
}

.odc-game__photo-zoom.is-open {
	opacity: 1;
}

.odc-game__photo-zoom-backdrop {
	position: absolute;
	inset: 0;
	background: rgba(2, 2, 2, .97);
	backdrop-filter: blur(8px);
}

.odc-game__photo-zoom figure {
	position: relative;
	z-index: 2;
	display: grid;
	grid-template-rows: minmax(0, 1fr) auto;
	width: min(1750px, 100%);
	height: calc(100vh - 36px);
	margin: 0;
}

.odc-game__photo-zoom figure > button {
	position: absolute;
	z-index: 3;
	top: 8px;
	right: 8px;
	display: grid;
	place-items: center;
	width: 46px;
	height: 46px;
	border: 1px solid rgba(255, 230, 165, .65);
	border-radius: 50%;
	background: rgba(9, 5, 3, .8);
	color: #fff0cf;
	font-size: 1.7rem;
}

.odc-game__photo-zoom img {
	align-self: center;
	justify-self: center;
	max-width: 100%;
	max-height: calc(100vh - 105px);
	width: auto;
	height: auto;
	object-fit: contain;
}

.odc-game__photo-zoom figcaption {
	min-height: 50px;
	padding: 12px;
	color: rgba(255, 239, 207, .86);
	text-align: center;
}

@keyframes odc-root-pulse {
	0% { stroke-width: 5; filter: drop-shadow(0 0 5px rgba(255, 199, 67, .82)); }
	45% { stroke-width: 9; filter: drop-shadow(0 0 18px rgba(255, 225, 126, 1)); }
	100% { stroke-width: 5; filter: drop-shadow(0 0 5px rgba(255, 199, 67, .82)); }
}

@media (max-width: 700px) {
	.odc-game__root-map {
		width: 2300px;
	}

	.odc-game__avatar-speech {
		bottom: calc(100% - 25px);
		max-width: 175px;
		font-size: .62rem;
	}

	.odc-game__transition-inner {
		padding: 34px 14px;
	}

	.odc-game__transition-inner strong {
		font-size: clamp(2.4rem, 13vw, 4.4rem);
	}

	.odc-game__photo-zoom-button {
		top: 8px;
		right: 52px;
		min-height: 30px;
		padding: 0 9px;
		font-size: .58rem;
	}
}

@media (prefers-reduced-motion: reduce) {
	.odc-game__root-segment {
		transition: none !important;
	}

	.odc-game__transition,
	.odc-game__transition-inner,
	.odc-game__avatar-speech {
		transition: none !important;
	}
}


/* ================================================================
 * Sala interativa — v2.8.0
 * ================================================================ */

.odc-game__scene {
	cursor: grab;
	touch-action: pan-y;
}

.odc-game.is-room-dragging .odc-game__scene {
	cursor: grabbing;
}

.odc-game__lighting {
	background:
		radial-gradient(
			circle 185px at var(--avatar-light-x, 170px) 76%,
			rgba(255, 202, 91, .23),
			rgba(255, 177, 52, .08) 42%,
			transparent 72%
		),
		radial-gradient(
			circle 235px at var(--pointer-light-x, 760px) var(--pointer-light-y, 290px),
			rgba(255, 216, 128, .12),
			transparent 72%
		),
		radial-gradient(circle at 18% 30%, rgba(255, 188, 67, .14), transparent 18%),
		radial-gradient(circle at 51% 26%, rgba(255, 192, 67, .11), transparent 20%),
		radial-gradient(circle at 84% 30%, rgba(255, 188, 67, .12), transparent 18%),
		linear-gradient(180deg, rgba(0, 0, 0, .03), rgba(0, 0, 0, .22));
	transition: background-position .12s linear;
}

.odc-game__particles {
	position: absolute;
	z-index: 8;
	inset: 0;
	pointer-events: none;
	overflow: hidden;
}

.odc-game__particles span {
	position: absolute;
	left: var(--particle-x);
	top: var(--particle-y);
	width: var(--particle-size);
	height: var(--particle-size);
	border-radius: 50%;
	background: #ffd777;
	box-shadow: 0 0 8px rgba(255, 204, 95, .82);
	opacity: 0;
	animation:
		odc-room-particle var(--particle-duration) ease-in-out
		var(--particle-delay) infinite;
}

.odc-game__memory {
	width: 166px;
	height: 155px;
	border: 0;
	background: transparent;
	box-shadow: none;
	color: #fff9e9;
}

.odc-game__memory::before {
	content: "";
	position: absolute;
	z-index: 1;
	top: 0;
	left: 50%;
	width: 150px;
	height: 94px;
	border: 5px solid #3b1a0d;
	border-radius: 5px;
	background:
		linear-gradient(rgba(48, 21, 9, .08), rgba(22, 9, 5, .32)),
		var(--memory-image) center / cover no-repeat;
	box-shadow:
		0 0 0 2px rgba(224, 173, 63, .62),
		0 12px 23px rgba(0, 0, 0, .48),
		inset 0 0 18px rgba(0, 0, 0, .18);
	filter: sepia(.12) saturate(.92) brightness(.82);
	transform: translateX(-50%) perspective(500px) rotateX(1deg);
	transition:
		filter .2s ease,
		transform .2s ease,
		box-shadow .2s ease;
}

.odc-game__memory::after {
	content: "";
	position: absolute;
	z-index: 2;
	top: 7px;
	left: 50%;
	width: 132px;
	height: 4px;
	border-radius: 50%;
	background: rgba(255, 233, 164, .48);
	filter: blur(3px);
	opacity: .5;
	transform: translateX(-50%);
	transition: opacity .2s ease;
}

.odc-game__memory:hover,
.odc-game__memory:focus-visible,
.odc-game__memory.is-near {
	box-shadow: none;
	transform: translate(-50%, -50%) scale(1.045);
}

.odc-game__memory:hover::before,
.odc-game__memory:focus-visible::before,
.odc-game__memory.is-near::before {
	filter: sepia(0) saturate(1.05) brightness(1.06);
	box-shadow:
		0 0 0 2px #f3c85f,
		0 0 27px rgba(255, 203, 87, .7),
		0 16px 28px rgba(0, 0, 0, .54);
	transform: translateX(-50%) perspective(500px) rotateX(0) translateY(-4px);
}

.odc-game__memory:hover::after,
.odc-game__memory:focus-visible::after,
.odc-game__memory.is-near::after {
	opacity: 1;
}

.odc-game__memory.is-collected {
	background: transparent;
	box-shadow: none;
}

.odc-game__memory.is-collected::before {
	border-color: #3b5526;
	box-shadow:
		0 0 0 2px rgba(142, 196, 94, .86),
		0 0 25px rgba(116, 188, 83, .42),
		0 12px 23px rgba(0, 0, 0, .48);
	filter: saturate(.82) brightness(.86);
}

.odc-game__memory-number {
	position: absolute;
	z-index: 4;
	left: 50%;
	bottom: 5px;
	width: 48px;
	height: 48px;
	border: 2px solid #f2c75d;
	background:
		radial-gradient(circle, #f8d66c 0 35%, #c98a20 37% 100%);
	color: #211006;
	text-shadow: none;
	box-shadow:
		0 0 0 7px rgba(224, 173, 63, .1),
		0 0 20px rgba(255, 199, 63, .52);
	transform: translateX(-50%);
}

.odc-game__memory.is-collected .odc-game__memory-number {
	border-color: #d9efaf;
	background:
		radial-gradient(circle, #dff4b6 0 35%, #74a44e 37% 100%);
}

.odc-game__memory-orbit {
	inset: auto;
	z-index: 3;
	left: 50%;
	bottom: -3px;
	width: 64px;
	height: 64px;
	transform: translateX(-50%);
}

.odc-game__memory-label {
	top: auto;
	bottom: -27px;
	width: 205px;
}

.odc-game__section-preview[hidden] {
	display: none !important;
}

.odc-game__section-preview {
	position: absolute;
	z-index: 28;
	left: 14px;
	bottom: 18px;
	display: grid;
	grid-template-columns: 104px minmax(0, 1fr);
	gap: 12px;
	width: min(360px, calc(100% - 300px));
	min-height: 86px;
	padding: 9px;
	border: 1px solid rgba(224, 173, 63, .58);
	border-radius: 13px;
	background: rgba(17, 9, 6, .88);
	color: #fff1d0;
	opacity: 0;
	pointer-events: none;
	transform: translateY(9px);
	transition: opacity .18s ease, transform .18s ease;
	backdrop-filter: blur(10px);
	box-shadow: 0 15px 35px rgba(0, 0, 0, .32);
}

.odc-game__section-preview.is-visible {
	opacity: 1;
	transform: translateY(0);
}

.odc-game__section-preview img {
	display: block;
	width: 104px !important;
	height: 72px !important;
	border-radius: 7px;
	object-fit: cover;
	background: #080504;
}

.odc-game__section-preview div {
	align-self: center;
	min-width: 0;
}

.odc-game__section-preview span,
.odc-game__section-preview em,
.odc-game__section-preview small {
	display: block;
}

.odc-game__section-preview span {
	color: var(--odc-gold);
	font-size: .57rem;
	font-weight: 900;
	letter-spacing: .13em;
}

.odc-game__section-preview strong {
	display: block;
	margin: 3px 0;
	color: #ffe1a0;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 1.05rem;
	line-height: 1.05;
}

.odc-game__section-preview em {
	color: rgba(255, 239, 207, .76);
	font-size: .65rem;
	font-style: normal;
}

.odc-game__section-preview small {
	margin-top: 4px;
	color: rgba(255, 239, 207, .62);
	font-size: .58rem;
}

@keyframes odc-room-particle {
	0% {
		opacity: 0;
		transform: translate3d(0, 18px, 0) scale(.5);
	}
	24% {
		opacity: .68;
	}
	70% {
		opacity: .35;
	}
	100% {
		opacity: 0;
		transform: translate3d(14px, -74px, 0) scale(1.15);
	}
}

@media (max-width: 1000px) {
	.odc-game__section-preview {
		bottom: 76px;
		width: min(330px, calc(100% - 24px));
	}
}

@media (max-width: 700px) {
	.odc-game__particles span:nth-child(n + 11) {
		display: none;
	}

	.odc-game__memory {
		width: 126px;
		height: 124px;
	}

	.odc-game__memory::before {
		width: 116px;
		height: 72px;
		border-width: 4px;
	}

	.odc-game__memory::after {
		width: 98px;
	}

	.odc-game__memory-number {
		width: 39px;
		height: 39px;
	}

	.odc-game__memory-orbit {
		width: 53px;
		height: 53px;
	}

	.odc-game__memory-label {
		bottom: -23px;
		width: 145px;
		font-size: .5rem;
	}

	.odc-game__section-preview {
		right: 8px;
		left: 8px;
		bottom: 64px;
		grid-template-columns: 67px minmax(0, 1fr);
		width: auto;
		min-height: 66px;
		padding: 7px;
	}

	.odc-game__section-preview img {
		width: 67px !important;
		height: 52px !important;
	}

	.odc-game__section-preview strong {
		font-size: .86rem;
	}

	.odc-game__section-preview small {
		display: none;
	}
}

@media (prefers-reduced-motion: reduce) {
	.odc-game__particles {
		display: none !important;
	}

	.odc-game__memory::before,
	.odc-game__section-preview {
		transition: none !important;
	}
}


/* ================================================================
 * VERSÃO COMPLETA 3.0 — DO CARVÃO AO DIAMANTE
 * ================================================================ */

.odc-game__start {
	background-position: center center;
}

.odc-game__start-card {
	align-self: end;
	margin-bottom: clamp(8px, 2vh, 28px);
	padding: clamp(18px, 2.5vw, 32px);
	background:
		linear-gradient(180deg, rgba(10, 6, 4, .62), rgba(7, 4, 3, .94));
	backdrop-filter: blur(12px);
}

.odc-game__start-logo {
	width: 82px !important;
	height: 82px !important;
}

.odc-game__start h1 {
	font-size: clamp(2rem, 4.6vw, 4.8rem);
}

.odc-game__opening-copy {
	max-width: 1000px;
	margin-top: 15px;
	font-size: clamp(.88rem, 1.05vw, 1.03rem);
}

.odc-game__start-sections {
	margin-bottom: 15px;
}

.odc-game__floor-logo {
	width: 360px !important;
	height: 280px !important;
	opacity: .24;
	filter: saturate(1.15) drop-shadow(0 0 20px rgba(224, 173, 63, .25));
}

.odc-game__hud-actions [data-sound-toggle].is-active {
	border-color: #ffe096;
	background: #d69a2d;
	color: #1d0d05 !important;
}

.odc-game__button--fight {
	border-color: #fff0ad;
	background:
		linear-gradient(180deg, #f7d86c, #b96e16);
	color: #1c0c04 !important;
	box-shadow:
		0 0 0 1px rgba(255, 225, 136, .2),
		0 0 23px rgba(234, 173, 52, .22);
}

.odc-game__fight[hidden] {
	display: none !important;
}

.odc-game__fight {
	position: fixed;
	z-index: 1000004;
	inset: 0;
	display: grid;
	place-items: center;
	padding: 12px;
	opacity: 0;
	transition: opacity .2s ease;
}

.odc-game__fight.is-open {
	opacity: 1;
}

.odc-game__fight-backdrop {
	position: absolute;
	inset: 0;
	background: rgba(2, 2, 2, .96);
	backdrop-filter: blur(10px);
}

.odc-game__fight-shell {
	position: relative;
	z-index: 2;
	display: grid;
	grid-template-rows: auto auto minmax(0, 1fr) auto auto;
	width: min(1500px, 100%);
	height: min(94vh, 920px);
	border: 1px solid rgba(232, 181, 61, .65);
	border-radius: 20px;
	background:
		linear-gradient(rgba(4, 3, 2, .16), rgba(4, 3, 2, .48)),
		var(--odc-arena-image) center / cover no-repeat;
	box-shadow: 0 45px 130px rgba(0, 0, 0, .8);
	overflow: hidden;
}

.odc-game__fight-header {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 20px;
	padding: 17px 21px 12px;
	background: rgba(8, 5, 3, .82);
	backdrop-filter: blur(8px);
}

.odc-game__fight-header span {
	color: var(--odc-gold);
	font-size: .62rem;
	font-weight: 900;
	letter-spacing: .16em;
}

.odc-game__fight-header h2 {
	margin: 3px 0;
	color: #ffe3a1;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(1.8rem, 3.5vw, 3.5rem);
	line-height: 1;
}

.odc-game__fight-header p {
	margin: 0;
	color: rgba(255, 241, 212, .78);
	font-size: .78rem;
}

.odc-game__fight-header > button {
	display: grid;
	place-items: center;
	width: 42px;
	height: 42px;
	border: 1px solid rgba(255, 230, 160, .62);
	border-radius: 50%;
	background: rgba(0, 0, 0, .5);
	color: #fff0cd;
	font-size: 1.6rem;
}

.odc-game__fight-score {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 74px minmax(0, 1fr);
	align-items: center;
	gap: 16px;
	padding: 10px 22px;
	background: rgba(10, 6, 4, .76);
}

.odc-game__fight-health strong {
	display: block;
	margin-bottom: 5px;
	color: #fff2d0;
	font-size: .72rem;
	text-transform: uppercase;
}

.odc-game__fight-health > div,
.odc-game__fight-energy > div {
	height: 15px;
	border: 1px solid rgba(255, 220, 126, .55);
	border-radius: 999px;
	background: rgba(0, 0, 0, .58);
	overflow: hidden;
}

.odc-game__fight-health span {
	display: block;
	width: 100%;
	height: 100%;
	background: linear-gradient(90deg, #8bcc56, #e7d54c);
	transition: width .25s ease;
}

.odc-game__fight-health--opponent {
	text-align: right;
}

.odc-game__fight-health--opponent span {
	margin-left: auto;
	background: linear-gradient(90deg, #f4ba37, #dc4231);
}

.odc-game__fight-timer {
	display: grid;
	place-items: center;
	width: 68px;
	height: 48px;
	border: 1px solid var(--odc-gold);
	border-radius: 10px;
	background: rgba(0, 0, 0, .68);
	color: #ffe39a;
	font-size: 1.65rem;
	font-weight: 900;
}

.odc-game__fight-stage {
	position: relative;
	display: grid;
	grid-template-columns: minmax(260px, 1fr) minmax(260px, .72fr) minmax(260px, 1fr);
	align-items: end;
	min-height: 0;
	padding: 8px 5%;
}

.odc-game__fighter {
	display: flex;
	align-items: flex-end;
	justify-content: center;
	height: 100%;
}

.odc-game__fighter img {
	display: block;
	max-width: 100%;
	max-height: 66vh;
	width: auto;
	height: auto;
	object-fit: contain;
	filter: drop-shadow(0 20px 22px rgba(0, 0, 0, .7));
}

.odc-game__fighter--opponent {
	transform: scaleX(-1);
	filter: sepia(.25) saturate(.8) hue-rotate(-18deg);
}

.odc-game__fight-center {
	align-self: center;
	padding: 20px 15px;
	border: 1px solid rgba(224, 173, 63, .42);
	border-radius: 17px;
	background: rgba(9, 5, 3, .76);
	text-align: center;
	backdrop-filter: blur(8px);
}

.odc-game__fight-center > img {
	width: 88px !important;
	height: 88px !important;
	object-fit: contain;
}

.odc-game__fight-center > strong {
	display: block;
	margin: 8px 0 5px;
	color: #ffe4a1;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(1.2rem, 2.3vw, 2.3rem);
}

.odc-game__fight-center > span {
	display: block;
	color: rgba(255, 240, 211, .78);
	font-size: .78rem;
	line-height: 1.4;
}

.odc-game__fight-energy {
	margin-top: 17px;
}

.odc-game__fight-energy label {
	display: block;
	margin-bottom: 5px;
	color: #e4b754;
	font-size: .62rem;
	font-weight: 900;
	text-transform: uppercase;
}

.odc-game__fight-energy span {
	display: block;
	width: 0;
	height: 100%;
	background: linear-gradient(90deg, #f0b22e, #fff1a1);
	transition: width .25s ease;
}

.odc-game__fight-controls {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 9px;
	padding: 10px 18px;
	background: rgba(8, 5, 3, .84);
}

.odc-game__fight-controls button {
	display: grid;
	grid-template-columns: auto 1fr;
	grid-template-rows: auto auto;
	align-items: center;
	column-gap: 9px;
	min-height: 58px;
	padding: 8px 11px;
	border: 1px solid rgba(224, 173, 63, .55);
	border-radius: 11px;
	background: rgba(44, 21, 11, .88);
	color: #fff2d2;
	text-align: left;
}

.odc-game__fight-controls button:hover,
.odc-game__fight-controls button:focus-visible {
	border-color: #ffe096;
	background: #5a2b16;
	outline: none;
	transform: translateY(-2px);
}

.odc-game__fight-controls kbd {
	grid-row: 1 / 3;
	display: grid;
	place-items: center;
	width: 38px;
	height: 38px;
	border: 1px solid #f0c65d;
	border-radius: 8px;
	background: #130905;
	color: #ffe39a;
	font-weight: 900;
}

.odc-game__fight-controls strong {
	font-size: .82rem;
	text-transform: uppercase;
}

.odc-game__fight-controls small {
	color: rgba(255, 239, 205, .62);
	font-size: .62rem;
}

.odc-game__fight-actions {
	display: flex;
	justify-content: center;
	gap: 10px;
	padding: 11px 18px 17px;
	background: rgba(8, 5, 3, .84);
}

.odc-game.is-fight-won .odc-game__fight-center {
	border-color: #fff2a8;
	box-shadow: 0 0 45px rgba(241, 189, 58, .35);
}

.odc-game-admin__toggle {
	display: flex !important;
	align-items: center;
	gap: 9px;
	padding: 11px;
	border: 1px solid #ddc996;
	border-radius: 8px;
	background: #fff9e8;
}

.odc-game-admin__toggle > span {
	margin: 0 !important;
}

@media (max-width: 850px) {
	.odc-game__fight-shell {
		height: 100%;
		border-radius: 0;
	}

	.odc-game__fight-stage {
		grid-template-columns: 1fr 135px 1fr;
		padding: 6px 2%;
	}

	.odc-game__fighter img {
		max-height: 47vh;
	}

	.odc-game__fight-center {
		padding: 11px 6px;
	}

	.odc-game__fight-center > img {
		width: 55px !important;
		height: 55px !important;
	}

	.odc-game__fight-center > span {
		font-size: .62rem;
	}

	.odc-game__fight-controls {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 600px) {
	.odc-game__start-card {
		align-self: center;
		margin: 0;
	}

	.odc-game__start {
		background-position: center top;
	}

	.odc-game__fight {
		padding: 0;
	}

	.odc-game__fight-header p {
		display: none;
	}

	.odc-game__fight-score {
		grid-template-columns: 1fr 50px 1fr;
		gap: 7px;
		padding: 7px;
	}

	.odc-game__fight-timer {
		width: 48px;
		height: 40px;
		font-size: 1.25rem;
	}

	.odc-game__fight-stage {
		grid-template-columns: 1fr 92px 1fr;
	}

	.odc-game__fighter img {
		max-height: 34vh;
	}

	.odc-game__fight-center > img {
		display: none;
	}

	.odc-game__fight-center > strong {
		font-size: .84rem;
	}

	.odc-game__fight-energy label,
	.odc-game__fight-center > span {
		display: none;
	}

	.odc-game__fight-controls button {
		min-height: 48px;
	}

	.odc-game__fight-actions {
		padding: 7px;
	}
}

/* ================================================================
 * Imersão ampliada — v3.2.0
 * ================================================================ */

.odc-game__world::before,
.odc-game__world::after {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
}

.odc-game__world::before {
	background:
		radial-gradient(circle at 50% 84%, rgba(255, 188, 73, .11), transparent 28%),
		radial-gradient(circle at 50% 40%, rgba(255, 225, 164, .08), transparent 40%);
	mix-blend-mode: screen;
}

.odc-game__world::after {
	background:
		linear-gradient(180deg, rgba(0, 0, 0, .18), transparent 22%, transparent 72%, rgba(0, 0, 0, .38)),
		radial-gradient(circle at center, transparent 48%, rgba(0, 0, 0, .24) 100%);
}

.odc-game__memory.is-targeted::before {
	filter: sepia(0) saturate(1.08) brightness(1.08);
	box-shadow:
		0 0 0 2px #ffe197,
		0 0 34px rgba(255, 214, 106, .95),
		0 20px 34px rgba(0, 0, 0, .62);
	transform: translateX(-50%) perspective(500px) rotateX(0) translateY(-6px) scale(1.02);
}

.odc-game__memory.is-targeted .odc-game__memory-number {
	animation: odc-target-pulse 1.25s ease-in-out infinite;
}

.odc-game__memory.is-targeted .odc-game__memory-label {
	background: rgba(20, 10, 5, .94);
	box-shadow: 0 0 20px rgba(255, 206, 94, .3);
}

.odc-game__cinematic[hidden] {
	display: none !important;
}

.odc-game__cinematic {
	position: absolute;
	z-index: 42;
	left: 50%;
	top: clamp(90px, 11vh, 130px);
	width: min(920px, calc(100% - 36px));
	opacity: 0;
	pointer-events: none;
	transform: translate(-50%, -16px);
	transition: opacity .28s ease, transform .28s ease;
}

.odc-game__cinematic.is-visible {
	opacity: 1;
	transform: translate(-50%, 0);
}

.odc-game__cinematic-inner {
	padding: clamp(18px, 3vw, 30px) clamp(20px, 4vw, 42px);
	border: 1px solid rgba(255, 221, 140, .55);
	border-radius: 22px;
	background: linear-gradient(180deg, rgba(9, 5, 3, .72), rgba(9, 5, 3, .92));
	backdrop-filter: blur(10px);
	text-align: center;
	box-shadow: 0 24px 70px rgba(0, 0, 0, .42);
}

.odc-game__cinematic-inner span {
	display: block;
	color: var(--odc-gold);
	font-size: .72rem;
	font-weight: 900;
	letter-spacing: .24em;
	text-transform: uppercase;
}

.odc-game__cinematic-inner strong {
	display: block;
	margin-top: 8px;
	color: #fff2ca;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(2rem, 4vw, 4rem);
	line-height: .98;
}

.odc-game__cinematic-inner p {
	max-width: 720px;
	margin: 12px auto 0;
	color: rgba(255, 242, 214, .88);
	font-size: clamp(.92rem, 1.2vw, 1.05rem);
	line-height: 1.55;
}

.odc-game__prompt {
	box-shadow: 0 10px 35px rgba(0, 0, 0, .34);
}

@keyframes odc-target-pulse {
	0%, 100% { transform: translateX(-50%) scale(1); box-shadow: 0 0 0 7px rgba(224, 173, 63, .1), 0 0 20px rgba(255, 199, 63, .52); }
	50% { transform: translateX(-50%) scale(1.08); box-shadow: 0 0 0 10px rgba(255, 223, 140, .18), 0 0 28px rgba(255, 222, 128, .82); }
}

@media (max-width: 700px) {
	.odc-game__cinematic {
		top: 74px;
		width: calc(100% - 16px);
	}

	.odc-game__cinematic-inner {
		padding: 16px 14px;
		border-radius: 16px;
	}

	.odc-game__cinematic-inner span {
		font-size: .58rem;
	}

	.odc-game__cinematic-inner strong {
		font-size: clamp(1.45rem, 7vw, 2rem);
	}

	.odc-game__cinematic-inner p {
		font-size: .78rem;
	}
}


/* ================================================================
 * v3.3.1 — painel informativo claro e ações sempre visíveis
 * ================================================================ */

.odc-game__gallery-arrow[hidden],
.odc-game__gallery-thumbs[hidden] {
	display: none !important;
}

.odc-game__modal-card {
	grid-template-columns: minmax(0, 1.28fr) minmax(455px, .9fr);
	width: min(1580px, calc(100% - 34px));
	height: min(89vh, 910px);
}

.odc-game__modal-copy {
	padding: clamp(30px, 3vw, 48px) clamp(70px, 5vw, 88px) 28px clamp(26px, 3vw, 42px);
	background:
		linear-gradient(180deg, rgba(42, 20, 12, .32), rgba(8, 5, 4, .2));
	scrollbar-width: thin;
	scrollbar-color: #c1882b #150a06;
}

.odc-game__modal-copy::-webkit-scrollbar {
	width: 9px;
}

.odc-game__modal-copy::-webkit-scrollbar-track {
	background: #150a06;
}

.odc-game__modal-copy::-webkit-scrollbar-thumb {
	border: 2px solid #150a06;
	border-radius: 999px;
	background: #c1882b;
}

.odc-game__modal-copy > span {
	padding-bottom: 8px;
	border-bottom: 1px solid rgba(224, 173, 63, .26);
}

.odc-game__modal-copy h2 {
	margin: 14px 0 8px;
	font-size: clamp(2rem, 3.1vw, 3.55rem);
	line-height: 1.04;
	text-wrap: balance;
}

.odc-game__modal-period {
	display: inline-flex;
	align-self: flex-start;
	margin: 0 0 18px !important;
	padding: 7px 12px;
	border: 1px solid rgba(224, 173, 63, .34);
	border-radius: 999px;
	background: rgba(224, 173, 63, .08);
	color: #f2dfb9 !important;
	font-size: .92rem !important;
}

.odc-game__modal-intro {
	margin: 0 0 14px !important;
	padding: 15px 16px !important;
	border-left: 4px solid var(--odc-gold);
	border-radius: 0 12px 12px 0;
	background: rgba(224, 173, 63, .08);
	font-size: 1rem !important;
	line-height: 1.55 !important;
}

.odc-game__modal-copy > p:not(.odc-game__modal-period):not(.odc-game__modal-intro) {
	margin: 0 0 12px;
	padding: 0 2px;
	font-size: .98rem;
	line-height: 1.62;
}

.odc-game__gallery-thumbs.has-multiple {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 18px 0 14px;
	padding: 34px 4px 10px;
	border-top: 1px solid rgba(224, 173, 63, .22);
	overflow-x: auto;
}

.odc-game__gallery-thumbs.has-multiple::before {
	content: "Fotografias desta seção";
	position: absolute;
	top: 10px;
	left: 4px;
	color: #f0cf7c;
	font-size: .68rem;
	font-weight: 900;
	letter-spacing: .1em;
	text-transform: uppercase;
}

.odc-game__modal-actions {
	position: sticky;
	z-index: 3;
	bottom: -1px;
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
	margin-top: auto;
	padding: 18px 0 10px;
	background: linear-gradient(180deg, rgba(8,5,4,0), rgba(8,5,4,.96) 23%, #080504 100%);
}

.odc-game__modal-actions .odc-game__button {
	width: 100%;
	min-height: 50px;
	padding: 10px 14px;
	border-radius: 14px;
	font-size: .74rem;
	line-height: 1.2;
	white-space: normal;
}

.odc-game__modal-actions .odc-game__button:last-child {
	grid-column: 1 / -1;
}

@media (max-width: 1100px) {
	.odc-game__modal-card {
		grid-template-columns: minmax(0, 1.08fr) minmax(390px, .92fr);
	}

	.odc-game__modal-copy {
		padding-right: 68px;
	}
}

@media (max-width: 700px) {
	.odc-game__modal-card {
		width: 100%;
		height: 100%;
	}

	.odc-game__modal-copy {
		padding: 28px 18px 24px;
		background: linear-gradient(180deg, #180c08, #080504);
	}

	.odc-game__modal-copy h2 {
		font-size: clamp(1.8rem, 8vw, 2.6rem);
	}

	.odc-game__modal-intro {
		font-size: .94rem !important;
	}

	.odc-game__modal-actions {
		position: static;
		grid-template-columns: 1fr;
		padding-bottom: 72px;
	}

	.odc-game__modal-actions .odc-game__button:last-child {
		grid-column: auto;
	}
}


/* ================================================================
 * SALA REFINADA — v3.3.2
 * Corrige proporções, sobreposições e excesso visual dos hotspots.
 * ================================================================ */

/* A sala volta a ser o foco principal. */
.odc-game__world {
	filter: contrast(1.035) saturate(.96) brightness(.94);
}

.odc-game__root-map {
	opacity: .42 !important;
}

.odc-game__root-shadow {
	stroke-width: 7 !important;
	opacity: .48 !important;
}

.odc-game__root-segment {
	stroke-width: 3 !important;
	opacity: .72 !important;
}

/* A marca do grupo no piso fica como assinatura, não como obstáculo. */
.odc-game__floor-logo {
	left: 1260px !important;
	bottom: 13% !important;
	width: 215px !important;
	height: 160px !important;
	opacity: .075 !important;
	filter: saturate(.82) drop-shadow(0 0 8px rgba(224, 173, 63, .15)) !important;
	transform: rotate(-5deg) !important;
}

/* Hotspots compactos: foto, número e legenda formam um único ponto. */
.odc-game__memory {
	width: 118px !important;
	height: 118px !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	animation: odc-memory-refined-float 2.8s ease-in-out infinite alternate !important;
}

.odc-game__memory::before {
	top: 0 !important;
	left: 50% !important;
	width: 104px !important;
	height: 66px !important;
	border: 3px solid #3b1a0d !important;
	border-radius: 10px !important;
	box-shadow:
		0 0 0 1px rgba(224, 173, 63, .7),
		0 9px 18px rgba(0, 0, 0, .42) !important;
	filter: sepia(.08) saturate(.96) brightness(.88) !important;
	transform: translateX(-50%) !important;
}

.odc-game__memory::after {
	top: 5px !important;
	width: 88px !important;
	height: 3px !important;
	opacity: .32 !important;
}

.odc-game__memory-number {
	left: 50% !important;
	bottom: 23px !important;
	width: 34px !important;
	height: 34px !important;
	border-width: 2px !important;
	font-size: .95rem !important;
	box-shadow:
		0 0 0 4px rgba(224, 173, 63, .08),
		0 0 12px rgba(255, 199, 63, .42) !important;
	transform: translateX(-50%) !important;
}

.odc-game__memory-orbit {
	left: 50% !important;
	bottom: 18px !important;
	width: 44px !important;
	height: 44px !important;
	opacity: .55 !important;
	transform: translateX(-50%) !important;
}

.odc-game__memory-label {
	top: auto !important;
	bottom: -4px !important;
	left: 50% !important;
	width: 154px !important;
	min-height: 24px !important;
	padding: 5px 9px !important;
	border: 1px solid rgba(224, 173, 63, .4) !important;
	border-radius: 9px !important;
	background: rgba(17, 9, 6, .9) !important;
	box-shadow: 0 7px 15px rgba(0, 0, 0, .28) !important;
	font-size: .55rem !important;
	line-height: 1.15 !important;
	white-space: normal !important;
	transform: translateX(-50%) !important;
}

.odc-game__memory:hover,
.odc-game__memory:focus-visible,
.odc-game__memory.is-near,
.odc-game__memory.is-targeted {
	box-shadow: none !important;
	transform: translate(-50%, -50%) scale(1.035) !important;
}

.odc-game__memory:hover::before,
.odc-game__memory:focus-visible::before,
.odc-game__memory.is-near::before,
.odc-game__memory.is-targeted::before {
	filter: sepia(0) saturate(1.03) brightness(1.04) !important;
	box-shadow:
		0 0 0 2px #f1c961,
		0 0 20px rgba(255, 203, 87, .55),
		0 11px 20px rgba(0, 0, 0, .45) !important;
	transform: translateX(-50%) translateY(-2px) !important;
}

.odc-game__memory.is-collected::before {
	border-color: #5c793e !important;
	box-shadow:
		0 0 0 1px rgba(142, 196, 94, .82),
		0 0 15px rgba(116, 188, 83, .3),
		0 9px 18px rgba(0, 0, 0, .42) !important;
}

/* Avatar-guia presente, mas sem esconder o cenário. */
.odc-game__avatar {
	bottom: 12px !important;
	width: 168px !important;
	height: 240px !important;
}

.odc-game__avatar-shadow {
	width: 88px !important;
	height: 18px !important;
}

/* Prévia da seção com margem suficiente para não ficar cortada. */
.odc-game__section-preview {
	left: 18px !important;
	bottom: 20px !important;
	grid-template-columns: 82px minmax(0, 1fr) !important;
	gap: 10px !important;
	width: min(330px, calc(100% - 330px)) !important;
	min-height: 78px !important;
	padding: 8px !important;
}

.odc-game__section-preview img {
	width: 82px !important;
	height: 62px !important;
}

.odc-game__section-preview strong {
	font-size: .98rem !important;
}

/* Controles inferiores não disputam espaço com a prévia. */
.odc-game__mobile-controls {
	right: 18px !important;
	bottom: 16px !important;
}

@keyframes odc-memory-refined-float {
	from { margin-top: -2px; }
	to { margin-top: 3px; }
}

@media (max-width: 1000px) {
	.odc-game__memory {
		width: 106px !important;
		height: 108px !important;
	}

	.odc-game__memory::before {
		width: 94px !important;
		height: 60px !important;
	}

	.odc-game__memory-label {
		width: 138px !important;
		font-size: .51rem !important;
	}

	.odc-game__avatar {
		width: 150px !important;
		height: 214px !important;
	}
}

@media (max-width: 700px) {
	.odc-game__memory {
		width: 88px !important;
		height: 94px !important;
	}

	.odc-game__memory::before {
		width: 78px !important;
		height: 50px !important;
		border-width: 2px !important;
		border-radius: 7px !important;
	}

	.odc-game__memory-number {
		bottom: 20px !important;
		width: 29px !important;
		height: 29px !important;
		font-size: .78rem !important;
	}

	.odc-game__memory-orbit {
		bottom: 15px !important;
		width: 38px !important;
		height: 38px !important;
	}

	.odc-game__memory-label {
		bottom: -3px !important;
		width: 112px !important;
		min-height: 21px !important;
		padding: 4px 6px !important;
		font-size: .46rem !important;
	}

	.odc-game__avatar {
		bottom: 58px !important;
		width: 126px !important;
		height: 180px !important;
	}

	.odc-game__floor-logo {
		width: 150px !important;
		height: 110px !important;
		opacity: .05 !important;
	}

	.odc-game__section-preview {
		left: 8px !important;
		right: 8px !important;
		bottom: 70px !important;
		width: auto !important;
		grid-template-columns: 62px minmax(0, 1fr) !important;
		min-height: 65px !important;
	}

	.odc-game__section-preview img {
		width: 62px !important;
		height: 49px !important;
	}

	.odc-game__section-preview small {
		display: none !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	.odc-game__memory {
		animation: none !important;
	}
}