/* MONSTARICA v39
   Fixes: NEW badge overlap, deck-building PC layout regression.
*/

/* NEW badge no longer collides with rarity pill */
.game-card .card-new{
  top:34px;
  left:8px;
  min-width:34px;
  height:16px;
  padding:0 7px;
  font-size:8px;
  letter-spacing:.06em;
  border-width:1px;
  box-shadow:0 3px 10px #1f67ff45;
}
.mobile-flow-single-card .card-new,
.mobile-five-card .card-new{
  top:36px;
  left:10px;
}

/* PC deck layout: revert to a clean 6-column band, but keep it readable */
@media (min-width: 1100px){
  .lobby-ui .fixed-loadout{
    grid-template-columns:repeat(6,minmax(0,1fr));
    gap:10px;
    padding:10px;
    border:1px solid #29415e;
    border-radius:14px;
    background:linear-gradient(180deg,#0f1a29,#0b1320);
  }
  .lobby-ui .fixed-loadout .load-slot{
    display:flex;
    flex-direction:column;
    height:172px;
    border-radius:9px;
    border:1px solid #35597f;
    background:linear-gradient(180deg,#13253a,#0d1827);
    overflow:hidden;
    min-width:0;
  }
  .lobby-ui .fixed-loadout .load-slot img{
    flex:1;
    min-height:0;
    width:100%;
    height:auto;
    object-fit:contain;
    background:radial-gradient(ellipse,#24486b,#0d1624 68%);
    padding:6px 8px 0;
  }
  .lobby-ui .fixed-loadout .info{
    padding:8px 8px 9px;
    text-align:center;
    flex-shrink:0;
    background:linear-gradient(180deg,#0c1521d8,#0b1220f3);
    border-top:1px solid #253a54;
  }
  .lobby-ui .fixed-loadout .info b{
    display:block;
    font-size:12px;
    line-height:1.25;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    margin-bottom:4px;
  }
  .lobby-ui .fixed-loadout .info small{
    display:block;
    font-size:10px;
    line-height:1.45;
    color:#9ab5cf;
    white-space:normal;
  }
  .lobby-ui .fixed-loadout .slot-detail{
    top:5px;
    right:5px;
    font-size:9px;
    padding:5px 7px;
    border-color:#476688;
    background:#0b1931de;
    color:#cae8ff;
    border-radius:6px;
  }
  .lobby-ui .fixed-loadout .empty-card{
    height:172px;
    border:1px dashed #365273;
    border-radius:9px;
    background:#0b1524;
    color:#6281a2;
  }
  .lobby-ui .deck-owned-grid{
    margin-top:4px;
    padding:10px;
    border:1px solid #22364f;
    border-radius:14px;
    background:linear-gradient(180deg,#0b1522,#09111c);
    grid-template-columns:repeat(auto-fill,minmax(138px,1fr));
    gap:10px;
  }
}

/* Slightly tighten on very wide but short windows */
@media (min-width:1100px) and (max-height:860px){
  .lobby-ui .fixed-loadout .load-slot,
  .lobby-ui .fixed-loadout .empty-card{height:156px}
  .lobby-ui .fixed-loadout .info b{font-size:11px}
  .lobby-ui .fixed-loadout .info small{font-size:9px}
}