/* Chosen layout: compact play controls on the left, analysis/history on the right. */
body.analysis-compact .compact-quick-panel{display:flex;flex-direction:column;gap:calc(10px * var(--ui-scale, 1));padding:calc(14px * var(--ui-scale, 1));min-width:0;background:var(--ui-panel)}
body.analysis-compact.compact-docked .study-layout{grid-template-columns:clamp(calc(190px * var(--ui-scale, 1)),15vw,calc(220px * var(--ui-scale, 1))) minmax(0,1fr) clamp(calc(330px * var(--ui-scale, 1)),27vw,calc(400px * var(--ui-scale, 1)));gap:calc(10px * var(--ui-scale, 1))}
body.analysis-compact.compact-docked .study-layout>#analysis-tools{align-self:center;overflow:visible;border-radius:calc(5px * var(--ui-scale, 1))}
body.analysis-compact .compact-mode-label{display:flex;flex-direction:column;gap:calc(6px * var(--ui-scale, 1));font-size:max(11px, calc(12px * var(--ui-scale, 1)));color:var(--muted);margin:0}
body.analysis-compact #analysis-mode{width:100%;height:calc(40px * var(--ui-scale, 1));min-width:0;padding:calc(7px * var(--ui-scale, 1));font-size:max(11px, calc(14px * var(--ui-scale, 1)));color:var(--text);background:var(--ui-control);border:1px solid var(--line)}
body.analysis-compact .compact-quick-panel .analysis-automation{display:flex;flex-direction:column;gap:0;margin:0;padding:0 0 calc(8px * var(--ui-scale, 1));border-bottom:1px solid var(--line)}
body.analysis-compact .compact-quick-panel .settings-switch{position:relative;display:flex;align-items:center;justify-content:space-between;gap:calc(8px * var(--ui-scale, 1));width:100%;height:calc(38px * var(--ui-scale, 1));min-height:calc(38px * var(--ui-scale, 1));padding:calc(5px * var(--ui-scale, 1)) 0;background:transparent;border:0;box-shadow:none;font-size:0!important;line-height:1.3;border-radius:0}
body.analysis-compact .compact-quick-panel .settings-switch::before{content:attr(data-setting-label);font-size:max(11px, calc(13px * var(--ui-scale, 1)));color:var(--text)}
body.analysis-compact .compact-quick-panel .settings-switch::after{content:'';flex:none;width:calc(34px * var(--ui-scale, 1));height:calc(20px * var(--ui-scale, 1));border-radius:calc(20px * var(--ui-scale, 1));background:radial-gradient(circle at calc(10px * var(--ui-scale, 1)) calc(10px * var(--ui-scale, 1)),#ddd 0 calc(6px * var(--ui-scale, 1)),transparent calc(7px * var(--ui-scale, 1))),#555}
body.analysis-compact .compact-quick-panel .settings-switch[aria-pressed=true]::after{background:radial-gradient(circle at calc(24px * var(--ui-scale, 1)) calc(10px * var(--ui-scale, 1)),#fff3df 0 calc(6px * var(--ui-scale, 1)),transparent calc(7px * var(--ui-scale, 1))),#a5722c}
body.analysis-compact .compact-quick-panel .analysis-play-console{background:transparent;border:0;box-shadow:none;padding:0;margin:0;min-height:0;max-height:none;overflow:visible}
body.analysis-compact .compact-quick-panel #pane-play{padding:0;background:transparent;border:0;box-shadow:none}
body.analysis-compact .compact-quick-panel .turn-panel{display:flex;flex-direction:column;align-items:stretch;gap:calc(6px * var(--ui-scale, 1));height:auto;min-height:calc(42px * var(--ui-scale, 1));padding:0}
body.analysis-compact .compact-quick-panel .turn-heading{display:none}
body.analysis-compact .compact-quick-panel .turn-panel>.primary{width:100%;min-height:calc(42px * var(--ui-scale, 1));height:calc(42px * var(--ui-scale, 1));font-size:max(11px, calc(14px * var(--ui-scale, 1)));padding:calc(7px * var(--ui-scale, 1));margin:0;flex:none}
body.analysis-compact .compact-quick-panel .cube-actions{display:flex;gap:calc(5px * var(--ui-scale, 1));margin:0}
body.analysis-compact .compact-quick-panel .cube-actions:not(:has(button:not([hidden]))){display:none}
body.analysis-compact .compact-quick-panel .cube-actions button{flex:1;min-height:calc(40px * var(--ui-scale, 1));font-size:max(11px, calc(14px * var(--ui-scale, 1)));padding:calc(6px * var(--ui-scale, 1))}
body.analysis-compact .analysis-game-actions{display:flex;flex-direction:column;gap:calc(6px * var(--ui-scale, 1));padding:0;margin-top:calc(6px * var(--ui-scale, 1))}
body.analysis-compact .analysis-game-actions>button{width:100%;min-height:calc(40px * var(--ui-scale, 1));height:auto;padding:calc(7px * var(--ui-scale, 1));font-size:max(11px, calc(14px * var(--ui-scale, 1)))}
body.analysis-compact .compact-tools-footer{display:flex;flex-direction:column;gap:calc(6px * var(--ui-scale, 1));padding-top:calc(10px * var(--ui-scale, 1));border-top:1px solid var(--line)}
body.analysis-compact .compact-tools-footer>.table-settings-toggle{display:flex;position:static;width:100%;min-height:calc(40px * var(--ui-scale, 1));height:calc(40px * var(--ui-scale, 1));font-size:max(11px, calc(14px * var(--ui-scale, 1)));padding:calc(6px * var(--ui-scale, 1));border:1px solid var(--line);background:var(--ui-control);box-shadow:none}
body.analysis-compact .compact-tools-footer>.table-settings-toggle span{display:inline}
body.analysis-compact .compact-quick-panel #computer-controls{display:flex;flex-direction:column;gap:calc(8px * var(--ui-scale, 1));margin:0;padding:calc(10px * var(--ui-scale, 1)) 0;border:0;border-bottom:1px solid var(--line);background:transparent}
body.analysis-compact .compact-quick-panel #computer-controls[hidden],body.analysis-compact .compact-quick-panel [hidden]{display:none!important}
body.analysis-compact .computer-side-choice{display:flex;flex-direction:column;gap:calc(6px * var(--ui-scale, 1));font-size:max(11px, calc(13px * var(--ui-scale, 1)))}
body.analysis-compact .computer-side-choice>div{display:grid;grid-template-columns:1fr 1fr;gap:calc(5px * var(--ui-scale, 1))}
body.analysis-compact .computer-side-choice button{font-size:max(11px, calc(13px * var(--ui-scale, 1)));min-height:calc(36px * var(--ui-scale, 1));padding:calc(5px * var(--ui-scale, 1))}
body.analysis-compact #computer-toggle,body.analysis-compact #compact-finish-edit{width:100%;font-size:max(11px, calc(14px * var(--ui-scale, 1)));min-height:calc(40px * var(--ui-scale, 1));padding:calc(7px * var(--ui-scale, 1))}
body.analysis-compact #computer-status{font-size:max(11px, calc(12px * var(--ui-scale, 1)));line-height:max(14px, calc(17px * var(--ui-scale, 1)));min-height:calc(17px * var(--ui-scale, 1))}
body.analysis-compact .compact-quick-panel.editing #computer-controls{display:none!important}
body.analysis-compact :is(.compact-action-menu,.compact-file-menu,.compact-luck-menu){position:relative;margin:0;border:0;background:transparent}
body.analysis-compact :is(.compact-action-menu,.compact-file-menu)>summary{display:flex;align-items:center;justify-content:space-between;list-style:none;min-height:calc(38px * var(--ui-scale, 1));padding:calc(7px * var(--ui-scale, 1)) calc(10px * var(--ui-scale, 1));border:1px solid var(--line);border-radius:calc(4px * var(--ui-scale, 1));background:var(--ui-control);font-size:max(11px, calc(14px * var(--ui-scale, 1)));color:var(--text);cursor:pointer}
body.analysis-compact :is(.compact-action-menu,.compact-file-menu)>summary::after{content:'⌄';font-size:max(11px, calc(15px * var(--ui-scale, 1)))}
body.analysis-compact summary::-webkit-details-marker{display:none}
body.analysis-compact :is(.compact-menu-content,.compact-file-menu .file-menu-content){position:absolute;inset:0 auto auto calc(100% + calc(8px * var(--ui-scale, 1)));z-index:45;width:calc(264px * var(--ui-scale, 1));max-height:60dvh;overflow:auto;padding:calc(10px * var(--ui-scale, 1));border:1px solid var(--line);border-radius:calc(5px * var(--ui-scale, 1));background:var(--ui-panel);box-shadow:0 calc(9px * var(--ui-scale, 1)) calc(24px * var(--ui-scale, 1)) #0008}
body.analysis-compact :is(.compact-action-menu,.compact-file-menu):not([open])>div,body.analysis-compact .compact-luck-menu:not([open])>.compact-menu-content{display:none}
body.analysis-compact :is(.compact-menu-content,.compact-file-menu .file-menu-content) button{display:block;width:100%;height:auto;min-height:calc(40px * var(--ui-scale, 1));padding:calc(8px * var(--ui-scale, 1));font-size:max(11px, calc(14px * var(--ui-scale, 1)));margin:calc(3px * var(--ui-scale, 1)) 0;background:var(--ui-control);border:1px solid var(--line);box-shadow:none;text-align:left;white-space:normal}
body.analysis-compact .compact-action-menu .resign-actions{display:flex;flex-direction:column;gap:calc(3px * var(--ui-scale, 1));border-top:1px solid var(--line);padding-top:calc(6px * var(--ui-scale, 1));margin-top:calc(6px * var(--ui-scale, 1))}
body.analysis-compact .compact-study-title{display:flex;flex-direction:column;gap:calc(6px * var(--ui-scale, 1));font-size:max(11px, calc(12px * var(--ui-scale, 1)));color:var(--muted);margin-bottom:calc(8px * var(--ui-scale, 1))}
body.analysis-compact .compact-study-title #study-title{display:block;width:100%;padding:calc(8px * var(--ui-scale, 1));font-size:max(11px, calc(14px * var(--ui-scale, 1)));border:1px solid var(--line);background:var(--ui-control);color:var(--text);height:calc(40px * var(--ui-scale, 1))}
body.analysis-compact .file-menu-content .workspace-status{display:flex;flex-direction:column;gap:calc(3px * var(--ui-scale, 1));font-size:max(11px, calc(11px * var(--ui-scale, 1)));padding:calc(8px * var(--ui-scale, 1)) 0 0;margin:0}
body.analysis-compact #analysis-settings{position:fixed;inset:calc(76px * var(--ui-scale, 1)) auto auto calc(12px * var(--ui-scale, 1));width:calc(310px * var(--ui-scale, 1));max-width:calc(100vw - calc(24px * var(--ui-scale, 1)));max-height:calc(100dvh - calc(90px * var(--ui-scale, 1)));padding:calc(14px * var(--ui-scale, 1));border-radius:calc(5px * var(--ui-scale, 1));background:var(--ui-panel);z-index:60}
body.analysis-compact #analysis-settings>header{display:flex;min-height:calc(42px * var(--ui-scale, 1));top:calc(-14px * var(--ui-scale, 1));margin-bottom:calc(8px * var(--ui-scale, 1));background:var(--ui-panel)}
body.analysis-compact #analysis-settings>header h2{font-size:max(11px, calc(18px * var(--ui-scale, 1)))}
body.analysis-compact #analysis-settings .analysis-engine-settings{display:block;position:static;margin-top:calc(12px * var(--ui-scale, 1));border-top:1px solid var(--line);padding-top:calc(12px * var(--ui-scale, 1))}
body.analysis-compact #analysis-settings .analysis-engine-settings>summary{display:none}
body.analysis-compact #analysis-settings .analysis-depth-controls{display:flex;flex-direction:column;gap:calc(8px * var(--ui-scale, 1));font-size:max(11px, calc(13px * var(--ui-scale, 1)))}
body.analysis-compact #analysis-settings .analysis-depth-controls label{display:flex;flex-direction:column;gap:calc(7px * var(--ui-scale, 1));width:100%}
body.analysis-compact #analysis-settings .analysis-depth-controls select{height:calc(40px * var(--ui-scale, 1));width:100%;font-size:max(11px, calc(14px * var(--ui-scale, 1)))}
body.analysis-compact #analysis-settings :is(#engine-name,#analysis-calculation-notes){display:none}
body.analysis-compact #analysis-settings .engine-help{font-size:max(11px, calc(12px * var(--ui-scale, 1)));line-height:1.5;margin-top:calc(10px * var(--ui-scale, 1))}
body.analysis-compact #analysis-settings .engine-help>summary{font-size:max(11px, calc(13px * var(--ui-scale, 1)))}
body.analysis-compact .compact-luck-menu{grid-column:2;grid-row:2;align-self:center;justify-self:end;z-index:12}
body.analysis-compact .compact-luck-menu>summary{display:flex;align-items:center;gap:calc(7px * var(--ui-scale, 1));min-height:calc(38px * var(--ui-scale, 1));padding:calc(4px * var(--ui-scale, 1)) calc(3px * var(--ui-scale, 1));font-size:max(11px, calc(13px * var(--ui-scale, 1)));list-style:none;cursor:pointer;color:var(--text)}
body.analysis-compact .compact-luck-menu>summary::after{content:'⌄';color:var(--muted)}
body.analysis-compact .compact-luck-face:empty{display:none}
body.analysis-compact .compact-luck-face svg{width:calc(21px * var(--ui-scale, 1));height:calc(21px * var(--ui-scale, 1))}
body.analysis-compact .compact-luck-menu>.compact-menu-content{inset:100% 0 auto auto;width:calc(280px * var(--ui-scale, 1))}
body.analysis-compact #pane-analysis .compact-luck-menu #roll-luck{display:block!important;height:auto;min-height:calc(55px * var(--ui-scale, 1));padding:calc(3px * var(--ui-scale, 1)) 0 calc(10px * var(--ui-scale, 1));grid-template:none}
body.analysis-compact .compact-luck-menu #roll-luck[hidden]{display:none!important}
body.analysis-compact .compact-luck-menu #roll-luck-scale{display:flex;justify-content:space-between;margin-top:calc(6px * var(--ui-scale, 1))}
body.analysis-compact .compact-luck-menu #luck-totals{font-size:max(11px, calc(13px * var(--ui-scale, 1)));padding-top:calc(8px * var(--ui-scale, 1))}
body.analysis-compact .compact-luck-menu .roll-luck-emoji{min-width:calc(35px * var(--ui-scale, 1));min-height:calc(32px * var(--ui-scale, 1))}
@media(min-width:801px){
 body.analysis-compact:not(.analysis-mobile) .study-panel{--study-summary-height:calc(76px * var(--ui-scale, 1));--study-roll-height:calc(44px * var(--ui-scale, 1));--study-analysis-extra:calc(36px * var(--ui-scale, 1))}
 body.analysis-compact:not(.analysis-mobile) .study-panel #pane-analysis>.engine-panel{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:calc(76px * var(--ui-scale, 1)) calc(44px * var(--ui-scale, 1)) minmax(0,1fr);gap:0 calc(8px * var(--ui-scale, 1));overflow:visible}
 body.analysis-compact:not(.analysis-mobile) #analysis-dice-entry{grid-row:2;grid-column:1;align-items:center;padding:0;height:calc(44px * var(--ui-scale, 1));width:auto;gap:calc(8px * var(--ui-scale, 1))}
 body.analysis-compact:not(.analysis-mobile) #analysis-dice-entry label{position:static;font-size:max(11px, calc(13px * var(--ui-scale, 1)));line-height:normal}
 body.analysis-compact:not(.analysis-mobile) #analysis-quick-dice{height:calc(32px * var(--ui-scale, 1));min-height:calc(32px * var(--ui-scale, 1));font-size:max(11px, calc(17px * var(--ui-scale, 1)))}
 body.analysis-compact:not(.analysis-mobile) #candidates{grid-row:3}
 body.analysis-compact:not(.analysis-mobile) #candidate-list{--candidate-row-height:clamp(calc(36px * var(--ui-scale, 1)),20cqh,calc(44px * var(--ui-scale, 1)))}
 body.analysis-compact.compact-docked #pane-history .playback{grid-template-columns:repeat(5,minmax(0,1fr))}
 body.analysis-compact.compact-docked #pane-history .history-toolbar>button{height:calc(38px * var(--ui-scale, 1));min-height:calc(38px * var(--ui-scale, 1))}
 body.analysis-compact.compact-docked #pane-history .history-toolbar{height:calc(38px * var(--ui-scale, 1));min-height:calc(38px * var(--ui-scale, 1))}
}
body.analysis-compact:not(.compact-docked) #analysis-settings .compact-quick-panel{padding:0 0 calc(12px * var(--ui-scale, 1));margin-bottom:calc(12px * var(--ui-scale, 1));border-bottom:1px solid var(--line)}
body.analysis-compact:not(.compact-docked) :is(.compact-file-menu .file-menu-content,.compact-action-menu>.compact-menu-content){position:static;width:auto;max-height:none;box-shadow:none;margin-top:calc(6px * var(--ui-scale, 1))}
body.analysis-compact.analysis-mobile-wide .study-layout{position:relative}
body.analysis-compact.analysis-mobile-wide #analysis-settings{position:absolute;inset:calc(6px * var(--ui-scale, 1)) auto calc(6px * var(--ui-scale, 1)) calc(6px * var(--ui-scale, 1));max-height:none;max-width:calc(100% - calc(12px * var(--ui-scale, 1)));width:min(calc(340px * var(--ui-scale, 1)),calc(100% - calc(12px * var(--ui-scale, 1))))}
body.analysis-compact.analysis-mobile-wide .compact-luck-menu{align-self:flex-end;position:relative;min-height:calc(36px * var(--ui-scale, 1))}
body.analysis-compact.analysis-mobile-wide .compact-luck-menu>.compact-menu-content{width:calc(260px * var(--ui-scale, 1));max-height:calc(180px * var(--ui-scale, 1))}
body.analysis-compact.analysis-mobile-wide .analysis-game-actions{display:grid;grid-template-columns:1fr 1fr;gap:calc(5px * var(--ui-scale, 1))}
body.analysis-compact.analysis-mobile-wide .analysis-game-actions>.compact-action-menu{min-width:0}
body.analysis-compact.analysis-mobile-wide .compact-action-menu>summary{height:calc(40px * var(--ui-scale, 1));min-height:calc(40px * var(--ui-scale, 1));font-size:max(11px, calc(13px * var(--ui-scale, 1)));padding:calc(6px * var(--ui-scale, 1))}
body.analysis-compact [hidden]{display:none!important}
/* Override the older four-button action strip now that these controls are docked. */
body.analysis-table.analysis-compact.compact-docked .compact-quick-panel .analysis-game-actions{display:flex!important;flex-direction:column;gap:calc(6px * var(--ui-scale, 1));margin-top:calc(6px * var(--ui-scale, 1));padding:0;border:0}
body.analysis-table.analysis-compact.compact-docked .compact-quick-panel .analysis-game-actions>button{height:calc(40px * var(--ui-scale, 1));min-height:calc(40px * var(--ui-scale, 1));font-size:max(11px, calc(14px * var(--ui-scale, 1)));line-height:max(14px, calc(18px * var(--ui-scale, 1)));padding:calc(7px * var(--ui-scale, 1));white-space:nowrap}
body.analysis-table.analysis-compact.compact-docked .compact-quick-panel .turn-panel{height:auto;min-height:calc(42px * var(--ui-scale, 1));flex-wrap:nowrap}
body.analysis-table.analysis-compact.compact-docked .compact-quick-panel .turn-panel>.primary{height:calc(42px * var(--ui-scale, 1));min-height:calc(42px * var(--ui-scale, 1));padding:calc(7px * var(--ui-scale, 1));font-size:max(11px, calc(14px * var(--ui-scale, 1)))}
body.analysis-table.analysis-compact .compact-action-menu .resign-actions{display:flex;flex-direction:column}
body.analysis-table.analysis-compact .compact-action-menu .compact-menu-content button{height:auto;min-height:calc(40px * var(--ui-scale, 1));font-size:max(11px, calc(14px * var(--ui-scale, 1)));line-height:max(14px, calc(18px * var(--ui-scale, 1)));padding:calc(8px * var(--ui-scale, 1))}
body.analysis-table.analysis-compact.analysis-mobile-wide .analysis-game-actions{grid-template-columns:1fr 1fr}