/* The board remains visible while the player switches tools. */
body{--accent:#d4b77d;--panel:#262726;--edge:#3b3c38;--muted:#aaa99f;color:#eeeee7}.site-header,.site-footer{max-width:calc(1800px * var(--ui-scale, 1))}.site-header{height:calc(64px * var(--ui-scale, 1))}.site-nav>.active{border-bottom-color:var(--accent)}
.study-layout{width:100%;max-width:calc(1800px * var(--ui-scale, 1));margin:calc(10px * var(--ui-scale, 1)) auto 0;padding:0 calc(24px * var(--ui-scale, 1));display:grid;grid-template-columns:minmax(0,1fr) calc(358px * var(--ui-scale, 1));gap:calc(18px * var(--ui-scale, 1)) calc(22px * var(--ui-scale, 1));align-items:start}.study-layout h1{font-size:max(11px, calc(26px * var(--ui-scale, 1)));font-weight:500;letter-spacing:-.6px;margin:calc(3px * var(--ui-scale, 1)) 0 0}.study-layout h2{font-size:max(11px, calc(17px * var(--ui-scale, 1)));font-weight:500;margin:0;line-height:1.4}.tiny{font-size:max(10px, calc(10px * var(--ui-scale, 1)));font-weight:500;letter-spacing:calc(1.5px * var(--ui-scale, 1));color:#a4a598;line-height:1.5}.muted{font-size:max(11px, calc(12px * var(--ui-scale, 1)));line-height:1.65;margin:calc(10px * var(--ui-scale, 1)) 0;color:var(--muted)}.full{width:100%}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.study-layout button{transition:background .15s,color .15s}.study-layout button:not(:disabled):hover{background-color:#ffffff0d}.study-layout .primary{background:var(--accent);color:#22251f;box-shadow:none;font-weight:500;border-radius:calc(6px * var(--ui-scale, 1))}.study-layout .primary:hover:not(:disabled){background:#e1c58e;filter:none}.study-layout .secondary{border-color:#5c584b;background:#d4b77d0b;border-radius:calc(6px * var(--ui-scale, 1));color:#e0cb9f}
.workspace-heading{grid-column:1/-1;display:flex;align-items:center;gap:calc(22px * var(--ui-scale, 1));border-bottom:1px solid var(--edge);padding:calc(4px * var(--ui-scale, 1)) 0 calc(17px * var(--ui-scale, 1))}.workspace-name{min-width:calc(147px * var(--ui-scale, 1))}.workspace-status{margin-left:auto;text-align:right;font-size:max(11px, calc(11px * var(--ui-scale, 1)));line-height:1.8;color:var(--muted)}#connection-badge{display:block;color:#a8c2ad}.workspace-heading>#share{min-height:calc(38px * var(--ui-scale, 1));padding:calc(8px * var(--ui-scale, 1)) calc(14px * var(--ui-scale, 1));font-size:max(11px, calc(12px * var(--ui-scale, 1)))}.file-menu{position:relative}.file-menu>summary{list-style:none;padding:calc(9px * var(--ui-scale, 1)) calc(14px * var(--ui-scale, 1));border:1px solid var(--edge);border-radius:calc(6px * var(--ui-scale, 1));font-size:max(11px, calc(13px * var(--ui-scale, 1)));cursor:pointer}.file-menu>summary::-webkit-details-marker{display:none}.file-menu-content{position:absolute;left:0;top:calc(100% + calc(8px * var(--ui-scale, 1)));z-index:8;width:calc(255px * var(--ui-scale, 1));padding:calc(10px * var(--ui-scale, 1));background:#292b28;border:1px solid #4a4b43;border-radius:calc(8px * var(--ui-scale, 1));box-shadow:0 calc(15px * var(--ui-scale, 1)) calc(40px * var(--ui-scale, 1)) #0007}.file-menu-content>button,.file-menu-content a,#local-copy{display:block;width:100%;text-align:left;padding:calc(11px * var(--ui-scale, 1)) calc(10px * var(--ui-scale, 1));font-size:max(11px, calc(13px * var(--ui-scale, 1)));border-radius:calc(4px * var(--ui-scale, 1));color:#dddccf}.file-menu-content #shared-info{border-top:1px solid var(--edge);padding-top:calc(10px * var(--ui-scale, 1));margin-top:calc(6px * var(--ui-scale, 1))}.file-menu-content #participants{font-size:max(11px, calc(11px * var(--ui-scale, 1)));color:var(--muted);padding:calc(10px * var(--ui-scale, 1))}.variant-switch{display:flex;background:#1c1e1c;border-radius:calc(5px * var(--ui-scale, 1));padding:calc(3px * var(--ui-scale, 1));margin-bottom:calc(8px * var(--ui-scale, 1))}.variant-switch button{flex:1;padding:calc(9px * var(--ui-scale, 1));font-size:max(11px, calc(12px * var(--ui-scale, 1)));border-radius:calc(3px * var(--ui-scale, 1))}.variant-switch .active{background:#464436;color:#e6d2a7}
.study-center{min-width:0}.study-top{display:flex;align-items:center;justify-content:space-between;gap:calc(16px * var(--ui-scale, 1));min-height:calc(65px * var(--ui-scale, 1));padding:0 calc(4px * var(--ui-scale, 1)) calc(12px * var(--ui-scale, 1))}.study-top>div{min-width:0;flex:1}.study-top .tiny{font-size:calc(9px * var(--ui-scale, 1))}.study-top #study-title{display:block;width:100%;background:transparent;border:0;padding:calc(3px * var(--ui-scale, 1)) 0 0;font-size:max(11px, calc(23px * var(--ui-scale, 1)));letter-spacing:-.35px;min-width:0;color:#eeeadd}.study-top #study-title::placeholder{color:#eeeadd;opacity:1}.workspace-tag{font-size:calc(9px * var(--ui-scale, 1));letter-spacing:calc(1.15px * var(--ui-scale, 1));color:#898f83;white-space:nowrap}.position-strip{display:flex;justify-content:space-between;gap:calc(12px * var(--ui-scale, 1));padding:calc(10px * var(--ui-scale, 1)) calc(14px * var(--ui-scale, 1));background:#292b27;border:1px solid var(--edge);border-bottom:0;border-radius:calc(8px * var(--ui-scale, 1)) calc(8px * var(--ui-scale, 1)) 0 0;font-size:max(11px, calc(12px * var(--ui-scale, 1)))}.position-strip>span{display:flex;align-items:center;gap:calc(8px * var(--ui-scale, 1));position:relative}.position-strip>span.active:after{content:'';position:absolute;left:0;right:0;bottom:calc(-11px * var(--ui-scale, 1));height:calc(2px * var(--ui-scale, 1));background:var(--accent)}.position-strip strong{font-weight:500}.position-strip span span{font-size:max(11px, calc(11px * var(--ui-scale, 1)));color:var(--muted);font-variant-numeric:tabular-nums}.checker-dot{display:inline-block;width:calc(14px * var(--ui-scale, 1));height:calc(14px * var(--ui-scale, 1));flex:none;border-radius:50%;box-shadow:inset 0 1px calc(2px * var(--ui-scale, 1)) #fff6,0 1px calc(2px * var(--ui-scale, 1)) #0009}.checker-dot.white{background:linear-gradient(135deg,#f9f7ed,#c7c3b5)}.checker-dot.red{background:linear-gradient(135deg,#a33c55,#54182b);border:1px solid #b25c70}
.study-board{position:relative;background:#242623;border:1px solid var(--edge);border-top:0;overflow:hidden}.study-board #board-canvas{width:100%;height:clamp(calc(350px * var(--ui-scale, 1)),calc(100dvh - calc(322px * var(--ui-scale, 1))),calc(880px * var(--ui-scale, 1)));touch-action:none}#board-canvas canvas{display:block;width:100%;height:100%}#board-loading{position:absolute;inset:0 0 calc(43px * var(--ui-scale, 1));display:flex;align-items:center;justify-content:center;gap:calc(12px * var(--ui-scale, 1));font-size:max(11px, calc(13px * var(--ui-scale, 1)));color:var(--muted);background:#242623;z-index:3}#reload-board{color:var(--accent)}.study-board .view-controls{display:flex;justify-content:flex-start;gap:calc(4px * var(--ui-scale, 1));padding:calc(6px * var(--ui-scale, 1)) calc(10px * var(--ui-scale, 1));background:#262924;border-top:1px solid var(--edge);min-height:calc(39px * var(--ui-scale, 1))}.study-board .view-controls button{font-size:max(10px, calc(10px * var(--ui-scale, 1)));min-height:calc(27px * var(--ui-scale, 1));padding:calc(5px * var(--ui-scale, 1)) calc(8px * var(--ui-scale, 1));border-radius:calc(4px * var(--ui-scale, 1));color:#aeb2a4}.study-board .view-controls .active,.study-board .view-controls button[aria-pressed=true]{background:#d4b77d15;color:#dacaab}.study-board #expand-board{margin-left:auto}
.playback{display:flex;align-items:center;gap:calc(4px * var(--ui-scale, 1));padding:calc(7px * var(--ui-scale, 1)) calc(12px * var(--ui-scale, 1));border:1px solid var(--edge);border-top:0;border-radius:0 0 calc(8px * var(--ui-scale, 1)) calc(8px * var(--ui-scale, 1));background:#282b27}.playback>button{min-width:calc(37px * var(--ui-scale, 1));height:calc(32px * var(--ui-scale, 1));border-radius:calc(4px * var(--ui-scale, 1));font-size:max(11px, calc(20px * var(--ui-scale, 1)));line-height:1}.playback #autoplay{color:var(--accent);font-size:max(11px, calc(14px * var(--ui-scale, 1)));background:#d4b77d12;margin:0 calc(3px * var(--ui-scale, 1))}.playback select{padding:calc(5px * var(--ui-scale, 1)) calc(6px * var(--ui-scale, 1));font-size:max(11px, calc(11px * var(--ui-scale, 1)));background:#20221f;border-color:#41463b;margin-left:calc(5px * var(--ui-scale, 1))}.playback #step-label{margin-left:auto;font-size:max(11px, calc(11px * var(--ui-scale, 1)));font-variant-numeric:tabular-nums;color:var(--muted)}.board-hint{font-size:max(11px, calc(11px * var(--ui-scale, 1)));line-height:1.5;color:#989d90;min-height:calc(17px * var(--ui-scale, 1));margin:calc(12px * var(--ui-scale, 1)) calc(4px * var(--ui-scale, 1))}.board-notes{border:1px solid var(--edge);border-radius:calc(7px * var(--ui-scale, 1));font-size:max(11px, calc(12px * var(--ui-scale, 1)));background:#242622}.board-notes>summary{padding:calc(12px * var(--ui-scale, 1)) calc(15px * var(--ui-scale, 1));color:#b6b8ab;cursor:pointer}.notes-panel{padding:0 calc(15px * var(--ui-scale, 1)) calc(15px * var(--ui-scale, 1));display:grid;grid-template-columns:1fr auto;align-items:center;gap:calc(9px * var(--ui-scale, 1))}.notes-panel label{grid-column:1/-1;color:#aaa99f;font-size:max(11px, calc(11px * var(--ui-scale, 1)))}.notes-panel textarea{resize:vertical;width:100%;min-height:calc(58px * var(--ui-scale, 1));border:1px solid var(--edge);background:#1e211d;color:#e6e6db;font:max(11px, calc(13px * var(--ui-scale, 1))) Roboto,sans-serif;padding:calc(10px * var(--ui-scale, 1));border-radius:calc(4px * var(--ui-scale, 1))}.notes-panel button{padding:calc(10px * var(--ui-scale, 1));border:1px solid var(--edge);border-radius:calc(4px * var(--ui-scale, 1));font-size:max(11px, calc(12px * var(--ui-scale, 1)));color:var(--accent)}
.study-panel{min-width:0;background:var(--panel);border:1px solid var(--edge);border-radius:calc(8px * var(--ui-scale, 1));overflow:hidden;position:sticky;top:calc(12px * var(--ui-scale, 1))}.workspace-tabs{display:flex;padding:0 calc(8px * var(--ui-scale, 1));background:#242623;border-bottom:1px solid var(--edge)}.workspace-tabs button{flex:1;height:calc(46px * var(--ui-scale, 1));padding:0 calc(7px * var(--ui-scale, 1));font-size:max(11px, calc(12px * var(--ui-scale, 1)));border-bottom:calc(2px * var(--ui-scale, 1)) solid transparent;color:#9fa496}.workspace-tabs button[aria-selected=true]{color:#e2c58f;border-bottom-color:var(--accent)}.tool-pane{max-height:calc(100dvh - calc(198px * var(--ui-scale, 1)));min-height:calc(450px * var(--ui-scale, 1));overflow-y:auto;scrollbar-width:thin;scrollbar-color:#555949 transparent}.tool-pane>section{padding:calc(19px * var(--ui-scale, 1)) calc(20px * var(--ui-scale, 1));border-bottom:1px solid var(--edge)}.tool-pane>section:last-of-type{border-bottom:0}.section-title{display:flex;align-items:center;justify-content:space-between;gap:calc(12px * var(--ui-scale, 1))}.section-title button{font-size:max(11px, calc(12px * var(--ui-scale, 1)));color:var(--accent);padding:calc(6px * var(--ui-scale, 1)) 0}.turn-heading{display:flex;align-items:center;justify-content:space-between;gap:calc(10px * var(--ui-scale, 1));min-height:calc(52px * var(--ui-scale, 1))}.turn-heading h2{font-size:max(11px, calc(23px * var(--ui-scale, 1)));font-weight:400;letter-spacing:-.35px}.turn-heading #remaining-dice{display:flex;gap:calc(5px * var(--ui-scale, 1));font-size:max(11px, calc(29px * var(--ui-scale, 1)));line-height:1;color:#e5dfd0}.turn-heading .used{opacity:.25}.turn-panel #turn-state{min-height:calc(38px * var(--ui-scale, 1));margin:0 0 calc(13px * var(--ui-scale, 1))}.turn-actions{display:flex;gap:calc(7px * var(--ui-scale, 1));margin-top:calc(9px * var(--ui-scale, 1))}.turn-actions button{flex:1;min-height:calc(35px * var(--ui-scale, 1));border:1px solid var(--edge);border-radius:calc(5px * var(--ui-scale, 1));font-size:max(11px, calc(11px * var(--ui-scale, 1)));color:#c2c3b7}.manual-dice{margin-top:calc(17px * var(--ui-scale, 1))}.manual-dice summary,.legal-panel summary{font-size:max(11px, calc(12px * var(--ui-scale, 1)));color:#babcae;cursor:pointer;padding:calc(5px * var(--ui-scale, 1)) 0}.dice-fields{display:grid;grid-template-columns:1fr calc(59px * var(--ui-scale, 1)) calc(59px * var(--ui-scale, 1));gap:calc(8px * var(--ui-scale, 1));margin:calc(14px * var(--ui-scale, 1)) 0 calc(10px * var(--ui-scale, 1))}.dice-fields label,.edit-fields label{display:flex;flex-direction:column;gap:calc(6px * var(--ui-scale, 1));font-size:max(11px, calc(11px * var(--ui-scale, 1)));color:var(--muted)}.dice-fields select{width:100%;padding:calc(8px * var(--ui-scale, 1));font-size:max(11px, calc(13px * var(--ui-scale, 1)))}.manual-dice .secondary{font-size:max(11px, calc(12px * var(--ui-scale, 1)));min-height:calc(37px * var(--ui-scale, 1));padding:calc(8px * var(--ui-scale, 1))}.played-moves{margin-top:calc(21px * var(--ui-scale, 1))}.played-moves p{font-size:max(11px, calc(13px * var(--ui-scale, 1)));line-height:1.7;color:#d2d2c5;margin:calc(6px * var(--ui-scale, 1)) 0}.analysis-link{color:var(--accent);font-size:max(11px, calc(12px * var(--ui-scale, 1)));padding:calc(12px * var(--ui-scale, 1)) 0 0}.pane-footnote{font-size:max(11px, calc(11px * var(--ui-scale, 1)));line-height:1.7;color:#8e9586;padding:0 calc(20px * var(--ui-scale, 1)) calc(18px * var(--ui-scale, 1));margin:0}.cube-panel h2{font-size:max(11px, calc(14px * var(--ui-scale, 1)))}.cube-actions{display:flex;gap:calc(7px * var(--ui-scale, 1));flex-wrap:wrap}.cube-actions button{font-size:max(11px, calc(11px * var(--ui-scale, 1)));padding:calc(9px * var(--ui-scale, 1)) calc(11px * var(--ui-scale, 1));border:1px solid var(--edge);border-radius:calc(4px * var(--ui-scale, 1));color:#d3c7ad}.study-moves{display:flex;gap:calc(6px * var(--ui-scale, 1));flex-wrap:wrap;padding-top:calc(12px * var(--ui-scale, 1))}.study-moves button{font-size:max(11px, calc(12px * var(--ui-scale, 1)));border:1px solid var(--edge);border-radius:calc(4px * var(--ui-scale, 1));padding:calc(8px * var(--ui-scale, 1)) calc(10px * var(--ui-scale, 1));background:#ffffff04}.study-moves small{margin-left:calc(8px * var(--ui-scale, 1));color:#bdac87}.legal-panel{padding-top:calc(11px * var(--ui-scale, 1))!important}
.quality-field,.context-grid label{display:flex;flex-direction:column;gap:calc(7px * var(--ui-scale, 1));font-size:max(11px, calc(11px * var(--ui-scale, 1)));color:var(--muted)}.quality-field{margin:calc(20px * var(--ui-scale, 1)) 0 calc(10px * var(--ui-scale, 1))}.quality-field select,.context-grid input,.context-grid select{font-size:max(11px, calc(12px * var(--ui-scale, 1)));width:100%;min-width:0;padding:calc(9px * var(--ui-scale, 1));background:#20221f;border-color:var(--edge)}.engine-badge{font-size:calc(9px * var(--ui-scale, 1));letter-spacing:calc(1.5px * var(--ui-scale, 1));color:#9dad99;border:1px solid #455140;padding:calc(5px * var(--ui-scale, 1)) calc(8px * var(--ui-scale, 1));border-radius:calc(4px * var(--ui-scale, 1));display:inline-block}.calculation-tools:has(button:not([hidden])){padding:calc(10px * var(--ui-scale, 1)) calc(20px * var(--ui-scale, 1));border-bottom:1px solid var(--edge)}#stop-analysis{font-size:max(11px, calc(12px * var(--ui-scale, 1)));color:var(--accent)}#calculation-status:empty{display:none}.result-engine{font-size:max(10px, calc(10px * var(--ui-scale, 1)));color:var(--muted);margin:calc(19px * var(--ui-scale, 1)) 0 calc(12px * var(--ui-scale, 1))}.candidate{display:grid;width:100%;grid-template-columns:1fr auto;gap:calc(5px * var(--ui-scale, 1)) calc(10px * var(--ui-scale, 1));text-align:left;margin:calc(9px * var(--ui-scale, 1)) 0;padding:calc(13px * var(--ui-scale, 1)) calc(12px * var(--ui-scale, 1));border:1px solid #43473d;border-radius:calc(7px * var(--ui-scale, 1));background:#22251f}.candidate:first-of-type{border-color:#82724d;background:#d4b77d09}.candidate.active{border-color:#dbc089;background:#d4b77d14}.candidate>span{font-size:max(11px, calc(13px * var(--ui-scale, 1)));line-height:1.45}.candidate strong{font-size:max(11px, calc(12px * var(--ui-scale, 1)));font-variant-numeric:tabular-nums;color:#dfc89c;white-space:nowrap}.candidate small{font-size:max(10px, calc(10px * var(--ui-scale, 1)));line-height:1.6;color:#a1a798;grid-column:1/-1}.candidate small:last-child{color:#b3b3a1}.position-equity{font-size:max(11px, calc(29px * var(--ui-scale, 1)));font-weight:400;display:block;margin:calc(16px * var(--ui-scale, 1)) 0 calc(9px * var(--ui-scale, 1));font-variant-numeric:tabular-nums}.probabilities{font-size:max(11px, calc(12px * var(--ui-scale, 1)));line-height:1.6;color:var(--muted)}.win-bar{height:calc(5px * var(--ui-scale, 1));border-radius:calc(3px * var(--ui-scale, 1));background:#743047;overflow:hidden;margin:calc(12px * var(--ui-scale, 1)) 0}.win-bar span{display:block;height:100%;background:#dddacc}.cube-advice{color:#b6c9a6;font-size:max(11px, calc(14px * var(--ui-scale, 1)))}.cube-equity{display:flex;justify-content:space-between;gap:calc(10px * var(--ui-scale, 1));font-size:max(11px, calc(11px * var(--ui-scale, 1)));padding:calc(9px * var(--ui-scale, 1)) 0;border-bottom:1px solid var(--edge);color:#b1b7a7}.cube-equity strong{color:#d5cfba;font-variant-numeric:tabular-nums}.engine-help{margin-top:calc(23px * var(--ui-scale, 1));font-size:max(11px, calc(11px * var(--ui-scale, 1)));line-height:1.7;color:var(--muted)}.engine-help summary{cursor:pointer;color:#c1c5b6}.engine-help a{color:var(--accent)}.engine-warning{color:#d6b87d;font-size:max(11px, calc(11px * var(--ui-scale, 1)));line-height:1.6}
.line-panel .branch-hint{font-size:max(11px, calc(11px * var(--ui-scale, 1)))}.line-picker{display:flex;align-items:center;gap:calc(10px * var(--ui-scale, 1));font-size:max(11px, calc(11px * var(--ui-scale, 1)));color:var(--muted);margin:calc(13px * var(--ui-scale, 1)) 0}.line-picker select{min-width:0;flex:1;font-size:max(11px, calc(11px * var(--ui-scale, 1)));padding:calc(8px * var(--ui-scale, 1));background:#20231e}.line-panel #node-count{font-size:max(11px, calc(11px * var(--ui-scale, 1)));color:var(--muted)}#branches{display:flex;gap:calc(5px * var(--ui-scale, 1));flex-wrap:wrap}#branches button{font-size:max(10px, calc(10px * var(--ui-scale, 1)));line-height:1.4;border:1px solid #655c44;border-radius:calc(4px * var(--ui-scale, 1));padding:calc(6px * var(--ui-scale, 1)) calc(8px * var(--ui-scale, 1));color:#d6bb84;margin-bottom:calc(8px * var(--ui-scale, 1))}#timeline{list-style:none;margin:0;padding:0;max-height:calc(270px * var(--ui-scale, 1));overflow:auto;scrollbar-width:thin}#timeline button{display:flex;align-items:center;width:100%;text-align:left;gap:calc(9px * var(--ui-scale, 1));border-radius:calc(4px * var(--ui-scale, 1));padding:calc(9px * var(--ui-scale, 1)) calc(10px * var(--ui-scale, 1));font-size:max(11px, calc(12px * var(--ui-scale, 1)))}#timeline button .checker-dot{width:calc(10px * var(--ui-scale, 1));height:calc(10px * var(--ui-scale, 1))}#timeline small{margin-left:auto;font-size:max(10px, calc(10px * var(--ui-scale, 1)));color:#818d79}#timeline .active{background:#d4b77d15;color:#e4cca0;box-shadow:inset calc(2px * var(--ui-scale, 1)) 0 var(--accent)}.review-panel .section-title h2{font-size:max(11px, calc(15px * var(--ui-scale, 1)))}.review-panel .tiny{display:none}.review-panel .section-title .secondary{font-size:max(11px, calc(11px * var(--ui-scale, 1)));min-height:calc(32px * var(--ui-scale, 1));padding:calc(7px * var(--ui-scale, 1)) calc(9px * var(--ui-scale, 1))}.review-tools{display:flex;gap:calc(6px * var(--ui-scale, 1));align-items:center;margin:calc(14px * var(--ui-scale, 1)) 0}.review-tools select{flex:1;min-width:0;font-size:max(11px, calc(11px * var(--ui-scale, 1)));padding:calc(8px * var(--ui-scale, 1))}.review-tools button{width:calc(32px * var(--ui-scale, 1));height:calc(32px * var(--ui-scale, 1));border:1px solid var(--edge);border-radius:calc(4px * var(--ui-scale, 1))}#review-summary{display:flex;gap:calc(10px * var(--ui-scale, 1));margin:calc(14px * var(--ui-scale, 1)) 0}#review-summary>div{flex:1;padding:calc(10px * var(--ui-scale, 1));border:1px solid var(--edge);border-radius:calc(5px * var(--ui-scale, 1));font-size:max(11px, calc(11px * var(--ui-scale, 1)));color:#bfc1b2}#review-summary strong{display:block;font-size:max(11px, calc(14px * var(--ui-scale, 1)));color:#dec399;margin:calc(6px * var(--ui-scale, 1)) 0}#review-summary small{font-size:calc(9px * var(--ui-scale, 1));color:#8f9887;line-height:1.6;display:block}.review-row{display:flex;align-items:flex-start;gap:calc(8px * var(--ui-scale, 1));width:100%;text-align:left;padding:calc(11px * var(--ui-scale, 1)) 0;border-bottom:1px solid var(--edge);font-size:max(11px, calc(11px * var(--ui-scale, 1)));line-height:1.6}.review-row .checker-dot{margin-top:calc(3px * var(--ui-scale, 1));width:calc(10px * var(--ui-scale, 1));height:calc(10px * var(--ui-scale, 1))}.review-row small{display:block;font-size:max(10px, calc(10px * var(--ui-scale, 1)));color:#969e8b}.review-loss{white-space:nowrap;margin-left:auto;color:#cfbb91;font-size:max(10px, calc(10px * var(--ui-scale, 1)));font-variant-numeric:tabular-nums}.review-row.loss .review-loss{color:#e3a28e}#review-progress{font-size:max(11px, calc(11px * var(--ui-scale, 1)));color:#bbb493;line-height:1.6}
.editor-intro h2{margin-top:calc(8px * var(--ui-scale, 1))}.editor-intro .secondary{margin-top:calc(4px * var(--ui-scale, 1))}.context-panel>details>summary{font-size:max(11px, calc(15px * var(--ui-scale, 1)));cursor:pointer}.context-grid{display:grid;grid-template-columns:1fr 1fr;gap:calc(12px * var(--ui-scale, 1));margin:calc(17px * var(--ui-scale, 1)) 0}.context-grid .wide{grid-column:1/-1}.context-grid .check-field{flex-direction:row;align-items:center}.context-grid .check-field input{width:auto;accent-color:var(--accent)}#edit-panel{padding:calc(18px * var(--ui-scale, 1)) calc(20px * var(--ui-scale, 1));border-bottom:1px solid var(--edge);background:#d4b77d07}#edit-panel h2{font-size:max(11px, calc(15px * var(--ui-scale, 1)))}#edit-panel #finish-edit{padding:calc(7px * var(--ui-scale, 1)) calc(13px * var(--ui-scale, 1));background:#d4b77d;border-radius:calc(4px * var(--ui-scale, 1));color:#24251f}.edit-fields{display:grid;grid-template-columns:1fr 1fr;gap:calc(10px * var(--ui-scale, 1))}.edit-fields select{width:100%;font-size:max(11px, calc(12px * var(--ui-scale, 1)));padding:calc(8px * var(--ui-scale, 1))}.edit-fields .secondary{align-self:end;font-size:max(11px, calc(11px * var(--ui-scale, 1)));padding:calc(8px * var(--ui-scale, 1));min-height:calc(34px * var(--ui-scale, 1))}.editor-actions{display:flex;gap:calc(10px * var(--ui-scale, 1));margin-top:calc(14px * var(--ui-scale, 1))}.editor-actions button{font-size:max(11px, calc(11px * var(--ui-scale, 1)));color:var(--accent);padding:calc(8px * var(--ui-scale, 1)) 0}
#preview-bar{display:flex;flex-wrap:wrap;justify-content:space-between;gap:calc(10px * var(--ui-scale, 1));padding:calc(12px * var(--ui-scale, 1)) calc(14px * var(--ui-scale, 1));background:#3b3526;border:1px solid #a8905d;border-top:0}#preview-bar strong{font-size:max(11px, calc(12px * var(--ui-scale, 1)));display:block;color:#eed7a8}#preview-progress{font-size:max(10px, calc(10px * var(--ui-scale, 1)));color:#c1b595;display:block;margin-top:calc(5px * var(--ui-scale, 1))}.preview-actions{display:flex;gap:calc(7px * var(--ui-scale, 1));align-items:center}.preview-actions button{font-size:max(11px, calc(11px * var(--ui-scale, 1)));min-height:calc(32px * var(--ui-scale, 1));padding:calc(7px * var(--ui-scale, 1)) calc(10px * var(--ui-scale, 1));border:1px solid #736647;border-radius:calc(4px * var(--ui-scale, 1))}.preview-actions .primary{border:0}.study-center:has(#preview-bar:not([hidden])) #board-canvas{cursor:default}#study-error{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:calc(12px * var(--ui-scale, 1));border:1px solid #936249;border-radius:calc(5px * var(--ui-scale, 1));background:#503121;padding:calc(13px * var(--ui-scale, 1)) calc(17px * var(--ui-scale, 1));font-size:max(11px, calc(13px * var(--ui-scale, 1)));line-height:1.5}#study-error button{padding:calc(8px * var(--ui-scale, 1));color:#f0c38c}.keyboard-help{font-size:max(11px, calc(11px * var(--ui-scale, 1)));color:#7f8a77}.site-footer{font-size:max(11px, calc(11px * var(--ui-scale, 1)));padding-top:calc(20px * var(--ui-scale, 1))}.site-footer button{font-size:max(11px, calc(11px * var(--ui-scale, 1)))}
body.workspace-expanded .site-header,body.workspace-expanded .workspace-heading,body.workspace-expanded .site-footer,body.workspace-expanded .study-top{display:none}body.workspace-expanded .study-layout{max-width:none;margin:0;padding:calc(10px * var(--ui-scale, 1));gap:calc(12px * var(--ui-scale, 1))}body.workspace-expanded .study-board #board-canvas{height:calc(100dvh - calc(190px * var(--ui-scale, 1)))}body.workspace-expanded .tool-pane{max-height:calc(100dvh - calc(71px * var(--ui-scale, 1)))}
@media(min-width:1500px){.study-layout{grid-template-columns:minmax(0,1fr) calc(380px * var(--ui-scale, 1))}.tool-pane>section{padding:calc(22px * var(--ui-scale, 1)) calc(24px * var(--ui-scale, 1))}.study-board #board-canvas{height:clamp(calc(400px * var(--ui-scale, 1)),calc(100dvh - calc(315px * var(--ui-scale, 1))),calc(920px * var(--ui-scale, 1)))}}
@media(max-width:1150px) and (min-width:801px){.study-layout{padding:0 calc(14px * var(--ui-scale, 1));grid-template-columns:minmax(0,1fr) calc(308px * var(--ui-scale, 1));gap:calc(16px * var(--ui-scale, 1))}.workspace-tag{display:none}.tool-pane>section{padding:calc(16px * var(--ui-scale, 1))}.study-board #board-canvas{height:clamp(calc(340px * var(--ui-scale, 1)),calc(100dvh - calc(340px * var(--ui-scale, 1))),calc(760px * var(--ui-scale, 1)))}.position-strip strong{display:none}.study-board .view-controls{gap:calc(2px * var(--ui-scale, 1));padding:calc(5px * var(--ui-scale, 1))}.study-board .view-controls button{padding:calc(5px * var(--ui-scale, 1)) calc(6px * var(--ui-scale, 1))}}
@media(max-width:800px){.site-header{height:calc(53px * var(--ui-scale, 1));min-height:calc(53px * var(--ui-scale, 1));padding:calc(9px * var(--ui-scale, 1)) calc(14px * var(--ui-scale, 1));flex-wrap:nowrap}.site-nav{display:none}.brand{font-size:max(11px, calc(24px * var(--ui-scale, 1)))}.study-layout{display:flex;flex-direction:column;gap:calc(13px * var(--ui-scale, 1));padding:0 calc(8px * var(--ui-scale, 1));margin-top:0}.study-layout>*{width:100%}.workspace-heading{gap:calc(12px * var(--ui-scale, 1));padding:calc(7px * var(--ui-scale, 1)) calc(5px * var(--ui-scale, 1)) calc(12px * var(--ui-scale, 1))}.workspace-name{min-width:0}.workspace-name .tiny{font-size:calc(8px * var(--ui-scale, 1));letter-spacing:1px}.workspace-name h1{font-size:max(11px, calc(22px * var(--ui-scale, 1)))}.file-menu>summary{font-size:max(11px, calc(11px * var(--ui-scale, 1)));padding:calc(8px * var(--ui-scale, 1)) calc(10px * var(--ui-scale, 1))}.file-menu-content{left:calc(-80px * var(--ui-scale, 1))}.workspace-status{display:none}.workspace-heading>#share{margin-left:auto;font-size:max(10px, calc(10px * var(--ui-scale, 1)));padding:calc(7px * var(--ui-scale, 1)) calc(10px * var(--ui-scale, 1));min-height:calc(34px * var(--ui-scale, 1))}.study-top{min-height:calc(43px * var(--ui-scale, 1));padding:0 calc(6px * var(--ui-scale, 1)) calc(9px * var(--ui-scale, 1))}.study-top .tiny{font-size:calc(8px * var(--ui-scale, 1))}.study-top #study-title{font-size:max(11px, calc(19px * var(--ui-scale, 1)))}.workspace-tag{display:none}.position-strip{font-size:max(11px, calc(11px * var(--ui-scale, 1)));padding:calc(9px * var(--ui-scale, 1));gap:calc(8px * var(--ui-scale, 1))}.position-strip>span{gap:calc(5px * var(--ui-scale, 1))}.position-strip span span{font-size:calc(9px * var(--ui-scale, 1))}.position-strip .checker-dot{width:calc(11px * var(--ui-scale, 1));height:calc(11px * var(--ui-scale, 1))}.study-board #board-canvas{height:auto;aspect-ratio:var(--study-board-aspect,1.5)}.study-board .view-controls{justify-content:flex-start;gap:calc(2px * var(--ui-scale, 1));padding:calc(4px * var(--ui-scale, 1))}.study-board .view-controls button{font-size:calc(9px * var(--ui-scale, 1));padding:calc(5px * var(--ui-scale, 1));min-height:calc(28px * var(--ui-scale, 1))}.study-board #expand-board{margin-left:auto}.playback{padding:calc(5px * var(--ui-scale, 1)) calc(8px * var(--ui-scale, 1))}.playback>button{min-width:calc(34px * var(--ui-scale, 1));height:calc(32px * var(--ui-scale, 1))}.board-hint{font-size:max(10px, calc(10px * var(--ui-scale, 1)));margin:calc(9px * var(--ui-scale, 1)) calc(5px * var(--ui-scale, 1))}.board-notes>summary{padding:calc(10px * var(--ui-scale, 1)) calc(12px * var(--ui-scale, 1));font-size:max(11px, calc(11px * var(--ui-scale, 1)))}.study-panel{position:static}.tool-pane{min-height:0;max-height:none}.workspace-tabs button{font-size:max(11px, calc(12px * var(--ui-scale, 1)))}.tool-pane>section{padding:calc(18px * var(--ui-scale, 1))}.turn-panel{display:grid;grid-template-columns:1fr 1fr;gap:0 calc(12px * var(--ui-scale, 1))}.turn-panel>.tiny,.turn-heading,.turn-panel #turn-state,.manual-dice,.played-moves,.analysis-link{grid-column:1/-1}.turn-panel #random-dice,.turn-panel #confirm-turn{grid-column:1}.turn-actions{margin:0;align-items:center}.turn-actions button{min-height:calc(43px * var(--ui-scale, 1));padding:calc(7px * var(--ui-scale, 1));font-size:max(10px, calc(10px * var(--ui-scale, 1)))}.turn-heading h2{font-size:max(11px, calc(23px * var(--ui-scale, 1)))}.manual-dice{margin-top:calc(15px * var(--ui-scale, 1))}.notes-panel{grid-template-columns:1fr}.notes-panel button{justify-self:end}.keyboard-help{display:none}.site-footer{padding:calc(16px * var(--ui-scale, 1));flex-direction:row}.site-footer nav{margin-left:auto}body.workspace-expanded .study-board #board-canvas{height:auto;aspect-ratio:var(--study-board-aspect,1.5)}body.workspace-expanded .tool-pane{max-height:none}}
@media(max-width:380px){.position-strip strong{display:none}.study-board .view-controls button{font-size:calc(8px * var(--ui-scale, 1));padding:calc(5px * var(--ui-scale, 1)) calc(4px * var(--ui-scale, 1))}.workspace-heading>#share{max-width:calc(126px * var(--ui-scale, 1))}.workspace-heading{gap:calc(8px * var(--ui-scale, 1))}}
/* The WebGL canvas writes a pixel height; use an explicit container height to
   prevent that old desktop height becoming the mobile intrinsic minimum. */
@media(max-width:800px){.study-board #board-canvas,body.workspace-expanded .study-board #board-canvas{height:calc((100vw - calc(18px * var(--ui-scale, 1)))/var(--study-board-aspect,1.5));aspect-ratio:auto}.turn-panel{display:block}.turn-actions{margin-top:calc(9px * var(--ui-scale, 1))}.turn-actions button{min-height:calc(37px * var(--ui-scale, 1))}.turn-panel .played-moves{margin-top:calc(17px * var(--ui-scale, 1))}}
.die-face{width:calc(27px * var(--ui-scale, 1));height:calc(27px * var(--ui-scale, 1));border-radius:calc(5px * var(--ui-scale, 1));background:#e7e5da;display:grid;grid-template:repeat(3,1fr)/repeat(3,1fr);gap:calc(2px * var(--ui-scale, 1));padding:calc(5px * var(--ui-scale, 1));box-shadow:inset 0 calc(-2px * var(--ui-scale, 1)) #b8b7aa}.die-face i{width:calc(4px * var(--ui-scale, 1));height:calc(4px * var(--ui-scale, 1));border-radius:50%;background:#292c26}.turn-heading #remaining-dice{gap:calc(5px * var(--ui-scale, 1))}.die-face.used{opacity:.25}
@media(max-height:550px) and (orientation:landscape){body.workspace-expanded .study-layout{display:grid;grid-template-columns:minmax(0,1fr) calc(270px * var(--ui-scale, 1))}body.workspace-expanded .study-board #board-canvas{height:calc(100dvh - calc(117px * var(--ui-scale, 1)));aspect-ratio:auto}body.workspace-expanded .board-hint,body.workspace-expanded .board-notes{display:none}body.workspace-expanded .tool-pane{max-height:calc(100dvh - calc(67px * var(--ui-scale, 1)))}body.workspace-expanded .turn-panel{display:block}body.workspace-expanded .turn-actions{margin-top:calc(8px * var(--ui-scale, 1))}body.workspace-expanded .position-strip strong{display:none}}
@media(max-height:550px) and (orientation:landscape){body.workspace-expanded .tool-pane{min-height:0}body.workspace-expanded .study-board #board-canvas{height:calc(100dvh - calc(140px * var(--ui-scale, 1)))}}
.auto-analysis-note{font-size:max(11px, calc(12px * var(--ui-scale, 1)));color:#a9b9ad;line-height:1.6;margin:calc(12px * var(--ui-scale, 1)) 0 0}.engine-panel .quality-field{margin:calc(15px * var(--ui-scale, 1)) 0 calc(10px * var(--ui-scale, 1))}.engine-panel .result-engine{margin:calc(15px * var(--ui-scale, 1)) 0 calc(10px * var(--ui-scale, 1))}.candidate{display:block;padding:0;overflow:hidden;background:#22261f}.candidate.best{border-color:#697a61}.candidate.active{border-color:#88c7ad;background:#8fe1ba08}.candidate-select{display:block;width:100%;padding:calc(14px * var(--ui-scale, 1));text-align:left}.candidate-heading{display:flex;justify-content:space-between;align-items:center;gap:calc(8px * var(--ui-scale, 1))}.candidate-heading b{font-size:max(11px, calc(13px * var(--ui-scale, 1)));font-weight:500;color:#c9cfbf}.candidate.best .candidate-heading b{color:#b4e6c9}.candidate-heading strong{font-size:max(11px, calc(11px * var(--ui-scale, 1)));letter-spacing:.1px}.candidate-loss{display:block;font-size:max(10px, calc(10px * var(--ui-scale, 1)));color:#a2a999;line-height:1.5;margin-top:calc(10px * var(--ui-scale, 1))}.candidate-actions{border-top:1px solid #3e483a;padding:calc(6px * var(--ui-scale, 1)) calc(12px * var(--ui-scale, 1));display:flex;justify-content:space-between;align-items:center;gap:calc(8px * var(--ui-scale, 1))}.candidate-actions>span{font-size:max(11px, calc(11px * var(--ui-scale, 1)));color:#b9c5b0}.candidate-actions button{font-size:max(11px, calc(11px * var(--ui-scale, 1)));padding:calc(7px * var(--ui-scale, 1));color:#bfe3cb;border-radius:calc(4px * var(--ui-scale, 1))}.move-steps{display:flex;flex-wrap:wrap;gap:calc(7px * var(--ui-scale, 1));margin-top:calc(12px * var(--ui-scale, 1))}.move-step{display:inline-flex;gap:calc(6px * var(--ui-scale, 1));align-items:center;border:1px solid #515b45;background:#313a2d;padding:calc(6px * var(--ui-scale, 1)) calc(7px * var(--ui-scale, 1));border-radius:calc(5px * var(--ui-scale, 1));font-size:max(11px, calc(12px * var(--ui-scale, 1)));color:#f0ecdb;white-space:nowrap;font-variant-numeric:tabular-nums}.move-step i{font:500 max(10px, calc(10px * var(--ui-scale, 1))) Roboto,sans-serif;border-radius:50%;width:calc(16px * var(--ui-scale, 1));height:calc(16px * var(--ui-scale, 1));display:grid;place-items:center;background:#99d8bc;color:#173528}.candidate .move-step small,.move-step small{font-size:max(10px, calc(10px * var(--ui-scale, 1)));color:#dac89e;line-height:1.4;background:#dcc49a10;border:1px solid #dac89e40;border-radius:calc(3px * var(--ui-scale, 1));padding:0 calc(3px * var(--ui-scale, 1))}
#hint-bar{display:flex;align-items:center;justify-content:space-between;gap:calc(10px * var(--ui-scale, 1));padding:calc(10px * var(--ui-scale, 1)) calc(14px * var(--ui-scale, 1));background:#27332a;border:1px solid #55745e;font-size:max(11px, calc(12px * var(--ui-scale, 1)))}#hint-title{font-size:max(11px, calc(11px * var(--ui-scale, 1)));font-weight:500;color:#b9e5cd}#hint-bar .move-steps{margin-top:calc(6px * var(--ui-scale, 1));gap:calc(5px * var(--ui-scale, 1))}#hint-bar .move-step{padding:calc(4px * var(--ui-scale, 1)) calc(6px * var(--ui-scale, 1));font-size:max(11px, calc(11px * var(--ui-scale, 1)))}#hint-play{padding:calc(8px * var(--ui-scale, 1)) calc(10px * var(--ui-scale, 1));border:1px solid #65816a;border-radius:calc(5px * var(--ui-scale, 1));color:#c6e8d0;white-space:nowrap;font-size:max(11px, calc(11px * var(--ui-scale, 1)))}.analysis-route-visible .move-guides{visibility:hidden}.analysis-route{pointer-events:none}
@media(max-width:800px){#hint-bar{padding:calc(8px * var(--ui-scale, 1)) calc(10px * var(--ui-scale, 1))}#hint-bar .move-step{font-size:max(10px, calc(10px * var(--ui-scale, 1)))}#hint-play{font-size:max(10px, calc(10px * var(--ui-scale, 1)));padding:calc(8px * var(--ui-scale, 1))}.study-board .view-controls{gap:1px}.study-board .view-controls button{padding:calc(5px * var(--ui-scale, 1)) calc(4px * var(--ui-scale, 1))}.candidate-heading b{font-size:max(11px, calc(14px * var(--ui-scale, 1)))}.candidate-select{padding:calc(14px * var(--ui-scale, 1))}.move-step{font-size:max(11px, calc(13px * var(--ui-scale, 1)))}.candidate-actions{padding:calc(8px * var(--ui-scale, 1)) calc(13px * var(--ui-scale, 1))}.candidate-actions button{min-height:calc(32px * var(--ui-scale, 1))}}

/* Analysis desk: board and controls, recorded decisions above ranked moves. */
.workspace-mode{grid-column:1/-1;display:flex;gap:calc(14px * var(--ui-scale, 1));align-items:center;flex-wrap:wrap}.mode-switch{display:flex;gap:calc(4px * var(--ui-scale, 1));background:#141715;padding:calc(4px * var(--ui-scale, 1));border:1px solid var(--edge);border-radius:calc(7px * var(--ui-scale, 1))}.mode-switch button{padding:calc(11px * var(--ui-scale, 1)) calc(18px * var(--ui-scale, 1));border-radius:calc(4px * var(--ui-scale, 1));font-size:max(11px, calc(14px * var(--ui-scale, 1)))}.mode-switch [aria-pressed=true]{background:#484536;color:#f2dfb7}.workspace-mode>#editor{margin-left:auto;padding:calc(10px * var(--ui-scale, 1)) calc(14px * var(--ui-scale, 1));font-size:max(11px, calc(13px * var(--ui-scale, 1)))}#computer-controls{display:flex;align-items:center;gap:calc(12px * var(--ui-scale, 1))}#computer-controls label{display:flex;align-items:center;gap:calc(8px * var(--ui-scale, 1));font-size:max(11px, calc(13px * var(--ui-scale, 1)))}#human-side{padding:calc(8px * var(--ui-scale, 1));font-size:max(11px, calc(13px * var(--ui-scale, 1)))}#computer-toggle{padding:calc(10px * var(--ui-scale, 1)) calc(14px * var(--ui-scale, 1))}#computer-status{font-size:max(11px, calc(12px * var(--ui-scale, 1)));color:#c6bd9f}.study-panel{position:sticky;top:calc(12px * var(--ui-scale, 1));display:flex;flex-direction:column;border:0;background:transparent;gap:calc(12px * var(--ui-scale, 1));max-height:calc(100dvh - calc(24px * var(--ui-scale, 1)))}.study-panel .tool-pane{display:block;min-height:0;max-height:none;overflow:visible;background:#262927;border:1px solid var(--edge);border-radius:calc(8px * var(--ui-scale, 1))}.study-panel #pane-history{flex:none;max-height:calc(340px * var(--ui-scale, 1));overflow:auto}.study-panel #pane-analysis{flex:1;min-height:calc(320px * var(--ui-scale, 1));overflow:auto}.study-panel .tool-pane>section{padding:calc(16px * var(--ui-scale, 1))}.study-panel #timeline{max-height:calc(190px * var(--ui-scale, 1))}.branch-hint{display:none}.line-picker{margin:calc(9px * var(--ui-scale, 1)) 0}.review-details{border-top:1px solid var(--edge);padding:calc(12px * var(--ui-scale, 1)) calc(16px * var(--ui-scale, 1))}.review-details>summary{font-size:max(11px, calc(13px * var(--ui-scale, 1)));color:#d4c49f;cursor:pointer}.review-details .review-panel{padding-top:calc(16px * var(--ui-scale, 1))}.automatic-badge{font-size:max(10px, calc(10px * var(--ui-scale, 1)));letter-spacing:1px;color:#a6c4ab}.study-center>#pane-play,.study-center>#pane-position{max-height:none;min-height:0;overflow:visible;background:#252824;border:1px solid var(--edge);border-radius:calc(8px * var(--ui-scale, 1));margin-top:calc(12px * var(--ui-scale, 1))}.study-center>#pane-play{display:grid;grid-template-columns:1.1fr 1fr}.study-center>#pane-play>.turn-panel{grid-row:span 3}.study-center>#pane-play>section{padding:calc(16px * var(--ui-scale, 1))}.study-center>#pane-position>section{padding:calc(16px * var(--ui-scale, 1))}.study-center .turn-heading h2{font-size:max(11px, calc(22px * var(--ui-scale, 1)))}.study-center .turn-panel .tiny,.study-center .played-moves{display:none}.study-center .turn-panel .manual-dice{margin-top:calc(12px * var(--ui-scale, 1))}.study-center .pane-footnote{font-size:max(11px, calc(12px * var(--ui-scale, 1)))}.study-panel .candidate-select{padding:calc(10px * var(--ui-scale, 1)) calc(12px * var(--ui-scale, 1))}.study-panel .candidate-loss{margin-top:calc(6px * var(--ui-scale, 1))}.study-panel .move-steps{margin-top:calc(8px * var(--ui-scale, 1))}.study-panel .candidate-actions{padding:calc(3px * var(--ui-scale, 1)) calc(10px * var(--ui-scale, 1))}.study-panel .candidate-actions button{padding:calc(5px * var(--ui-scale, 1))}.study-panel .engine-help{margin-top:calc(14px * var(--ui-scale, 1))}.study-panel .candidate-heading b{font-size:max(11px, calc(13px * var(--ui-scale, 1)))}#more-candidates{display:block;width:100%;padding:calc(12px * var(--ui-scale, 1));color:var(--accent);font-size:max(11px, calc(13px * var(--ui-scale, 1)))}.editor-brush{display:flex;gap:calc(7px * var(--ui-scale, 1));margin:calc(14px * var(--ui-scale, 1)) 0}.editor-brush button{font-size:max(11px, calc(13px * var(--ui-scale, 1)));padding:calc(10px * var(--ui-scale, 1)) calc(14px * var(--ui-scale, 1));border:1px solid var(--edge);border-radius:calc(5px * var(--ui-scale, 1))}.editor-brush [aria-pressed=true]{background:#d4b77d22;border-color:#bda36d}.point-editor{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:calc(12px * var(--ui-scale, 1));align-items:end;margin:calc(12px * var(--ui-scale, 1)) 0 calc(18px * var(--ui-scale, 1))}.point-editor label{display:grid;gap:calc(6px * var(--ui-scale, 1));font-size:max(11px, calc(13px * var(--ui-scale, 1)))}.point-editor input,.point-editor select{width:100%;padding:calc(10px * var(--ui-scale, 1));font-size:max(11px, calc(14px * var(--ui-scale, 1)))}.point-editor button{padding:calc(12px * var(--ui-scale, 1));font-size:max(11px, calc(13px * var(--ui-scale, 1)))}.point-editor p{grid-column:1/-1;margin:0;font-size:max(11px, calc(13px * var(--ui-scale, 1)));color:#bdb7a4}#pane-position .edit-fields{grid-template-columns:repeat(4,1fr)}.decision-loss{margin-left:auto!important;color:#e7b198!important}.engine-panel .auto-analysis-note{margin-bottom:calc(12px * var(--ui-scale, 1))}.study-panel .result-engine{font-size:max(11px, calc(12px * var(--ui-scale, 1)))}.study-panel .muted{font-size:max(11px, calc(12px * var(--ui-scale, 1)))}.study-layout{grid-template-columns:minmax(0,1fr) calc(390px * var(--ui-scale, 1))}.study-board #board-canvas{height:clamp(calc(390px * var(--ui-scale, 1)),calc(100dvh - calc(345px * var(--ui-scale, 1))),calc(850px * var(--ui-scale, 1)))}
@media(max-width:1100px) and (min-width:801px){.study-layout{grid-template-columns:minmax(0,1fr) calc(330px * var(--ui-scale, 1))}.study-center>#pane-play{display:block}.study-board #board-canvas{height:calc(440px * var(--ui-scale, 1))}}
@media(max-width:800px){.workspace-mode{gap:calc(8px * var(--ui-scale, 1))}.mode-switch{width:100%}.mode-switch button{flex:1;padding:calc(10px * var(--ui-scale, 1)) calc(8px * var(--ui-scale, 1));font-size:max(11px, calc(13px * var(--ui-scale, 1)))}.workspace-mode>#editor{margin-left:0}.workspace-mode>#computer-controls{flex-wrap:wrap;gap:calc(8px * var(--ui-scale, 1))}.study-panel{position:static;max-height:none;gap:calc(12px * var(--ui-scale, 1))}.study-panel #pane-history{max-height:none}.study-panel #pane-analysis{min-height:0;max-height:none;overflow:visible}.study-center>#pane-play{display:block}.point-editor{grid-template-columns:1fr 1fr}.point-editor button{grid-column:1/-1}#pane-position .edit-fields{grid-template-columns:1fr 1fr}.study-board #board-canvas{height:calc((100vw - calc(18px * var(--ui-scale, 1)))/var(--study-board-aspect,1.5))}.study-panel #timeline{max-height:calc(230px * var(--ui-scale, 1))}.study-panel .move-step{font-size:max(11px, calc(12px * var(--ui-scale, 1)))}.study-panel .candidate-heading b{font-size:max(11px, calc(14px * var(--ui-scale, 1)))}.study-panel .candidate-actions button{min-height:calc(32px * var(--ui-scale, 1))}.workspace-mode #computer-status{flex-basis:100%}}
body.workspace-expanded .workspace-mode{display:none}body.workspace-expanded .study-center>#pane-play{display:block}body.workspace-expanded .study-panel{max-height:calc(100dvh - calc(20px * var(--ui-scale, 1)))}
.study-panel #pane-position{overflow:auto;min-height:0;max-height:calc(100dvh - calc(36px * var(--ui-scale, 1)))}.position-editor-heading{padding:calc(16px * var(--ui-scale, 1));border-bottom:1px solid var(--edge);display:flex;justify-content:space-between;align-items:center;gap:calc(10px * var(--ui-scale, 1))}.position-editor-heading button{color:var(--accent);font-size:max(11px, calc(12px * var(--ui-scale, 1)));padding:calc(8px * var(--ui-scale, 1))}.study-panel #edit-panel{padding:calc(16px * var(--ui-scale, 1))}.study-panel .editor-brush{gap:calc(5px * var(--ui-scale, 1))}.study-panel .editor-brush button{padding:calc(9px * var(--ui-scale, 1));font-size:max(11px, calc(12px * var(--ui-scale, 1)))}.study-panel .point-editor{grid-template-columns:1fr 1fr;gap:calc(10px * var(--ui-scale, 1))}.study-panel .point-editor button{grid-column:1/-1}.study-panel #pane-position .edit-fields{grid-template-columns:1fr 1fr}.study-panel #pane-position .context-grid{gap:calc(10px * var(--ui-scale, 1))}
@media(min-width:801px){.workspace-heading{padding-bottom:calc(10px * var(--ui-scale, 1))}.workspace-heading .workspace-name>.tiny,.workspace-tag{display:none}.study-layout{row-gap:calc(12px * var(--ui-scale, 1))}.mode-switch button{padding:calc(9px * var(--ui-scale, 1)) calc(15px * var(--ui-scale, 1))}.study-top{min-height:calc(46px * var(--ui-scale, 1));padding-bottom:calc(7px * var(--ui-scale, 1))}.study-top #study-title{font-size:max(11px, calc(20px * var(--ui-scale, 1)))}.position-strip{padding:calc(8px * var(--ui-scale, 1)) calc(12px * var(--ui-scale, 1))}#hint-bar{padding:calc(7px * var(--ui-scale, 1)) calc(12px * var(--ui-scale, 1))}#hint-bar>div{display:flex;align-items:center;gap:calc(12px * var(--ui-scale, 1))}#hint-bar .move-steps{margin-top:0}#hint-play{padding:calc(5px * var(--ui-scale, 1)) calc(8px * var(--ui-scale, 1))}.study-board #board-canvas{height:clamp(calc(340px * var(--ui-scale, 1)),calc(100dvh - calc(360px * var(--ui-scale, 1))),calc(850px * var(--ui-scale, 1)))}.study-center:has(+.study-panel #pane-position:not([hidden]))>#pane-play{display:none}.study-panel:has(#pane-position:not([hidden])){max-height:calc(100dvh - calc(24px * var(--ui-scale, 1)))}}
@media(max-width:800px){.study-panel #pane-position{max-height:none}.study-layout:has(#pane-position:not([hidden])) .study-center>#pane-play{display:none}}

.analysis-automation{display:flex;flex-wrap:wrap;gap:calc(8px * var(--ui-scale, 1)) calc(16px * var(--ui-scale, 1));margin:calc(12px * var(--ui-scale, 1)) 0}.analysis-automation label{display:flex;align-items:center;gap:calc(7px * var(--ui-scale, 1));min-height:calc(36px * var(--ui-scale, 1));font-size:max(11px, calc(13px * var(--ui-scale, 1)));cursor:pointer;color:#d6d6c9}.analysis-automation input{width:calc(17px * var(--ui-scale, 1));height:calc(17px * var(--ui-scale, 1));accent-color:var(--accent);cursor:pointer}

/* Keep asynchronous analysis inside its own window, beside the board. */
.study-panel #pane-analysis{overflow-anchor:none;scrollbar-gutter:stable}
.study-panel #pane-play{overflow:auto}
.study-panel #pane-play>section{padding:calc(10px * var(--ui-scale, 1)) calc(12px * var(--ui-scale, 1))}
.study-panel .turn-panel>.tiny,.study-panel .played-moves,.study-panel .pane-footnote{display:none}
.study-panel .turn-heading{min-height:calc(28px * var(--ui-scale, 1))}
.study-panel .turn-heading h2{font-size:max(11px, calc(19px * var(--ui-scale, 1)))}
.study-panel .turn-panel #turn-state{min-height:calc(20px * var(--ui-scale, 1));margin:calc(4px * var(--ui-scale, 1)) 0 calc(8px * var(--ui-scale, 1));font-size:max(11px, calc(11px * var(--ui-scale, 1)))}
.study-panel .turn-panel>.primary{min-height:calc(34px * var(--ui-scale, 1));padding:calc(8px * var(--ui-scale, 1)) calc(12px * var(--ui-scale, 1));font-size:max(11px, calc(13px * var(--ui-scale, 1)))}
.study-panel .analysis-automation{margin:calc(6px * var(--ui-scale, 1)) 0;gap:calc(6px * var(--ui-scale, 1)) calc(14px * var(--ui-scale, 1))}
.study-panel .analysis-automation label{min-height:calc(28px * var(--ui-scale, 1));font-size:max(11px, calc(12px * var(--ui-scale, 1)))}
.study-panel .turn-actions{margin-top:calc(4px * var(--ui-scale, 1))}
.study-panel .turn-actions button{min-height:calc(30px * var(--ui-scale, 1))}
.study-panel .manual-dice{margin-top:calc(7px * var(--ui-scale, 1))}
.study-panel .cube-panel .section-title h2{font-size:max(11px, calc(13px * var(--ui-scale, 1)))}
.study-panel #context-summary{margin:calc(3px * var(--ui-scale, 1)) 0 calc(7px * var(--ui-scale, 1));font-size:max(11px, calc(11px * var(--ui-scale, 1)))}
.study-panel .cube-actions button{padding:calc(6px * var(--ui-scale, 1)) calc(9px * var(--ui-scale, 1));min-height:calc(28px * var(--ui-scale, 1))}
.study-panel .legal-panel{padding:calc(5px * var(--ui-scale, 1)) calc(12px * var(--ui-scale, 1))!important}
.study-panel #pane-analysis>.engine-panel{padding:calc(10px * var(--ui-scale, 1)) calc(12px * var(--ui-scale, 1))}
.study-panel .engine-panel>.auto-analysis-note,.study-panel #candidates>.result-engine{display:none}
.study-panel .engine-badge{float:right;margin-top:calc(7px * var(--ui-scale, 1))}
.study-panel #calculation-status{min-height:calc(30px * var(--ui-scale, 1));padding-right:calc(112px * var(--ui-scale, 1))}
.study-panel #calculation-status:empty{display:block}
.study-panel .auto-analysis-note{font-size:max(10px, calc(10px * var(--ui-scale, 1)));margin:calc(5px * var(--ui-scale, 1)) 0 calc(8px * var(--ui-scale, 1))}
.study-panel #calculation-status{font-size:max(11px, calc(11px * var(--ui-scale, 1)));margin:calc(6px * var(--ui-scale, 1)) 0}
.study-panel .result-engine{font-size:max(11px, calc(11px * var(--ui-scale, 1)));margin:calc(8px * var(--ui-scale, 1)) 0}
.study-panel .engine-badge{font-size:calc(8px * var(--ui-scale, 1));padding:calc(4px * var(--ui-scale, 1)) calc(6px * var(--ui-scale, 1))}
.analysis-arrow-halo,.analysis-route-line{fill:none;stroke-linecap:round;stroke-linejoin:round}
.analysis-arrow-halo{stroke:#171b18;stroke-opacity:.65;stroke-width:calc(6px * var(--ui-scale, 1))}
.analysis-route-line{stroke:#fff;stroke-width:calc(3.5px * var(--ui-scale, 1))}
.analysis-arrow-head{fill:#fff;stroke:#171b18;stroke-width:calc(1.5px * var(--ui-scale, 1));stroke-linejoin:round;paint-order:stroke fill}
.candidate-probabilities{display:flex;flex-wrap:wrap;gap:calc(3px * var(--ui-scale, 1)) calc(10px * var(--ui-scale, 1));margin-top:calc(7px * var(--ui-scale, 1));font-size:max(10px, calc(10px * var(--ui-scale, 1)));line-height:1.5;color:#c7cdbf;font-variant-numeric:tabular-nums}
.candidate-probabilities .gammon-risk{color:#baaaa2}
.candidate-explanation{padding:calc(2px * var(--ui-scale, 1)) calc(12px * var(--ui-scale, 1)) calc(12px * var(--ui-scale, 1));font-size:max(11px, calc(12px * var(--ui-scale, 1)));line-height:1.55;color:#d4d8cf;text-align:left}
.candidate-explanation-title{display:block;margin:0 0 calc(6px * var(--ui-scale, 1));font-size:max(11px, calc(11px * var(--ui-scale, 1)));font-weight:500;color:#b7cbbd}
.candidate-explanation p{margin:calc(6px * var(--ui-scale, 1)) 0 0;overflow-wrap:anywhere}
.candidate-explanation .candidate-explanation-comparison{color:#b9b7a7;font-size:max(11px, calc(11px * var(--ui-scale, 1)))}
.analysis-explanation-note{font-size:max(11px, calc(11px * var(--ui-scale, 1)));color:#b9c2b5;line-height:1.5;margin:calc(10px * var(--ui-scale, 1)) 0 calc(12px * var(--ui-scale, 1))}
.evaluation-perspective{display:flex;align-items:center;gap:calc(8px * var(--ui-scale, 1));font-size:max(11px, calc(14px * var(--ui-scale, 1)));font-weight:500;color:#eee9d9;margin:calc(15px * var(--ui-scale, 1)) 0 calc(6px * var(--ui-scale, 1))}
.evaluation-legend{font-size:max(11px, calc(12px * var(--ui-scale, 1)));line-height:1.5;color:#d4c9af;margin:0 0 calc(10px * var(--ui-scale, 1))}
.evaluation-benefit{font-size:max(11px, calc(12px * var(--ui-scale, 1)));color:#d4c9af;margin:calc(-3px * var(--ui-scale, 1)) 0 calc(10px * var(--ui-scale, 1))}
.cube-response{font-size:max(11px, calc(12px * var(--ui-scale, 1)));line-height:1.5;color:#c7cbbd;margin:calc(-5px * var(--ui-scale, 1)) 0 calc(12px * var(--ui-scale, 1))}
.cube-equity{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:calc(12px * var(--ui-scale, 1));align-items:start;line-height:1.5}
.cube-equity>span{min-width:0}.cube-value{text-align:right}.cube-value strong{display:block;white-space:nowrap;font-size:max(11px, calc(11px * var(--ui-scale, 1)))}
.cube-benefit{display:block;color:#b8c4bd;font-size:max(10px, calc(10px * var(--ui-scale, 1)));white-space:normal;margin-top:calc(3px * var(--ui-scale, 1))}
.win-bar{--light-side:#dddacc;--dark-side:#743047;background:var(--dark-side)}
.win-bar span{background:var(--light-side)}
body:is([data-board-theme=club],[data-board-theme=oak-stone]) .win-bar{--light-side:#b05454;--dark-side:#3179b7}
.win-bar[data-player="1"]{background:var(--light-side)}.win-bar[data-player="1"] span{background:var(--dark-side)}
.candidate-actions>.candidate-advice{font-size:max(10px, calc(10px * var(--ui-scale, 1)));color:#aeb7a8;line-height:1.4}
.analysis-model-note{font-size:max(10px, calc(10px * var(--ui-scale, 1)));color:#bcb69f;line-height:1.5;margin:calc(10px * var(--ui-scale, 1)) 0}

@media(min-width:801px){
  body{height:100dvh;min-height:0;overflow:hidden}
  .site-header{height:calc(54px * var(--ui-scale, 1));min-height:calc(54px * var(--ui-scale, 1));flex:none;flex-wrap:nowrap;padding-top:0}
  .site-nav{order:0;width:auto;height:100%;margin-top:0}
  .site-footer{flex:none;margin:0 auto;padding:calc(3px * var(--ui-scale, 1)) calc(16px * var(--ui-scale, 1)) calc(6px * var(--ui-scale, 1));font-size:max(10px, calc(10px * var(--ui-scale, 1)));min-height:calc(24px * var(--ui-scale, 1))}
  .site-footer button{font-size:max(11px, calc(11px * var(--ui-scale, 1)))}
  .study-layout{flex:1;min-height:0;margin:0 auto;padding:0 calc(16px * var(--ui-scale, 1)) calc(6px * var(--ui-scale, 1));grid-template-columns:minmax(0,1fr) calc(370px * var(--ui-scale, 1));grid-template-rows:auto auto minmax(0,1fr);gap:calc(8px * var(--ui-scale, 1)) calc(16px * var(--ui-scale, 1))}
  .workspace-heading{grid-row:1;padding:0 0 calc(5px * var(--ui-scale, 1));gap:calc(16px * var(--ui-scale, 1))}
  .workspace-heading h1{font-size:max(11px, calc(22px * var(--ui-scale, 1)))}
  .workspace-heading .workspace-name{min-width:calc(105px * var(--ui-scale, 1))}
  .workspace-heading .workspace-status{font-size:max(10px, calc(10px * var(--ui-scale, 1)));line-height:1.4}
  .workspace-heading>#share{min-height:calc(32px * var(--ui-scale, 1));padding:calc(6px * var(--ui-scale, 1)) calc(10px * var(--ui-scale, 1))}
  .file-menu>summary{padding:calc(6px * var(--ui-scale, 1)) calc(12px * var(--ui-scale, 1))}
  .workspace-mode{grid-row:2;gap:calc(10px * var(--ui-scale, 1))}
  .workspace-mode>#editor{padding:calc(7px * var(--ui-scale, 1)) calc(10px * var(--ui-scale, 1));min-height:calc(34px * var(--ui-scale, 1));font-size:max(11px, calc(12px * var(--ui-scale, 1)))}
  .mode-switch button{padding:calc(7px * var(--ui-scale, 1)) calc(12px * var(--ui-scale, 1));font-size:max(11px, calc(13px * var(--ui-scale, 1)))}
  #computer-controls{gap:calc(8px * var(--ui-scale, 1))}
  #computer-controls label,#computer-status{font-size:max(11px, calc(11px * var(--ui-scale, 1)))}
  #human-side{font-size:max(11px, calc(12px * var(--ui-scale, 1)));padding:calc(6px * var(--ui-scale, 1))}
  #computer-toggle{padding:calc(6px * var(--ui-scale, 1)) calc(9px * var(--ui-scale, 1));min-height:calc(32px * var(--ui-scale, 1));font-size:max(11px, calc(12px * var(--ui-scale, 1)))}
  .study-center{grid-column:1;grid-row:3;display:flex;flex-direction:column;min-height:0;height:100%;overflow:hidden}
  .study-top{flex:none;min-height:calc(28px * var(--ui-scale, 1));padding:0 calc(4px * var(--ui-scale, 1)) calc(5px * var(--ui-scale, 1))}
  .study-top>div{display:flex;align-items:center;gap:calc(12px * var(--ui-scale, 1))}
  .study-top .tiny{flex:none}
  .study-top #study-title{font-size:max(11px, calc(17px * var(--ui-scale, 1)))}
  .study-top .tiny{font-size:calc(8px * var(--ui-scale, 1))}
  .position-strip,#preview-bar{flex:none}
  .study-board{flex:1;min-height:0;display:flex;flex-direction:column}
  .study-board #board-canvas,body.workspace-expanded .study-board #board-canvas{flex:1;min-height:0;height:0;aspect-ratio:auto}
  .study-board .view-controls{flex:none;flex-wrap:wrap;padding:calc(4px * var(--ui-scale, 1)) calc(6px * var(--ui-scale, 1));gap:calc(2px * var(--ui-scale, 1));min-height:calc(33px * var(--ui-scale, 1))}
  .study-board .view-controls button{padding:calc(4px * var(--ui-scale, 1)) calc(5px * var(--ui-scale, 1));min-height:calc(25px * var(--ui-scale, 1))}
  .playback{flex:none;padding:calc(3px * var(--ui-scale, 1)) calc(8px * var(--ui-scale, 1))}
  .playback>button{height:calc(29px * var(--ui-scale, 1))}
  .board-hint{display:none}
  .board-notes{flex:none;margin-top:calc(6px * var(--ui-scale, 1));max-height:25%;overflow:auto}
  .board-notes>summary{padding:calc(7px * var(--ui-scale, 1)) calc(12px * var(--ui-scale, 1));font-size:max(11px, calc(11px * var(--ui-scale, 1)))}
  .study-panel,body.workspace-expanded .study-panel,.study-panel:has(#pane-position:not([hidden])){grid-column:2;grid-row:3;position:static;height:100%;max-height:none;min-height:0;gap:calc(8px * var(--ui-scale, 1));overflow:hidden}
  .study-panel #pane-play{flex:0 1 auto;max-height:46%;min-height:0}
  .study-panel .cube-panel{display:grid;grid-template-columns:1fr auto;gap:calc(4px * var(--ui-scale, 1)) calc(10px * var(--ui-scale, 1))}
  .study-panel .cube-panel .section-title{grid-column:1/-1}
  .study-panel .cube-panel #context-summary{align-self:center;margin:0}
  .study-panel .cube-actions{justify-content:flex-end}
  .study-panel #pane-history{flex:0 0 17%;min-height:calc(120px * var(--ui-scale, 1));max-height:none;display:flex;flex-direction:column;overflow:hidden}
  .study-panel #pane-history>.line-panel{padding:calc(8px * var(--ui-scale, 1)) calc(12px * var(--ui-scale, 1));min-height:0;flex:1;display:flex;flex-direction:column;overflow:auto}
  .study-panel .line-panel .section-title{flex:none;margin-bottom:calc(5px * var(--ui-scale, 1))}
  .study-panel .line-panel h2,.study-panel .engine-panel h2{font-size:max(11px, calc(15px * var(--ui-scale, 1)))}
  .study-panel .line-picker{margin:calc(3px * var(--ui-scale, 1)) 0 calc(6px * var(--ui-scale, 1));flex:none}
  .study-panel #timeline{min-height:0;max-height:none;overflow:auto;flex:1}
  .study-panel #timeline button{padding:calc(6px * var(--ui-scale, 1)) calc(8px * var(--ui-scale, 1));font-size:max(11px, calc(11px * var(--ui-scale, 1)))}
  .study-panel .review-details{padding:calc(7px * var(--ui-scale, 1)) calc(12px * var(--ui-scale, 1));flex:none}
  .study-panel .review-details>summary{font-size:max(11px, calc(11px * var(--ui-scale, 1)))}
  .study-panel #pane-history:has(.review-details[open]){overflow:auto}
  .study-panel #pane-analysis{flex:1;min-height:calc(200px * var(--ui-scale, 1));max-height:none;overflow:auto}
  .study-panel #pane-position{flex:1;min-height:0;max-height:none;overflow:auto}
  body.workspace-expanded .study-layout{grid-template-rows:minmax(0,1fr);padding-top:calc(8px * var(--ui-scale, 1));margin-top:0}
  body.workspace-expanded .study-center,body.workspace-expanded .study-panel{grid-row:1}
  #study-error{position:fixed;bottom:calc(12px * var(--ui-scale, 1));left:calc(16px * var(--ui-scale, 1));right:calc(16px * var(--ui-scale, 1));z-index:10}
}
@media(min-width:801px) and (max-width:1100px){
  .study-layout{grid-template-columns:minmax(0,1fr) calc(330px * var(--ui-scale, 1));padding-left:calc(10px * var(--ui-scale, 1));padding-right:calc(10px * var(--ui-scale, 1));column-gap:calc(10px * var(--ui-scale, 1))}
}
@media(min-width:801px) and (max-height:600px){
  .study-panel,body.workspace-expanded .study-panel{overflow:auto}
  .study-panel #pane-play{flex:none;max-height:none}
  .study-panel #pane-history{flex:none;height:calc(130px * var(--ui-scale, 1))}
  .study-panel #pane-analysis{flex:none;height:calc(360px * var(--ui-scale, 1))}
}
@media(max-width:800px){
  .study-panel #pane-analysis{flex:none;height:clamp(calc(340px * var(--ui-scale, 1)),65dvh,calc(600px * var(--ui-scale, 1)));min-height:0;max-height:none;overflow:auto}
  .study-panel .turn-panel>.primary{min-height:calc(42px * var(--ui-scale, 1))}
  .study-panel .analysis-automation label{min-height:calc(36px * var(--ui-scale, 1))}
  .study-panel .turn-actions button{min-height:calc(38px * var(--ui-scale, 1))}
}

.analysis-search-detail,.candidate-precision{font-size:max(11px, calc(11px * var(--ui-scale, 1)));font-weight:400;line-height:1.4;color:var(--muted);margin:calc(5px * var(--ui-scale, 1)) 0}.candidate-precision{display:block}.review-loss{white-space:normal}
.analysis-depth-controls{display:flex;flex-wrap:wrap;gap:calc(8px * var(--ui-scale, 1));align-items:end;margin:calc(10px * var(--ui-scale, 1)) 0}.analysis-depth-controls label{display:grid;gap:calc(6px * var(--ui-scale, 1));flex:1;font-size:max(11px, calc(11px * var(--ui-scale, 1)));color:var(--muted)}.analysis-depth-controls select{width:100%;font-size:max(11px, calc(12px * var(--ui-scale, 1)));padding:calc(8px * var(--ui-scale, 1))}.analysis-depth-controls button{font-size:max(11px, calc(11px * var(--ui-scale, 1)));padding:calc(9px * var(--ui-scale, 1));border:1px solid var(--edge);border-radius:calc(4px * var(--ui-scale, 1))}.analysis-coverage{font-size:max(11px, calc(12px * var(--ui-scale, 1)));line-height:1.5;color:#b4e6c9;margin:calc(8px * var(--ui-scale, 1)) 0}.analysis-depth-controls [hidden]{display:none}