/* v1.3.20: Controller explanation only. No input, simulation, or navigation changes. */
#pcControlsOverlay [data-controls-pane="controller"] .controllerIntro{display:flex;flex-wrap:wrap;align-items:center;gap:5px 12px;margin-top:10px;padding:10px 12px;border:1px solid rgba(83,216,248,.30);border-radius:8px;background:rgba(8,28,37,.85);color:#d9f3fa;font:800 11px/1.45 "Yu Gothic UI",Arial,sans-serif}
#pcControlsOverlay [data-controls-pane="controller"] .controllerIntro strong{color:#6ce5ff;font:1000 12px/1.3 ui-monospace,Consolas,monospace;letter-spacing:.05em}
#pcControlsOverlay .controllerShiftSummary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:9px}
#pcControlsOverlay .controllerShiftCard{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 12px;align-items:center;min-height:70px;box-sizing:border-box;padding:10px 12px;border:1px solid rgba(255,205,77,.34);border-radius:9px;background:linear-gradient(120deg,rgba(46,36,12,.90),rgba(11,20,27,.92));color:#edf7fa}
#pcControlsOverlay .controllerShiftGlyph{grid-row:span 2;display:flex;align-items:center;gap:5px;color:#ffdf73;font:1000 23px/1 ui-monospace,Consolas,monospace;white-space:nowrap}
#pcControlsOverlay .controllerShiftGlyph small{align-self:flex-end;margin-bottom:1px;font:900 8px/1.2 ui-monospace,Consolas,monospace;color:#99b6c1}
#pcControlsOverlay .controllerShiftGlyph i{font-size:14px;font-style:normal;color:#7d929a;margin:0 3px}
#pcControlsOverlay .controllerShiftCard b{color:#fff;font:1000 14px/1.2 ui-monospace,Consolas,monospace;letter-spacing:.035em}
#pcControlsOverlay .controllerShiftCard>span:last-child{color:#a9c6ce;font:800 10px/1.45 "Yu Gothic UI",Arial,sans-serif}
#pcControlsOverlay [data-controls-pane="controller"] .controllerGuideArea{grid-template-columns:minmax(0,1.2fr) minmax(240px,.8fr);gap:12px;align-items:start;margin-top:10px}
#pcControlsOverlay [data-controls-pane="controller"] .controllerGuideList{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
#pcControlsOverlay [data-controls-pane="controller"] .controllerGuideList>div{min-width:0;padding:8px}
#pcControlsOverlay [data-controls-pane="controller"] .controllerGuideList>div b{font-size:10px;line-height:1.25}
#pcControlsOverlay [data-controls-pane="controller"] .controllerGuideList>div span{font-size:9px;line-height:1.35;overflow-wrap:anywhere}
#pcControlsOverlay [data-controls-pane="controller"] .controllerGuideList>div em{font-size:9px}
#pcControlsOverlay [data-controls-pane="controller"] .controllerSvgWrap{box-sizing:border-box;min-width:0}
#pcControlsOverlay [data-controls-pane="controller"] .controllerSvg{display:block;max-width:100%;object-fit:contain}
#pcControlsOverlay [data-controls-pane="controller"] .pcControlsNote{display:grid;gap:5px;padding:9px 11px;border:1px solid rgba(255,255,255,.10);border-radius:7px;background:rgba(0,0,0,.20);font:800 10px/1.55 "Yu Gothic UI",Arial,sans-serif;color:#9fb7bf}
#pcControlsOverlay [data-controls-pane="controller"] .pcControlsNote b{color:#6ce5ff;font:1000 10px/1.3 ui-monospace,Consolas,monospace}
@media(max-width:820px){
 #pcControlsOverlay [data-controls-pane="controller"] .controllerIntro{font-size:10px!important;line-height:1.45!important;padding:8px 9px}
 #pcControlsOverlay [data-controls-pane="controller"] .controllerIntro strong{font-size:11px}
 #pcControlsOverlay .controllerShiftSummary{gap:6px;margin-top:7px}
 #pcControlsOverlay .controllerShiftCard{grid-template-columns:1fr;gap:5px;padding:9px 7px;min-height:0;text-align:center}
 #pcControlsOverlay .controllerShiftGlyph{grid-row:auto;justify-content:center;font-size:22px}
 #pcControlsOverlay .controllerShiftCard b{font-size:11px}
 #pcControlsOverlay .controllerShiftCard>span:last-child{font-size:9px}
 #pcControlsOverlay [data-controls-pane="controller"] .controllerGuideArea{display:block!important;margin-top:8px!important}
 #pcControlsOverlay [data-controls-pane="controller"] .controllerSvgWrap{position:relative!important;display:block!important;width:min(100%,560px)!important;max-width:100%!important;height:auto!important;aspect-ratio:800 / 470!important;margin:0 auto 9px!important;padding:0!important;overflow:hidden!important;flex:0 0 auto!important}
 #pcControlsOverlay [data-controls-pane="controller"] .controllerSvgWrap>svg.controllerSvg{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;max-width:none!important;max-height:none!important;object-fit:contain!important;transform:none!important}
 #pcControlsOverlay [data-controls-pane="controller"] .controllerGuideList{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:5px!important}
 #pcControlsOverlay [data-controls-pane="controller"] .controllerGuideList>div{padding:7px!important;font-size:9px!important}
 #pcControlsOverlay [data-controls-pane="controller"] .controllerGuideList>div b{font-size:10px!important}
 #pcControlsOverlay [data-controls-pane="controller"] .controllerGuideList>div span{font-size:9px!important}
 #pcControlsOverlay [data-controls-pane="controller"] .pcControlsNote{font-size:9px!important;line-height:1.5!important;padding:8px 9px}
}
@media(max-width:370px){
 #pcControlsOverlay .controllerShiftGlyph{font-size:19px}
 #pcControlsOverlay .controllerShiftGlyph small{font-size:7px}
 #pcControlsOverlay [data-controls-pane="controller"] .controllerGuideList>div{padding:5px!important}
 #pcControlsOverlay [data-controls-pane="controller"] .controllerGuideList>div span{font-size:8px!important}
}