.agents-hero{display:grid;grid-template-columns:minmax(260px,.78fr) minmax(0,1.22fr);gap:28px;align-items:end;margin-bottom:30px}.agents-hero h2{font-size:48px;max-width:620px}.agents-hero .lead{line-height:1.7}.agent-disclosure{border-left:2px solid var(--sage);padding:12px 16px;color:var(--muted);font-size:12px;line-height:1.55}.agent-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.agent-card{position:relative;aspect-ratio:1/2;padding:0;border:1px solid var(--line);border-radius:24px;overflow:hidden;background:var(--cream);cursor:pointer;text-align:left;color:#fff;isolation:isolate;transition:transform .25s ease,box-shadow .25s ease}.agent-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}.agent-card.selected{outline:3px solid var(--sage-dark);outline-offset:3px}.agent-portrait{position:absolute;inset:0;background-image:url('/static/enough-agents.png');background-size:500% 100%;background-repeat:no-repeat;z-index:-2}.agent-card::after{content:"";position:absolute;inset:32% 0 0;background:linear-gradient(transparent,rgba(24,25,23,.9));z-index:-1}.agent-card[data-agent="sentinel"] .agent-portrait{background-position:0 50%}.agent-card[data-agent="duelist"] .agent-portrait{background-position:25% 50%}.agent-card[data-agent="strategist"] .agent-portrait{background-position:50% 50%}.agent-card[data-agent="healer"] .agent-portrait{background-position:75% 50%}.agent-card[data-agent="wanderer"] .agent-portrait{background-position:100% 50%}.agent-copy{position:absolute;left:18px;right:18px;bottom:18px}.agent-copy span{font-size:9px;letter-spacing:.17em;text-transform:uppercase;opacity:.78}.agent-copy strong{display:block;font:30px/1 "Instrument Serif";margin:6px 0}.agent-copy small{display:block;line-height:1.4;opacity:.8}.agent-console{display:grid;grid-template-columns:1.1fr .9fr;gap:18px;margin-top:26px}.selected-agent,.portrait-upload{border:1px solid var(--line);background:#faf7f0bb;border-radius:26px;padding:24px}.selected-agent{display:flex;align-items:center;justify-content:space-between;gap:20px}.selected-agent h3{font:30px "Instrument Serif";margin:5px 0}.selected-agent p{color:var(--muted);font-size:13px;margin:0}.agent-actions{display:flex;gap:8px;flex-wrap:wrap}.portrait-upload label{display:block;font-size:12px;color:var(--muted);margin-bottom:10px}.portrait-upload input{width:100%;font-size:12px}.portrait-upload small{display:block;color:var(--muted);line-height:1.45;margin-top:10px}.portrait-upload .save-link{margin-top:12px}.agent-presence{display:flex;align-items:center;gap:10px;margin:0 0 18px;padding:10px 14px;border:1px solid var(--line);border-radius:16px;color:var(--muted);font-size:11px}.agent-presence b{color:var(--ink);font-weight:500}.agent-presence i{width:8px;height:8px;border-radius:50%;background:var(--sage-dark);box-shadow:0 0 0 5px rgba(82,102,85,.1)}@media(max-width:1100px){.agent-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.agents-hero,.agent-console{grid-template-columns:1fr}.agents-hero h2{font-size:38px}.agent-grid{grid-template-columns:1fr 1fr}.selected-agent{align-items:flex-start;flex-direction:column}}@media(max-width:430px){.agent-grid{grid-template-columns:1fr}}