/* Generated Atlantic artwork combined with live, accessible card data. */
.maritime-edition .game-surface {
  min-height: 650px;
  border: 10px solid #301b0d;
  border-radius: 46px;
  background-image: linear-gradient(180deg, rgba(3, 8, 5, .04), rgba(3, 8, 5, .16)), url('/assets/maritime/atlantic-card-table-v2.png');
  background-position: center;
  background-size: cover;
  box-shadow: 0 30px 70px rgba(0, 0, 0, .62), inset 0 0 0 2px #9b6d2d, inset 0 0 0 7px rgba(224, 177, 79, .15);
}

.maritime-edition .game-surface::before {
  width: 71%;
  height: 57%;
  left: 14.5%;
  top: 23%;
  border: 1px solid rgba(229, 190, 104, .16);
  box-shadow: inset 0 0 60px rgba(0, 0, 0, .12);
}

.maritime-edition .game-surface::after {
  background: radial-gradient(ellipse at center, transparent 52%, rgba(1, 5, 3, .25) 100%);
  opacity: 1 !important;
}

.maritime-edition .opponent,
.maritime-edition .you-seat {
  background: linear-gradient(145deg, rgba(12, 24, 16, .94), rgba(5, 12, 8, .96)) !important;
  border: 1px solid rgba(220, 179, 91, .38) !important;
  box-shadow: 0 10px 25px rgba(0, 0, 0, .55), inset 0 1px rgba(255, 255, 255, .05) !important;
}

.maritime-edition .opponent-1 { top: 34px; }
.maritime-edition .opponent-2 { left: 27px; }
.maritime-edition .opponent-3 { right: 27px; }
.maritime-edition .you-seat { bottom: 28px; }
.maritime-edition .game-center { inset: 112px 165px 102px; }

.maritime-edition .game-prompt {
  padding: 8px 16px;
  color: #fff7dc;
  background: rgba(4, 15, 9, .72);
  border: 1px solid rgba(228, 184, 92, .24);
  border-radius: 20px;
  text-shadow: 0 2px 8px #000;
  backdrop-filter: blur(5px);
}

.maritime-edition .playing-card.maritime-card {
  width: 82px;
  height: 123px;
  padding: 0;
  overflow: hidden;
  color: #102c25 !important;
  background: #f3ead4 url('/assets/maritime/card-face-v2.png') center / 100% 100% no-repeat !important;
  border: 1px solid #d6bd82 !important;
  border-radius: 10px !important;
  box-shadow: 0 8px 18px rgba(0, 0, 0, .5), 0 1px 1px rgba(255, 255, 255, .7) inset;
  font-family: "Fraunces", serif;
  text-align: center;
}

.maritime-edition .playing-card.maritime-card::after { display: none; }

.maritime-card .card-corner {
  position: absolute;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  line-height: .82;
  text-shadow: 0 1px rgba(255, 255, 255, .6);
}

.maritime-card .card-corner-top { left: 7px; top: 7px; }
.maritime-card .card-corner-bottom { right: 7px; bottom: 7px; transform: rotate(180deg); }
.maritime-card .card-corner b { font-size: 15px; }
.maritime-card .card-corner i { font: normal 13px serif; }
.maritime-card .red { color: #a7242e !important; }

.maritime-card .pip-field {
  width: 58%;
  height: 68%;
  margin: auto;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  align-items: center;
  justify-items: center;
  font-size: 18px;
}

.maritime-card .pip-field i { font-style: normal; }
.maritime-card .pips-1 { grid-template-columns: 1fr; font-size: 30px; }
.maritime-card .pips-3,
.maritime-card .pips-5,
.maritime-card .pips-7,
.maritime-card .pips-9 { grid-template-columns: repeat(3, 1fr); }

.maritime-card .court-mark {
  width: 50%;
  height: 55%;
  margin: auto;
  display: grid;
  place-content: center;
  color: #173c32;
  font: 800 35px "Fraunces";
  background: linear-gradient(145deg, rgba(18, 58, 46, .08), rgba(183, 131, 37, .15));
  border: 1px solid rgba(21, 63, 52, .2);
  border-radius: 50% 50% 42% 42%;
}

.maritime-card .court-mark small { display: block; color: #a7242e; font: normal 18px serif; }
.maritime-card .old-maid-mark { width: 58%; color: #a7242e; font-size: 30px; }
.maritime-card .old-maid-mark small { color: #173c32; font: 800 7px "DM Sans"; letter-spacing: .6px; }

.maritime-edition .playing-card.maritime-card.mini { width: 50px; height: 75px; border-radius: 7px !important; }
.maritime-card.mini .card-corner-top { left: 4px; top: 4px; }
.maritime-card.mini .card-corner-bottom { right: 4px; bottom: 4px; }
.maritime-card.mini .card-corner b { font-size: 10px; }
.maritime-card.mini .card-corner i { font-size: 9px; }
.maritime-card.mini .pip-field { font-size: 10px; }
.maritime-card.mini .court-mark { font-size: 18px; }

.maritime-edition .response-card.maritime-card { width: 174px; height: 126px; background-size: 100% 145% !important; }
.response-card .response-copy { display: block; margin: 31px 18px 16px; color: #17342b; font: 700 11px/1.35 "DM Sans"; text-align: left; }
.response-card .card-corner-bottom { display: none; }
.maritime-edition .table-stack .playing-card { margin-left: -27px; }
.maritime-edition .player-hand { min-height: 143px; }
.maritime-edition .player-hand .playing-card { margin-left: -18px; }

@media (max-width: 850px) {
  .maritime-edition .game-surface { min-height: 535px; border-width: 7px; }
  .maritime-edition .game-center { inset: 90px 95px 85px; }
}

@media (max-width: 620px) {
  .maritime-edition .game-surface { min-height: 455px !important; border-width: 5px; border-radius: 24px !important; }
  .maritime-edition .game-center { inset: 78px 44px 68px; }
  .maritime-edition .playing-card.maritime-card { width: 66px; height: 99px; }
  .maritime-edition .player-hand { min-height: 118px; }
  .maritime-card .card-corner b { font-size: 12px; }
  .maritime-card .card-corner i { font-size: 10px; }
  .maritime-card .pip-field { font-size: 13px; }
  .maritime-card .court-mark { font-size: 25px; }
  .maritime-edition .response-card.maritime-card { width: 142px; height: 110px; }
}