:root {
  --auris-ink: #1c0a0a;
  --auris-hover: #ffe2e2;
  --auris-map: #b15e7a;
  --auris-shadow: 0px 2px var(--auris-map), 2px 0px var(--auris-map), 0px -2px var(--auris-map), -2px 0px var(--auris-map);
  --auris-new: 0px 2px 3px var(--auris-hover), 2px 0px 3px var(--auris-hover), 0px -2px 3px var(--auris-hover), -2px 0px 3px var(--auris-hover);
  --ettaran-ink: #4d3e48;
  --ettaran-hover: white;
  --ettaran-map: #c09f6a;
  --ettaran-shadow: 0px 2px var(--ettaran-map), 2px 0px var(--ettaran-map), 0px -2px var(--ettaran-map), -2px 0px var(--ettaran-map);
  --bruce-shadow: 0px 3px #200020, 3px 0px #200020, 0px -3px #200020, -3px 0px #200020;
  --sihai-text-color: #0a0806;
  --sihai-text-new-color: #ff0006;
  --sihai-text-shadow-color: #d0b499;
  --sihai-symbol-color: #ffab5f;
  --sihai-symbol-new-color: #ffb100;
  --sihai-shadow: var(--sihai-text-color);
  --sihai-text-shadow: 2px 2px var(--sihai-text-shadow-color), -2px -2px var(--sihai-text-shadow-color), 2px -2px var(--sihai-text-shadow-color), -2px 2px var(--sihai-text-shadow-color), 2px 0px var(--sihai-text-shadow-color), 0px 2px var(--sihai-text-shadow-color), 0px -2px var(--sihai-text-shadow-color), -2px 0px var(--sihai-text-shadow-color);
  --sihai-symbol: 2px 2px var(--sihai-shadow), -2px -2px var(--sihai-shadow), 2px -2px var(--sihai-shadow), -2px 2px var(--sihai-shadow), 2px 0px var(--sihai-shadow), 0px 2px var(--sihai-shadow), 0px -2px var(--sihai-shadow), -2px 0px var(--sihai-shadow);
}

/* Maps General */
.base-button.bruce-location,
.base-button.ettaran-map-location,
.base-button.auris-map-location {
  border-radius: 0;
  border: none;
  /* border: red 1px solid; */
  background: none;
  font-size: 2rem;
  font-weight: bold;
}

.map-patch {
  border: none;
}

/* Auris */
.base-button.auris-map-location {
  color: var(--auris-ink);
  text-shadow: var(--auris-shadow);
}

.base-button.auris-map-location.new-content {
  text-shadow: var(--auris-new);
}

.base-button.auris-map-location:hover {
  color: var(--auris-hover);
}

.auris-map-location.cave {
  padding-top: 70px;
}
.auris-map-location.mountains {
  padding-top: 17px;
}

.map-patch.auris-river {
  background: url(./bg/auris/map/map_river.png);
}
.auris-map-location.riverside {
  padding-top: 36px;
}
.auris-map-location.forest {
  padding-top: 43px;
  padding-left: 24px;
}
.map-patch.auris-sand {
  background: url(./bg/auris/map/map_sand.png);
}
.auris-map-location.sand {
  padding-top: 110px;
}
.map-patch.auris-city {
  background: url(./bg/auris/map/map_city.png);
}
.auris-map-location.city {
  padding-top: 110px;
}
.map-patch.auris-lair {
  background: url(./bg/auris/map/map_lair.png);
}
.auris-map-location.lair {
  padding-top: 134px;
}
.map-patch.auris-ruins {
  background: url(./bg/auris/map/map_ruins.png);
}
.auris-map-location.ruins {
  padding-top: 110px;
}
.map-patch.auris-port {
  background: url(./bg/auris/map/map_port.png);
}
.auris-map-location.port {
  padding-top: 90px;
}
.map-patch.auris-sea01 {
  background: url(./bg/auris/map/map_sea01.png);
}
.auris-map-location.sea01 {
  padding-top: 113px;
}
.map-patch.auris-island01 {
  background: url(./bg/auris/map/map_island01.png);
}
.auris-map-location.island01 {
  padding-top: 113px;
}
.map-patch.auris-island02 {
  background: url(./bg/auris/map/map_island02.png);
}
.auris-map-location.island02 {
  padding-top: 110px;
}
.map-patch.auris-island03 {
  background: url(./bg/auris/map/map_island03.png);
}
.auris-map-location.island03 {
  padding-top: 100px;
}
.map-patch.auris-new_island {
  background: url(./bg/auris/map/new_island_base.png);
}
.map-patch.auris-mountain {
  background: url(./bg/auris/map/map_mountain.png);
}
.auris-map-location.winter-mountain {
  padding-top: 87px;
}

