/* Full-image game selectors. Existing selection and navigation handlers stay intact. */
body.sc-network[data-net-page=panel] .pp-choice__card {
  position:relative;isolation:isolate;grid-template-columns:minmax(0,1fr) 18px;
  min-height:124px;gap:16px;padding:18px 20px;overflow:hidden;
  border-color:color-mix(in srgb,var(--node-accent) 35%,#526377);
  background-color:#07121e;box-shadow:inset 0 1px #ffffff14;
}
body.sc-network[data-net-page=panel] .pp-choice__card .net-choice-art {
  position:absolute;inset:-8px;z-index:0;display:block;
  grid-area:auto;width:auto;height:auto;min-height:0;margin:0;
  background-size:auto calc(300% + 9px);background-repeat:no-repeat;
  filter:blur(2.5px) brightness(.86) saturate(.95);pointer-events:none;
}
body.sc-network[data-net-page=panel] .pp-choice__card .net-choice-art--mu {
  --mu-choice-photo:url('/assets/mu-art-20260911/dark-lord.png');
  background-image:var(--mu-choice-photo);background-size:cover;background-position:center;
}
/* Blend a framed rider into matching full-width scenery without stretching the artwork. */
body.sc-network[data-net-page=panel] .pp-choice__card .net-choice-art--mu::before {
  content:'';display:block;position:absolute;right:8px;top:8px;
  width:auto;height:130%;aspect-ratio:16 / 9;
  background:var(--mu-choice-photo) center / cover no-repeat;
  mask-image:linear-gradient(90deg,transparent,#000 18%);
}
body.sc-network[data-net-page=panel] .pp-choice__card::before {
  content:'';display:block!important;position:absolute;inset:0;z-index:1;
  width:auto;height:auto;transform:none;border:0;border-radius:inherit;
  background:linear-gradient(90deg,#030912cc,#030912a6 65%,#03091273);
  opacity:1;pointer-events:none;
}
body.sc-network[data-net-page=panel] .pp-choice__card .net-choice-copy {
  position:relative;z-index:2;grid-column:1;grid-row:1;gap:5px;
  min-width:0;padding:0;text-shadow:0 1px 5px #000b;
}
body.sc-network[data-net-page=panel] .pp-choice__card>.net-icon {
  position:relative;z-index:2;grid-column:2;grid-row:1;width:18px;height:18px;
  color:color-mix(in srgb,var(--node-accent) 65%,#fff);filter:drop-shadow(0 1px 3px #000);
}
body.sc-network[data-net-page=panel] .pp-choice__card .pp-choice__game {color:color-mix(in srgb,var(--node-accent) 25%,#fff);font-size:11px;}
body.sc-network[data-net-page=panel] .pp-choice__card .pp-choice__name {color:#fff;font-size:18px;line-height:1.3;overflow-wrap:anywhere;}
body.sc-network[data-net-page=panel] .pp-choice__card .pp-choice__how {color:#d8e4ef;font-size:12px;line-height:1.5;}
body.sc-network[data-net-page=panel] .pp-choice__card:is(:hover,.is-active,[aria-pressed=true]) {
  box-shadow:inset 0 -3px var(--node-accent);border-color:var(--node-accent);
}
body.sc-network[data-net-page=panel] .pp-choice__card:focus-visible {outline:2px solid #e3f0ff;outline-offset:3px;}
@media(max-width:600px) {
  body.sc-network[data-net-page=panel] .pp-choice__card {min-height:140px;gap:8px;padding:16px 12px;}
  body.sc-network[data-net-page=panel] .pp-choice__card .pp-choice__game {font-size:10px;}
  body.sc-network[data-net-page=panel] .pp-choice__card .pp-choice__name {font-size:14px;}
  body.sc-network[data-net-page=panel] .pp-choice__card .pp-choice__how {font-size:11px;}
}