.player-navigation-page-root{
  min-width:0;
}

.player-navigation-panel{
  min-width:0;
}

.player-nav-map-wrap{
  position:relative;
  margin-top:12px;
  border-radius:18px;
  overflow:hidden;
  border:1px solid var(--owge-border);
  background:rgba(7,13,25,.75);
}

#playerNavigationMap,
#navigationMap{
  width:100%;
  min-height:62vh;
  background:#0b1426;
}

.player-nav-floating-tools{
  position:absolute;
  top:12px;
  right:12px;
  z-index:500;
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  max-width:min(100%,420px);
}

.player-nav-toolbar-status{
  display:inline-flex;
  align-items:center;
  min-height:40px;
  padding:8px 12px;
  border-radius:12px;
  border:1px solid var(--owge-border);
  background:rgba(8,16,31,.88);
  color:var(--owge-text-soft);
  font-weight:700;
}

.player-nav-controls-stack{
  display:flex;
  flex-direction:column;
  gap:14px;
  margin-top:16px;
}

.player-nav-card{
  border:1px solid var(--owge-border);
  border-radius:16px;
  background:rgba(7,15,29,.56);
  padding:14px;
}

.player-nav-card-title{
  margin:0 0 10px;
  font-size:18px;
  font-weight:800;
  color:#fff;
}

.player-nav-grid{
  display:grid;
  gap:12px;
}

.player-nav-grid-4{
  grid-template-columns:repeat(4,minmax(0,1fr));
}

.player-nav-wrap{
  flex-wrap:wrap;
}

.player-nav-status-line{
  margin-top:12px;
  padding:10px 12px;
  border-radius:12px;
  border:1px solid var(--owge-border);
  background:rgba(9,17,31,.48);
  color:var(--owge-text-soft);
}

.player-assigned-assets{
  display:flex;
  flex-direction:column;
  gap:10px;
}

.player-assigned-empty{
  border:1px dashed var(--owge-border);
  border-radius:14px;
  padding:14px;
  color:var(--owge-text-muted);
  background:rgba(7,15,29,.35);
}

.player-asset-card{
  border:1px solid var(--owge-border);
  border-radius:14px;
  padding:12px;
  background:rgba(7,15,29,.5);
  display:flex;
  flex-direction:column;
  gap:8px;
  cursor:pointer;
}

.player-asset-card:hover{
  border-color:var(--owge-border-strong);
  background:rgba(10,22,41,.62);
}

.player-asset-card.is-selected{
  outline:2px solid rgba(77,163,255,.55);
  background:rgba(16,34,61,.78);
}

.player-asset-card__title{
  font-weight:800;
  color:#fff;
}

.player-asset-card__meta{
  color:var(--owge-text-soft);
  font-size:14px;
}

@media (max-width:1200px){
  .player-nav-grid-4{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (max-width:860px){
  .player-nav-grid-4{
    grid-template-columns:1fr;
  }

  .player-nav-floating-tools{
    position:static;
    padding:12px;
  }

  #playerNavigationMap,
  #navigationMap{
    min-height:52vh;
  }
}