/* ===== FIX-LAYOUT: layout mais largo e espacado (referencia: proporcoes do Best Baiak), mesma identidade ===== */
/* O site inteiro (menu, conteudo e caixas laterais) cresce junto; texto continua nitido. */
@media (min-width: 1360px) {
	#Bodycontainer { zoom: 1; }
	#ContentRow { top: 205px !important; }
}
@media (min-width: 1500px) {
	#Bodycontainer { zoom: 1; }
	#ContentRow { top: 190px !important; }
}
@media (min-width: 1900px) {
	#Bodycontainer { zoom: 1; }
	#ContentRow { top: 178px !important; }
}
@media (min-width: 1360px) {
	/* logo do topo menor e mais alto, como na referencia */
	#InfinityLogoTop { top: 6px !important; }
	#InfinityLogoTop img { width: 360px !important; max-width: 34vw !important; }
	/* logo da esquerda (canto superior esquerdo) bem maior */
	#TibiaLogoArtworkTop {
		width: 300px !important; max-width: none !important; height: auto !important;
		position: relative !important; left: -62px !important; top: -58px !important;
		filter: drop-shadow(0 6px 12px rgba(0, 0, 0, .6));
		transition: transform .2s ease;
	}
	#TibiaLogoArtworkTop:hover { transform: scale(1.03); }
}
/* rolagem suave */
html { scroll-behavior: smooth; }

/* ===== PERFORMANCE: rolagem mais fluida ===== */
body{background-attachment:scroll!important;background-size:0 0!important}
body::before{content:"";position:fixed;top:0;left:0;width:100%;height:100vh;z-index:-1;pointer-events:none;background-color:#051122;background-image:inherit;background-size:cover;background-position:center top;background-repeat:no-repeat;transform:translateZ(0);will-change:transform}
.HotBadge{box-shadow:0 0 4px #e74c3c,0 0 9px #e74c3c;will-change:opacity}
.HotBadge.green{box-shadow:0 0 4px #2ecc71,0 0 9px #2ecc71}
@keyframes hotGlow{0%,100%{opacity:1}50%{opacity:.75}}
@keyframes hotGlowGreen{0%,100%{opacity:1}50%{opacity:.75}}
@media (prefers-reduced-motion:reduce){.HotBadge{animation:none!important}}
img[src*="items_ot/"]{image-rendering:pixelated}