:root { 
    --color-player-text: #333;
    --color-player-text-alt: #eee;
    --color-player-14: #999999; /*none*/ 
    --color-contrast-player-14: -alt; /*none - contrast*/ 
    --color-player-1: #cf1818; /*red*/ 
    --color-contrast-player-1: -alt; /*red - contrast*/ 
    --color-player-2: #3086e4; /*blue*/ 
    --color-contrast-player-2: -alt; /*blue - contrast*/ 
    --color-player-3: #3caa34; /*green*/ 
    --color-contrast-player-3: -alt; /*green - contrast*/ 
    --color-player-4: #ffdd55; /*yellow*/ 
    --color-contrast-player-4: ; /*yellow - contrast*/ 
    --color-player-5: #913eef; /*purple*/ 
    --color-contrast-player-5: -alt; /*purple - contrast*/ 
    --color-player-6: #ffaaaa; /*pink*/ 
    --color-contrast-player-6: ; /*pink - contrast*/ 
    --color-player-7: #009696; /*orange*/ 
    --color-contrast-player-7: -alt; /*orange - contrast*/ 
    --color-player-8: #f39b21; /*teal*/ 
    --color-contrast-player-8: -alt; /*teal - contrast*/ 
    --color-player-9: #985c08; /*brown*/ 
    --color-contrast-player-9: -alt; /*brown - contrast*/ 
    --color-player-10: #222222; /*black*/ 
    --color-contrast-player-10: -alt; /*black - contrast*/ 
    --color-player-11: #b3b3b3; /*grey*/ 
    --color-contrast-player-11: ; /*grey - contrast*/ 
    --color-player-12: #ffffff; /*white*/ 
    --color-contrast-player-12: ; /*white - contrast*/ 
}
.player-color-14, .room-page header.player-color-14 { 
    background-color: var(--color-player-14); 
    color: var(--color-player-text-alt); 
} 
.player-color-1, .room-page header.player-color-1 { 
    background-color: var(--color-player-1); 
    color: var(--color-player-text-alt); 
} 
.player-color-2, .room-page header.player-color-2 { 
    background-color: var(--color-player-2); 
    color: var(--color-player-text-alt); 
} 
.player-color-3, .room-page header.player-color-3 { 
    background-color: var(--color-player-3); 
    color: var(--color-player-text-alt); 
} 
.player-color-4, .room-page header.player-color-4 { 
    background-color: var(--color-player-4); 
    color: var(--color-player-text); 
} 
.player-color-5, .room-page header.player-color-5 { 
    background-color: var(--color-player-5); 
    color: var(--color-player-text-alt); 
} 
.player-color-6, .room-page header.player-color-6 { 
    background-color: var(--color-player-6); 
    color: var(--color-player-text); 
} 
.player-color-7, .room-page header.player-color-7 { 
    background-color: var(--color-player-7); 
    color: var(--color-player-text-alt); 
} 
.player-color-8, .room-page header.player-color-8 { 
    background-color: var(--color-player-8); 
    color: var(--color-player-text-alt); 
} 
.player-color-9, .room-page header.player-color-9 { 
    background-color: var(--color-player-9); 
    color: var(--color-player-text-alt); 
} 
.player-color-10, .room-page header.player-color-10 { 
    background-color: var(--color-player-10); 
    color: var(--color-player-text-alt); 
} 
.player-color-11, .room-page header.player-color-11 { 
    background-color: var(--color-player-11); 
    color: var(--color-player-text); 
} 
.player-color-12, .room-page header.player-color-12 { 
    background-color: var(--color-player-12); 
    color: var(--color-player-text); 
} 
.token.p14{ 
     background-image:url(/img/tokens/token-fill.svg?fill=999999); 
} 
.token.taken.p14{ 
     background-image:url(/img/tokens/token-taken.svg?fill=999999); 
} 
.token.p1{ 
     background-image:url(/img/tokens/token-fill.svg?fill=cf1818); 
} 
.token.taken.p1{ 
     background-image:url(/img/tokens/token-taken.svg?fill=cf1818); 
} 
.token.p2{ 
     background-image:url(/img/tokens/token-fill.svg?fill=3086e4); 
} 
.token.taken.p2{ 
     background-image:url(/img/tokens/token-taken.svg?fill=3086e4); 
} 
.token.p3{ 
     background-image:url(/img/tokens/token-fill.svg?fill=3caa34); 
} 
.token.taken.p3{ 
     background-image:url(/img/tokens/token-taken.svg?fill=3caa34); 
} 
.token.p4{ 
     background-image:url(/img/tokens/token-fill.svg?fill=ffdd55); 
} 
.token.taken.p4{ 
     background-image:url(/img/tokens/token-taken.svg?fill=ffdd55); 
} 
.token.p5{ 
     background-image:url(/img/tokens/token-fill.svg?fill=913eef); 
} 
.token.taken.p5{ 
     background-image:url(/img/tokens/token-taken.svg?fill=913eef); 
} 
.token.p6{ 
     background-image:url(/img/tokens/token-fill.svg?fill=ffaaaa); 
} 
.token.taken.p6{ 
     background-image:url(/img/tokens/token-taken.svg?fill=ffaaaa); 
} 
.token.p7{ 
     background-image:url(/img/tokens/token-fill.svg?fill=009696); 
} 
.token.taken.p7{ 
     background-image:url(/img/tokens/token-taken.svg?fill=009696); 
} 
.token.p8{ 
     background-image:url(/img/tokens/token-fill.svg?fill=f39b21); 
} 
.token.taken.p8{ 
     background-image:url(/img/tokens/token-taken.svg?fill=f39b21); 
} 
.token.p9{ 
     background-image:url(/img/tokens/token-fill.svg?fill=985c08); 
} 
.token.taken.p9{ 
     background-image:url(/img/tokens/token-taken.svg?fill=985c08); 
} 
.token.p10{ 
     background-image:url(/img/tokens/token-fill.svg?fill=222222); 
} 
.token.taken.p10{ 
     background-image:url(/img/tokens/token-taken.svg?fill=222222); 
} 
.token.p11{ 
     background-image:url(/img/tokens/token-fill.svg?fill=b3b3b3); 
} 
.token.taken.p11{ 
     background-image:url(/img/tokens/token-taken.svg?fill=b3b3b3); 
} 
.token.p12{ 
     background-image:url(/img/tokens/token-fill.svg?fill=ffffff); 
} 
.token.taken.p12{ 
     background-image:url(/img/tokens/token-taken.svg?fill=ffffff); 
} 
.border-14 {
    border: 5px solid var(--color-player-14); 
    border-radius:10px; 
}
.border-1 {
    border: 5px solid var(--color-player-1); 
    border-radius:10px; 
}
.border-2 {
    border: 5px solid var(--color-player-2); 
    border-radius:10px; 
}
.border-3 {
    border: 5px solid var(--color-player-3); 
    border-radius:10px; 
}
.border-4 {
    border: 5px solid var(--color-player-4); 
    border-radius:10px; 
}
.border-5 {
    border: 5px solid var(--color-player-5); 
    border-radius:10px; 
}
.border-6 {
    border: 5px solid var(--color-player-6); 
    border-radius:10px; 
}
.border-7 {
    border: 5px solid var(--color-player-7); 
    border-radius:10px; 
}
.border-8 {
    border: 5px solid var(--color-player-8); 
    border-radius:10px; 
}
.border-9 {
    border: 5px solid var(--color-player-9); 
    border-radius:10px; 
}
.border-10 {
    border: 5px solid var(--color-player-10); 
    border-radius:10px; 
}
.border-11 {
    border: 5px solid var(--color-player-11); 
    border-radius:10px; 
}
.border-12 {
    border: 5px solid var(--color-player-12); 
    border-radius:10px; 
}