/* 20% larger identities, with spacing reserved for a pressed/lifted tag. */
.idn-workspace { --lineup-marker-size:44px; }
.lv-slot { min-height:0; min-width:0; display:flex; margin:3px 0; }
.lv-player { color:inherit; width:100%; height:100%; margin:0; padding:2px 6px; text-align:left; position:relative; transition:transform .15s,box-shadow .15s,border-color .15s; }
.lv-player-identity { gap:1px; }
.lv-player-identity strong { font-size:1.128rem; }
.lv-player-identity small { font-size:.84rem; line-height:1; }
.lv-player em { font-size:.876rem; padding:2px 4px; }
.tb-batter { position:relative; transition:transform .15s,box-shadow .15s,border-color .15s; padding:3px 8px; }
.tb-batter strong { font-size:1.092rem; }
.tb-batter small { font-size:.864rem; }
.tb-batter em { font-size:.84rem; }
.tb-position strong { font-size:1.176rem; }
.lv-player.is-linked-selected,.tb-batter[data-position-group].is-selected {
  background:var(--position-bg); border-color:#b89145; outline:2px solid #c5a059; outline-offset:-1px;
  transform:translateY(-2px); box-shadow:0 4px 8px #173d4d30; z-index:3;
}
.lv-position.is-filled.is-linked-selected,.tb-position.is-filled.is-selected[data-pos] {
  width:var(--lineup-marker-size); height:var(--lineup-marker-size); min-height:0; padding:0; border-radius:50%;
  background:#00558f; color:#f1ce80; border:2px solid #c5a059; outline:0;
  box-shadow:0 0 0 2px #f4d88c44,0 3px 9px #052b4060; animation:none; z-index:4; justify-content:center;
}
.lv-position.is-linked-selected strong,.tb-position.is-filled.is-selected[data-pos] strong { margin:0; font-weight:900; line-height:1; }
.lv-position.is-linked-selected>span,.tb-position.is-filled.is-selected[data-pos]>span {
  position:absolute; left:calc(100% + 3px); top:50%; transform:translateY(-50%); opacity:1;
  color:#fff3cf; background:#163d43dd; border-radius:4px; padding:2px; white-space:nowrap; pointer-events:none;
}
.lv-position[data-lineup-key] { cursor:pointer; }
.lv-player:focus-visible,.lv-position:focus-visible { outline:2px solid #c5a059; outline-offset:2px; }
.lv-selection-note { min-width:0; max-width:58%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:right; }
@media(max-width:740px) {
  .idn-workspace { --lineup-marker-size:36px; }
  .lv-slot { margin:2px 0; }
  .lv-player { padding:1px 4px; gap:3px; }
  .lv-player-identity { gap:2px; }
  .lv-player-identity strong { font-size:.96rem; }
  .lv-player-identity small { font-size:.744rem; }
  .lv-player em { font-size:.744rem; padding:1px 2px; }
  .tb-batter { padding:2px 4px; gap:3px; }
  .tb-batter>span { gap:3px; }
  .tb-batter strong { font-size:.924rem; }
  .tb-batter small { font-size:.72rem; }
  .tb-batter em { font-size:.708rem; padding:1px 3px; }
  .tb-position strong { font-size:.936rem; }
}
@media(max-width:420px) {
  .lv-player-identity { gap:0; }
  .lv-player-identity strong { font-size:.924rem; line-height:1.05; }
  .lv-player-identity small { font-size:.672rem; }
  .tb-batter>span { display:flex; flex-direction:column; align-items:flex-start; justify-content:center; gap:0; }
  .tb-batter strong { line-height:1.05; order:1; }
  .tb-batter small { display:block; line-height:1; order:0; font-size:.72rem; }
}
@media(max-height:650px) and (orientation:portrait) {
  .idn-workspace { --lineup-marker-size:32px; }
  .lv-slot { margin:1.5px 0; }
  .lv-player { padding:0 3px; gap:3px; }
  .lv-player-identity strong { font-size:.876rem; }
  .lv-player-identity small { font-size:.624rem; }
  .tb-position strong { font-size:.84rem; }
  .tb-batter { padding-top:0; padding-bottom:0; }
}
@media(max-height:520px) and (orientation:landscape) {
  .idn-workspace { --lineup-marker-size:34px; }
  .lv-slot { margin:1.5px 0; }
  .lv-player { padding:0 3px; gap:3px; }
  .lv-player-identity strong { font-size:.876rem; }
  .lv-player-identity small { font-size:.684rem; }
  .lv-player em { font-size:.72rem; padding:1px 2px; }
  .tb-batter { padding:0 3px; gap:3px; }
  .tb-batter>span { display:flex; flex-direction:column; align-items:flex-start; justify-content:center; gap:0; }
  .tb-batter strong { font-size:.9rem; line-height:1.05; order:1; }
  .tb-batter small { display:block; font-size:.72rem; line-height:1; order:0; }
  .tb-batter em { font-size:.72rem; padding:1px 2px; }
  .tb-position strong { font-size:.876rem; }
}
@media(prefers-reduced-motion:reduce) { .lv-player,.tb-batter { transition:none; } }

.lv-position.is-linked-selected[data-field-position="RF"]>span,
.lv-position.is-linked-selected[data-field-position="EP"]>span,
.tb-position.is-filled.is-selected[data-pos="RF"]>span,
.tb-position.is-filled.is-selected[data-pos="EP"]>span { left:auto; right:calc(100% + 3px); }