.sidebar,.rail{
  position:relative;
  background:
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(0,0,0,0) 40%),
    linear-gradient(180deg, #121821, #0b0f15 55%, #07090c);
  border:1px solid rgba(255,255,255,.08);
  border-radius:12px;
  box-shadow:0 18px 40px rgba(0,0,0,.65), inset 0 1px 0 rgba(255,255,255,.06);
  overflow:hidden;
}
.sidebar::before,.rail::before{
  content:""; position:absolute; inset:-2px;
  background:
    radial-gradient(140px 120px at 10% 10%, rgba(79,211,255,.22), transparent 60%),
    radial-gradient(140px 120px at 90% 20%, rgba(255,155,59,.16), transparent 60%),
    linear-gradient(90deg, rgba(255,255,255,.05), transparent 30%, transparent 70%, rgba(255,255,255,.05));
  pointer-events:none; opacity:.55;
}

.sidebar{padding:14px; overflow:auto}
.sidebar nav ul{list-style:none; padding:0; margin:0}
.sidebar nav li{margin:8px 0}
.sidebar nav a{
  display:flex; align-items:center; gap:8px;
  text-decoration:none;
  padding:10px 10px;
  border-radius:10px;
  color:var(--muted);
  border:1px solid rgba(255,255,255,.06);
  background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(0,0,0,0));
}
.sidebar .navDisabled{
  display:flex; align-items:center; gap:8px;
  padding:10px 10px;
  border-radius:10px;
  border:1px solid rgba(255,255,255,.05);
  background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(0,0,0,0));
  color:rgba(154,167,182,.65);
  filter:grayscale(100%);
  opacity:.72;
  user-select:none;
}
.sidebar .navDisabled .icon{opacity:.55; filter:grayscale(100%) brightness(1.05)}
.sidebar .navDisabled em{
  margin-left:auto;
  font-style:normal;
  font-size:11px;
  letter-spacing:.14em;
  color:rgba(154,167,182,.55);
  border:1px solid rgba(255,255,255,.06);
  padding:2px 6px;
  border-radius:8px;
}
.sidebar .navDisabled:hover{opacity:.78}
.sidebar nav a:hover{color:#fff;border-color:rgba(255,255,255,.14)}
.sidebar .icon{width:16px;height:16px;filter:grayscale(100%) brightness(1.1);opacity:.85}

/* sidebar picks (centered) */
.sbPicks2{margin-top:14px;display:flex;flex-direction:column;gap:12px;align-items:center}
.sbPicksBar{
  width:100%;
  display:flex;align-items:center;justify-content:space-between;
  padding:0 4px 2px;
}
.sbPicksLab{
  color:#aab8c8;font-size:12px;letter-spacing:.18em;text-transform:uppercase;
  opacity:.9;user-select:none;
}
.sbPicksCtl{display:flex;gap:8px}
.sbPicksBtn{
  width:32px;height:26px;border-radius:8px;
  border:1px solid rgba(255,255,255,.10);
  background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(0,0,0,0));
  color:#d6dde6;cursor:pointer;filter:grayscale(100%);
}
.sbPicksBtn:hover{border-color:rgba(79,211,255,.22);box-shadow:0 0 18px rgba(79,211,255,.12);color:#fff}

/* card: almost square, centered */
.sbPickX{
  width:min(240px,100%);
  aspect-ratio:1/1;
  display:flex;flex-direction:column;
  text-decoration:none;border-radius:14px;overflow:hidden;
  border:1px solid rgba(255,255,255,.12);
  background:linear-gradient(180deg,#0f141b,#07090c);
  box-shadow:0 14px 34px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.06);
}
.sbPickX:hover{
  border-color:rgba(79,211,255,.22);
  box-shadow:0 0 22px rgba(79,211,255,.10),0 14px 34px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.06);
}

/* image area: rectangle (no arc), centered */
.sbPickXImg{
  margin:12px 12px 0;
  border-radius:10px;
  border:1px solid rgba(255,255,255,.10);
  background:#0b0f15;
  background-size:contain; background-position:center; background-repeat:no-repeat;
  aspect-ratio:16/12;  /* ← ここを変えれば縦横自在 */
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
}

/* footer: title + move button */
.sbPickXFoot{
  margin-top:auto;
  display:flex;align-items:center;gap:10px;
  padding:10px 12px 12px;
}
.sbPickXTitle{
  color:#e9f1fb;font-size:20px;font-weight:700;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.sbPickXGo{
  margin-left:auto;
  color:#cfe0f6;font-size:14px;letter-spacing:.08em;
  padding:6px 10px;border-radius:10px;
  border:1px solid rgba(255,255,255,.12);
  background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(0,0,0,0));
}
.sbPickX:hover .sbPickXGo{border-color:rgba(79,211,255,.22);box-shadow:0 0 18px rgba(79,211,255,.10);color:#fff}