/* Ettaran */
.base-button.ettaran-map-location {
  color: var(--ettaran-ink);
  text-shadow:  var(--ettaran-shadow);
}
.base-button.ettaran-map-location:hover {
  color: var(--ettaran-hover);
}

.base-button.ettaran-map-location.nether-portal {
  padding-top: 72px;
}

.base-button.ettaran-map-location.quiet-forest {
  padding-top: 44px;
}

/* Bruce */
.base-button.bruce-location {
  color: #ffdd63;
  padding-left: 50px;
  text-shadow: var(--bruce-shadow);
  text-align: left;
}
.base-button.bruce-location:hover {
  color: #fff9e5
}

.base-button.bruce-location::before {
  content: ' ';
  position: absolute;
  border-radius: 100%;
  height: 50;
  width: 50;
  border: 5px solid #ca0000;
  background: rgba(60,130,250,0.6);
  top: -5px;
  left: -14px;
}

.base-button.bruce-location.unlocked::before {
  border-color: #220699;
}

.base-button.bruce-location:hover::before {
  background: rgb(250 226 60 / 60%);
}
.base-button.bruce-location.construction-site::before {
  top: 12px;
}

/* XMAS */
.room.lapland {
  background-image: url(./bg/lapland.jpg);
}

.lapland-location {
  border: none;
  background: none;
  color: #a71313;
  /* border: red 1px solid; */
  border-radius: 0;
  --text-drop-shadow: none;
  font-weight: bold;
}

.lapland-location.unlocked {
  color: #1c380d;
}

.lapland-location:hover{
  background: none;
  color: #ff7321;
  -webkit-text-stroke: 0.1px #723a00;
}

.lapland-location.lapland-guard {
  padding-top: 30px;
  padding-left: 220px;
}
.lapland-location.lapland-tree {
  padding-top: 392px;
}
.lapland-location.lapland-workshop {
  padding-top: 170px;
  padding-left: 81px;
}
.lapland-location.lapland-santa {
  text-align: left;
  padding-right: 120px;
}
.lapland-location.lapland-krampus {
  padding-top: 90px;
}

/* Sihai */

.room.sihai {
  background-image: url(./bg/chinese.jpg);
}
.room.sihai_blur {
  background-image: url(./bg/chinese_blur.jpg);
}

.sihai-map-location {
  background: none;
  border: 0;
  /* border: 1px red solid; */
  color: var(--sihai-text-color);
  text-shadow: var(--sihai-text-shadow);
  border-radius: 0;
  text-align: left;
  font-size: 3rem;
  padding-left: 56px;
}

.sihai-map-location.new-content {
  color: var(--sihai-text-new-color);
}

.sihai-map-location:hover {
  color: white;
  background: none;
}

.sihai-map-location::before {
  content: '\e3ac';
  position: absolute;
  left: 0;
  top: 17px;
  font-size: 3rem;
  color: var(--sihai-symbol-color);
  text-shadow: var(--sihai-symbol);
}

.sihai-map-location.new-content::before {
  color: var(--sihai-symbol-new-color);
}