/* Love Letter opts into the shared Card Kit's surface and transient
   states without replacing bespoke portrait faces, 3D rotor or target seats.
   A fixed 200x330 portrait remains the native action button. */
.ui-card-wrap.hand-card .playing-card.xg-card {
  --xg-card-width:200px;
  --xg-card-radius:9px;
  --xg-card-focus:#ffe3ab;
  --xg-card-accent:#f4cb81;
  --xg-card-winner:#ffe6ac;
  --xg-card-shadow:0 7px 0 #160d1d,0 14px 24px #0c091055;
  --hold-card-track:#24132e;
  --hold-card-accent:#ffe1a4;
  --hold-card-glow:#fff0be;
  --hold-card-aura:#ffe1a466;
  --hold-card-thickness:6px;
  width:200px;height:330px;aspect-ratio:auto;
  border:0;border-radius:9px;
  background:transparent;color:#37212e;
  padding:0;overflow:visible;
  display:block;flex:none;isolation:isolate;
  box-shadow:var(--xg-card-shadow);
}
.ui-card-wrap.hand-card .playing-card.xg-card .court-card-rotor.xg-card__face {
  background:transparent;
  position:absolute;inset:0;
  overflow:visible;
  border-radius:inherit;
  transform-style:preserve-3d;
}
/* The rank and effect descriptions stay above their own original art; shared
   state indicators remain thin, never covering the central portrait. */
.ui-card-wrap.hand-card .playing-card.xg-card[data-card-legal="true"]:not(.holding-action) {
  box-shadow:0 7px 0 #160d1d,0 14px 24px #0c091055,
    0 0 0 2px #f2ca8560;
}
.ui-card-wrap.hand-card.selected .playing-card.xg-card[data-card-selected="true"]:not(.holding-action),
.ui-card-wrap.hand-card.selected .playing-card.xg-card[data-card-selected="true"]:hover {
  transform:translateY(-13px);
  box-shadow:0 13px 0 #160d1d,0 23px 34px #0b081180,
    0 0 0 5px #f2c980a8;
}
.ui-card-wrap.hand-card .playing-card.xg-card[data-card-winner="true"]:not(.holding-action){
  box-shadow:0 7px 0 #160d1d,0 14px 24px #0c091055,
    0 0 0 3px #ffe6ac,0 0 18px 2px #ffe6ac55;
}
.ui-card-wrap.hand-card .playing-card.xg-card[data-card-legal="true"]:hover:not(.holding-action) {
  transform:translateY(-11px) rotate(-1deg);
  box-shadow:0 15px 0 #160d1d,0 24px 32px #0c091088,
    0 0 22px #e9bd7944;
}
/* Existing Court flip is driven by holding-action and has exactly the same
   duration as the shared hold controller. The fuse only supplies the rim. */
.ui-card-wrap.hand-card .playing-card.xg-card.holding-action[data-hold-progress="card-border"] {
  box-shadow:0 0 0 1px var(--hold-card-track),
    0 0 18px var(--hold-card-aura),
    var(--xg-card-shadow);
}
.ui-card-wrap.hand-card .playing-card.xg-card.holding-action[data-hold-progress="card-border"]::before {
  display:block;
}
.ui-card-wrap.hand-card .playing-card.xg-card.holding-action[data-hold-progress="card-border"]::after {
  z-index:20;
}
/* Read-only inspectors and previews never show commitment progress or
   selection pulses; they still reuse the same portrait and 3D face. */
.court-inspection .playing-card.xg-card { --xg-card-shadow:none; }
@media (prefers-reduced-motion:reduce) {
  .ui-card-wrap.hand-card .playing-card.xg-card {transition:none}
  /* The existing reduced-motion Court hold indicator used the same :before
     pseudo-element. Restore the full rim geometry for the shared static fuse. */
  .ui-card-wrap.hand-card .playing-card.xg-card.holding-action[data-hold-progress="card-border"]::before {
    inset:0;width:auto;height:auto;animation:none;transform:none;
    background:var(--hold-card-track);
  }
}
@media (forced-colors:active){
  .ui-card-wrap.hand-card .playing-card.xg-card[data-card-selected="true"]{
    outline:2px solid Highlight;
  }
}