/* Floating Win Odds mini modal (no global blackout) */
#mini-win-odds-floating.win-odds-mini-floating { box-sizing:border-box; z-index:6905; }
.win-odds-mini-floating { background:#101317; border:2px solid #000; box-shadow:6px 6px 0 #000,0 0 0 2px #1e242b inset, 0 10px 24px -10px rgba(0,0,0,.7); border-radius:12px; font-family:'Nunito',system-ui,sans-serif; }
.win-odds-mini-floating .mini-wo-chrome { position:relative; display:flex; flex-direction:column; width:100%; height:100%; }
.mini-wo-header { display:flex; align-items:center; justify-content:space-between; padding:10px 12px; background:#13181f; border-bottom:1px solid #1e242b; cursor:move; }
.mini-wo-header-left { display:flex; align-items:center; min-width:50px; }
.mini-wo-title { flex:1; text-align:center; font-size:1.8em; font-weight:700; letter-spacing:2px; font-family:'Bangers',cursive; color:#e2e8f0; }
.mini-wo-header-right { display:flex; align-items:center; justify-content:flex-end; min-width:50px; }
.mini-wo-btn { background:transparent; border:none; color:#cbd5e1; font-size:2em; padding:6px 10px; width:auto; height:auto; border-radius:4px; line-height:1; display:inline-flex; align-items:center; justify-content:center; cursor:pointer; box-shadow:none; transition:background 0.2s; }
.mini-wo-btn:hover { background:#25303b; }
.mini-wo-header-tools { display:flex; gap:6px; }
.mini-wo-body { flex:1; padding:0; display:flex; flex-direction:column; overflow:hidden; font-size:inherit; }
.mini-wo-chart { flex:0 0 50%; overflow:auto; display:flex; flex-direction:column; gap:6px; padding:6px 8px; }
.mini-wo-insights { flex:1 1 auto; overflow:auto; padding:0; }
.mini-wo-splitter { flex:0 0 4px; background:#1e242b; cursor:ns-resize; position:relative; z-index:10; transition:background 0.2s; }
.mini-wo-splitter:hover { background:#2c3440; }

/* Hide scrollbars but keep scrolling */
.mini-wo-chart::-webkit-scrollbar,
.mini-wo-insights::-webkit-scrollbar {
  width: 0;
  height: 0;
  display: none;
}
.mini-wo-chart,
.mini-wo-insights {
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE/Edge */
}

/* Player row hover effects */
.wo-player-row {
  cursor: pointer;
  transition: background 0.2s ease;
  border: 2px solid transparent;
}
.wo-player-row:hover {
  background: rgba(99, 102, 241, 0.12) !important;
}
.wo-player-row.selected {
  background: rgba(99, 102, 241, 0.25);
  border: 2px solid rgba(99, 102, 241, 0.8);
}
.wo-player-row.selected:hover {
  background: rgba(99, 102, 241, 0.3) !important;
}

/* Ensure SVG charts scale smoothly */
.mini-wo-chart svg { 
  max-width: 100%; 
  height: auto; 
  display: block;
}

/* Base font size - will be overridden by JS based on modal size */
.win-odds-mini-floating {
  font-size: 13px;
}

/* Scale text content for smaller modal sizes */
@media (max-width: 320px), (max-height: 250px) {
  .win-odds-mini-floating {
    font-size: 9px;
  }
  .mini-wo-title {
    font-size: 1em;
  }
}
.mini-wo-footer { display:flex; align-items:center; gap:6px; padding:6px 8px; border-top:1px solid #1e242b; background:#13181f; font-size:0.85em; }
.mini-wo-auto { display:flex; align-items:center; gap:4px; margin:0; padding-left:4px; font-size:0.9em; }
.mini-wo-trend { flex:1; text-align:center; font-size:0.75em; opacity:.65; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* Resize handles - invisible but functional with cursor indicators */
.mini-wo-resize { position:absolute; background:transparent; border:none; z-index:10; }

/* Corner handles */
.mini-wo-resize.handle-nw { top:0; left:0; width:12px; height:12px; cursor:nwse-resize; }
.mini-wo-resize.handle-ne { top:0; right:0; width:12px; height:12px; cursor:nesw-resize; }
.mini-wo-resize.handle-sw { bottom:0; left:0; width:12px; height:12px; cursor:nesw-resize; }
.mini-wo-resize.handle-se { bottom:0; right:0; width:12px; height:12px; cursor:nwse-resize; }

/* Edge handles */
.mini-wo-resize.handle-n { top:0; left:12px; right:12px; height:4px; cursor:ns-resize; }
.mini-wo-resize.handle-s { bottom:0; left:12px; right:12px; height:4px; cursor:ns-resize; }
.mini-wo-resize.handle-e { right:0; top:12px; bottom:12px; width:4px; cursor:ew-resize; }
.mini-wo-resize.handle-w { left:0; top:12px; bottom:12px; width:4px; cursor:ew-resize; }

/* Active player dock in arena */
.cmp-arena { position:relative; }
.arena-active-player-dock { position:absolute; top:15px; right:15px; width:auto; max-width:40%; pointer-events:none; z-index:6601; padding:0; }
.arena-active-player-dock .cmp-player-profile-card { transform:none; transform-origin:top right; pointer-events:auto; margin:0; }
.arena-active-player-dock .cmp-player-profile-card .ppc-avatar,
.arena-active-player-dock .cmp-player-profile-card .ppc-stat[data-cards] { pointer-events:auto; cursor:pointer; }
.cmp-player-profile-card.cmp-player-profile-card--dock { box-shadow:4px 4px 0 #000,0 0 0 2px #222 inset; }

@media (max-width: 860px) {
  .arena-active-player-dock { width:150px; }
}