/* v1.8.1 - luxurious dark woven table cloth and subtle Silk Road card patterns */
body.game-active main{
  background:
    linear-gradient(90deg,#080706,#0c0908 48%,#080706),
    repeating-linear-gradient(90deg,#ffffff08 0 1px,transparent 1px 5px)!important;
}
.landscape-board{
  position:relative;
  isolation:isolate;
  border-color:#86613f!important;
  background:
    radial-gradient(ellipse at 50% 46%,#7d493026 0,transparent 50%),
    radial-gradient(circle at 50% 48%,transparent 0 24%,#d7aa6420 24.15% 24.35%,transparent 24.5% 33%,#d7aa640d 33.1% 33.25%,transparent 33.4%),
    repeating-linear-gradient(45deg,#ffffff0b 0 1px,transparent 1px 5px),
    repeating-linear-gradient(-45deg,#00000022 0 1px,transparent 1px 6px),
    linear-gradient(145deg,#29191a 0,#1c1516 47%,#0e0c0d 100%)!important;
  box-shadow:
    inset 0 0 0 1px #e7b87517,
    inset 0 0 90px #020101c7,
    inset 0 22px 50px #b35e2610,
    0 10px 30px #000b!important;
}
.landscape-board:before{
  content:"";
  position:absolute;
  z-index:0;
  inset:9%;
  pointer-events:none;
  background:url("brand/spice-road-logo.png") center/30% auto no-repeat;
  opacity:.018;
  filter:sepia(1) saturate(.7);
}
.landscape-board:after{
  content:"";
  position:absolute;
  z-index:0;
  inset:5px;
  pointer-events:none;
  border:1px solid #d0a06118;
  border-radius:10px;
  box-shadow:inset 0 0 22px #d09c4d0a;
}
.landscape-board>*{position:relative;z-index:1}
.landscape-market{
  border-radius:9px;
  background:radial-gradient(ellipse at 50% 49%,#e7b96c08,transparent 70%);
}
.personal-zone{
  border-color:#b17c41!important;
  background:
    repeating-linear-gradient(45deg,#ffffff08 0 1px,transparent 1px 5px),
    repeating-linear-gradient(-45deg,#0003 0 1px,transparent 1px 6px),
    linear-gradient(145deg,#24191a,#100e0f)!important;
  box-shadow:0 -5px 20px #0009,inset 0 1px 0 #efc78113!important;
}
.official-card-slot .game-card:not(.point),
.hand-row .game-card:not(.point),
.modal-card .game-card:not(.point){
  border-color:#806044!important;
  background:
    linear-gradient(132deg,transparent 0 39%,#7b4a2c12 39.4% 40%,transparent 40.4% 62%,#fff8df12 62.4% 63%,transparent 63.4%),
    linear-gradient(48deg,transparent 0 45%,#7c4c2d0d 45.4% 46%,transparent 46.4%),
    repeating-linear-gradient(112deg,transparent 0 18px,#ffffff0c 18px 19px,transparent 19px 31px),
    linear-gradient(165deg,#e4d3b2 0,#c5a77d 61%,#98704f 100%)!important;
  box-shadow:inset 0 1px 0 #fff8,0 5px 12px #0007!important;
}
.game-card.point{
  background:
    repeating-linear-gradient(112deg,transparent 0 20px,#ffffff09 20px 21px,transparent 21px 34px),
    linear-gradient(165deg,#d4c4a7,#967957 68%,#634a38)!important;
  box-shadow:inset 0 1px 0 #fff6,0 5px 12px #0007!important;
}
.game-card.point .point-cost-top{
  background:
    linear-gradient(135deg,transparent 0 41%,#9b6c4014 41.4% 42%,transparent 42.4%),
    linear-gradient(45deg,transparent 0 59%,#fffaf01a 59.4% 60%,transparent 60.4%),
    repeating-linear-gradient(112deg,transparent 0 15px,#ffffff0e 15px 16px,transparent 16px 27px),
    linear-gradient(180deg,#f0e8d8,#d6c6aa)!important;
}
.game-card.point .point-score{
  background:
    repeating-linear-gradient(112deg,transparent 0 15px,#ffffff0d 15px 16px,transparent 16px 27px),
    linear-gradient(180deg,#bca783,#8d7456)!important;
}
.deck-card-back{
  box-shadow:4px 4px 0 #120b09,7px 7px 0 #c59b5a24,0 9px 16px #0009!important;
}
.deck-stack.point .deck-card-back{
  background:
    repeating-linear-gradient(120deg,transparent 0 17px,#ffd99b12 17px 18px,transparent 18px 30px),
    linear-gradient(150deg,#b85d37,#6d2924)!important;
}
.deck-stack.merchant .deck-card-back{
  background:
    repeating-linear-gradient(120deg,transparent 0 17px,#ffe6ad10 17px 18px,transparent 18px 30px),
    linear-gradient(150deg,#624674,#30243f)!important;
}
@media(orientation:landscape) and (max-height:520px){
  .landscape-board:before{inset:12%;background-size:25% auto;opacity:.014}
  .landscape-board:after{inset:3px;border-radius:7px}
  .official-card-slot .game-card:not(.point),.hand-row .game-card:not(.point){
    background:
      linear-gradient(132deg,transparent 0 42%,#7b4a2c10 42.4% 43%,transparent 43.4%),
      repeating-linear-gradient(112deg,transparent 0 15px,#ffffff0a 15px 16px,transparent 16px 27px),
      linear-gradient(165deg,#dfcda9,#bea078 64%,#906948)!important;
  }
}
@media(prefers-reduced-transparency:reduce){.landscape-board:before{display:none}}