.roster-book{margin-top:24px}.roster-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #6b7454;padding-bottom:14px}.roster-heading h2{font:28px SimSun,serif;color:#efd399;margin:6px 0}.roster-heading>strong{font:32px Georgia,serif;color:#f1cf86}.roster-heading small{font:14px system-ui;color:#b9c3b0}.roster-totals{display:flex;gap:12px;margin-top:18px}.quality-badge{display:inline-block;padding:3px 9px;border:1px solid #7f8769;color:#e0dfc5;background:#2a352b;font:14px SimSun,serif;white-space:nowrap}.quality-1{color:#a4e4cf;border-color:#64af97}.quality-2{color:#ecd09b;border-color:#cda665}.roster-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:18px;border:1px solid #515d45;background:#1a2823}.roster-filters label{display:grid;gap:7px;color:#c7ccb8;font-size:14px}.roster-filters select,.roster-filters input{width:100%;min-height:44px}.roster-search{grid-column:1/-1}.roster-filters button{min-height:44px}.roster-pager{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:16px 0}.roster-pager span{font-size:14px;color:#bfc5b4}.roster-pager button{min-height:44px}.roster-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:stretch}.roster-tile{display:flex;flex-direction:column;align-items:stretch;text-align:left;background:#202d26;border:1px solid #536147;padding:0 0 14px;min-width:0;color:#dedfca;overflow:hidden;cursor:pointer}.roster-tile>.hero-portrait{border:0;border-bottom:1px solid #69784f;float:none;margin:0;width:100%}.roster-tile>span:not(.hero-portrait),.roster-tile>strong{margin:6px 10px 0}.roster-tile:hover,.roster-selected{border-color:#e0b966;background:#33402b;box-shadow:inset 0 0 0 1px #bba36b}.roster-tile>strong{font:24px SimSun,serif;color:#f2d79a}.roster-seat{font-size:11px;color:#b2bba9}.roster-title{font-size:13px;color:#d3c7a6}.roster-tile-meta{font-size:12px;line-height:1.8}.roster-stars{color:#bca772;font-size:11px}.quality-panel{clear:both;padding:18px;margin:16px 0;border:1px solid #617057;background:linear-gradient(110deg,#34412d66,#192822)}.quality-panel.quality-1{border-color:#4b9e87;background:linear-gradient(110deg,#234c4466,#192822)}.quality-panel.quality-2{border-color:#bca067;background:linear-gradient(110deg,#69523466,#192822)}.quality-steps{display:flex;gap:18px;align-items:center}.quality-steps span{display:grid;place-items:center;width:42px;height:42px;border:1px solid #516149;color:#87917d;font:24px SimSun,serif}.quality-steps .quality-reached{color:#f2d59b;border-color:#b69b66;background:#524a2f80}.quality-steps i{font-style:normal;color:#7c896d}#roster-detail{scroll-margin-top:18px;margin-top:26px}#roster-detail>.hero-card{padding:22px;border:1px solid #968156;background:linear-gradient(145deg,#38402c66,#1d2b25)}#roster-detail .hero-card>.hero-portrait{width:144px}.hero-invitation{clear:both;margin-top:16px;border-top:1px solid #58664c;padding-top:12px}.roster-tile .quality-badge{padding:0 4px}.roster-tile:focus-visible{outline:3px solid #f0d79e;outline-offset:2px}
.roster-filters label{margin:0}.roster-filters select{margin:0}
@media(max-width:1100px){.roster-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.roster-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:540px){.roster-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.roster-filters{padding:12px;gap:10px}.roster-tile>strong{font-size:23px}.roster-heading h2{font-size:24px}.roster-heading>strong{font-size:28px}#roster-detail>.hero-card{padding:14px}#roster-detail .hero-card>.hero-portrait{width:104px}.quality-panel{padding:12px}.roster-pager{gap:6px}.roster-pager span{font-size:12px}.roster-pager button{padding:8px}}
.roster-grid{scroll-margin-top:76px}