/* Shared design grammar; each layout changes the working composition. */
/* Font definitions are in fonts.css; the offline bundle embeds the original font. */
:root{font-family:"MiSans Demo",sans-serif;font-size:16px;font-synthesis:none;font-optical-sizing:auto;--radius:.875rem;--rail-width:4.5rem}
body{font-weight:400;line-height:1.5}button,input,select,textarea{font-family:inherit}::selection{background:var(--accent);color:var(--summary-accent-ink)}input,textarea{caret-color:var(--focus-ring)}h1,h2,h3,strong{font-weight:600}svg{stroke-width:1.5}
.main-shell{margin-left:6.25rem;padding:1rem 1.5rem 0 .5rem;max-width:none}
.sidebar{inset:.875rem auto .875rem .875rem;width:4.5rem;border-radius:1rem;padding:1rem .375rem .875rem}.brand{gap:.25rem;margin-bottom:1.75rem}.brand-mark{width:2.5rem;height:2.5rem}.brand-mark svg{width:2.25rem;height:2.25rem}.brand strong{font-size:1rem;font-weight:500}.sidebar nav{gap:.625rem}.nav-item{min-height:3.875rem;border-radius:.625rem;font-size:.875rem;gap:.25rem;font-weight:400}.nav-item.active{font-weight:500}.sidebar-bottom{gap:1rem}
.topbar{min-height:2.125rem;margin-bottom:.625rem;display:flex;align-items:center;gap:1rem}.breadcrumbs{font-size:.875rem;gap:.75rem;flex:1;min-width:6rem}.breadcrumbs strong{font-weight:400}.topbar-status{gap:.75rem}.save-status{font-size:.875rem}.theme-toggle{min-height:2.125rem;padding:.375rem .625rem;font-size:.875rem;border-radius:.5rem}.theme-current{max-width:5rem}
.layout-switch{display:flex;gap:.125rem;background:var(--surface-subtle);padding:.1875rem;border-radius:.625rem;border:1px solid var(--line);flex:none}.layout-switch button{padding:.3125rem .75rem;min-height:1.875rem;display:flex;gap:.375rem;align-items:center;justify-content:center;font-size:.875rem;border-radius:.4375rem;color:var(--muted);white-space:nowrap}.layout-switch button>span{font-size:.75rem;opacity:.65}.layout-switch button[aria-pressed="true"]{background:var(--surface);color:var(--ink);font-weight:500}.layout-switch button:hover{color:var(--ink)}
.activity-header{margin-bottom:1rem;gap:1rem;align-items:center;flex-direction:row}.activity-heading{display:flex;align-items:baseline;gap:1.125rem;flex-wrap:wrap;min-width:0}.activity-heading h1{font-size:2rem;line-height:1.25;letter-spacing:-.02em;font-weight:600;overflow-wrap:anywhere}.activity-meta{font-size:1rem;font-weight:400;margin:0;color:var(--muted)}.soft-tag{font-size:.8125rem;border:0;background:var(--surface-subtle);padding:.1875rem .4375rem;border-radius:.3125rem}.activity-actions{gap:.625rem}.button{font-weight:500;font-size:.9375rem;min-height:2.625rem;padding:.5625rem .875rem;border-radius:.5625rem;gap:.5rem}.button svg{width:1.0625rem;height:1.0625rem}.icon-button{width:2.25rem;height:2.25rem}.text-button{min-height:2.25rem;font-size:.875rem;font-weight:400;padding:.375rem .5rem}
.overview{grid-template-columns:minmax(28rem,.85fr) minmax(0,1.15fr);gap:.75rem;margin-bottom:.75rem}.lineup-summary{grid-template-columns:1fr 1.38fr 1fr;gap:.625rem}.summary-card{border-radius:.875rem;min-height:7.25rem;padding:.875rem 1rem;justify-content:space-between;display:flex;gap:.125rem}.summary-label{margin:0;gap:.5rem}.summary-label h2{font-size:.875rem;font-weight:500}.summary-number,.arranged .summary-number{font-size:2.75rem;font-weight:600;letter-spacing:-.03em;line-height:1.05}.summary-number span{font-size:.9375rem;font-weight:400;letter-spacing:0;margin-left:.375rem;display:inline}.summary-card p{font-size:.8125rem;margin:0;line-height:1.5;padding:0;opacity:.8}.summary-bottom{display:flex;gap:.5rem;align-items:center;justify-content:space-between}.summary-bottom p{white-space:nowrap}.team-progress{max-width:7.5rem;flex:1;margin:0;gap:.1875rem}.team-progress i{height:.625rem}.profession-bar{padding:.875rem 1rem;border-radius:.875rem;gap:.625rem;justify-content:space-between}.profession-label{gap:.625rem}.profession-label h2{font-size:.875rem;font-weight:500}.profession-label>span:last-child{font-size:.8125rem}.profession-chips{gap:.3125rem;grid-template-columns:repeat(11,minmax(0,1fr))}.career-counter{min-height:3rem;border-radius:.375rem;padding:.375rem .125rem;gap:.125rem}.career-counter strong{font-size:.8125rem;font-weight:400}.career-counter strong::before{width:.3125rem;height:.3125rem;margin-right:.25rem}.career-counter>span{font-size:.75rem}.career-counter.full{border-color:var(--warning-line)}
.workspace-controls{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.75rem;min-height:2.25rem}.segmented{border-radius:.5rem;padding:.125rem;gap:.125rem}.segmented button{font-size:.875rem;min-height:2rem;padding:.3125rem .75rem;font-weight:400;border-radius:.375rem}.segmented button.active{box-shadow:none;font-weight:500}.manual-note{font-size:.8125rem;color:var(--muted);margin-right:.5rem}.board-actions{gap:.375rem}.inspector-toggle{display:none;min-height:2.25rem;padding:.375rem .75rem}
.workspace{grid-template-columns:14.5rem minmax(0,1fr) 17rem;gap:.75rem;align-items:start}.workspace>*{min-width:0}.people-panel,.detail-panel{margin:0}.people-panel{display:flex;flex-direction:column;min-height:37.75rem;max-height:42rem;border-radius:.75rem;align-self:stretch}.panel-heading{padding:.625rem .875rem .25rem;min-height:3rem}.panel-heading h2{font-size:1.0625rem;font-weight:500}.panel-heading h2 span{font-size:.875rem;margin-left:.375rem}.people-controls{display:block;padding:.375rem .875rem .625rem}.search-field{padding-left:.625rem;border-radius:.4375rem}.search-field input{min-height:2.5rem;font-size:.9375rem;padding:.5rem}.people-filters{margin-top:.625rem;gap:.5rem;display:grid;grid-template-columns:1fr 1fr}.people-filters select{font-size:.875rem;min-height:2.375rem;padding:.375rem .3125rem}.list-caption{font-size:.8125rem;padding:.125rem .875rem .5rem}.people-list{height:25.5rem;flex:1;min-height:12rem;max-height:none;padding:0 .625rem .5rem}.person-row{min-height:2.875rem;border:1px solid var(--line-soft);border-radius:.5rem;margin-bottom:.375rem;padding:.25rem .375rem;gap:.625rem}.person-row.selected{border-color:var(--accent-line)}.profession-square{font-size:.875rem;min-width:3.375rem;font-weight:400}.profession-square::before{width:.4375rem;height:.4375rem;margin-right:.375rem}.person-copy{min-height:2.25rem;justify-content:center}.person-name{font-size:1rem;font-weight:400;line-height:1.5}.person-meta{display:none}.person-plus{width:1.875rem;height:1.875rem;min-height:0;border-radius:.375rem}.person-plus svg{width:1rem;height:1rem}.assigned-mark{font-size:.8125rem}.panel-footnote{font-size:.8125rem;min-height:2.5rem;padding:.625rem .5rem;justify-content:center}.panel-footnote svg{width:.8125rem;height:.8125rem}
.board-groups{grid-template-columns:3fr 2fr;gap:.75rem}.board-groups.filtered{grid-template-columns:1fr}.board-section-heading{min-height:2.25rem;padding:.4375rem .75rem;margin-bottom:.5rem;border-radius:.5rem;gap:.5rem}.board-section-heading h2{font-size:1.0625rem;font-weight:500}.board-section-heading>span{font-size:.875rem}.team-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin:0}.board-group[data-side="defense"] .team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.team-card{border-radius:.625rem;padding:0 .4375rem}.team-heading{min-height:2.375rem;height:auto;padding:0 .125rem;gap:.375rem}.team-heading strong{font-size:1.0625rem;font-weight:500}.team-role,.team-total{font-size:.8125rem}.team-heading .icon-button{width:1.5rem;height:2rem}.team-heading .icon-button svg{width:.9375rem;height:.9375rem}.team-row{min-height:2.25rem;height:auto;gap:.375rem;padding:0 .1875rem;position:relative}.team-career{font-size:.8125rem;min-width:2.5rem;letter-spacing:0;font-weight:400}.team-career::before{width:.375rem;height:.375rem;margin-right:.3125rem;display:inline-block}.team-member-name{font-size:1rem;font-weight:400;line-height:1.5;min-height:2.25rem;padding:0;flex:1;min-width:0}.captain{font-size:.6875rem;font-weight:400;padding:.0625rem .1875rem;border:0;border-radius:.25rem;line-height:1.5}.remove-member{position:absolute;right:0;top:0;bottom:0;width:1.5rem;height:auto;background:var(--surface);opacity:0;pointer-events:none}.team-row:hover .remove-member,.team-row:focus-within .remove-member{opacity:1;pointer-events:auto}.team-row.selected .remove-member{background:var(--selected)}.remove-member:hover{color:var(--danger)}.team-row:has(.captain) .remove-member{right:0}.empty-slot{height:auto;min-height:2.25rem;font-size:.875rem}.team-foot{display:none}.board-footer{min-height:2rem;font-size:.8125rem;margin-top:.375rem;gap:.375rem}.board-footer .text-button{font-size:.8125rem}.board-footer>span{gap:.3125rem}.board-footer svg{width:.875rem;height:.875rem}.board-scroll{height:auto;min-height:0;max-height:none;overflow:visible;padding:0}
.inspector-shell{min-width:0}.drawer-bar{display:none}.detail-panel{display:flex;flex-direction:column;gap:.75rem;margin:0;max-height:none;min-height:0;overflow:visible}.detail-profile{display:block;border-radius:.75rem}.detail-head{padding:.875rem 1rem .625rem}.detail-top-label{font-size:1rem;font-weight:500;margin-bottom:.875rem}.detail-top-label>span{font-size:.75rem}.detail-identity{gap:.75rem}.detail-avatar{width:3.375rem;height:3.375rem;border-radius:.75rem;font-size:1.625rem;font-weight:400}.detail-identity h2{font-size:1.375rem;font-weight:500;line-height:1.3}.career-tag{font-size:.875rem;font-weight:400}.detail-section{padding:.625rem 1rem .875rem;border:0}.detail-fields{display:grid;grid-template-columns:1fr;gap:.5rem}.field-label{font-size:.875rem;font-weight:400;margin-bottom:.25rem}.detail-fields select{font-size:.9375rem;min-height:2.375rem;height:auto;padding:.375rem .625rem;margin-top:.25rem;border-radius:.4375rem}.detail-section textarea{font-size:.9375rem;min-height:3.75rem;line-height:1.6;padding:.5rem .625rem;border-radius:.4375rem}.detail-history{padding:.625rem .625rem .75rem;border-radius:.75rem}.history-heading{margin-bottom:.5rem;padding:.125rem .25rem;gap:.375rem}.history-heading h3{font-size:1rem;font-weight:500}.history-heading>span{font-size:.75rem}.history-content{padding:.75rem;border-radius:.5rem}.source-label{font-size:.8125rem;margin-bottom:.75rem}.metric-grid{gap:.875rem .75rem}.metric-grid dt{font-size:.8125rem}.metric-grid dd{font-size:1.375rem;font-weight:600;line-height:1.3;letter-spacing:-.02em;margin-top:.1875rem}.metric-grid dd small{font-size:.8125rem}.rank-label{font-size:.8125rem;margin:.75rem 0 .375rem;gap:.375rem}.rank-label strong{font-weight:500}.bar-track{height:.25rem}.detail-footer{margin-top:.75rem;padding-top:.5rem}.detail-footer .text-button{min-height:2rem;font-size:.8125rem;border-radius:.375rem}
.app-note{display:flex;justify-content:space-between;gap:1rem;padding:1rem 0;font-size:.75rem;color:var(--muted)}.font-credit{flex:none}.data-view{border-radius:.75rem;min-height:32rem;margin:0}.data-view-head h2{font-size:1.5rem;font-weight:500}.data-view-head p{font-size:.9375rem}.data-table{font-size:1rem}.data-table th{font-weight:500}.data-table td{font-weight:400}.data-table .member-link{font-weight:500}.data-table .career-tag{font-size:.875rem}.stats-summary strong{font-size:1.75rem;font-weight:600}.theme-option strong{font-size:1rem;font-weight:500}.theme-dialog-footer{font-size:.875rem}.dialog-header h2{font-weight:500}.button.primary{font-weight:500}
/* B: the working canvas gets the width; details are available alongside the task. */
:root[data-layout="canvas"] .workspace{grid-template-columns:15.5rem minmax(0,1fr)}
:root[data-layout="canvas"] .overview{grid-template-columns:26rem minmax(0,1fr);background:var(--surface);border:1px solid var(--line);border-radius:.75rem;padding:.75rem 1rem;align-items:center;gap:1.25rem}
:root[data-layout="canvas"] .lineup-summary{gap:0;grid-template-columns:repeat(3,1fr)}
:root[data-layout="canvas"] .summary-card{min-height:0;background:transparent;color:var(--ink);padding:0 .875rem;border-radius:0;gap:.25rem;border-right:1px solid var(--line)}
:root[data-layout="canvas"] .summary-card:first-child{padding-left:0}
:root[data-layout="canvas"] .summary-number{font-size:1.875rem;letter-spacing:-.02em}
:root[data-layout="canvas"] .summary-card p,:root[data-layout="canvas"] .summary-bottom{display:none}
:root[data-layout="canvas"] .arranged .summary-number{color:var(--accent-ink)}
:root[data-layout="canvas"] .profession-bar{padding:0;background:transparent;gap:.375rem}
:root[data-layout="canvas"] .profession-label>span:last-child{margin-left:auto}
:root[data-layout="canvas"] .profession-chips{gap:.375rem}
:root[data-layout="canvas"] .career-counter{min-height:2.75rem;background:var(--surface-subtle)}
:root[data-layout="canvas"] .inspector-toggle{display:inline-flex}
:root[data-layout="canvas"] .inspector-shell{position:fixed;right:1rem;top:1rem;bottom:1rem;width:20rem;z-index:15;background:var(--bg);border:1px solid var(--line);border-radius:1rem;box-shadow:-.75rem 0 2.5rem var(--shadow-color);overflow:auto;padding:.75rem}
:root[data-layout="canvas"] .drawer-bar{display:flex;justify-content:space-between;align-items:center;padding:0 .25rem .625rem}
:root[data-layout="canvas"] .drawer-bar strong{font-size:1rem;font-weight:500}
:root[data-layout="canvas"] .detail-top-label{display:none}
:root[data-layout="canvas"] .team-row,:root[data-layout="canvas"] .empty-slot{min-height:2.625rem}
:root[data-layout="canvas"] .team-member-name{min-height:2.625rem}
:root[data-layout="canvas"] .team-career{font-size:.875rem;min-width:3rem}
:root[data-layout="canvas"] .team-heading{min-height:2.625rem}
:root[data-layout="canvas"] .people-panel{min-height:42.75rem}
/* C: one side at a time, three wider teams across and a comfortable reading pitch. */
:root[data-layout="split"] .workspace{grid-template-columns:15.5rem minmax(0,1fr) 18rem;gap:1rem}
:root[data-layout="split"] [data-scope="all"]{display:none}
:root[data-layout="split"] .board-groups{grid-template-columns:1fr;gap:1rem}
:root[data-layout="split"] .team-grid{gap:.75rem}
:root[data-layout="split"] .team-heading{min-height:2.75rem}
:root[data-layout="split"] .team-heading strong{font-size:1.125rem}
:root[data-layout="split"] .team-row,:root[data-layout="split"] .empty-slot{min-height:2.625rem}
:root[data-layout="split"] .team-member-name{min-height:2.625rem;font-size:1.0625rem}
:root[data-layout="split"] .team-career{font-size:.875rem;min-width:3rem}
:root[data-layout="split"] .person-row{min-height:3.125rem}
:root[data-layout="split"] .people-panel{min-height:43.25rem}
:root[data-layout="split"] .segmented button{font-size:1rem;min-height:2.375rem;padding:.375rem 1rem}
:root[data-layout="split"] .detail-identity h2{font-size:1.5rem}
:root[data-layout="split"] .detail-fields select,:root[data-layout="split"] .detail-section textarea{font-size:1rem}
@media(min-width:1800px){.workspace{grid-template-columns:15.5rem minmax(0,1fr) 18rem;gap:1rem}.team-grid{gap:.625rem}.team-row,.empty-slot,.team-member-name{min-height:2.375rem}.people-panel{min-height:39.25rem}.person-row{min-height:3rem}.career-counter strong{font-size:.875rem}.career-counter>span{font-size:.8125rem}}
@media(max-width:1450px){.main-shell{padding-right:1rem}.workspace{grid-template-columns:13.5rem minmax(0,1fr) 15.5rem;gap:.625rem}.activity-heading{gap:.75rem}.activity-meta{font-size:.9375rem}.activity-actions{gap:.5rem}.overview{grid-template-columns:minmax(24rem,.9fr) minmax(0,1.1fr)}.summary-card{padding:.75rem}.summary-number,.arranged .summary-number{font-size:2.5rem}.summary-bottom{display:block}.team-progress{display:none}.profession-bar{padding:.75rem}.profession-chips{gap:.1875rem}.career-counter strong::before{display:none}.team-career{min-width:1.625rem}.team-career::before{display:none}.team-row{gap:.3125rem}.team-heading{gap:.25rem}.team-role{font-size:.75rem}.team-total{font-size:.75rem}.team-heading .icon-button{width:1.25rem}.detail-head,.detail-section{padding-left:.75rem;padding-right:.75rem}.manual-note{display:none}.theme-current{display:none}:root[data-layout="canvas"] .workspace{grid-template-columns:14.5rem minmax(0,1fr)}:root[data-layout="split"] .workspace{grid-template-columns:14rem minmax(0,1fr) 16.5rem;gap:.75rem}:root[data-layout="split"] .team-career{min-width:2rem}:root[data-layout="canvas"] .team-career::before,:root[data-layout="split"] .team-career::before{display:inline-block}}
@media(max-width:1190px){.topbar{flex-wrap:wrap;gap:.5rem}.breadcrumbs{min-width:8rem}.layout-switch{margin-left:auto}.save-status{display:none}.overview{grid-template-columns:1fr}.lineup-summary{grid-template-columns:1fr 1.38fr 1fr}.summary-card{min-height:6.5rem;padding:.75rem 1rem;display:grid;grid-template-columns:1fr auto;align-items:center;gap:.25rem .5rem}.summary-number{grid-column:2;grid-row:1/3}.summary-label{grid-column:1}.summary-card p,.summary-bottom{grid-column:1}.profession-bar{padding:.75rem 1rem;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:1rem}.profession-label{display:block}.profession-label>span:last-child{display:block;font-size:.75rem;margin-top:.125rem}.career-counter{min-height:2.75rem}.workspace{grid-template-columns:14rem minmax(0,1fr)}.inspector-shell{grid-column:1/-1}.detail-panel{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.detail-profile{display:grid;grid-template-columns:1fr 1.2fr}.detail-identity{align-items:flex-start}.detail-history{display:flex;flex-direction:column}.history-content{flex:1}.board-groups{grid-template-columns:1fr}.team-career{min-width:2.5rem}.team-career::before{display:inline-block}.team-role,.team-total{font-size:.8125rem}.team-heading .icon-button{width:1.5rem}.people-panel{max-height:42rem}.activity-header{align-items:flex-start}.activity-heading{gap:.25rem .75rem}.activity-meta{flex-basis:100%;font-size:.9375rem}.activity-heading .soft-tag{display:none}:root[data-layout="canvas"] .overview{grid-template-columns:1fr;gap:.75rem}:root[data-layout="canvas"] .summary-card{display:grid;grid-template-columns:auto 1fr;gap:.5rem;align-items:center;padding:0 1rem}:root[data-layout="canvas"] .summary-label{grid-column:1;grid-row:1}:root[data-layout="canvas"] .summary-number{grid-column:2;grid-row:1;font-size:1.625rem}:root[data-layout="canvas"] .profession-bar{display:block}:root[data-layout="canvas"] .profession-label{display:flex;margin-bottom:.5rem}:root[data-layout="canvas"] .detail-panel{display:flex}:root[data-layout="canvas"] .detail-profile{display:block}:root[data-layout="canvas"] .board-groups{grid-template-columns:3fr 2fr}:root[data-layout="canvas"] .team-career{min-width:1.625rem;font-size:.8125rem}:root[data-layout="canvas"] .team-career::before{display:none}:root[data-layout="split"] .workspace{grid-template-columns:14rem minmax(0,1fr)}:root[data-layout="split"] .inspector-shell{grid-column:1/-1}:root[data-layout="split"] .detail-panel{display:grid}}
@media(max-width:960px){.main-shell{margin-left:5.75rem;padding-left:.5rem}.sidebar{width:4.25rem;left:.75rem}.activity-header{flex-direction:column;gap:.75rem}.activity-heading{gap:.5rem 1rem}.activity-meta{flex-basis:auto}.activity-actions{width:auto}.profession-bar{display:block}.profession-label{display:flex;margin-bottom:.5rem;gap:.75rem}.profession-label>span:last-child{margin-top:0}.career-counter strong{font-size:.8125rem}.career-counter>span{font-size:.75rem}.workspace{grid-template-columns:12.5rem minmax(0,1fr)}.people-controls{padding-left:.625rem;padding-right:.625rem}.person-row{gap:.375rem}.profession-square{min-width:2rem}.profession-square::before{display:none}.people-list{padding-left:.5rem;padding-right:.5rem}.team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-profile{display:block}.layout-switch button{padding:.3125rem .5rem}:root[data-layout="canvas"] .workspace{grid-template-columns:12.5rem minmax(0,1fr)}:root[data-layout="canvas"] .board-groups{grid-template-columns:1fr}:root[data-layout="canvas"] .team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}:root[data-layout="split"] .workspace{grid-template-columns:12.5rem minmax(0,1fr)}:root[data-layout="split"] .team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.sidebar{position:static;width:auto;inset:auto;margin:.75rem .75rem 0;flex-direction:row;min-height:4.5rem;padding:.5rem .75rem;border-radius:.875rem;gap:.75rem}.brand{flex-direction:row;margin:0;gap:.375rem}.brand-mark{width:2rem;height:2rem}.brand-mark svg{width:1.75rem;height:1.75rem}.brand strong{font-size:.9375rem}.sidebar nav{display:flex;width:auto;gap:.25rem}.nav-item{min-height:3.25rem;min-width:3.25rem;gap:.125rem;font-size:.8125rem}.nav-item svg{width:1.125rem;height:1.125rem}.sidebar-bottom{width:auto;margin:0;display:block}.local-user{display:none}.main-shell{margin:0;padding:1rem .75rem 0}.topbar{display:grid;grid-template-columns:1fr auto;gap:.75rem;margin-bottom:1rem}.layout-switch{grid-column:1/-1;grid-row:2;justify-self:stretch;margin:0;display:grid;grid-template-columns:repeat(3,1fr);padding:.1875rem}.layout-switch button{min-height:2.5rem;font-size:.875rem;padding:.5rem .25rem}.breadcrumbs{min-width:0;font-size:.875rem}.topbar-status{gap:.375rem}.theme-toggle{min-height:2.5rem}.theme-current{display:none}.activity-header{display:flex;align-items:stretch;gap:.75rem}.activity-heading{display:flex;gap:.5rem 1rem;align-items:baseline}.activity-heading h1{font-size:1.75rem}.activity-meta{font-size:.9375rem;margin:0}.activity-actions{display:flex;width:100%;gap:.375rem}.activity-actions .button{min-height:2.75rem;padding:.5rem .375rem;flex:1;font-size:.875rem}.overview{display:grid;grid-template-columns:1fr;gap:.625rem}.lineup-summary{gap:.5rem;grid-template-columns:1fr 1.3fr 1fr}.summary-card{display:flex;min-height:7.25rem;gap:.25rem;padding:.75rem;justify-content:space-between}.summary-label h2{font-size:.8125rem}.summary-number,.arranged .summary-number{font-size:2.25rem}.summary-number span{font-size:.8125rem;margin-left:.25rem;display:inline}.summary-card p{font-size:.75rem}.summary-bottom{display:block}.team-progress{display:none}.profession-bar{display:block;padding:.75rem}.profession-label{display:flex;margin-bottom:.5rem;gap:.5rem}.profession-label h2{font-size:.875rem}.profession-label>span:last-child{font-size:.75rem;margin:0 0 0 auto}.profession-chips{grid-template-columns:repeat(6,minmax(0,1fr));gap:.375rem}.career-counter{min-height:2.75rem}.career-counter strong{font-size:.8125rem}.career-counter>span{font-size:.75rem}.workspace-controls{gap:.5rem;flex-wrap:wrap;margin-bottom:.75rem}.segmented button{min-height:2.375rem;font-size:.875rem;padding:.375rem .625rem}.board-actions{gap:.125rem}.board-actions .icon-button{width:2.5rem;height:2.5rem}.board-actions .text-button{min-height:2.5rem}.workspace{display:flex;flex-direction:column;gap:.75rem}.workspace>*{width:100%}.people-panel{min-height:0;max-height:none;margin:0}.panel-heading{min-height:3rem;padding:.5rem .875rem}.people-controls{display:grid;grid-template-columns:1fr 1.25fr;gap:.5rem;padding:.375rem .75rem .625rem}.search-field input{min-height:2.75rem;font-size:1rem}.people-filters{margin:0;gap:.375rem}.people-filters select{min-height:2.75rem;font-size:.875rem;padding:.5rem .25rem}.list-caption{padding:.125rem .875rem .5rem}.people-list{height:12.5rem;flex:none;min-height:0;padding:0 .75rem .5rem}.person-row{min-height:2.75rem;gap:.75rem;padding:.25rem .375rem}.profession-square{font-size:.875rem;min-width:3.5rem}.profession-square::before{display:inline-block}.person-copy{min-height:2.5rem}.person-plus{width:2.5rem;height:2.5rem}.panel-footnote{justify-content:flex-start;padding:.625rem .875rem}.board-groups{grid-template-columns:1fr;gap:.75rem}.team-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.team-heading{min-height:2.625rem}.team-row,.team-member-name,.empty-slot{min-height:2.625rem}.team-career{min-width:1.625rem;font-size:.875rem}.team-career::before{display:none}.remove-member{position:static;opacity:1;pointer-events:auto;width:1.5rem;height:2.625rem;background:transparent}.team-row{gap:.3125rem}.team-member-name{font-size:1rem}.captain{font-size:.6875rem}.team-card{padding:0 .375rem}.team-heading .icon-button{width:1.5rem;height:2.5rem}.team-heading strong{font-size:1rem}.team-role{font-size:.75rem}.team-total{font-size:.75rem}.board-footer{font-size:.75rem;flex-wrap:wrap}.inspector-shell{margin:0}.detail-panel{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.detail-profile{display:block}.detail-head{padding:.875rem}.detail-section{padding:.625rem .875rem .875rem}.detail-identity h2{font-size:1.375rem}.metric-grid{grid-template-columns:1fr 1fr}.app-note{font-size:.75rem;flex-wrap:wrap;gap:.375rem;padding:1rem 0}.font-credit{margin-left:auto}.data-view-head p{font-size:.875rem}:root[data-layout="canvas"] .workspace,:root[data-layout="split"] .workspace{display:flex;flex-direction:column}:root[data-layout="canvas"] .overview{display:block;padding:.75rem}:root[data-layout="canvas"] .lineup-summary{gap:.5rem;margin-bottom:.75rem}:root[data-layout="canvas"] .summary-card{display:flex;flex-direction:column;align-items:flex-start;padding:0 .75rem;min-height:0}:root[data-layout="canvas"] .summary-card:first-child{padding-left:0}:root[data-layout="canvas"] .summary-card:last-child{border:0}:root[data-layout="canvas"] .summary-number{font-size:1.75rem}:root[data-layout="canvas"] .profession-label{margin-bottom:.5rem}:root[data-layout="canvas"] .inspector-shell{width:min(21rem,calc(100vw - 1.5rem));right:.75rem;top:.75rem;bottom:.75rem;padding:.75rem}:root[data-layout="canvas"] .detail-panel{display:flex}:root[data-layout="canvas"] .people-panel,:root[data-layout="split"] .people-panel{min-height:0}:root[data-layout="canvas"] .team-grid,:root[data-layout="split"] .team-grid{grid-template-columns:repeat(3,minmax(0,1fr))}:root[data-layout="canvas"] .team-career,:root[data-layout="split"] .team-career{min-width:1.625rem}:root[data-layout="canvas"] .team-career::before,:root[data-layout="split"] .team-career::before{display:none}:root[data-layout="split"] .detail-panel{display:grid}:root[data-layout="split"] .team-member-name{font-size:1.0625rem}:root[data-layout="split"] .segmented button{font-size:.9375rem;min-height:2.5rem;padding:.375rem .875rem}}
@media(max-width:520px){.brand strong{display:none}.sidebar{gap:.5rem}.sidebar nav{gap:.125rem}.nav-item{min-width:3rem}.activity-heading h1{font-size:1.75rem}.activity-meta{font-size:.875rem}.summary-card{padding:.625rem;min-height:7rem}.summary-number,.arranged .summary-number{font-size:2rem}.summary-number span{font-size:.75rem;margin-left:.125rem}.profession-chips{grid-template-columns:repeat(4,minmax(0,1fr))}.people-controls{display:grid;grid-template-columns:1fr;gap:.5rem}.people-filters select{font-size:1rem}.workspace-controls{display:flex;gap:.5rem}.board-actions{margin-left:auto}.inspector-toggle{font-size:.8125rem;padding:.375rem .5rem}.team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.board-group[data-side="defense"] .team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.team-career{font-size:.8125rem}.team-row{gap:.25rem;padding:0 .125rem}.captain{padding:0 .125rem}.team-heading{gap:.25rem}.team-heading .icon-button{width:1.375rem}.team-heading strong{font-size:1rem}.team-role,.team-total{font-size:.75rem}.remove-member{width:1.25rem}.detail-panel{display:flex;flex-direction:column}.detail-fields{grid-template-columns:1fr 1fr;gap:.75rem}.detail-fields select,.detail-section textarea{font-size:1rem}.metric-grid dd{font-size:1.625rem}.source-label{font-size:.875rem}.board-footer>span{font-size:.75rem}.board-footer .text-button{font-size:.75rem}:root[data-layout="canvas"] .team-grid,:root[data-layout="split"] .team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}:root[data-layout="split"] .detail-panel{display:flex}:root[data-layout="canvas"] .detail-fields{grid-template-columns:1fr}}
.team-role,.team-total,.team-career,.summary-card p,.profession-label>span:last-child,.career-counter strong,.field-label,.metric-grid dt,.source-label,.rank-label{font-size:.875rem}.team-career{min-width:2.625rem}.history-heading>span,.detail-top-label>span,.list-caption,.panel-footnote,.board-footer,.board-footer .text-button{font-size:.8125rem}
@media(max-width:1450px){.team-career{min-width:1.75rem}.team-role,.team-total{font-size:.8125rem}}
@media(max-width:960px){.team-career{min-width:1.75rem}}
@media(hover:none){.team-row .remove-member{position:static;opacity:1;pointer-events:auto;background:transparent;width:1.375rem}.team-heading .icon-button{width:1.75rem}.person-plus{width:2.5rem;height:2.5rem}}
@media(prefers-reduced-motion:reduce){button{transition:none!important}button:active:not(:disabled){transform:none}}