.solitaire-page .playing-card.face{
  overflow:hidden;
  padding:0;
  background:linear-gradient(145deg,#fff 0%,#fff 68%,#f1f3f2 100%);
  border-color:#c6ccce;
  color:#152630;
  touch-action:none;
  cursor:grab;
  -webkit-user-drag:element;
}
.solitaire-page .playing-card.face:active{cursor:grabbing}
.solitaire-page .playing-card.face.red{color:#c93442}
.sol-corner{
  position:absolute;z-index:2;display:flex;flex-direction:column;align-items:center;
  width:18%;font:700 clamp(10px,1.2vw,15px)/.86 Georgia,"Times New Roman",serif;letter-spacing:-.04em
}
.sol-corner i{font:400 .92em/1 Georgia,serif;font-style:normal;margin-top:2px}
.sol-corner.top{top:5%;left:3%}
.sol-corner.bottom{right:3%;bottom:5%;transform:rotate(180deg)}
.sol-ace{position:absolute;inset:0;display:grid;place-items:center;font:400 clamp(28px,4.5vw,48px)/1 Georgia,serif}
.sol-court{
  position:absolute;inset:20% 24%;display:flex;flex-direction:column;align-items:center;
  justify-content:center;border:1px solid currentColor;border-radius:6px;
  background:linear-gradient(135deg,rgba(230,188,72,.16),rgba(54,117,155,.1));font-style:normal
}
.sol-court:before,.sol-court:after{content:"";position:absolute;width:65%;height:2px;background:currentColor;opacity:.25;transform:rotate(45deg)}
.sol-court:after{transform:rotate(-45deg)}
.sol-court b{z-index:1;font:700 clamp(20px,3.5vw,38px)/1 Georgia,serif;text-shadow:0 1px #fff}
.sol-court i{z-index:1;font:400 clamp(13px,2.2vw,23px)/1 Georgia,serif;font-style:normal}
.sol-pips{position:absolute;inset:18% 18%;display:block;font:400 clamp(11px,1.55vw,20px)/1 Georgia,serif}
.sol-pips i{position:absolute;font-style:normal}
.sol-drag-ghost{
  position:fixed!important;z-index:9999!important;pointer-events:none!important;opacity:.94;
  filter:drop-shadow(0 12px 10px rgba(0,0,0,.35));transform:rotate(2deg)
}
.sol-drop-target{box-shadow:0 0 0 3px #ffd058 inset,0 0 18px rgba(255,208,88,.55)}
.sol-drag-ghost .playing-card{position:absolute;left:0;width:100%;margin:0}
.sol-drag-ghost .playing-card.face{overflow:hidden;padding:0;background:linear-gradient(145deg,#fff 0%,#fff 68%,#f1f3f2 100%)}
@media(max-width:410px){
  .sol-corner{font-size:8px}.sol-court{inset:22% 24%}.sol-pips{inset:19% 17%;font-size:10px}
}