/* Homepage sections use normal flow, independent of artwork dimensions. */
body.indexPage .world_list li.w_big {height: 80px; background-position: center; background-size: cover;}
body.indexPage .world_list li.w_big::after {content: ""; position: absolute; z-index: 10; top: 10px; right: 8px; box-sizing: border-box; width: 148px; height: 58px; background: rgba(255, 255, 255, .9); border: 1px solid rgba(120, 145, 105, .45); border-radius: 2px;}
body.indexPage .world_list .w_big img.w_button {width: 100%; height: 80px; opacity: 0;}
body.indexPage .world_list li.w_big::before {content: ""; position: absolute; z-index: 20; top: 20px; right: 82px; height: 38px; border-left: 1px solid #d9ded8; pointer-events: none;}
body.indexPage .world_list .w_big div {z-index: 20; box-sizing: border-box; width: 74px; min-width: 0; line-height: 20px; text-align: center; pointer-events: none;}
body.indexPage .world_list .w_big .label_players,
body.indexPage .world_list .w_big .label_online {top: 16px; left: auto; color: #687366; font-size: 12px; font-weight: normal; white-space: nowrap;}
body.indexPage .world_list .w_big .players,
body.indexPage .world_list .w_big .online {top: 38px; left: auto; min-width: 0; font-size: 20px; line-height: 24px; font-weight: bold; text-align: center; font-variant-numeric: tabular-nums;}
body.indexPage .world_list .w_big .label_players,
body.indexPage .world_list .w_big .players {right: 82px;}
body.indexPage .world_list .w_big .label_online,
body.indexPage .world_list .w_big .online {right: 8px;}
body.indexPage .world_list .w_big .players {color: #365a2b;}
body.indexPage .world_list .w_big .online {color: #187e87;}
@media (min-width: 701px) {
body.indexPage {background: #fff; min-width: 0;}
body.indexPage .wrapper {display: flex; flex-direction: column; min-height: 100vh; width: 100%; min-width: 0;}
body.indexPage #country_select {display: none;}
body.indexPage #navigation {position: static; order: 0; box-sizing: border-box; width: 100%; height: auto; margin: 0; padding: 6px 12px; background: #383d38;}
body.indexPage #navigation a.home {display: none;}
body.indexPage #navigation table.menu {position: static; width: 100%; max-width: 800px; margin: 0 auto; table-layout: fixed; border-collapse: collapse;}
body.indexPage #navigation .menu a,
body.indexPage #navigation .menu a span {display: block; padding: 0; color: #fff; background: none; line-height: 28px; text-shadow: none;}
body.indexPage #navigation .menu a.mark {color: #c9ed8a;}
body.indexPage #header {position: static; order: 1; width: 100%; height: auto; overflow: hidden; background: none;}
body.indexPage #header::after {content: ""; display: block; height: 10px; background: #f1f3ef; border-top: 3px solid #526b3e; border-bottom: 1px solid #d9ded8;}
body.indexPage #header .homepage-artwork {display: block; width: 100%; height: auto;}
body.indexPage #content {order: 2; box-sizing: border-box; width: 100%; padding: 28px 24px 40px;}
body.indexPage #content .grit {display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); gap: 32px; width: 100%; max-width: 1100px; margin: 0 auto; background: none;}
body.indexPage .grit .infobox,
body.indexPage .grit .secondarybox {float: none; min-width: 0; width: auto; min-height: 0; margin: 0; padding: 0; background: none;}
body.indexPage .grit .infobox > div,
body.indexPage .grit #screenshots,
body.indexPage #newsbox {box-sizing: border-box; width: 100%; height: auto; margin: 0; padding: 20px 0; background: none; border: 0; border-bottom: 1px solid #d9ded8;}
body.indexPage .grit .infobox > div:first-child,
body.indexPage .grit #screenshots {padding-top: 0;}
body.indexPage #what_is_travian h2,
body.indexPage #about_the_game h2,
body.indexPage #screenshots h2,
body.indexPage #newsbox h2 {box-sizing: border-box; height: auto; margin: 0 0 14px; padding: 10px 14px; background: #f0f4ec; border-left: 4px solid #6f963e; color: #2b3d28; font-size: 20px; font-weight: bold; line-height: 1.4; text-shadow: none;}
body.indexPage #screenshots h2 {background: #edf4f5; border-left-color: #42818b; color: #294e55;}
body.indexPage #newsbox h2 {background: #f3f0f6; border-left-color: #8b739b; color: #554260;}
body.indexPage #what_is_travian p,
body.indexPage #about_the_game li,
body.indexPage #newsbox .news p {font-size: 15px; line-height: 1.7; overflow-wrap: anywhere;}
body.indexPage #what_is_travian .server-speeds {display: flex; flex-wrap: wrap; gap: 8px 20px; margin: 16px 0 0; padding: 12px 0; border-top: 1px solid #d9ded8;}
body.indexPage #player_counter {position: static; left: auto; width: 100%; height: auto; padding: 18px 0; background: #f5f7f4; border-top: 2px solid #6f963e;}
body.indexPage #player_counter table {position: static; display: block; width: 100%; border-collapse: collapse;}
body.indexPage #player_counter tbody {display: grid; grid-template-columns: repeat(3, minmax(0, 1fr));}
body.indexPage #player_counter tr {display: flex; flex-direction: column; align-items: center; gap: 8px; border-right: 1px solid #dce3d7;}
body.indexPage #player_counter tr:last-child {border-right: 0;}
body.indexPage #player_counter th,
body.indexPage #player_counter td {display: block; width: auto; padding: 0 6px; border: 0; text-align: center;}
body.indexPage #player_counter th {order: 1; color: #596452; font-size: 14px; font-weight: normal; line-height: 20px;}
body.indexPage #player_counter td {order: 0; color: #283826; font-size: 28px; font-weight: bold; line-height: 34px; font-variant-numeric: tabular-nums; overflow-wrap: anywhere;}
body.indexPage #player_counter tr:nth-child(2) td {color: #527b27;}
body.indexPage #player_counter tr:nth-child(3) td {color: #287576;}
body.indexPage #about_the_game ul {margin: 0; padding-left: 22px;}
body.indexPage #newsbox .news {width: auto; margin: 0; padding: 0; background: none;}
body.indexPage #screenshots_preview {position: static; width: 100%; height: auto; margin: 0; overflow-x: auto; overflow-y: hidden; padding-bottom: 12px;}
body.indexPage #screenshot_list,
body.indexPage #screenshot_list.c1 {position: static !important; display: flex; gap: 12px; width: max-content !important; height: auto; margin: 0; padding: 0; list-style: none;}
body.indexPage #screenshot_list li {float: none; flex: 0 0 auto; margin: 0;}
body.indexPage #screenshot_list img {display: block; width: 132px; height: 98px; object-fit: cover; border: 1px solid #c8cfc4;}
body.indexPage #screenshots .navi {display: none;}
body.indexPage #footer {position: static; order: 3; box-sizing: border-box; width: 100%; height: auto; min-height: 70px; margin-top: auto; padding: 18px 24px; background: #f1f3ef; border-top: 1px solid #d9ded8;}
body.indexPage #footer .container {width: 100%; max-width: 1100px; margin: 0 auto;}
body.indexPage #footer .menu {position: static; display: flex; flex-wrap: wrap; justify-content: center; width: 100%; gap: 8px; margin: 0; padding: 0; transform: none;}
body.indexPage #footer .menu li {float: none; list-style: none;}
body.indexPage #footer .copyright {position: static; clear: none; flex: 0 0 100%; width: 100%; margin: 0; padding: 0; text-align: center; transform: none; left: auto; right: auto; top: auto; bottom: auto;}
body.indexPage #navigation {z-index: 80;}
}
@media (max-width: 700px) {
    body.indexPage #header .homepage-artwork {display: none;}
}