#rpg .collection-box{max-width:1000px;padding:18px 20px}
#rpg .collection-heading{display:flex;align-items:center;gap:12px;min-height:40px;padding-right:70px;margin-bottom:6px;flex-wrap:wrap}
#rpg .collection-heading h2{font-size:21px;margin:0}#rpg .collection-heading>span{font-size:13px;color:#e5d3a9}#rpg .collection-heading>button{padding:5px 9px;margin-left:auto}
#rpg .collection-filters,#rpg .collection-box .tree-filters{display:flex;flex-wrap:wrap;gap:4px;padding:3px 0 10px}
#rpg .collection-filters button,#rpg .collection-box .tree-filters button{padding:4px 8px;font-size:12px}
#rpg .collection-layout{display:grid;grid-template-columns:minmax(0,1fr) 235px;gap:16px;align-items:start}
#rpg .collection-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}
#rpg .collection-card,#rpg .collection-empty{height:76px;min-width:0;border:1px solid #66543c;background:#1e1c17;box-shadow:inset 0 0 0 1px #131310;padding:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}
#rpg .collection-card .gear-image,#rpg .collection-card .content-art{width:33px;height:33px;margin:0;flex-shrink:0}
#rpg .collection-card>span:not(.content-art){font-size:12px;line-height:1.25;height:30px;max-width:100%;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-align:center;color:#ede3cf;word-break:keep-all;overflow-wrap:anywhere}
#rpg .collection-card.learned{border-color:#ac8d50;background:#302b20}#rpg .collection-card.selected{border:2px solid #efd08a;background:#453725;padding:3px}
#rpg .collection-empty{opacity:.45;background:#191913}
#rpg .collection-detail{min-height:400px;padding:14px;background:#1e211b;border:1px solid #79674a;overflow-wrap:anywhere}
#rpg .collection-detail>.content-art,#rpg .collection-detail>.gear-image{width:54px;height:54px;margin:0 auto 10px}
#rpg .collection-detail h3{font-size:17px;line-height:1.5;margin:8px 0;color:#f4ddb0}
#rpg .collection-detail p{font-size:13px;line-height:1.65;margin:10px 0}#rpg .collection-detail small{display:block;color:#c8bda6}
#rpg .collection-detail>button{display:block;width:100%;padding:7px;margin-top:10px;font-size:12px}
#rpg .collection-detail .skill-bindings button{padding:5px 2px;font-size:12px}#rpg .collection-hint{font-size:13px;color:#c4baa4;line-height:2;text-align:center;margin-top:100px}
#rpg .collection-pages{display:flex;align-items:center;justify-content:center;gap:12px;padding-top:10px;font-size:12px}#rpg .collection-pages button{padding:4px 14px}
#rpg .compact-items,#rpg .compact-skills{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
#rpg .compact-items button,#rpg .compact-skills button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:5px;min-width:0;min-height:75px}
#rpg .compact-items .gear-image,#rpg .compact-skills .content-art{width:32px;height:32px;margin:0}
#rpg .compact-items span,#rpg .compact-skills span:not(.content-art){font-size:12px;line-height:1.3;max-height:32px;overflow:hidden;max-width:100%;word-break:keep-all;overflow-wrap:anywhere}
#rpg .compact-skills kbd{position:absolute;top:2px;left:3px;margin:0;font-size:11px;color:#f2ddb1;opacity:1}
@media(max-width:850px){#rpg .collection-layout{grid-template-columns:1fr}#rpg .collection-layout:not(.has-selection) .collection-detail{display:none}#rpg .collection-layout.has-selection .collection-grid{display:none}#rpg .collection-detail{min-height:0}.collection-detail .detail-dismiss{position:sticky;top:0;z-index:2}}
@media(max-width:650px){#rpg .collection-box{padding:10px}#rpg .collection-heading{gap:5px;padding-right:55px;margin-bottom:4px}#rpg .collection-heading h2{font-size:17px}#rpg .collection-heading>span{font-size:11px}#rpg .collection-heading>button{padding:3px;font-size:11px;margin-left:0}#rpg .collection-filters button,#rpg .collection-box .tree-filters button{padding:3px 5px;font-size:11px}#rpg .collection-filters{gap:3px}#rpg .collection-grid{gap:3px}#rpg .collection-card,#rpg .collection-empty{height:61px;padding:3px;gap:2px}#rpg .collection-card .gear-image,#rpg .collection-card .content-art{width:27px;height:27px}#rpg .collection-card>span:not(.content-art){font-size:11px;line-height:1.2;height:26px}#rpg .compact-items,#rpg .compact-skills{grid-template-columns:repeat(2,minmax(0,1fr))}}

@media(min-width:851px){#rpg .collection-card .gear-image,#rpg .collection-card .content-art{width:40px;height:40px}#rpg .collection-card>span:not(.content-art){height:24px;font-size:11px;line-height:12px}#rpg .collection-card{gap:2px}}#rpg .collection-detail>.content-art,#rpg .collection-detail>.gear-image{width:88px;height:88px}

.rarity-badge{display:inline-block;font-size:12px;padding:3px 8px;border:1px solid currentColor;border-radius:3px}.rarity-legend{display:flex;flex-wrap:wrap;gap:12px;font-size:12px}.forge-cost{display:flex;align-items:center;gap:12px}.forge-cost svg{width:48px;height:48px}.forge-result{padding:14px;margin-top:12px;border:1px solid #a4977d;background:#302c24;color:#ded4b6}.forge-result.success{border-color:#94d9a8;color:#b9eac5;background:#22392d}.forge-result.failure{border-color:#db8580;color:#f0aaa0;background:#402522}

.service-box .collection-layout.has-selection{grid-template-columns:minmax(0,1fr) 340px}.service-box .collection-detail>svg{width:60px;height:60px}.service-box .collection-detail p{font-size:13px;line-height:1.45;margin:7px 0}.service-box .collection-detail h3{margin:5px 0}.service-box .forge-cost svg{width:36px;height:36px}.service-box .forge-result{padding:8px;margin-top:8px}@media(max-width:700px){.service-box .collection-layout.has-selection{grid-template-columns:1fr}.service-box .collection-detail{max-width:100%}}

.mystic-materials{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin:12px 0}.mystic-materials span{display:flex;align-items:center;gap:6px}.mystic-materials .gear-image{width:38px;height:38px}

#rpg .collection-detail>.collection-back{display:none}@media(max-width:850px){#rpg .collection-detail>.collection-back{display:block;margin:0 0 12px;padding:7px 10px;font-size:12px;min-height:32px}}

.equipped-comparison{border-left:1px solid #9e824b;padding:10px;color:#e5d4ae}.equipped-comparison h3{margin:0 0 12px;color:#f6d983}.equipped-comparison h4{margin:5px 0}.equipped-comparison .gear-image{width:66px;height:66px;display:block;margin:auto}.equipped-comparison article+article{border-top:1px solid #786440;margin-top:12px;padding-top:12px}.comparison-delta.better{color:#a9dea0}.comparison-delta.worse{color:#efa49c}.selected-item-detail{min-width:0}.collection-detail.has-comparison{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}.collection-layout.has-comparison{grid-template-columns:minmax(250px,1fr) minmax(380px,1.15fr)}
@media(max-width:850px){.collection-layout.has-comparison{grid-template-columns:1fr}.collection-detail.has-comparison{grid-column:1;width:100%}}
#rpg .collection-layout.has-comparison{grid-template-columns:minmax(250px,1fr) minmax(380px,1.15fr)}
#rpg .collection-detail.has-comparison{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}
#rpg .selected-item-detail>.gear-image,#rpg .selected-item-detail>.content-art{display:block;width:72px;height:72px;margin:0 auto 10px}
#rpg .selected-item-detail>button{display:block;width:100%;padding:7px;margin-top:10px;font-size:12px}
#rpg .equipped-comparison{min-width:0;padding:8px}
@media(max-width:850px){#rpg .collection-layout.has-comparison{grid-template-columns:1fr}#rpg .collection-detail.has-comparison{grid-column:1;width:100%;padding:10px}#rpg .equipped-comparison .gear-image{width:54px;height:54px}}

#rpg .collection-card,#rpg .side-items button{position:relative}
#rpg .equipped-badge{position:absolute;left:3px;top:3px;color:#ff534d;background:#211914e8;border-radius:2px;padding:1px 3px;font-size:10px;font-weight:600;line-height:1.3;pointer-events:none;z-index:1}
#rpg .collection-card.learned{padding-top:16px}

#rpg .side-items button:has(.equipped-badge){padding-top:15px}
.equipment-option-list{margin:10px 0;padding:8px 0;border-top:1px solid #87714a;border-bottom:1px solid #675837;text-align:left;min-width:0}.equipment-option{display:grid;grid-template-columns:30px minmax(0,1fr);gap:5px;margin:5px 0;font-size:12px;line-height:1.5;overflow-wrap:anywhere}.equipment-option span{color:#b8ad99}.equipment-option b{font-weight:400;color:#e6dac4}.equipment-option.main-option b,.equipment-option.main-option span{color:#ffe4a2}.equipment-option-list>small{font-size:10px!important;line-height:1.5;color:#bdb19b}.option-totals{margin-top:9px;font-size:11px;max-height:210px;overflow:auto}.option-totals summary{cursor:pointer;color:#f0d899;padding:6px}.option-totals div{display:flex;justify-content:space-between;gap:8px;padding:4px;border-bottom:1px solid #6a563333}.option-totals b{font-weight:400}.option-totals small{display:block;line-height:1.6;margin-top:8px}.auto-potion-settings{padding:14px;margin:16px 0;border:1px solid #8d744a;background:#211f1bc9}.auto-potion-settings>div{margin:10px 0;padding:8px;background:#383125}.auto-potion-settings label{display:block;margin:5px 0}.auto-potion-settings input[type=range]{display:block;width:100%;margin-top:7px}.auto-potion-settings output{color:#ffdb8d}.auto-potion-settings input[type=checkbox]{width:16px;height:16px;accent-color:#d6ad62}.auto-potion-settings p{font-size:12px;line-height:1.65}.warehouse-grid .equipment-option{font-size:11px;grid-template-columns:24px minmax(0,1fr)}

.auto-potion-settings input[type=range]{accent-color:#d6b66f}
.collection-heading{flex-wrap:wrap;gap:8px}
.collection-heading .skill-reset-open{margin-left:auto;padding:6px 12px;font-size:13px;white-space:nowrap}
.skill-reset-confirm{max-width:560px;margin:auto;padding:16px;color:#eedbb1;line-height:1.7}
.skill-reset-confirm h2{color:#ffe4a4;font-weight:500}
.skill-reset-points{display:flex;gap:16px;margin:20px 0;padding:16px;background:#1c1914;border:1px solid #987844}
.skill-reset-points span{flex:1;color:#d9c291}
.skill-reset-points strong{display:block;font-size:30px;color:#ffda7e;font-weight:500}
.skill-reset-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}
.skill-reset-actions button{padding:10px 16px}
.skill-reset-actions [data-action=skill-reset-confirm]{background:#694821;color:#ffedc0;border-color:#b18b4e}

.selected-item-detail>dl,.equipped-comparison article>dl{display:grid;grid-template-columns:auto 1fr;gap:8px;font-size:13px;margin:14px 0}.selected-item-detail>dl dd,.equipped-comparison article>dl dd{margin:0;text-align:right;color:#f1d9a7}