/* Hash Box */
.hash-box { z-index: 1; position: fixed; left: 0; bottom: 0; color: white; background-color: rgba(0, 0, 0, 0.5); padding: 0.25rem; font-size: 0.75rem; line-height: 1; }

/* SVG */
.build-tile { fill: black; opacity: 0.5; }

.build-tile:hover { opacity: 1; }

.token-contrast-road { stroke: rgba(0, 0, 0, 0.3333); stroke-width: 8; /* 0, 14, ${57.735 - 14 * 2}, 100 */ stroke-dasharray: 0, 14, 29.735, 100; }

.token-road, .build-path { fill: none; stroke-width: 8; /* 0, 14, ${57.735 - 14 * 2}, 100 */ stroke-dasharray: 0, 14, 29.735, 100; }

.build-path { opacity: 0.5; stroke: black; }

.build-path:hover { opacity: 1; }

.build-intersection { opacity: 0.5; fill: black; }

.build-intersection:hover { opacity: 1; }

.token-contrast-settlement, .token-contrast-city { stroke-width: 5; stroke: rgba(0, 0, 0, 0.3333); fill: none; }

.token-settlement { stroke-width: 5; fill: rgba(255, 255, 255, 0.75) !important; }

.token-city { stroke-width: 5; }

.token-robber { fill: black; }

.token-robber:hover { opacity: 0.75; }

/* Pricing */
.pricing-group { display: inline-block; transform: translate(0, 2px); }

.pricing-resource { display: inline-block; width: 1em; height: 1em; width: calc(1em - 2px); height: calc(1em - 2px); margin-right: -0.25em; border-radius: 0.5em; border: 1px solid rgba(0, 0, 0, 0.5); }

.pricing-resource:last-child { margin-right: 0; }

/* Hand */
.card-hand .btn { display: block; float: left; width: 5em; height: 5em; margin-right: -3.25em; padding: 0.25em 0 0 0; line-height: 1; transform: rotate(-90deg); }

.card-hand.card-hand-lg .btn { width: 6em; height: 6em; }

.card-hand .active { transform: rotate(-90deg) translate(0.75em, 0); }

/* Customizations */
.btn { transition: none !important; }

.btn.disabled, .btn[disabled] { cursor: not-allowed; }

.btn-colorized { border-color: rgba(0, 0, 0, 0.5); }

.no-pointer { pointer-events: none; }

/* Utils */
.text-decoration-line-through { text-decoration: line-through !important; }

/* Colors */
.fill-mountains { fill: lightgray; }

.stroke-mountains { stroke: lightgray; }

.bg-mountains { background-color: lightgray; }

.color-mountains { color: lightgray; }

.fill-ore { fill: lightgray; }

.stroke-ore { stroke: lightgray; }

.bg-ore { background-color: lightgray; }

.color-ore { color: lightgray; }

.fill-coin { fill: lightgray; }

.stroke-coin { stroke: lightgray; }

.bg-coin { background-color: lightgray; }

.color-coin { color: lightgray; }

.fill-hills { fill: lightsalmon; }

.stroke-hills { stroke: lightsalmon; }

.bg-hills { background-color: lightsalmon; }

.color-hills { color: lightsalmon; }

.fill-brick { fill: lightsalmon; }

.stroke-brick { stroke: lightsalmon; }

.bg-brick { background-color: lightsalmon; }

.color-brick { color: lightsalmon; }

.fill-fields { fill: wheat; }

.stroke-fields { stroke: wheat; }

.bg-fields { background-color: wheat; }

.color-fields { color: wheat; }

.fill-grain { fill: wheat; }

.stroke-grain { stroke: wheat; }

.bg-grain { background-color: wheat; }

.color-grain { color: wheat; }

.fill-pasture { fill: palegreen; }

.stroke-pasture { stroke: palegreen; }

.bg-pasture { background-color: palegreen; }

.color-pasture { color: palegreen; }

.fill-wool { fill: palegreen; }

.stroke-wool { stroke: palegreen; }

.bg-wool { background-color: palegreen; }

.color-wool { color: palegreen; }

.fill-cloth { fill: palegreen; }

.stroke-cloth { stroke: palegreen; }

.bg-cloth { background-color: palegreen; }

.color-cloth { color: palegreen; }

.fill-forest { fill: mediumseagreen; }

.stroke-forest { stroke: mediumseagreen; }

.bg-forest { background-color: mediumseagreen; }

.color-forest { color: mediumseagreen; }

.fill-lumber { fill: mediumseagreen; }

.stroke-lumber { stroke: mediumseagreen; }

.bg-lumber { background-color: mediumseagreen; }

.color-lumber { color: mediumseagreen; }

.fill-paper { fill: mediumseagreen; }

.stroke-paper { stroke: mediumseagreen; }

.bg-paper { background-color: mediumseagreen; }

.color-paper { color: mediumseagreen; }

.fill-desert { fill: lemonchiffon; }

.stroke-desert { stroke: lemonchiffon; }

.bg-desert { background-color: lemonchiffon; }

.color-desert { color: lemonchiffon; }

.fill-development { fill: lemonchiffon; }

.stroke-development { stroke: lemonchiffon; }

.bg-development { background-color: lemonchiffon; }

.color-development { color: lemonchiffon; }

.fill-unknown { fill: navy; }

.stroke-unknown { stroke: navy; }

.bg-unknown { background-color: navy; }

.color-unknown { color: navy; }

.fill-chit-2 { fill: black; }

.stroke-chit-2 { stroke: black; }

.fill-chit-3 { fill: black; }

.stroke-chit-3 { stroke: black; }

.fill-chit-4 { fill: black; }

.stroke-chit-4 { stroke: black; }

.fill-chit-5 { fill: black; }

.stroke-chit-5 { stroke: black; }

.fill-chit-9 { fill: black; }

.stroke-chit-9 { stroke: black; }

.fill-chit-10 { fill: black; }

.stroke-chit-10 { stroke: black; }

.fill-chit-11 { fill: black; }

.stroke-chit-11 { stroke: black; }

.fill-chit-12 { fill: black; }

.stroke-chit-12 { stroke: black; }

.fill-chit-6 { fill: firebrick; }

.stroke-chit-6 { stroke: firebrick; }

.fill-chit-8 { fill: firebrick; }

.stroke-chit-8 { stroke: firebrick; }

/*# sourceMappingURL=style.css.map */