/* Editor de posiciones: únicamente presentación; no altera las dimensiones del tablero. */
#movesPanel.position-editing>h2,#movesPanel.position-editing>#moves,#movesPanel.position-editing>.chart-wrap{display:none!important}
#movesPanel.position-editing{overflow:auto}
#positionEditorPanel[hidden]{display:none!important}
#positionEditorPanel{display:flex;flex-direction:column;gap:10px;min-height:0;color:#eff3f9}
#positionEditorPanel h2{margin:0;font-size:17px}
#positionEditorPanel p{font-size:12px;color:#c0c7d1}

.position-editor-pieces{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px}
.position-editor-pieces button{padding:5px 0;min-width:0;aspect-ratio:1;font-size:clamp(20px,2.3vw,32px);line-height:1;background:#203956;border:1px solid #54708e;color:#eff3f9}
.position-editor-pieces button[aria-pressed=true]{border:2px solid #d4e4f5;box-shadow:inset 0 0 0 1px #b7c6d7;background:#335b82}
.position-editor-pieces .piece-white{color:#fff;text-shadow:0 1px 2px #000,1px 0 #000,-1px 0 #000}
.position-editor-pieces .piece-black{color:#0b101a;text-shadow:1px 0 #d6dfea,-1px 0 #d6dfea,0 1px #d6dfea,0 -1px #d6dfea}

.position-editor-actions{display:flex;flex-wrap:wrap;gap:6px}
.position-editor-actions button{flex:1 1 auto;font-size:12px;padding:8px}
.position-editor-actions-grid button{min-height:38px}

.position-editor-turn{display:flex;align-items:center;gap:7px;font-size:12px;min-width:0}
.position-editor-turn select{background:#101e31;color:#eff3f9;border:1px solid #54708e;border-radius:6px;padding:7px;min-width:0;flex:1}
#positionEditorPanel .position-editor-error{color:#ffbdad;min-height:14px;margin:0}
#positionEditorPanel .position-editor-note{font-size:11px}
#board.position-editor-active .square.clickable{cursor:crosshair}
#board.position-editor-active .square.clickable:hover{outline:2px solid #c0c7d1;outline-offset:-2px;z-index:2}

.position-editor-bottom-row{display:flex;align-items:center;justify-content:space-between;gap:8px}
.position-editor-compact-actions{display:flex;align-items:center;gap:6px;flex:0 0 auto}
#positionEditorPanel .icon-only{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;font-size:18px;line-height:1}

.position-editor-advanced{display:flex;flex-direction:column;gap:10px;padding:10px;border:1px solid #54708e;border-radius:10px;background:rgba(12,25,42,.55)}
.position-editor-advanced[hidden]{display:none!important}
.position-editor-advanced-block{display:flex;flex-direction:column;gap:8px}
.position-editor-advanced .advanced-label{font-size:12px;font-weight:700;color:#eff3f9}
.castle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 10px}
.castle-grid label,.en-passant-row label{display:flex;align-items:center;gap:6px;font-size:12px;color:#eff3f9}
.castle-grid input,.en-passant-row input{accent-color:#87aee0}
.en-passant-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.en-passant-row select{background:#101e31;color:#eff3f9;border:1px solid #54708e;border-radius:6px;padding:7px;min-width:120px}
.en-passant-row select:disabled{opacity:.55}

@media(max-width:600px){
  .position-editor-pieces button{font-size:24px}
  .castle-grid{grid-template-columns:1fr}
  .position-editor-bottom-row{flex-wrap:wrap}
  .position-editor-turn{flex:1 1 100%}
  .position-editor-compact-actions{margin-left:auto}
}

/* Distribución equilibrada: ajustes izquierda, navegación centrada, herramientas derecha. */
.board-controls{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px;min-height:40px;padding-top:0}
.board-controls-left{display:flex;justify-content:flex-start;align-items:center;min-width:0}
.board-controls-right{display:flex;justify-content:flex-end;align-items:center;gap:7px;min-width:0}
.board-controls .board-nav{display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:nowrap;min-width:0}
.board-controls #boardSettingsToggle{position:static;left:auto;top:auto;transform:none;flex:0 0 auto}
.board-controls-right #flip,.board-controls-right #positionEditorOpen{display:inline-flex;align-items:center;justify-content:center;padding:0;width:36px;height:36px;min-width:36px;line-height:1;font-size:22px;font-weight:500;flex:0 0 36px}
@media(max-width:620px){.board-controls{gap:4px}.board-controls .board-nav{gap:3px}.board-controls .board-nav button{padding:6px 7px}.board-controls #counter{min-width:43px}.board-controls-right{gap:4px}.board-controls-right #flip,.board-controls-right #positionEditorOpen{width:32px;min-width:32px;height:32px;flex-basis:32px;font-size:20px}}
@media(max-width:410px){.board-controls{grid-template-columns:auto minmax(0,1fr) auto}.board-controls .board-nav{justify-content:center;gap:2px}.board-controls .board-nav button{padding:5px}.board-controls #counter{min-width:34px;font-size:11px}.board-controls-right #flip,.board-controls-right #positionEditorOpen{width:29px;min-width:29px;height:29px;flex-basis:29px}}