/* TV Color Schemes - Updated to match Dunia map color palette */

/* TV 1 - Deep Teal Ocean (Bani Isra'il) */
.empire-item:nth-child(2) .antenna {
    background-color: #3a8a8a;
    border-color: #1a3a3a;
}

.empire-item:nth-child(2) .antenna_shadow {
    box-shadow: inset 0px 24px #2a6a6a, inset 0px 24px 1.5px 1.5px #2a6a6a;
}

.empire-item:nth-child(2) .antenna::after,
.empire-item:nth-child(2) .antenna::before {
    background-color: #6ababa;
}

.empire-item:nth-child(2) .a1d,
.empire-item:nth-child(2) .a2d {
    border-color: #1a3a3a;
    background-color: #4a7a7a;
}

.empire-item:nth-child(2) .notfound_text {
    background-color: #1a3a3a;
    color: #c0e8e8;
}

.empire-item:nth-child(2) .tv {
    background-color: #2a7a7a;
    border-color: #1a3a3a;
    box-shadow: inset 0.3em 0.3em #6ababa;
}

.empire-item:nth-child(2) .tv::after {
    background: repeating-radial-gradient(#2a7a7a 0 0.0001%, #00000070 0 0.0002%) 50% 0/2500px 2500px,
        repeating-conic-gradient(#2a7a7a 0 0.0001%, #00000070 0 0.0002%) 60% 60%/2500px 2500px;
}

.empire-item:nth-child(2) .display_div {
    box-shadow: 5.25px 5.25px 0px #6ababa;
}

.empire-item:nth-child(2) .buttons_div {
    background-color: #6ababa;
    border-color: #1a3a3a;
    box-shadow: 4.5px 4.5px 0px #6ababa;
}

.empire-item:nth-child(2) .b1,
.empire-item:nth-child(2) .b2 {
    background-color: #3a8a8a;
    border-color: #1a3a3a;
    box-shadow: inset 3px 3px 1.5px #5aaaaa, -3px 0px #1a5a5a, -3px 0px 0px 1.5px #1a3a3a;
}

.empire-item:nth-child(2) .b1::before,
.empire-item:nth-child(2) .b1::after,
.empire-item:nth-child(2) .b1 div,
.empire-item:nth-child(2) .b2::before,
.empire-item:nth-child(2) .b2::after {
    background-color: #1a3a3a;
}

.empire-item:nth-child(2) .g11,
.empire-item:nth-child(2) .g12,
.empire-item:nth-child(2) .g13 {
    background-color: #3a8a8a;
    border-color: #1a3a3a;
    box-shadow: inset 1.875px 1.875px 1.5px #5aaaaa;
}

/* TV 2 - Golden Savanna (Pre-Islamic Arabia) */
.empire-item:nth-child(3) .antenna {
    background-color: #c4a44a;
    border-color: #4a3a1a;
}

.empire-item:nth-child(3) .antenna_shadow {
    box-shadow: inset 0px 24px #9a8038, inset 0px 24px 1.5px 1.5px #9a8038;
}

.empire-item:nth-child(3) .antenna::after,
.empire-item:nth-child(3) .antenna::before {
    background-color: #e4c87a;
}

.empire-item:nth-child(3) .a1d,
.empire-item:nth-child(3) .a2d {
    border-color: #4a3a1a;
    background-color: #b09050;
}

.empire-item:nth-child(3) .notfound_text {
    background-color: #4a3a1a;
    color: #f4e8c0;
}

.empire-item:nth-child(3) .tv {
    background-color: #b49040;
    border-color: #4a3a1a;
    box-shadow: inset 0.3em 0.3em #e4c87a;
}

.empire-item:nth-child(3) .tv::after {
    background: repeating-radial-gradient(#b49040 0 0.0001%, #00000070 0 0.0002%) 50% 0/2500px 2500px,
        repeating-conic-gradient(#b49040 0 0.0001%, #00000070 0 0.0002%) 60% 60%/2500px 2500px;
}

.empire-item:nth-child(3) .display_div {
    box-shadow: 5.25px 5.25px 0px #e4c87a;
}

.empire-item:nth-child(3) .buttons_div {
    background-color: #e4c87a;
    border-color: #4a3a1a;
    box-shadow: 4.5px 4.5px 0px #e4c87a;
}

.empire-item:nth-child(3) .b1,
.empire-item:nth-child(3) .b2 {
    background-color: #c4a44a;
    border-color: #4a3a1a;
    box-shadow: inset 3px 3px 1.5px #d4b86a, -3px 0px #6a5020, -3px 0px 0px 1.5px #4a3a1a;
}

.empire-item:nth-child(3) .b1::before,
.empire-item:nth-child(3) .b1::after,
.empire-item:nth-child(3) .b1 div,
.empire-item:nth-child(3) .b2::before,
.empire-item:nth-child(3) .b2::after {
    background-color: #4a3a1a;
}

.empire-item:nth-child(3) .g11,
.empire-item:nth-child(3) .g12,
.empire-item:nth-child(3) .g13 {
    background-color: #c4a44a;
    border-color: #4a3a1a;
    box-shadow: inset 1.875px 1.875px 1.5px #d4b86a;
}

/* TV 3 - Forest Green (Mecca) */
.empire-item:nth-child(4) .antenna {
    background-color: #5a8a4a;
    border-color: #2a3a1a;
}

.empire-item:nth-child(4) .antenna_shadow {
    box-shadow: inset 0px 24px #4a6a3a, inset 0px 24px 1.5px 1.5px #4a6a3a;
}

.empire-item:nth-child(4) .antenna::after,
.empire-item:nth-child(4) .antenna::before {
    background-color: #8aba7a;
}

.empire-item:nth-child(4) .a1d,
.empire-item:nth-child(4) .a2d {
    border-color: #2a3a1a;
    background-color: #6a8a5a;
}

.empire-item:nth-child(4) .notfound_text {
    background-color: #2a3a1a;
    color: #d0f0c0;
}

.empire-item:nth-child(4) .tv {
    background-color: #4a7a3a;
    border-color: #2a3a1a;
    box-shadow: inset 0.3em 0.3em #8aba7a;
}

.empire-item:nth-child(4) .tv::after {
    background: repeating-radial-gradient(#4a7a3a 0 0.0001%, #00000070 0 0.0002%) 50% 0/2500px 2500px,
        repeating-conic-gradient(#4a7a3a 0 0.0001%, #00000070 0 0.0002%) 60% 60%/2500px 2500px;
}

.empire-item:nth-child(4) .display_div {
    box-shadow: 5.25px 5.25px 0px #8aba7a;
}

.empire-item:nth-child(4) .buttons_div {
    background-color: #8aba7a;
    border-color: #2a3a1a;
    box-shadow: 4.5px 4.5px 0px #8aba7a;
}

.empire-item:nth-child(4) .b1,
.empire-item:nth-child(4) .b2 {
    background-color: #5a8a4a;
    border-color: #2a3a1a;
    box-shadow: inset 3px 3px 1.5px #7aaa6a, -3px 0px #3a5a2a, -3px 0px 0px 1.5px #2a3a1a;
}

.empire-item:nth-child(4) .b1::before,
.empire-item:nth-child(4) .b1::after,
.empire-item:nth-child(4) .b1 div,
.empire-item:nth-child(4) .b2::before,
.empire-item:nth-child(4) .b2::after {
    background-color: #2a3a1a;
}

.empire-item:nth-child(4) .g11,
.empire-item:nth-child(4) .g12,
.empire-item:nth-child(4) .g13 {
    background-color: #5a8a4a;
    border-color: #2a3a1a;
    box-shadow: inset 1.875px 1.875px 1.5px #7aaa6a;
}

/* TV 4 - Earthy Brown (Medina) */
.empire-item:nth-child(5) .antenna {
    background-color: #8a7a5a;
    border-color: #3a3020;
}

.empire-item:nth-child(5) .antenna_shadow {
    box-shadow: inset 0px 24px #6a5a3a, inset 0px 24px 1.5px 1.5px #6a5a3a;
}

.empire-item:nth-child(5) .antenna::after,
.empire-item:nth-child(5) .antenna::before {
    background-color: #baa88a;
}

.empire-item:nth-child(5) .a1d,
.empire-item:nth-child(5) .a2d {
    border-color: #3a3020;
    background-color: #7a6a4a;
}

.empire-item:nth-child(5) .notfound_text {
    background-color: #3a3020;
    color: #e8dcc8;
}

.empire-item:nth-child(5) .tv {
    background-color: #7a6a4a;
    border-color: #3a3020;
    box-shadow: inset 0.3em 0.3em #baa88a;
}

.empire-item:nth-child(5) .tv::after {
    background: repeating-radial-gradient(#7a6a4a 0 0.0001%, #00000070 0 0.0002%) 50% 0/2500px 2500px,
        repeating-conic-gradient(#7a6a4a 0 0.0001%, #00000070 0 0.0002%) 60% 60%/2500px 2500px;
}

.empire-item:nth-child(5) .display_div {
    box-shadow: 5.25px 5.25px 0px #baa88a;
}

.empire-item:nth-child(5) .buttons_div {
    background-color: #baa88a;
    border-color: #3a3020;
    box-shadow: 4.5px 4.5px 0px #baa88a;
}

.empire-item:nth-child(5) .b1,
.empire-item:nth-child(5) .b2 {
    background-color: #8a7a5a;
    border-color: #3a3020;
    box-shadow: inset 3px 3px 1.5px #aa987a, -3px 0px #5a4a30, -3px 0px 0px 1.5px #3a3020;
}

.empire-item:nth-child(5) .b1::before,
.empire-item:nth-child(5) .b1::after,
.empire-item:nth-child(5) .b1 div,
.empire-item:nth-child(5) .b2::before,
.empire-item:nth-child(5) .b2::after {
    background-color: #3a3020;
}

.empire-item:nth-child(5) .g11,
.empire-item:nth-child(5) .g12,
.empire-item:nth-child(5) .g13 {
    background-color: #8a7a5a;
    border-color: #3a3020;
    box-shadow: inset 1.875px 1.875px 1.5px #aa987a;
}

/* TV 5 - Amber Gold (Rashidoon) */
.empire-item:nth-child(6) .antenna {
    background-color: #d4b45a;
    border-color: #5a4a20;
}

.empire-item:nth-child(6) .antenna_shadow {
    box-shadow: inset 0px 24px #a89040, inset 0px 24px 1.5px 1.5px #a89040;
}

.empire-item:nth-child(6) .antenna::after,
.empire-item:nth-child(6) .antenna::before {
    background-color: #f4d88a;
}

.empire-item:nth-child(6) .a1d,
.empire-item:nth-child(6) .a2d {
    border-color: #5a4a20;
    background-color: #c0a050;
}

.empire-item:nth-child(6) .notfound_text {
    background-color: #5a4a20;
    color: #fff8d0;
}

.empire-item:nth-child(6) .tv {
    background-color: #c4a44a;
    border-color: #5a4a20;
    box-shadow: inset 0.3em 0.3em #f4d88a;
}

.empire-item:nth-child(6) .tv::after {
    background: repeating-radial-gradient(#c4a44a 0 0.0001%, #00000070 0 0.0002%) 50% 0/2500px 2500px,
        repeating-conic-gradient(#c4a44a 0 0.0001%, #00000070 0 0.0002%) 60% 60%/2500px 2500px;
}

.empire-item:nth-child(6) .display_div {
    box-shadow: 5.25px 5.25px 0px #f4d88a;
}

.empire-item:nth-child(6) .buttons_div {
    background-color: #f4d88a;
    border-color: #5a4a20;
    box-shadow: 4.5px 4.5px 0px #f4d88a;
}

.empire-item:nth-child(6) .b1,
.empire-item:nth-child(6) .b2 {
    background-color: #d4b45a;
    border-color: #5a4a20;
    box-shadow: inset 3px 3px 1.5px #e4c87a, -3px 0px #7a6030, -3px 0px 0px 1.5px #5a4a20;
}

.empire-item:nth-child(6) .b1::before,
.empire-item:nth-child(6) .b1::after,
.empire-item:nth-child(6) .b1 div,
.empire-item:nth-child(6) .b2::before,
.empire-item:nth-child(6) .b2::after {
    background-color: #5a4a20;
}

.empire-item:nth-child(6) .g11,
.empire-item:nth-child(6) .g12,
.empire-item:nth-child(6) .g13 {
    background-color: #d4b45a;
    border-color: #5a4a20;
    box-shadow: inset 1.875px 1.875px 1.5px #e4c87a;
}

/* TV 6 - Deep Ocean Teal (Umayyad) */
.empire-item:nth-child(7) .antenna {
    background-color: #2a6a7a;
    border-color: #1a2a3a;
}

.empire-item:nth-child(7) .antenna_shadow {
    box-shadow: inset 0px 24px #1a4a5a, inset 0px 24px 1.5px 1.5px #1a4a5a;
}

.empire-item:nth-child(7) .antenna::after,
.empire-item:nth-child(7) .antenna::before {
    background-color: #5a9aaa;
}

.empire-item:nth-child(7) .a1d,
.empire-item:nth-child(7) .a2d {
    border-color: #1a2a3a;
    background-color: #3a5a6a;
}

.empire-item:nth-child(7) .notfound_text {
    background-color: #1a2a3a;
    color: #c0e0f0;
}

.empire-item:nth-child(7) .tv {
    background-color: #1a5a6a;
    border-color: #1a2a3a;
    box-shadow: inset 0.3em 0.3em #5a9aaa;
}

.empire-item:nth-child(7) .tv::after {
    background: repeating-radial-gradient(#1a5a6a 0 0.0001%, #00000070 0 0.0002%) 50% 0/2500px 2500px,
        repeating-conic-gradient(#1a5a6a 0 0.0001%, #00000070 0 0.0002%) 60% 60%/2500px 2500px;
}

.empire-item:nth-child(7) .display_div {
    box-shadow: 5.25px 5.25px 0px #5a9aaa;
}

.empire-item:nth-child(7) .buttons_div {
    background-color: #5a9aaa;
    border-color: #1a2a3a;
    box-shadow: 4.5px 4.5px 0px #5a9aaa;
}

.empire-item:nth-child(7) .b1,
.empire-item:nth-child(7) .b2 {
    background-color: #2a6a7a;
    border-color: #1a2a3a;
    box-shadow: inset 3px 3px 1.5px #4a8a9a, -3px 0px #1a3a4a, -3px 0px 0px 1.5px #1a2a3a;
}

.empire-item:nth-child(7) .b1::before,
.empire-item:nth-child(7) .b1::after,
.empire-item:nth-child(7) .b1 div,
.empire-item:nth-child(7) .b2::before,
.empire-item:nth-child(7) .b2::after {
    background-color: #1a2a3a;
}

.empire-item:nth-child(7) .g11,
.empire-item:nth-child(7) .g12,
.empire-item:nth-child(7) .g13 {
    background-color: #2a6a7a;
    border-color: #1a2a3a;
    box-shadow: inset 1.875px 1.875px 1.5px #4a8a9a;
}

/* TV 7 - Lush Jungle Green (Al-Andalus) */
.empire-item:nth-child(8) .antenna {
    background-color: #4a7a4a;
    border-color: #1a3a1a;
}

.empire-item:nth-child(8) .antenna_shadow {
    box-shadow: inset 0px 24px #3a5a3a, inset 0px 24px 1.5px 1.5px #3a5a3a;
}

.empire-item:nth-child(8) .antenna::after,
.empire-item:nth-child(8) .antenna::before {
    background-color: #7aaa7a;
}

.empire-item:nth-child(8) .a1d,
.empire-item:nth-child(8) .a2d {
    border-color: #1a3a1a;
    background-color: #5a7a5a;
}

.empire-item:nth-child(8) .notfound_text {
    background-color: #1a3a1a;
    color: #c0e8c0;
}

.empire-item:nth-child(8) .tv {
    background-color: #3a6a3a;
    border-color: #1a3a1a;
    box-shadow: inset 0.3em 0.3em #7aaa7a;
}

.empire-item:nth-child(8) .tv::after {
    background: repeating-radial-gradient(#3a6a3a 0 0.0001%, #00000070 0 0.0002%) 50% 0/2500px 2500px,
        repeating-conic-gradient(#3a6a3a 0 0.0001%, #00000070 0 0.0002%) 60% 60%/2500px 2500px;
}

.empire-item:nth-child(8) .display_div {
    box-shadow: 5.25px 5.25px 0px #7aaa7a;
}

.empire-item:nth-child(8) .buttons_div {
    background-color: #7aaa7a;
    border-color: #1a3a1a;
    box-shadow: 4.5px 4.5px 0px #7aaa7a;
}

.empire-item:nth-child(8) .b1,
.empire-item:nth-child(8) .b2 {
    background-color: #4a7a4a;
    border-color: #1a3a1a;
    box-shadow: inset 3px 3px 1.5px #6a9a6a, -3px 0px #2a4a2a, -3px 0px 0px 1.5px #1a3a1a;
}

.empire-item:nth-child(8) .b1::before,
.empire-item:nth-child(8) .b1::after,
.empire-item:nth-child(8) .b1 div,
.empire-item:nth-child(8) .b2::before,
.empire-item:nth-child(8) .b2::after {
    background-color: #1a3a1a;
}

.empire-item:nth-child(8) .g11,
.empire-item:nth-child(8) .g12,
.empire-item:nth-child(8) .g13 {
    background-color: #4a7a4a;
    border-color: #1a3a1a;
    box-shadow: inset 1.875px 1.875px 1.5px #6a9a6a;
}

/* TV 8 - Misty Mountain Gray (Abbasid Caliphate) */
.empire-item:nth-child(9) .antenna {
    background-color: #a0a8a8;
    border-color: #3a4040;
}

.empire-item:nth-child(9) .antenna_shadow {
    box-shadow: inset 0px 24px #808888, inset 0px 24px 1.5px 1.5px #808888;
}

.empire-item:nth-child(9) .antenna::after,
.empire-item:nth-child(9) .antenna::before {
    background-color: #d0d8d8;
}

.empire-item:nth-child(9) .a1d,
.empire-item:nth-child(9) .a2d {
    border-color: #3a4040;
    background-color: #909898;
}

.empire-item:nth-child(9) .notfound_text {
    background-color: #3a4040;
    color: #f0f8f8;
}

.empire-item:nth-child(9) .tv {
    background-color: #909898;
    border-color: #3a4040;
    box-shadow: inset 0.3em 0.3em #d0d8d8;
}

.empire-item:nth-child(9) .tv::after {
    background: repeating-radial-gradient(#909898 0 0.0001%, #00000070 0 0.0002%) 50% 0/2500px 2500px,
        repeating-conic-gradient(#909898 0 0.0001%, #00000070 0 0.0002%) 60% 60%/2500px 2500px;
}

.empire-item:nth-child(9) .display_div {
    box-shadow: 5.25px 5.25px 0px #d0d8d8;
}

.empire-item:nth-child(9) .buttons_div {
    background-color: #d0d8d8;
    border-color: #3a4040;
    box-shadow: 4.5px 4.5px 0px #d0d8d8;
}

.empire-item:nth-child(9) .b1,
.empire-item:nth-child(9) .b2 {
    background-color: #a0a8a8;
    border-color: #3a4040;
    box-shadow: inset 3px 3px 1.5px #c0c8c8, -3px 0px #505858, -3px 0px 0px 1.5px #3a4040;
}

.empire-item:nth-child(9) .b1::before,
.empire-item:nth-child(9) .b1::after,
.empire-item:nth-child(9) .b1 div,
.empire-item:nth-child(9) .b2::before,
.empire-item:nth-child(9) .b2::after {
    background-color: #3a4040;
}

.empire-item:nth-child(9) .g11,
.empire-item:nth-child(9) .g12,
.empire-item:nth-child(9) .g13 {
    background-color: #a0a8a8;
    border-color: #3a4040;
    box-shadow: inset 1.875px 1.875px 1.5px #c0c8c8;
}

/* TV 9 - Cloud White (Shia Century) */
.empire-item:nth-child(10) .antenna {
    background-color: #c8d0d0;
    border-color: #4a5050;
}

.empire-item:nth-child(10) .antenna_shadow {
    box-shadow: inset 0px 24px #a8b0b0, inset 0px 24px 1.5px 1.5px #a8b0b0;
}

.empire-item:nth-child(10) .antenna::after,
.empire-item:nth-child(10) .antenna::before {
    background-color: #e8f0f0;
}

.empire-item:nth-child(10) .a1d,
.empire-item:nth-child(10) .a2d {
    border-color: #4a5050;
    background-color: #b8c0c0;
}

.empire-item:nth-child(10) .notfound_text {
    background-color: #4a5050;
    color: #ffffff;
}

.empire-item:nth-child(10) .tv {
    background-color: #b8c0c0;
    border-color: #4a5050;
    box-shadow: inset 0.3em 0.3em #e8f0f0;
}

.empire-item:nth-child(10) .tv::after {
    background: repeating-radial-gradient(#b8c0c0 0 0.0001%, #00000070 0 0.0002%) 50% 0/2500px 2500px,
        repeating-conic-gradient(#b8c0c0 0 0.0001%, #00000070 0 0.0002%) 60% 60%/2500px 2500px;
}

.empire-item:nth-child(10) .display_div {
    box-shadow: 5.25px 5.25px 0px #e8f0f0;
}

.empire-item:nth-child(10) .buttons_div {
    background-color: #e8f0f0;
    border-color: #4a5050;
    box-shadow: 4.5px 4.5px 0px #e8f0f0;
}

.empire-item:nth-child(10) .b1,
.empire-item:nth-child(10) .b2 {
    background-color: #c8d0d0;
    border-color: #4a5050;
    box-shadow: inset 3px 3px 1.5px #d8e0e0, -3px 0px #606868, -3px 0px 0px 1.5px #4a5050;
}

.empire-item:nth-child(10) .b1::before,
.empire-item:nth-child(10) .b1::after,
.empire-item:nth-child(10) .b1 div,
.empire-item:nth-child(10) .b2::before,
.empire-item:nth-child(10) .b2::after {
    background-color: #4a5050;
}

.empire-item:nth-child(10) .g11,
.empire-item:nth-child(10) .g12,
.empire-item:nth-child(10) .g13 {
    background-color: #c8d0d0;
    border-color: #4a5050;
    box-shadow: inset 1.875px 1.875px 1.5px #d8e0e0;
}

/* TV 10 - Turquoise Sea (Rise of the Turks) */
.empire-item:nth-child(11) .antenna {
    background-color: #4a9a9a;
    border-color: #1a3a3a;
}

.empire-item:nth-child(11) .antenna_shadow {
    box-shadow: inset 0px 24px #3a7a7a, inset 0px 24px 1.5px 1.5px #3a7a7a;
}

.empire-item:nth-child(11) .antenna::after,
.empire-item:nth-child(11) .antenna::before {
    background-color: #7acaca;
}

.empire-item:nth-child(11) .a1d,
.empire-item:nth-child(11) .a2d {
    border-color: #1a3a3a;
    background-color: #5a8a8a;
}

.empire-item:nth-child(11) .notfound_text {
    background-color: #1a3a3a;
    color: #d0f8f8;
}

.empire-item:nth-child(11) .tv {
    background-color: #3a8a8a;
    border-color: #1a3a3a;
    box-shadow: inset 0.3em 0.3em #7acaca;
}

.empire-item:nth-child(11) .tv::after {
    background: repeating-radial-gradient(#3a8a8a 0 0.0001%, #00000070 0 0.0002%) 50% 0/2500px 2500px,
        repeating-conic-gradient(#3a8a8a 0 0.0001%, #00000070 0 0.0002%) 60% 60%/2500px 2500px;
}

.empire-item:nth-child(11) .display_div {
    box-shadow: 5.25px 5.25px 0px #7acaca;
}

.empire-item:nth-child(11) .buttons_div {
    background-color: #7acaca;
    border-color: #1a3a3a;
    box-shadow: 4.5px 4.5px 0px #7acaca;
}

.empire-item:nth-child(11) .b1,
.empire-item:nth-child(11) .b2 {
    background-color: #4a9a9a;
    border-color: #1a3a3a;
    box-shadow: inset 3px 3px 1.5px #6ababa, -3px 0px #2a5a5a, -3px 0px 0px 1.5px #1a3a3a;
}

.empire-item:nth-child(11) .b1::before,
.empire-item:nth-child(11) .b1::after,
.empire-item:nth-child(11) .b1 div,
.empire-item:nth-child(11) .b2::before,
.empire-item:nth-child(11) .b2::after {
    background-color: #1a3a3a;
}

.empire-item:nth-child(11) .g11,
.empire-item:nth-child(11) .g12,
.empire-item:nth-child(11) .g13 {
    background-color: #4a9a9a;
    border-color: #1a3a3a;
    box-shadow: inset 1.875px 1.875px 1.5px #6ababa;
}

/* TV 11 - Sunset Orange (The Ottoman Empire) */
.empire-item:nth-child(12) .antenna {
    background-color: #d48a4a;
    border-color: #4a2a1a;
}

.empire-item:nth-child(12) .antenna_shadow {
    box-shadow: inset 0px 24px #a86a3a, inset 0px 24px 1.5px 1.5px #a86a3a;
}

.empire-item:nth-child(12) .antenna::after,
.empire-item:nth-child(12) .antenna::before {
    background-color: #f4ba8a;
}

.empire-item:nth-child(12) .a1d,
.empire-item:nth-child(12) .a2d {
    border-color: #4a2a1a;
    background-color: #c07a50;
}

.empire-item:nth-child(12) .notfound_text {
    background-color: #4a2a1a;
    color: #fff0d8;
}

.empire-item:nth-child(12) .tv {
    background-color: #c47a3a;
    border-color: #4a2a1a;
    box-shadow: inset 0.3em 0.3em #f4ba8a;
}

.empire-item:nth-child(12) .tv::after {
    background: repeating-radial-gradient(#c47a3a 0 0.0001%, #00000070 0 0.0002%) 50% 0/2500px 2500px,
        repeating-conic-gradient(#c47a3a 0 0.0001%, #00000070 0 0.0002%) 60% 60%/2500px 2500px;
}

.empire-item:nth-child(12) .display_div {
    box-shadow: 5.25px 5.25px 0px #f4ba8a;
}

.empire-item:nth-child(12) .buttons_div {
    background-color: #f4ba8a;
    border-color: #4a2a1a;
    box-shadow: 4.5px 4.5px 0px #f4ba8a;
}

.empire-item:nth-child(12) .b1,
.empire-item:nth-child(12) .b2 {
    background-color: #d48a4a;
    border-color: #4a2a1a;
    box-shadow: inset 3px 3px 1.5px #e4a06a, -3px 0px #6a4a2a, -3px 0px 0px 1.5px #4a2a1a;
}

.empire-item:nth-child(12) .b1::before,
.empire-item:nth-child(12) .b1::after,
.empire-item:nth-child(12) .b1 div,
.empire-item:nth-child(12) .b2::before,
.empire-item:nth-child(12) .b2::after {
    background-color: #4a2a1a;
}

.empire-item:nth-child(12) .g11,
.empire-item:nth-child(12) .g12,
.empire-item:nth-child(12) .g13 {
    background-color: #d48a4a;
    border-color: #4a2a1a;
    box-shadow: inset 1.875px 1.875px 1.5px #e4a06a;
}

/* TV 12 - Pale Gold (Islam in India) */
.empire-item:nth-child(13) .antenna {
    background-color: #d4c47a;
    border-color: #4a4020;
}

.empire-item:nth-child(13) .antenna_shadow {
    box-shadow: inset 0px 24px #a89858, inset 0px 24px 1.5px 1.5px #a89858;
}

.empire-item:nth-child(13) .antenna::after,
.empire-item:nth-child(13) .antenna::before {
    background-color: #f4e4aa;
}

.empire-item:nth-child(13) .a1d,
.empire-item:nth-child(13) .a2d {
    border-color: #4a4020;
    background-color: #c0b068;
}

.empire-item:nth-child(13) .notfound_text {
    background-color: #4a4020;
    color: #fffce0;
}

.empire-item:nth-child(13) .tv {
    background-color: #c4b46a;
    border-color: #4a4020;
    box-shadow: inset 0.3em 0.3em #f4e4aa;
}

.empire-item:nth-child(13) .tv::after {
    background: repeating-radial-gradient(#c4b46a 0 0.0001%, #00000070 0 0.0002%) 50% 0/2500px 2500px,
        repeating-conic-gradient(#c4b46a 0 0.0001%, #00000070 0 0.0002%) 60% 60%/2500px 2500px;
}

.empire-item:nth-child(13) .display_div {
    box-shadow: 5.25px 5.25px 0px #f4e4aa;
}

.empire-item:nth-child(13) .buttons_div {
    background-color: #f4e4aa;
    border-color: #4a4020;
    box-shadow: 4.5px 4.5px 0px #f4e4aa;
}

.empire-item:nth-child(13) .b1,
.empire-item:nth-child(13) .b2 {
    background-color: #d4c47a;
    border-color: #4a4020;
    box-shadow: inset 3px 3px 1.5px #e4d49a, -3px 0px #6a5830, -3px 0px 0px 1.5px #4a4020;
}

.empire-item:nth-child(13) .b1::before,
.empire-item:nth-child(13) .b1::after,
.empire-item:nth-child(13) .b1 div,
.empire-item:nth-child(13) .b2::before,
.empire-item:nth-child(13) .b2::after {
    background-color: #4a4020;
}

.empire-item:nth-child(13) .g11,
.empire-item:nth-child(13) .g12,
.empire-item:nth-child(13) .g13 {
    background-color: #d4c47a;
    border-color: #4a4020;
    box-shadow: inset 1.875px 1.875px 1.5px #e4d49a;
}

/* TV 13-16 - Deep Forest/Sea variations for remaining chapters */
/* Teal-Green blend for Islam in China, Southeast Asia, East/West Africa */
.empire-item:nth-child(n+14):nth-child(-n+17) .antenna {
    background-color: #4a8a7a;
    border-color: #1a3a30;
}

.empire-item:nth-child(n+14):nth-child(-n+17) .antenna_shadow {
    box-shadow: inset 0px 24px #3a6a5a, inset 0px 24px 1.5px 1.5px #3a6a5a;
}

.empire-item:nth-child(n+14):nth-child(-n+17) .antenna::after,
.empire-item:nth-child(n+14):nth-child(-n+17) .antenna::before {
    background-color: #7abaaa;
}

.empire-item:nth-child(n+14):nth-child(-n+17) .a1d,
.empire-item:nth-child(n+14):nth-child(-n+17) .a2d {
    border-color: #1a3a30;
    background-color: #5a8a7a;
}

.empire-item:nth-child(n+14):nth-child(-n+17) .notfound_text {
    background-color: #1a3a30;
    color: #d0f0e8;
}

.empire-item:nth-child(n+14):nth-child(-n+17) .tv {
    background-color: #3a7a6a;
    border-color: #1a3a30;
    box-shadow: inset 0.3em 0.3em #7abaaa;
}

.empire-item:nth-child(n+14):nth-child(-n+17) .tv::after {
    background: repeating-radial-gradient(#3a7a6a 0 0.0001%, #00000070 0 0.0002%) 50% 0/2500px 2500px,
        repeating-conic-gradient(#3a7a6a 0 0.0001%, #00000070 0 0.0002%) 60% 60%/2500px 2500px;
}

.empire-item:nth-child(n+14):nth-child(-n+17) .display_div {
    box-shadow: 5.25px 5.25px 0px #7abaaa;
}

.empire-item:nth-child(n+14):nth-child(-n+17) .buttons_div {
    background-color: #7abaaa;
    border-color: #1a3a30;
    box-shadow: 4.5px 4.5px 0px #7abaaa;
}

.empire-item:nth-child(n+14):nth-child(-n+17) .b1,
.empire-item:nth-child(n+14):nth-child(-n+17) .b2 {
    background-color: #4a8a7a;
    border-color: #1a3a30;
    box-shadow: inset 3px 3px 1.5px #6aaa9a, -3px 0px #2a5a4a, -3px 0px 0px 1.5px #1a3a30;
}

.empire-item:nth-child(n+14):nth-child(-n+17) .b1::before,
.empire-item:nth-child(n+14):nth-child(-n+17) .b1::after,
.empire-item:nth-child(n+14):nth-child(-n+17) .b1 div,
.empire-item:nth-child(n+14):nth-child(-n+17) .b2::before,
.empire-item:nth-child(n+14):nth-child(-n+17) .b2::after {
    background-color: #1a3a30;
}

.empire-item:nth-child(n+14):nth-child(-n+17) .g11,
.empire-item:nth-child(n+14):nth-child(-n+17) .g12,
.empire-item:nth-child(n+14):nth-child(-n+17) .g13 {
    background-color: #4a8a7a;
    border-color: #1a3a30;
    box-shadow: inset 1.875px 1.875px 1.5px #6aaa9a;
}

/* Warm Earth Brown for last 3 chapters (Colonization, Independence, The New World) */
.empire-item:nth-child(n+18) .antenna {
    background-color: #9a8a6a;
    border-color: #3a3020;
}

.empire-item:nth-child(n+18) .antenna_shadow {
    box-shadow: inset 0px 24px #7a6a4a, inset 0px 24px 1.5px 1.5px #7a6a4a;
}

.empire-item:nth-child(n+18) .antenna::after,
.empire-item:nth-child(n+18) .antenna::before {
    background-color: #cabaa0;
}

.empire-item:nth-child(n+18) .a1d,
.empire-item:nth-child(n+18) .a2d {
    border-color: #3a3020;
    background-color: #8a7a5a;
}

.empire-item:nth-child(n+18) .notfound_text {
    background-color: #3a3020;
    color: #f8f0e0;
}

.empire-item:nth-child(n+18) .tv {
    background-color: #8a7a5a;
    border-color: #3a3020;
    box-shadow: inset 0.3em 0.3em #cabaa0;
}

.empire-item:nth-child(n+18) .tv::after {
    background: repeating-radial-gradient(#8a7a5a 0 0.0001%, #00000070 0 0.0002%) 50% 0/2500px 2500px,
        repeating-conic-gradient(#8a7a5a 0 0.0001%, #00000070 0 0.0002%) 60% 60%/2500px 2500px;
}

.empire-item:nth-child(n+18) .display_div {
    box-shadow: 5.25px 5.25px 0px #cabaa0;
}

.empire-item:nth-child(n+18) .buttons_div {
    background-color: #cabaa0;
    border-color: #3a3020;
    box-shadow: 4.5px 4.5px 0px #cabaa0;
}

.empire-item:nth-child(n+18) .b1,
.empire-item:nth-child(n+18) .b2 {
    background-color: #9a8a6a;
    border-color: #3a3020;
    box-shadow: inset 3px 3px 1.5px #baaa8a, -3px 0px #5a4a30, -3px 0px 0px 1.5px #3a3020;
}

.empire-item:nth-child(n+18) .b1::before,
.empire-item:nth-child(n+18) .b1::after,
.empire-item:nth-child(n+18) .b1 div,
.empire-item:nth-child(n+18) .b2::before,
.empire-item:nth-child(n+18) .b2::after {
    background-color: #3a3020;
}

.empire-item:nth-child(n+18) .g11,
.empire-item:nth-child(n+18) .g12,
.empire-item:nth-child(n+18) .g13 {
    background-color: #9a8a6a;
    border-color: #3a3020;
    box-shadow: inset 1.875px 1.875px 1.5px #baaa8a;
}