/* Rarity tiers (plan item 47, #rarities): five rows of name + colour with light and dark previews. */
.rarities-page{background:none;border:0;box-shadow:none;padding:0;min-width:0}
.rarities-page .rarities-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 19px;margin-bottom:12px;flex-wrap:wrap}
.rarities-page .rarities-heading h2{font-size:23px;margin:0}
.rarities-page .rarities-heading p{font-size:12px;color:#907559;margin:5px 0 0;max-width:680px}
.rarities-actions{display:flex;gap:7px;flex-wrap:wrap}
.rarities-page button.secondary{padding:9px 14px;border-radius:8px;cursor:pointer}
.rarities-page .items-primary{padding:9px 16px;border:1px solid #3f7a31;border-radius:8px;background:linear-gradient(#6aac55,#4f923e);color:#fffdf2;font-weight:700;box-shadow:inset 0 1px #9ed08a,0 2px 0 #3a6d2d;cursor:pointer}
.rarities-page .items-primary:disabled{filter:grayscale(.6);opacity:.6}
.rarities-page button.danger{padding:9px 14px;border:1px solid #c98a78;border-radius:8px;background:linear-gradient(#fff4ef,#f6d9cf);color:#9a3f2b;cursor:pointer}
.rarities-page button.danger:disabled{opacity:.45;cursor:default}
.rarities-message{margin:8px 0 12px;padding:10px 14px;border:1px solid #dac6a3;background:#fff7e6;border-radius:7px;font-size:13px}
.rarities-message.bad{border-color:#e3b3a3;background:#fdece6;color:#9a3f2b}
.rarities-message:empty{display:none}
.rarities-form{padding:14px 16px;min-width:0}
.rarities-rows{display:grid;gap:10px}
.rarity-row{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr) minmax(0,190px);gap:6px 14px;align-items:center;padding:10px 12px;border:1px solid #dcc7a3;border-radius:10px;background:#fffaf0}
.rarity-row.is-draft{border-color:#d8a54a;background:#fff4dc}
.rarity-row .items-field{display:grid;gap:4px;min-width:0;font-size:12px;color:#7a6149}
.rarity-row input[type=text]{width:100%;min-width:0;box-sizing:border-box;padding:7px 9px;border:1px solid #cdb48d;border-radius:7px;background:#fffdf8;font:inherit;font-size:14px}
.rarity-row input.bad{border-color:#c75a3f;background:#fdece6}
.rarity-color-pick{display:flex;gap:6px;align-items:center;min-width:0}
.rarity-color-pick input[type=color]{flex:none;width:40px;height:34px;padding:2px;border:1px solid #cdb48d;border-radius:7px;background:#fffdf8;cursor:pointer}
.rarity-info{grid-column:1/-1;color:#8b7259;font-size:12px}
.rarity-samples{display:grid;grid-template-columns:1fr 1fr;gap:6px;min-width:0}
.rarity-sample{display:flex;gap:7px;align-items:center;min-width:0;padding:6px;border-radius:8px}
.rarity-sample-light{background:#f8ecd5;border:1px solid #e0c9a3}
.rarity-sample-dark{background:#191927;border:1px solid #4d4058}
.rarity-tile{position:relative;flex:none;width:30px;height:30px;border-radius:7px;background:linear-gradient(135deg,#d6c3af,#c5b29f)}
.rarity-sample-dark .rarity-tile{background:linear-gradient(#29202e,#111522)}
.rarity-tile::before{content:'';position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 2px var(--rarity)}
.rarity-copy{display:grid;gap:2px;min-width:0}
.rarity-name{font-size:13px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rarity-sample-light .rarity-name{color:var(--rarity-ink)}
.rarity-sample-dark .rarity-name{color:var(--rarity)}
.rarity-badge{justify-self:start;max-width:100%;padding:0 8px;border-radius:999px;background:var(--rarity);color:var(--rarity-text);font-size:10.5px;font-weight:700;line-height:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rarities-note{margin:12px 0 0;color:#8b7259;font-size:12px}
.rarities-buttons{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
@media(max-width:900px){.rarity-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.rarity-samples{grid-column:1/-1}}
@media(max-width:600px){.rarity-row{grid-template-columns:minmax(0,1fr)}.rarities-page .rarities-heading{padding:14px}.rarity-samples{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}