/* Compact Pocket cards use cached artwork and readable trait labels. */
#roster.account-roster{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;align-items:start}
.pocket-card{--pocket-bg:#142338;--pocket-soft:#203149;--pocket-accent:#d7c4f1;--pocket-accent-bg:#302d49;--pocket-muted:#b4c3d7;background:var(--pocket-bg);border-color:#34465e;border-radius:22px;padding:0;overflow:hidden;color:var(--text)}
.pocket-card:hover{background:var(--pocket-bg);border-color:#68738e}.pocket-card img{object-fit:contain;flex:none}.pocket-card .pocket-symbol{width:16px;height:16px;flex:none}.pocket-card .pocket-game-symbol{background:#45685f;border-radius:4px;padding:2px}.pocket-card .pocket-header{display:flex;align-items:center;gap:9px;padding:14px 12px 10px;text-align:left}.pocket-card .pocket-header:hover{background:#ffffff06}.pocket-portrait{display:block;width:70px;height:70px;flex:none;border-radius:50%;background:var(--pocket-accent-bg);overflow:hidden}.pocket-portrait img{width:70px;height:70px}.pocket-name{min-width:0;flex:1}.pocket-card .helper-name{font-size:19px;line-height:1.25;font-weight:650;letter-spacing:-.3px;margin:0 0 5px}.pocket-card .pocket-name small{display:flex;align-items:center;gap:4px;font-size:11px;line-height:1.5;color:var(--pocket-muted);flex-wrap:wrap}.pocket-rp{font-size:11px;color:var(--pocket-muted);font-variant-numeric:tabular-nums;text-align:right;flex:none}.pocket-card .pocket-rp small{font-size:11px;margin-top:3px;color:var(--pocket-muted)}
.pocket-nature{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin:0 12px 10px;font-size:11px}.pocket-nature>strong{font-size:12px;font-weight:600;margin-right:2px}.pocket-nature>span{display:flex;align-items:center;gap:3px;border-radius:8px;padding:4px 6px;line-height:1.5}.pocket-up{background:#203e35;color:#a7e4c4}.pocket-down{background:#482e3a;color:#f1adb7}.pocket-neutral{background:var(--pocket-soft);color:var(--pocket-muted)}.pocket-nature b{font-size:17px;line-height:1;font-weight:600}
.pocket-ingredients{display:flex;align-items:center;gap:6px;background:var(--pocket-soft);margin:0 12px 10px;border-radius:12px;padding:7px 8px;justify-content:space-between}.pocket-lineup{font-size:11px;font-weight:600;letter-spacing:.6px;color:var(--pocket-muted)}.pocket-slot{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:0}.pocket-card .pocket-slot>small{display:flex;align-items:center;gap:3px;font-size:11px;color:var(--pocket-muted);white-space:nowrap}.pocket-slot>span{display:flex;align-items:center;gap:2px}.pocket-slot b{font-size:12px;font-weight:500;white-space:nowrap}.pocket-card .pocket-slot .pocket-symbol{width:11px;height:11px}.pocket-resource-fallback{font-size:11px;overflow-wrap:anywhere}.pocket-berry{flex:none}.pocket-locked{color:var(--pocket-muted)}.pocket-locked img{opacity:.65}
.pocket-card .pocket-ratings{margin:0 12px 10px;padding:0 2px;border-radius:0;background:transparent;color:var(--text);font-variant-numeric:tabular-nums}.pocket-rating-head,.pocket-rating-row{display:grid;grid-template-columns:minmax(0,1fr) 58px 58px;gap:8px;align-items:center}.pocket-rating-head{font-size:11px;color:var(--pocket-muted);margin-bottom:4px;line-height:1.4}.pocket-rating-head>span:not(:first-child){text-align:right}.pocket-rating-row{min-height:34px}.pocket-target{display:flex;align-items:center;gap:5px;font-size:12px;min-width:0;line-height:1.3}.pocket-target>span{overflow-wrap:anywhere}.pocket-card .pocket-ratings strong{font-size:23px;line-height:1.3;font-weight:600;text-align:right;color:var(--text)}.pocket-card .pocket-ratings .projected-rating,.pocket-card .pocket-ratings .ingredient-rating{margin:0;padding:0;border:0;text-align:right}.pocket-card .pocket-lock-label{font-size:11px;color:var(--pocket-muted);display:flex;align-items:center;justify-content:flex-end;gap:2px}.pocket-card .pocket-lock-label .pocket-symbol{width:10px;height:10px}.pocket-unrated{text-align:right;color:var(--pocket-muted)}.pocket-card .pocket-rating-status{font-size:11px;color:var(--pocket-muted);line-height:1.5;margin-top:5px}
.pocket-subskills{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin:0 12px 12px}.pocket-chip{background:var(--pocket-accent-bg);color:var(--pocket-accent);border-radius:9px;padding:6px;font-size:11px;display:flex;align-items:center;gap:4px;min-width:0;line-height:1.4}.pocket-card .pocket-chip>small{font-size:11px;color:inherit;font-variant-numeric:tabular-nums;flex:none}.pocket-chip>span{min-width:0;overflow-wrap:anywhere}.pocket-chip.pocket-gold:not(.pocket-locked){background:#443c27;color:#f2d89b}.pocket-chip.pocket-locked{background:var(--pocket-soft);color:var(--pocket-muted)}.pocket-card .pocket-chip>.pocket-tiny-lock{width:10px;height:10px;margin-left:auto}
.pocket-footer{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:0 12px;border-top:1px solid #34465e}.pocket-footer .pocket-details-button{color:var(--pocket-accent);font-size:12px;min-height:42px;background:none;border:0;padding:10px 0;border-radius:0}.pocket-footer .pocket-details-button:hover{text-decoration:underline}.pocket-card .pocket-footer .helper-rater-link{color:var(--cyan);font-size:12px;margin:0;padding:10px 0;border:0;min-height:42px}
@media(max-width:650px){#roster.account-roster{grid-template-columns:1fr;gap:12px}.pocket-card .pocket-chip{gap:3px;padding:6px 5px}.pocket-card .pocket-chip img{width:16px;height:16px}.pocket-card .pocket-ingredients{gap:4px;padding:7px}.pocket-card .pocket-header{gap:8px}}

.pocket-main-skill{display:flex;align-items:center;gap:5px;margin:-4px 14px 10px;font-size:11px;line-height:1.4;color:var(--pocket-muted)}.pocket-main-skill>span{flex:1;min-width:0}.pocket-card .pocket-main-skill>small{font-size:11px;white-space:nowrap;color:var(--pocket-muted)}