:root{--bg-page:#fafaf8;--bg-card:#fff;--bg-surface:#f5f3f0;--text-primary:#1a1a1a;--text-secondary:#3d3832;--text-tertiary:#6b6560;--text-subtle:#8c857e;--border-light:#e8e4df;--border-med:#e8e4df;--accent-gold:#c4a882;--accent-blue:#3b7dd8;--accent-green:#2d8f5e;--accent-amber:#c48520;--accent-purple:#8b5cf6;--accent-red:#d64545;--new-bg:#e8faf0;--new-text:#2d8f5e;--evolved-bg:#fff8e6;--evolved-text:#c48520;--program-bg:#e8f0ff;--program-text:#3b7dd8;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:12px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-page);color:var(--text-secondary);-webkit-font-smoothing:antialiased;font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.5}.container{max-width:920px;min-height:100vh;margin:0 auto;padding:40px 24px}@media (width<=640px){.container{padding:20px 14px}}.hero{margin-bottom:32px}.hero-label{text-transform:uppercase;letter-spacing:1.2px;color:var(--accent-gold);margin-bottom:8px;font-size:11px;font-weight:600}.hero h1{letter-spacing:-.5px;color:var(--text-primary);margin-bottom:8px;font-family:Fraunces,serif;font-size:32px;font-weight:600}.hero p{color:var(--text-tertiary);max-width:680px;font-size:15px}.stat-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:28px;display:grid}@media (width<=640px){.stat-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}.stat-box{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:16px 18px}.stat-label{color:var(--text-subtle);text-transform:uppercase;letter-spacing:.6px;margin-bottom:6px;font-size:11px;font-weight:500}.stat-value{letter-spacing:-.5px;color:var(--text-primary);font-family:Fraunces,serif;font-size:26px;font-weight:600}.stat-value.blue{color:var(--accent-blue)}.stat-value.teal{color:var(--accent-green)}.stat-sub{color:var(--text-subtle);margin-top:2px;font-size:11px}.legend{flex-wrap:wrap;gap:18px;margin-bottom:20px;display:flex}.legend-item{color:var(--text-tertiary);align-items:center;gap:6px;font-size:12px;display:flex}.legend-dot{border-radius:4px;width:12px;height:12px}.search-bar{margin-bottom:16px}.search-input{border-radius:var(--radius-md);border:1px solid var(--border-med);background:var(--bg-card);color:var(--text-secondary);outline:none;width:100%;max-width:400px;padding:10px 16px;font-family:inherit;font-size:14px;transition:border-color .15s}.search-input:focus{border-color:var(--accent-gold)}.search-input::placeholder{color:var(--text-subtle)}.filter-bar{background:var(--border-light);border-radius:10px;flex-wrap:wrap;align-items:center;gap:3px;margin-bottom:24px;padding:3px;display:flex}.filter-btn{border-radius:var(--radius-md);color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;padding:6px 14px;font-family:inherit;font-size:12px;font-weight:500;transition:all .15s}.filter-btn:hover{color:var(--text-primary)}.filter-btn.active{background:var(--text-primary);color:var(--bg-page);font-weight:600}.filter-select{border-radius:var(--radius-md);color:var(--text-tertiary);cursor:pointer;appearance:auto;background:0 0;border:none;margin-left:auto;padding:6px 12px;font-family:inherit;font-size:12px}.filter-count{color:var(--text-subtle);margin-left:3px;font-size:10px}.section-hdr{color:var(--accent-gold);text-transform:uppercase;letter-spacing:1.2px;border-bottom:1px solid var(--border-light);align-items:center;gap:8px;margin:28px 0 12px;padding-bottom:8px;font-size:11px;font-weight:600;display:flex}.section-count{color:var(--text-subtle);font-size:11px;font-weight:400}.card-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;margin-bottom:8px;display:grid}@media (width<=640px){.card-grid{grid-template-columns:1fr}}.role-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);cursor:pointer;padding:18px 20px;transition:border-color .15s;position:relative;overflow:hidden}.role-card:hover{border-color:var(--accent-gold)}.role-card:before{content:"";border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:var(--accent-gold);height:3px;position:absolute;top:0;left:0;right:0}.role-card.st-new:before{background:var(--accent-green)}.role-card.st-evolved:before{background:var(--accent-amber)}.role-card.st-program:before{background:var(--accent-blue)}.card-header{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:8px;display:flex}.card-title{color:var(--text-primary);font-family:Fraunces,serif;font-size:15px;font-weight:600;line-height:1.3}.status-badge{white-space:nowrap;text-transform:uppercase;letter-spacing:.3px;border-radius:12px;flex-shrink:0;padding:3px 9px;font-size:10px;font-weight:600}.status-badge.new{background:var(--new-bg);color:var(--new-text)}.status-badge.evolved{background:var(--evolved-bg);color:var(--evolved-text)}.status-badge.program{background:var(--program-bg);color:var(--program-text)}.card-meta{color:var(--text-subtle);margin-bottom:8px;font-size:11px;font-weight:500}.card-comp{color:var(--accent-gold);margin-bottom:8px;font-size:14px;font-weight:600}.card-bg{color:var(--text-subtle);margin-bottom:8px;font-size:11px;font-style:italic}.card-desc{color:var(--text-tertiary);margin-bottom:10px;font-size:12px;line-height:1.6}.card-tags{flex-wrap:wrap;gap:5px;display:flex}.tag{background:var(--bg-surface);color:var(--text-subtle);border-radius:6px;padding:3px 8px;font-size:10px;font-weight:500}.modal-overlay{z-index:1000;background:#00000073;justify-content:center;align-items:center;padding:20px;display:none;position:fixed;inset:0}.modal-overlay.open{display:flex}.modal{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-light);width:100%;max-width:560px;max-height:85vh;padding:28px;position:relative;overflow-y:auto}.modal-close{background:var(--bg-surface);width:32px;height:32px;color:var(--text-tertiary);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:18px;display:flex;position:absolute;top:14px;right:14px}.modal-close:hover{background:var(--border-light)}.modal h2{color:var(--text-primary);margin-bottom:4px;padding-right:40px;font-family:Fraunces,serif;font-size:20px;font-weight:600}.modal .m-meta{color:var(--text-subtle);margin-bottom:16px;font-size:12px}.modal .m-section{margin-bottom:16px}.modal .m-label{text-transform:uppercase;letter-spacing:.6px;color:var(--text-subtle);margin-bottom:4px;font-size:11px;font-weight:600}.modal .m-text{color:var(--text-tertiary);font-size:13px;line-height:1.6}.modal .m-comp{color:var(--accent-gold);font-family:Fraunces,serif;font-size:18px;font-weight:600}.footer{border-top:1px solid var(--border-light);color:var(--text-subtle);margin-top:48px;padding-top:24px;font-size:12px}.empty{text-align:center;color:var(--text-subtle);padding:48px 20px;font-size:14px}@media print{body{background:#fff}.filter-bar,.modal-overlay,.search-bar{display:none!important}.role-card{break-inside:avoid;border:1px solid #ddd}.card-grid{grid-template-columns:repeat(2,1fr)}}