/* Read-only vertical progression, with explicit, separate optional stops. */
.gameGrid{grid-template-columns:235px minmax(0,1fr) 205px}
.turnRail{min-width:0;position:sticky;top:145px;max-height:calc(100dvh - 158px);overflow:auto;scrollbar-width:thin;scrollbar-color:#6e5c3e #191710;border:1px solid #584831;border-radius:10px;background:#1b1913;padding:12px}
#turnTimeline>summary{list-style:none;display:flex;flex-direction:column;gap:6px;cursor:pointer;color:#e9d8b8;padding-bottom:12px;border-bottom:1px solid #51442e}
#turnTimeline>summary>span{font-size:9px;letter-spacing:1.5px;color:#b9a582}#turnTimeline>summary>strong{font-size:12px;line-height:1.5}#turnTimeline>summary>span:after{content:' ▾';float:right}
.flowPreference{padding:12px 0 7px}.flowPreference label{font-size:10px;color:#bda984;display:block;margin-bottom:5px}.flowPreference select{padding:8px;font-size:11px;width:100%;background:#2a2419;border:1px solid #705c3b;color:#ecdcb9;border-radius:6px}.flowPreference p{font-size:10px;line-height:1.6;color:#b8ad98;margin:7px 0 0}
#phaseRibbon.turnTimeline{display:flex;flex-direction:column;gap:12px;margin:8px 0 14px}.timelineGroup{min-width:0}.timelineGroup>h3{font-size:9px;text-transform:uppercase;letter-spacing:1px;color:#b2a080;padding:0 0 5px 25px;margin:0}.timelineStep{position:relative;border-left:1px solid #504633;margin-left:8px;padding-left:9px;border-radius:0 6px 6px 0}.phaseReadout{display:grid;grid-template-columns:15px minmax(0,1fr) 27px;gap:5px;align-items:center;width:100%;border:0;background:transparent;border-radius:5px;text-align:left;padding:8px 4px;min-height:36px;color:#b4a993;font-size:10px;line-height:1.5}.phaseReadout strong{font-weight:500}.stepNumber{font-size:9px;color:#8d7e64;text-align:center}.phaseReadout small{font-size:7px;text-align:right;color:#938367}.timelineStep.passed .stepNumber{color:#89ac92}.timelineStep.current{background:#493821;border-color:#e1b972;box-shadow:inset 2px 0 #e1b972}.timelineStep.current .phaseReadout{color:#ffe0a4}.timelineStep.current .phaseReadout strong{font-weight:750}.timelineStep.current .stepNumber,.timelineStep.current small{color:#efc57e}.phaseDescription{font-size:10px;line-height:1.65;color:#d5c4a5;padding:0 8px 10px 24px;margin:0}.timelineStep:not(.current) .phaseDescription{color:#b7a990}.phaseReadout:hover{background:#d0ae6312}.phaseReadout:focus-visible{outline:2px solid #e5c27d;outline-offset:-2px}
.turnRail .phaseSettings{margin:0;padding:10px 0 0;border-top:1px solid #51432e}.turnRail .phaseSettings[open]{background:transparent;border:0;border-top:1px solid #51432e;border-radius:0;padding:10px 0 0}.turnRail .phaseSettings>summary{font-size:11px;padding:4px 0}.turnRail .phaseControls{display:flex;gap:5px;padding:8px 0}.turnRail .phaseControls>span{display:none}.turnRail .phaseControls button{font-size:9px;padding:6px}.turnRail .phaseControls small{display:block;flex-basis:100%;font-size:10px;line-height:1.5;margin-top:5px}.turnRail #phaseTrack{display:flex;flex-direction:column;gap:3px;overflow:visible;padding:0;flex-wrap:nowrap}.turnRail #phaseTrack button{padding:7px 6px;font-size:10px;white-space:normal;text-align:left;min-width:0;flex:none}.turnRail #phaseTrack button::before{content:'○ ';color:#958566}.turnRail #phaseTrack button.stop::before{content:'● ';color:#ecc47c}.turnRail #phaseTrack button.current{box-shadow:none}
.turnRail .inspect{position:static;padding:10px 0 0;border:0;border-top:1px solid #51432e;margin-top:16px;border-radius:0;background:transparent}.turnRail .inspect>summary{font-size:11px;padding:4px 0;margin-bottom:8px}.turnRail .inspect .eyebrow{display:none}.turnRail .inspect img{max-height:230px}.turnRail .inspect #inspectText{max-height:none}
.commandSummary #commandHint{max-width:360px;font-size:11px}.commandState{font-size:12px}.commandDock .controls>.gold{min-width:172px;font-size:12px}.advancedActions>#nextPhase,.advancedActions>#endTurn{font-size:11px;text-align:left}
@media(max-width:1200px){.gameGrid{grid-template-columns:210px minmax(0,1fr) 180px;gap:9px}.turnRail{padding:9px}.commandSummary #commandHint{max-width:290px}.phaseReadout{grid-template-columns:13px minmax(0,1fr) 25px;font-size:9px}}
@media(max-width:850px){.gameGrid{grid-template-columns:minmax(0,1fr) 180px}.turnRail{grid-column:1/-1;position:static;max-height:none;margin-bottom:2px}.turnRail .inspect{display:none}#turnTimeline>summary{flex-direction:row;align-items:center;justify-content:space-between;border-bottom:0;padding:2px 0}#turnTimeline[open]>summary{border-bottom:1px solid #51442e;padding-bottom:10px}#turnTimeline>summary>strong{font-size:11px;text-align:right;max-width:65%}.phaseReadout{font-size:11px;grid-template-columns:20px minmax(0,1fr) 44px}.turnRail #phaseTrack button{font-size:11px}.flowPreference{max-width:400px}.timelineGroup>h3{font-size:10px}.phaseDescription{font-size:11px}.commandDock{gap:10px;flex-wrap:wrap}.commandSummary{flex:1;min-width:190px}.commandSummary #commandHint{max-width:none}}
@media(max-width:560px){.gameGrid{grid-template-columns:minmax(0,1fr)}.commandDock .controls{width:100%;justify-content:flex-start}.commandDock .controls>.gold{flex:1;min-width:0}.commandSummary{width:100%}.turnRail{padding:10px}.tableHeader{top:0}.gameAside{position:static;max-height:none}.flowPreference select{font-size:12px}#turnTimeline>summary>span{font-size:8px;letter-spacing:1px}}