/* Three-round chapter rhythm and compact architectural catalogue. */
.round-rail{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(0,1.2fr);gap:14px;align-items:center;margin:0 0 9px}
.round-pips{display:flex;gap:5px}
.round-pips button{flex:1;display:flex;align-items:center;gap:5px;padding:5px 7px;color:#a2b6a4;background:#14392d;border:1px solid #c2ba8230;border-radius:4px;font-size:10px;cursor:pointer}
.round-pips small{font-size:8px;width:14px;height:14px;border-radius:50%;display:grid;place-items:center;background:#91a38523}
.round-pips b{margin-left:auto;font-size:10px;color:#d7c99b}
.round-pips .current{background:#8c704930;border-color:#ccb780;color:#f3ddb1}
.round-pips .cleared small{color:#b8d7a4}
.boss-preview{padding:3px 0;background:none;border:0;text-align:left;color:#c5c5a2;font-size:9px;line-height:1.6;cursor:pointer}
.boss-preview span{color:#e9c681;white-space:nowrap}
.audio-controls{display:flex;gap:5px}
.audio-controls button{flex:1}
.v6 .sidebar-actions{display:grid;grid-template-columns:1fr 1fr}
.v6 .sidebar-actions .audio-controls{grid-column:1/-1}
.v6 .sidebar-actions [data-action="new"]{grid-column:1/-1}
.v6 .playing-board .workshop-projects.planning{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.v6 .playing-board .wonder-plan{padding:5px;gap:2px;min-height:67px}
.v6 .playing-board .wonder-plan .plan-scene{width:64px;flex-basis:64px}
.v6 .playing-board .wonder-plan b{font-size:11px;letter-spacing:0}
.v6 .playing-board .wonder-plan small,.v6 .playing-board .wonder-plan em{font-size:8px;line-height:1.4}
.v6 .playing-board .wonder-workshop header{gap:8px}
.v6 .playing-board .wonder-workshop header .text-button{font-size:9px;margin-left:auto;padding:0}
.v6 .playing-board .wonder-workshop header .mini-button{margin-left:0}
.blueprint-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.architecture-note{color:#a3b8a8;font-size:10px;line-height:1.6;margin-top:8px}
.route-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.route-chapter{padding:14px;border:1px solid #d1c0904d;border-radius:6px;background:#173c32}
.route-chapter h3{color:#e3cd9d;font-size:15px;margin:0 0 12px}
.route-chapter p{display:flex;justify-content:space-between;gap:10px;font-size:12px;margin:8px 0}
.route-chapter .current{color:#f0d091}
.route-chapter small{display:block;border-top:1px solid #d1c09030;padding-top:8px;line-height:1.7}
.route-chapter .muted-note{font-size:11px;line-height:1.6}
@media(min-width:761px) and (max-width:1100px){.v6 .playing-board .wonder-plan{flex-direction:column;align-items:flex-start}.v6 .playing-board .wonder-plan .plan-scene{display:none}.round-rail{grid-template-columns:1fr;gap:2px}.boss-preview{font-size:8px}}
@media(max-width:760px){
 .round-rail{grid-template-columns:1fr;gap:4px}.round-pips button{padding:7px;font-size:11px}.boss-preview{font-size:10px}
 .v6 .sidebar-actions{display:flex;flex-wrap:wrap;gap:5px}.audio-controls{flex:1 0 auto}
 .v6 .playing-board .workshop-projects.planning{grid-template-columns:1fr 1fr}.v6 .playing-board .wonder-plan .plan-scene{width:57px;flex-basis:57px}
 .route-grid,.blueprint-grid{grid-template-columns:1fr}
 .v6 .playing-board .wonder-workshop header{flex-wrap:wrap}
}
@media(prefers-reduced-motion:reduce){.wonder-illustration *{animation:none!important}}
@media(min-width:761px) and (max-width:1449px){
 .v6 .playing-board{gap:4px}
 .v6 .sidebar{gap:6px}
 .v6 .sidebar .playable-pattern{min-height:30px}
 .round-rail{margin-bottom:0}
 .v6 .playing-board .direction-piles{height:142px}
 .v6 .playing-board .tile-rack{padding-top:15px;padding-bottom:6px}
 .v6 .playing-board .workshop-loop{margin-bottom:4px}
}
@media(min-width:971px) and (max-width:1449px){
 .v6 .playing-board .project-scene{width:82px;flex-basis:82px;height:68px}
 .v6 .playing-board .project-copy{gap:3px}
 .v6 .playing-board .rack-help .mini-button{padding:2px 7px}
 .v6 .playing-board .last-hit{line-height:1.4}
}
@media(min-width:971px) and (max-width:1449px){
 .v6 .playing-board{gap:3px}
 .round-pips button{padding-top:3px;padding-bottom:3px}
 .v6 .playing-board .compact-rack .mahjong-tile{height:72px}
 .v6 .playing-board .compact-rack .mahjong-tile .tile-face{height:46px}
}
/* Fit each direction to its own grid track, including fractional widths at browser zoom. */
.v6 .playing-board .direction-piles{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));padding:12px clamp(10px,2vw,20px);gap:4px}
.v6 .playing-board .direction-piles .direction-pile{box-sizing:border-box;width:100%;max-width:110px;min-width:0;height:100%;max-height:46px;min-height:0;gap:clamp(2px,.6vw,7px);padding:3px clamp(2px,.4vw,6px)}
.v6 .playing-board .direction-piles .direction-token{flex-basis:clamp(16px,1.8vw,22px);width:clamp(16px,1.8vw,22px);height:28px;min-width:0}
.v6 .playing-board .direction-piles .pile-summary{min-width:0;flex:0 1 auto}
.v6 .playing-board .direction-piles .pile-summary>b{white-space:nowrap;gap:3px}
.v6 .playing-board .direction-piles .pile-summary strong{font-size:clamp(12px,1.4vw,17px)}
.v6 .playing-board .direction-piles .pile-backs{display:none}
.direction-choice{display:flex;align-items:center;gap:5px;font-size:9px;flex-wrap:wrap;margin:3px 0 0;color:#b6c9ad}
.direction-choice>div{display:flex;gap:3px}
.direction-choice .mini-button{font-size:9px;padding:3px 5px}
.direction-choice [aria-pressed=true],.catalog-filters [aria-pressed=true]{color:#f7dfad;background:#97764455;border-color:#d4be88}
.direction-choice b{color:#efd4a0}
.catalog-caption{font-size:12px;line-height:1.6;color:#c1cdb5}
.catalog-filters{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}
.building-intro{border-top:1px solid #9cae7e40;padding-top:8px;color:#c2c9ac;font-size:11px;line-height:1.8}
.building-intro summary{cursor:pointer;color:#dbc999}
.building-intro p{margin:8px 0;font-size:11px;line-height:1.8}
.building-intro a{color:#b9d5cf}
.building-intro small{display:block;margin-top:6px;font-size:10px;color:#91ad99}
@media(max-width:970px){.v6 .playing-board .direction-piles{height:172px}.direction-choice{font-size:10px}.direction-choice .mini-button{padding:5px 8px}}
@media(max-width:760px){.v6 .playing-board .direction-piles{height:185px}.v6 .playing-board .direction-piles .direction-pile{max-width:110px;max-height:49px}.direction-choice{font-size:11px}}
@media(min-width:971px) and (max-width:1449px){
 .v6 .playing-board .direction-piles{height:134px}
 .v6 .playing-board .direction-piles .direction-token{height:26px}
}
#modal:has(.blueprint-grid){width:min(1080px,calc(100vw - 34px));max-width:min(1080px,calc(100vw - 34px))}
#modal:has(.blueprint-grid) .modal-header{position:sticky;top:0;z-index:2}
.v6 .blueprint-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}
.wonder-ability-panel .detail-actions{flex-wrap:wrap}
@media(min-width:971px) and (max-width:1449px){
 .v6 .classic-shell .sidebar .playable-pattern{min-height:22px;padding:3px 5px}
}
@media(min-width:971px) and (max-width:1449px){
 .v6 .playing-board .direction-piles{height:126px;padding-top:8px;padding-bottom:8px}
}