.recruit-workshop{display:grid;gap:16px;min-width:0}.recruit-workshop p{line-height:1.65;margin:6px 0}.recruit-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.recruit-heading h2{margin:4px 0}.recruit-heading button{width:auto;min-width:74px}.recruit-wallet{padding:14px;border:1px solid #b99d5f;background:#102e39;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}.recruit-wallet b{font-size:1.5em;color:#ffe49a}.recruit-wallet small,.recruit-note{font-size:12px;color:#bdd0c4;line-height:1.65}.recruit-spotlight{display:grid;grid-template-columns:120px 1fr;gap:15px;align-items:center;border:1px solid #ac9355;padding:12px;background:#163b46}.recruit-portrait{display:block;max-width:100%;object-fit:contain;image-rendering:pixelated}.recruit-spotlight .recruit-portrait{height:172px;width:120px}.recruit-spotlight h3{margin:6px 0;color:#ffe49a}.recruit-spotlight strong{color:#e7bc54}.recruit-spotlight p{font-size:12px}.recruit-face{width:48px;height:48px;object-fit:contain;image-rendering:pixelated}.recruit-heroes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.recruit-heroes button{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:0;padding:9px 3px;min-height:94px}.recruit-heroes button small{font-size:11px}.recruit-workshop button.selected{background:#bd9746;color:#fff4c7;box-shadow:inset 0 0 0 2px #f9d98c}.recruit-inventory,.recruit-draw,.formation-combos,.formation-reserve{padding:14px;border:1px solid #ac9355;background:#13333f}.recruit-inventory>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.recruit-inventory b{display:block;font-size:24px;color:#ffe49a}.recruit-inventory small{display:block;font-size:11px;color:#bdd0c4}.recruit-inventory button,.recruit-draw>button{margin-top:9px}.recruit-workshop button{min-height:44px;overflow-wrap:anywhere}.recruit-workshop button:disabled{opacity:.52}.recruit-warning{border:1px solid #d5a95d;padding:12px;color:#f6deb0;background:#4b3c2f}.recruit-warning h3{margin:0 0 7px}.recruit-pity{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin:12px 0}.recruit-pity i{font-style:normal;text-align:center;padding:8px 2px;border:1px solid #a78c54;color:#b9d0c3}.recruit-pity i.filled{background:#c39d4c;color:#fff5c8}.recruit-rules{font-size:12px;margin-top:14px}.recruit-rules summary{min-height:44px;display:flex;align-items:center;cursor:pointer;color:#f4d88c}.recruit-confirm-hero{display:flex;align-items:center;gap:14px;border-bottom:1px solid #a58b55;padding:12px}.recruit-two-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.recruit-result{text-align:center;padding:18px 12px;border:1px solid #ac9355;background:#143943}.recruit-result>.recruit-portrait{max-height:300px;width:100%;margin:0 auto 12px}.recruit-result>small{display:inline-block;padding:5px 9px;border:1px solid #a78c54;color:#dcca91}.recruit-result h2{color:#ffe49a;margin:8px 0}.recruit-result dl{margin:16px 0 0}.recruit-result dl>div{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #45636a;padding:9px 0}.recruit-result dt{font-size:12px;color:#c2d4c7}.recruit-result dd{margin:0}.formation-counter{display:flex;justify-content:space-between;align-items:center;gap:8px;border:1px solid #a78c54;padding:12px;color:#eccb79}.formation-counter.ready{border-color:#8ab28f}.formation-counter span{font-size:12px}.formation-roster{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.formation-roster button{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 3px;min-width:0}.formation-roster small{font-size:11px}.formation-roster b{font-size:11px}.formation-combos small,.formation-reserve small{font-size:12px;color:#bdd0c4;line-height:1.6}.formation-combos h3,.formation-reserve h3{margin:0 0 8px}
@media(max-width:380px){.recruit-workshop{gap:12px}.recruit-spotlight{grid-template-columns:105px 1fr;gap:10px;padding:10px}.recruit-spotlight .recruit-portrait{height:160px;width:105px}.recruit-inventory,.recruit-draw,.formation-combos,.formation-reserve{padding:11px}.recruit-heading h2{font-size:21px}.recruit-heroes button{min-height:90px}}

/* M3 six-person selectors remain readable at phone widths. */
.hero-selector,.gear-heroes{grid-template-columns:repeat(3,minmax(0,1fr))!important}.recruit-entry{display:flex;flex-wrap:wrap;gap:10px;align-items:center;border:1px solid #c6a563;background:#102c39;padding:14px;border-radius:12px}.recruit-entry>div{flex:1;min-width:190px}.recruit-entry strong,.recruit-entry small{display:block}.recruit-entry p{margin:6px 0;font-size:13px}.recruit-entry button{padding:10px 16px}.hero-selector button,.gear-heroes button{min-width:0}

/* A lone hero-bound item uses both columns; paired class books stay side by side. */
#lobby .hero-workbench .equipment-grid > .equipment-card:only-child{grid-column:1 / -1}