/* Card quality follows the sailor's saved talent. Profession and experience stay separate. */
.crew-grade-card,.crew-portrait-frame{--grade-ink:#616e70;--grade-line:#c4c9c2;--grade-glow:#c4c9c200;--grade-wash:#f4f3eb}
.grade-seasoned,.rarity-seasoned{--grade-ink:#285e7d;--grade-line:#74a8be;--grade-glow:#82b9d640;--grade-wash:#edf4f4}
.grade-exceptional,.rarity-exceptional{--grade-ink:#63527f;--grade-line:#a694c0;--grade-glow:#b6a4d757;--grade-wash:#f4eff7}
.grade-legendary,.rarity-legendary{--grade-ink:#87601c;--grade-line:#c6a153;--grade-glow:#f0cf7a9c;--grade-wash:#faf3e1}
.crew-grade-card{position:relative;isolation:isolate;border:1px solid var(--grade-line);border-top:3px solid var(--grade-line)}
.crew-grade-card.grade-exceptional{box-shadow:inset 0 0 0 1px #d6cce133}
.crew-grade-card.grade-legendary{border-color:#a68d65;box-shadow:inset 0 0 0 1px #bca98a33;background:#faf7ef}
.crew-grade-card.grade-legendary::before{content:"";position:absolute;inset:5px;z-index:-1;pointer-events:none;border:1px solid #d8bb7b66;border-radius:2px}
.crew-rarity{display:inline-flex;align-items:center;justify-content:center;min-width:32px;padding:3px 8px;margin:0 7px 4px 0;border:1px solid #bfc7c3;border-radius:2px;background:#f0f1eb;color:#5a686a;font:700 12px/1.3 var(--data);letter-spacing:.1em;vertical-align:middle;font-variant-numeric:tabular-nums}
.crew-rarity.seasoned{color:#285e7d;background:#e8f2f6;border-color:#8fb8cb}
.crew-rarity.exceptional{color:#63527f;background:linear-gradient(135deg,#f9f5fc,#e8e0f2);border-color:#ad9cc1}
.crew-rarity.legendary{min-width:46px;color:#795214;background:linear-gradient(110deg,#e9ca7b,#fff2ba 43%,#f4db98 65%,#dfba64);border-color:#b58b3e;text-shadow:0 1px #fff8d8;box-shadow:inset 0 0 0 1px #fff0c1,0 1px 3px #8e6b2026}
.crew-portrait-frame{isolation:isolate;background:transparent;box-shadow:none}
.crew-portrait-frame>img{position:relative;z-index:1}
.crew-portrait-frame.rarity-seasoned>img,.crew-portrait-frame.rarity-exceptional>img,.crew-portrait-frame.rarity-legendary>img{filter:drop-shadow(0 3px 3px #07172366)}
.recruit-fullbody>.crew-portrait-frame,.crew-fullbody>.crew-portrait-frame{overflow:clip}
.recruit-fullbody,.fullbody-crew-card>.crew-fullbody{background:transparent}
.crew-grade-card.grade-legendary .recruit-fullbody,.crew-grade-card.grade-legendary>.crew-fullbody{border-color:#d6bc7b66}
.origin-card .origin-portrait{background:transparent;isolation:isolate}
.origin-portrait>.crew-portrait-frame{display:block;width:100%;height:100%;min-height:0;overflow:clip;border:0;border-radius:0}
.origin-portrait>.crew-portrait-frame>img{display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom}
.origin-card.grade-legendary .origin-portrait>span{background:#eee3c8!important;color:#755520!important}
.origin-card .origin-offer>.crew-rarity{align-self:flex-start;margin-bottom:8px}
.origin-card .origin-offer>h3{margin-top:0}
.crew-grade-guide{margin:0 0 18px;border-bottom:1px solid #d7d2c5;color:#536c75;font-size:11px;line-height:1.8}
.crew-grade-guide>summary{cursor:pointer;padding:10px 2px;min-height:38px;color:#526b78;width:fit-content;max-width:100%}
.crew-grade-guide>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:8px 0}
.grade-guide-item{display:flex;align-items:center;flex-wrap:wrap;gap:6px;min-width:0;padding:8px 10px;border-left:2px solid #d0cabb;background:#f8f5ee}
.grade-guide-item>.crew-rarity{margin:0}
.grade-guide-item>small{flex-basis:100%;font-size:10px;overflow-wrap:anywhere}
.crew-grade-guide>p{max-width:780px;padding:3px 0 13px;font-size:11px;line-height:1.9}
@media(max-width:650px){.crew-rarity{font-size:11px;padding:3px 7px}.crew-grade-guide>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.grade-guide-item{padding:7px 8px}.crew-grade-card.grade-legendary::before{inset:4px}}
.tavern-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px 24px;align-items:center;padding:18px 0;margin-bottom:8px;border-bottom:1px solid var(--line)}
.tavern-actions p,.tavern-actions small{display:block;margin:7px 0 0;color:var(--muted);font-size:13px;line-height:1.8}
.tavern-action-buttons{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:12px}
.tavern-actions>.requirements{grid-column:1/-1;margin:0}
@media(max-width:650px){.tavern-actions{grid-template-columns:1fr;gap:14px}.tavern-action-buttons{justify-content:flex-start}.tavern-action-buttons>.btn{flex:1 1 160px}}

.tavern-actions .tavern-rules{margin-top:8px;max-width:650px}
.tavern-rules>summary{min-height:32px;width:fit-content;padding:5px 0;color:#36505e;font-size:13px;line-height:1.5;cursor:pointer}
.tavern-rules>summary:focus-visible{outline:2px solid #365c70;outline-offset:3px}
.tavern-actions .tavern-rules p{margin:8px 0 0}