/* Editor-only add zones, independent of checker hit areas. */
.position-add-zones{position:absolute;inset:0;pointer-events:none;z-index:6}
.position-add-zones button{position:absolute;transform:translate(-50%,-50%);height:calc(30px * var(--ui-scale, 1));min-height:0;padding:0;border:1px solid #e6e3d19c;border-radius:calc(6px * var(--ui-scale, 1));background:#292925e8;color:#f4f2e8;font-size:max(11px, calc(24px * var(--ui-scale, 1)));line-height:max(14px, calc(26px * var(--ui-scale, 1)));font-weight:400;pointer-events:auto;touch-action:none;user-select:none;box-shadow:0 1px calc(4px * var(--ui-scale, 1)) #0005}
.position-add-zones button[data-side="0"]{border-color:#d9888b;color:#f5b2b5}.position-add-zones button[data-side="1"]{border-color:#78c6e5;color:#9bdef9}
.position-add-zones button:hover,.position-add-zones button:active{background:#4b4b42;box-shadow:0 0 0 calc(2px * var(--ui-scale, 1)) #ffffff35}
.position-add-zones button:focus-visible{outline:calc(2px * var(--ui-scale, 1)) solid white;outline-offset:calc(2px * var(--ui-scale, 1))}
body.analysis-table #pane-position{background:var(--panel);border:1px solid var(--line);border-radius:calc(5px * var(--ui-scale, 1));scrollbar-width:thin}
body.analysis-table .position-editor-heading{padding:calc(12px * var(--ui-scale, 1)) calc(14px * var(--ui-scale, 1));position:sticky;top:0;background:var(--panel);z-index:2;border-bottom:1px solid var(--line)}
body.analysis-table .position-editor-heading h2{font-size:max(11px, calc(16px * var(--ui-scale, 1)));font-weight:500;margin:0}
body.analysis-table #finish-edit{background:var(--blue);color:#142333;border:0;padding:calc(7px * var(--ui-scale, 1)) calc(16px * var(--ui-scale, 1));min-height:calc(32px * var(--ui-scale, 1));border-radius:calc(4px * var(--ui-scale, 1));font-size:max(11px, calc(13px * var(--ui-scale, 1)))}
body.analysis-table #edit-panel{padding:calc(12px * var(--ui-scale, 1)) calc(14px * var(--ui-scale, 1));background:none}
body.analysis-table .editor-brush{display:flex;gap:calc(4px * var(--ui-scale, 1));padding:calc(3px * var(--ui-scale, 1));background:#1c1c1c;border:1px solid var(--line);border-radius:calc(5px * var(--ui-scale, 1));margin:0 0 calc(12px * var(--ui-scale, 1))}
body.analysis-table .editor-brush button{flex:1;min-width:0;font-size:max(11px, calc(13px * var(--ui-scale, 1)));padding:calc(7px * var(--ui-scale, 1)) calc(3px * var(--ui-scale, 1));border:0;border-radius:calc(3px * var(--ui-scale, 1));min-height:calc(32px * var(--ui-scale, 1));background:transparent}
body.analysis-table .editor-brush button[aria-pressed=true]{background:#ffffff12;color:var(--text);box-shadow:inset 0 calc(-2px * var(--ui-scale, 1)) var(--blue)}
#pane-position .editor-color{display:flex;align-items:center;justify-content:space-between;gap:calc(12px * var(--ui-scale, 1));font-size:max(11px, calc(13px * var(--ui-scale, 1)))}
#pane-position .editor-color>span{color:var(--muted)}
#pane-position .editor-color .editor-choices{width:72%}
.editor-choices{display:flex;gap:calc(4px * var(--ui-scale, 1));min-width:0}
#pane-position .editor-choices button{flex:1;min-width:0;min-height:calc(32px * var(--ui-scale, 1));padding:calc(5px * var(--ui-scale, 1)) calc(3px * var(--ui-scale, 1));border-radius:calc(4px * var(--ui-scale, 1));border:1px solid var(--line);background:#2d2d2d;color:var(--muted);font-size:max(11px, calc(12px * var(--ui-scale, 1)));line-height:max(14px, calc(18px * var(--ui-scale, 1)))}
#pane-position .editor-choices button[aria-pressed=true]{background:#69aeec15;border-color:#68b5dc;color:#dcebf3}
#pane-position :is([data-choice=edit-player],[data-choice=cube-owner]) button[data-value="0"]{color:#e58e92}#pane-position :is([data-choice=edit-player],[data-choice=cube-owner]) button[data-value="1"]{color:#6fc4e8}
#pane-position #editor-reserve{font-size:max(11px, calc(12px * var(--ui-scale, 1)));color:var(--muted);margin:calc(8px * var(--ui-scale, 1)) 0 calc(12px * var(--ui-scale, 1))}
#pane-position #editor-gesture-help{padding:calc(10px * var(--ui-scale, 1)) calc(11px * var(--ui-scale, 1));margin:0 0 calc(12px * var(--ui-scale, 1));background:#ffffff04;border-left:calc(2px * var(--ui-scale, 1)) solid var(--blue);font-size:max(11px, calc(13px * var(--ui-scale, 1)));line-height:1.55;color:#c5c8cb}
body.analysis-table #pane-position .point-editor{display:grid;grid-template-columns:calc(76px * var(--ui-scale, 1)) minmax(0,1fr) calc(80px * var(--ui-scale, 1));gap:calc(7px * var(--ui-scale, 1));margin:0 0 calc(12px * var(--ui-scale, 1));align-items:end}
#pane-position .point-editor label{font-size:max(11px, calc(12px * var(--ui-scale, 1)));color:var(--muted);gap:calc(6px * var(--ui-scale, 1))}
body.analysis-table #pane-position .point-editor>#set-count{grid-column:auto;min-height:calc(34px * var(--ui-scale, 1));padding:calc(5px * var(--ui-scale, 1));font-size:max(11px, calc(13px * var(--ui-scale, 1)))}
#pane-position .point-editor select{padding:calc(6px * var(--ui-scale, 1));font-size:max(11px, calc(14px * var(--ui-scale, 1)));height:calc(34px * var(--ui-scale, 1))}
.editor-stepper{display:flex;align-items:stretch;height:calc(34px * var(--ui-scale, 1));border:1px solid var(--line);border-radius:calc(4px * var(--ui-scale, 1));overflow:hidden;background:#202020}
#pane-position .editor-stepper button{flex:none;width:calc(29px * var(--ui-scale, 1));padding:0;font-size:max(11px, calc(19px * var(--ui-scale, 1)));border:0;border-radius:0;background:#2e2e2e;color:var(--muted);min-height:0}
#pane-position .editor-stepper input{width:100%;min-width:0;padding:calc(3px * var(--ui-scale, 1));border:0;border-radius:0;background:none;text-align:center;font-size:max(11px, calc(14px * var(--ui-scale, 1)));appearance:textfield;-moz-appearance:textfield}
#pane-position .editor-stepper input::-webkit-inner-spin-button{appearance:none}
body.analysis-table #pane-position .edit-fields{grid-template-columns:1fr 1fr;gap:calc(8px * var(--ui-scale, 1));margin:calc(10px * var(--ui-scale, 1)) 0}
#pane-position:not([data-editor-tool=move]) .edit-fields{display:none}
#pane-position .edit-fields #relocate{grid-column:1/-1}
#pane-position .editor-actions{display:flex;gap:calc(7px * var(--ui-scale, 1));margin:0;padding-top:calc(10px * var(--ui-scale, 1));border-top:1px solid var(--line)}
#pane-position .editor-actions button{flex:1;background:#ffffff05;border:1px solid var(--line);border-radius:calc(4px * var(--ui-scale, 1));padding:calc(7px * var(--ui-scale, 1)) calc(3px * var(--ui-scale, 1));min-height:calc(32px * var(--ui-scale, 1));color:var(--muted);font-size:max(11px, calc(12px * var(--ui-scale, 1)))}
body.analysis-table #pane-position .context-panel{padding:calc(12px * var(--ui-scale, 1)) calc(14px * var(--ui-scale, 1))}
#pane-position .context-panel h2{font-size:max(11px, calc(14px * var(--ui-scale, 1)));font-weight:500;margin:0 0 calc(12px * var(--ui-scale, 1))}
#pane-position .context-grid{grid-template-columns:1fr 1fr;margin:0 0 calc(12px * var(--ui-scale, 1));gap:calc(12px * var(--ui-scale, 1)) calc(10px * var(--ui-scale, 1))}
#pane-position .context-grid label{font-size:max(11px, calc(12px * var(--ui-scale, 1)));gap:calc(6px * var(--ui-scale, 1));color:var(--muted);min-width:0}
#pane-position .context-grid label:has(#match-target),#pane-position .context-grid label:has(#crawford),#pane-position .context-grid label:has(#cube-value),#pane-position .editor-switch{grid-column:1/-1}
#pane-position .context-grid select{height:calc(34px * var(--ui-scale, 1));font-size:max(11px, calc(13px * var(--ui-scale, 1)));padding:calc(5px * var(--ui-scale, 1)) calc(8px * var(--ui-scale, 1));background:#2c2c2c;border:1px solid var(--line);border-radius:calc(4px * var(--ui-scale, 1));color:var(--text)}
#pane-position label:has(#score-white)>span{color:#e58e92}#pane-position label:has(#score-red)>span{color:#6fc4e8}
#pane-position .editor-switch{display:flex;flex-direction:row;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:calc(12px * var(--ui-scale, 1))}
#pane-position #editor-cube-switch{position:relative;width:calc(35px * var(--ui-scale, 1));min-width:calc(35px * var(--ui-scale, 1));height:calc(20px * var(--ui-scale, 1));min-height:calc(20px * var(--ui-scale, 1));padding:0;border:0;border-radius:calc(10px * var(--ui-scale, 1));background:#515151}
#editor-cube-switch::after{content:'';position:absolute;left:calc(3px * var(--ui-scale, 1));top:calc(3px * var(--ui-scale, 1));width:calc(14px * var(--ui-scale, 1));height:calc(14px * var(--ui-scale, 1));border-radius:50%;background:#aaa}
#pane-position #editor-cube-switch[aria-checked=true]{background:#408fa4}#editor-cube-switch[aria-checked=true]::after{left:calc(18px * var(--ui-scale, 1));background:#eee}
#pane-position[data-cube=false] :is(label:has(#cube-value),label:has(#cube-owner)){opacity:.45;pointer-events:none}
#pane-position[data-match=false] :is(label:has(#score-white),label:has(#score-red),label:has(#crawford)){display:none}
#pane-position #apply-context{min-height:calc(34px * var(--ui-scale, 1));font-size:max(11px, calc(13px * var(--ui-scale, 1)));border:1px solid #68b5dc66;border-radius:calc(4px * var(--ui-scale, 1));background:#68b5dc14;color:#8dcced}
/* Share the remaining lower area equally after the fixed probability/luck summary. */
@media(min-width:801px){
 body.analysis-table:not(.analysis-mobile) .study-panel>#pane-analysis{flex:1 1 calc(var(--study-summary-height) + var(--study-roll-height) + calc(76px * var(--ui-scale, 1)))}
 body.analysis-table:not(.analysis-mobile) .study-panel>#pane-history{flex:1 1 0;min-height:0}
 body.analysis-table:not(.analysis-mobile) #candidate-list{--candidate-row-height:max(calc(24px * var(--ui-scale, 1)),calc(100cqh / 7))}
}
@media(min-width:801px) and (max-height:850px){
 body.analysis-table:not(.analysis-mobile) .study-panel>#pane-analysis{flex-basis:calc(var(--study-summary-height) + var(--study-roll-height) + calc(66px * var(--ui-scale, 1)))}
}
body.analysis-table.analysis-mobile-wide .position-add-zones button{height:calc(23px * var(--ui-scale, 1));font-size:max(11px, calc(19px * var(--ui-scale, 1)));line-height:max(14px, calc(21px * var(--ui-scale, 1)));border-radius:calc(4px * var(--ui-scale, 1))}
body.analysis-table.analysis-mobile-wide #pane-position{max-height:100%;overflow-y:auto;flex:1;min-height:0}