.bc-design-page .optimizer-heading{margin-bottom:14px}
.design-label{display:inline-block;padding:3px 9px;font-size:10px;border:1px solid #d6bce6;background:#f4eef9;color:#76558b;border-radius:20px}
.design-note{padding:10px 14px;border-radius:8px;border:1px solid #e3d59e;background:#fff8df;font-size:11px;line-height:1.8;margin:12px 0 18px}
.compact-team{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:18px}
.compact-buddy{display:flex;gap:10px;align-items:center;background:white;border:1px solid var(--line);border-radius:10px;padding:12px;min-width:0}
.compact-buddy.first-owner{border-color:#9474b3;background:#faf7fd}
.compact-buddy h2{font-size:13px;margin:0 0 4px}.compact-buddy p{font-size:10px;margin:0;line-height:1.7;color:var(--muted)}
.actor-icon{display:inline-grid;place-items:center;flex-shrink:0;width:28px;height:28px;border-radius:9px;font-size:12px;font-weight:800;border:1px solid transparent}
.actor-icon.a{background:#e2f0e9;color:#216d50;border-color:#c1ddce}.actor-icon.b{background:#eee7f7;color:#795798;border-color:#d9c9ec}.actor-icon.c{background:#faeddf;color:#936226;border-color:#edd3b1}
.design-toolbar{display:flex;justify-content:space-between;gap:16px;align-items:center;margin:20px 0 16px;flex-wrap:wrap}
.round-buttons{display:flex;gap:8px;flex-wrap:wrap}.round-buttons button{padding:9px 14px!important;border-radius:8px!important;font-size:12px!important}
.round-buttons button[aria-pressed="true"]{background:var(--ink)!important;color:white;border-color:var(--ink)!important}
.show-all-label{margin:0;font-size:11px;display:flex;gap:7px;align-items:center;line-height:1.8}.show-all-label input{accent-color:var(--green)}
.timeline-round{margin-bottom:26px;scroll-margin-top:20px}
.round-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;flex-wrap:wrap}
.round-heading h2{font-size:18px}.round-heading>span{font-size:11px;color:var(--muted)}
.action-table{background:white;border:1px solid var(--line);border-radius:10px;overflow:hidden}
.action-columns,.action-row{display:grid;grid-template-columns:44px 150px minmax(0,1fr) 120px 68px;gap:12px;align-items:center;padding:12px 16px}
.action-columns{background:#eef2ed;font-size:10px;font-weight:600;color:var(--muted)}
.turn-divider{font-size:10px;padding:7px 16px;background:#f7f9f6;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:#52655c;font-weight:600}.turn-divider small{margin-left:16px;font-weight:400;color:var(--muted)}
.action-row{border-bottom:1px solid #eaf0e9;font-size:12px;min-height:66px}.action-row:last-child{border-bottom:0}.action-row.specific{background:#f0f8f3}
.row-number{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}
.actor{display:flex;gap:8px;align-items:center;font-size:11px;white-space:nowrap}
.action-description{min-width:0}.action-description strong{display:block;font-size:12px;line-height:1.7;font-weight:500}.action-description small{display:block;font-size:10px;color:var(--muted);line-height:1.7}
.specific .action-description strong{color:var(--green);font-weight:700}
.count-progress>span:first-child{font-size:14px;font-weight:700;font-variant-numeric:tabular-nums}.count-progress small{font-size:9px;font-weight:400;color:var(--muted)}
.count-ticks{display:flex;gap:3px;margin-top:5px}.count-ticks i{width:8px;height:5px;border-radius:2px;background:#e2e8e2}.count-ticks i.filled{background:#67a18b}
.remaining{display:flex;align-items:center;gap:8px;justify-content:flex-end}.remaining small{display:none}.remaining strong{font-size:20px;line-height:1.3;font-variant-numeric:tabular-nums}.remaining.ready strong{color:var(--green)}
.sync-trigger{display:flex;align-items:center;gap:14px;padding:16px 20px;border:1px solid #d9c467;border-radius:10px;background:#fff5cb;margin-top:10px}
.sync-symbol{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#e6cc71;color:#615119;flex-shrink:0;font-size:20px}
.sync-trigger>div{flex:1;min-width:0}.sync-trigger strong{display:block;font-size:17px;line-height:1.5}.sync-caption{display:block;font-size:10px;color:#796523;margin-bottom:4px}.sync-trigger small{display:block;font-size:10px;line-height:1.7;color:#7b6e44;margin-top:4px}
.sync-zero{display:flex;align-items:center;gap:8px;font-size:11px;color:#7b6a31}.sync-zero strong{font-size:30px;color:#645219}
.design-legend{display:flex;gap:16px;flex-wrap:wrap;font-size:10px;color:var(--muted);margin:10px 0 18px}.design-legend span:before{content:'';display:inline-block;width:8px;height:8px;border:1px solid #bed6c7;margin-right:6px;border-radius:2px;background:white}.design-legend .specific-key:before{background:#cde5d6}
.design-explanations{border:1px solid var(--line);border-radius:10px;background:white;font-size:12px;line-height:1.9;margin:20px 0}.design-explanations summary{font-size:13px;padding:14px 18px}.design-explanations>div{padding:0 18px 14px}.design-explanations p{margin:12px 0}
@media(max-width:760px){
 .compact-team{gap:6px}.compact-buddy{padding:10px 7px;gap:6px;flex-direction:column;align-items:flex-start}.compact-buddy h2{font-size:11px}.compact-buddy p{font-size:9px}
 .round-buttons{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.round-buttons button{padding:8px 5px!important;font-size:11px!important}
 .action-columns{display:none}.action-row{grid-template-columns:24px minmax(0,1fr) 64px;gap:8px;padding:10px 12px;min-height:88px}.row-number{grid-row:1/3}.actor{grid-column:2;grid-row:1;font-size:10px}.actor-icon{width:24px;height:24px;font-size:11px}.action-description{grid-column:2;grid-row:2}.action-description strong{font-size:11px}.action-description small{font-size:9px}
 .count-progress{grid-column:3;grid-row:2;text-align:right}.count-progress>span:first-child{font-size:11px}.count-progress small{font-size:8px}.count-ticks{display:none}.remaining{grid-column:3;grid-row:1;flex-direction:column;gap:0}.remaining small{display:block;font-size:8px;color:var(--muted)}.remaining strong{font-size:22px}
 .turn-divider{padding:7px 12px}.turn-divider small{margin-left:8px;font-size:9px}
 .sync-trigger{padding:12px;gap:10px}.sync-symbol{width:28px;height:28px;font-size:15px}.sync-trigger strong{font-size:14px}.sync-zero{flex-direction:column;gap:0}.sync-zero strong{font-size:24px}
}

.design-priority{display:flex;align-items:center;gap:16px;padding:12px 16px;background:#edf3ef;border-radius:10px;margin:16px 0}
.design-priority label{margin:0;min-width:210px;font-size:11px}.design-priority select{margin-top:5px;font-size:12px;min-height:36px;padding:7px 10px}
.design-priority p{font-size:11px;line-height:1.8;margin:0;color:#52665a}
@media(max-width:760px){.design-priority{display:block;padding:12px}.design-priority label{min-width:0}.design-priority p{margin-top:10px;font-size:10px}}

/* Real trainer names can be longer than the fictional A/B/C examples. */
.actor{white-space:normal;min-width:0}.actor>span:last-child{overflow-wrap:anywhere;line-height:1.6}
.opening-base{background:#f7f9f6}.opening-effect .row-number{font-size:10px;overflow-wrap:anywhere;line-height:1.6}.no-normal-actions{padding:10px 16px;margin:0}