
/* v13.11.13 — original v13.11.5 board design + movable workspace */
#board .board-canvas-view{position:relative;min-width:0}
#board .board-navigation-bar{
  display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;
  margin:0 0 12px;padding:10px 12px;
  border:1px solid var(--line);border-radius:16px;
  color:var(--muted);background:rgba(24,24,31,.76);
  box-shadow:0 10px 24px rgba(0,0,0,.14);
  backdrop-filter:blur(12px)
}
#board .board-pan-instruction{display:flex;align-items:center;gap:9px;min-width:220px;font-size:12px;line-height:1.4}
#board .board-pan-hand{display:grid;place-items:center;width:30px;height:30px;flex:0 0 30px;border:1px solid var(--line);border-radius:50%;background:rgba(255,255,255,.035)}
#board .board-navigation-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
#board .board-navigation-actions .btn{min-height:34px;padding:7px 10px}
#board .board-zoom-readout{min-width:54px;text-align:center;color:var(--gold-2);font-size:12px;font-weight:700}
#board .board-shell.board-pan-viewport{
  position:relative;width:100%;height:clamp(520px,70vh,760px);min-height:520px;
  overflow:auto!important;overscroll-behavior:contain;cursor:grab;touch-action:pan-x pan-y;
  scrollbar-color:rgba(210,177,116,.42) rgba(18,18,24,.9)
}
#board .board-shell.board-pan-viewport::-webkit-scrollbar{width:12px;height:12px}
#board .board-shell.board-pan-viewport::-webkit-scrollbar-track{background:rgba(18,18,24,.9)}
#board .board-shell.board-pan-viewport::-webkit-scrollbar-thumb{border:3px solid rgba(18,18,24,.9);border-radius:999px;background:rgba(210,177,116,.42)}
#board .board-shell.board-pan-viewport.is-board-panning{cursor:grabbing!important;user-select:none}
#board .board-shell.board-pan-viewport.is-board-panning *{cursor:grabbing!important;user-select:none!important}
#board .board-pan-space{position:relative;min-width:100%;min-height:100%;overflow:visible}
#board .board-pan-space>.investigation-board{position:absolute!important;left:0;top:0;transform-origin:0 0;will-change:transform}
#board .investigation-board.board-space-ready{transition:transform .24s cubic-bezier(.22,.82,.18,1)}
#board .board-shell.is-board-panning .investigation-board,
#board .board-card.dragging~*{transition:none!important}
#board .board-edge-vignette{position:absolute;inset:70px 0 0;z-index:12;pointer-events:none;border-radius:var(--radius);box-shadow:inset 24px 0 28px -30px rgba(0,0,0,.7),inset -24px 0 28px -30px rgba(0,0,0,.7),inset 0 24px 28px -30px rgba(0,0,0,.66),inset 0 -24px 28px -30px rgba(0,0,0,.66)}
#board .board-minimap{
  position:absolute;z-index:18;right:18px;top:92px;width:184px;height:126px;overflow:hidden;
  border:1px solid var(--line);border-radius:13px;
  background:rgba(21,21,27,.94);box-shadow:0 14px 30px rgba(0,0,0,.34),inset 0 0 20px rgba(0,0,0,.22);
  cursor:crosshair;backdrop-filter:blur(10px)
}
#board .board-minimap::before{content:'КАРТА ДОСКИ';position:absolute;left:8px;top:6px;z-index:4;color:var(--muted);font-size:8px;font-weight:700;letter-spacing:.14em}
#board .board-minimap-stage{position:absolute;inset:21px 7px 7px;border:1px solid rgba(210,177,116,.12);border-radius:7px;background:rgba(12,13,18,.72)}
#board .board-minimap-dot{position:absolute;width:5px;height:4px;border-radius:1px;background:var(--mini-color,#d2b174);box-shadow:0 0 5px color-mix(in srgb,var(--mini-color,#d2b174) 45%,transparent);transform:translate(-50%,-50%)}
#board .board-minimap-viewport{position:absolute;border:1px solid var(--gold-2);background:rgba(210,177,116,.08);box-shadow:0 0 9px rgba(210,177,116,.18);pointer-events:none}
#board .board-minimap[hidden]{display:none!important}
#board .board-card.is-board-focus{animation:boardFocusPulse131113 1.25s ease 2}
@keyframes boardFocusPulse131113{0%,100%{filter:none}50%{filter:brightness(1.1);box-shadow:0 0 0 3px rgba(210,177,116,.2),0 22px 44px rgba(0,0,0,.4)}}
#board .board-space-tooltip{position:absolute;z-index:20;left:50%;bottom:18px;transform:translateX(-50%);padding:7px 11px;border:1px solid var(--line);border-radius:999px;color:var(--muted);background:rgba(12,13,18,.86);font-size:11px;pointer-events:none;opacity:0;transition:opacity .25s ease}
#board .board-shell:hover+.board-space-tooltip{opacity:.9}
body.board-space-held #board .board-shell.board-pan-viewport{cursor:grab}
@media(max-width:900px){#board .board-minimap{width:148px;height:104px;right:14px;top:100px}.board-edge-vignette{display:none}}
body.mobile-layout #board .board-navigation-bar,
body.mobile-layout #board .board-minimap,
body.mobile-layout #board .board-edge-vignette,
body.mobile-layout #board .board-space-tooltip{display:none!important}
body.mobile-layout #board .board-shell.board-pan-viewport{height:auto!important;min-height:0!important;overflow:visible!important}
body.mobile-layout #board .board-pan-space{width:100%!important;height:auto!important;min-height:0!important}
body.mobile-layout #board .board-pan-space>.investigation-board{position:relative!important;transform:none!important}
body.effects-off #board .investigation-board.board-space-ready,
body.calm-mode #board .investigation-board.board-space-ready{transition:none!important}
@media(prefers-reduced-motion:reduce){#board .investigation-board.board-space-ready{transition:none!important}#board .board-card.is-board-focus{animation:none!important}}
