.item-browser main{max-width:1240px}.item-browser #notice[hidden]{display:none}.item-browser .page-heading{margin-bottom:6px}.item-browser #intro{max-width:850px;margin-bottom:22px}
.item-sections{display:flex;gap:6px;overflow:auto;padding:0 0 12px;border-bottom:1px solid #d9e2da;margin-bottom:23px;scrollbar-width:thin}.item-sections button{flex:0 0 auto;border:0;background:transparent;color:#43584c;border-radius:8px;padding:11px 15px;min-height:44px;font-size:.95rem;font-weight:650}.item-sections button[aria-pressed=true]{color:white;background:#315b47}.item-sections button span{font-size:.78rem;opacity:.8;margin-left:3px}
.item-browse-heading{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.item-browse-heading h2{font-size:1.3rem;margin:0 0 6px}.item-browse-heading p{margin:0 0 16px;color:#58695f;line-height:1.5;max-width:770px;font-size:.9rem}.item-sort{display:flex;align-items:center;gap:7px;font-size:.8rem;white-space:nowrap}.item-sort select{max-width:160px;border:1px solid #ccd9d0;border-radius:7px;background:#fff;padding:8px;min-height:40px;font:inherit}
.item-search{margin:0 0 12px;display:flex;gap:12px}.item-search>label:first-child{width:100%;display:flex;flex-direction:column;gap:6px}.item-search #search{width:100%;min-height:48px;border:1px solid #9daf9f;border-radius:10px;background:white;font-size:16px;padding:12px 14px}.item-search #search-label{font-size:.82rem;font-weight:650}.item-search label[hidden]{display:none}
.item-purpose-row{display:flex;gap:10px;align-items:flex-start;flex-wrap:wrap;margin:14px 0}.item-purpose-row>span{font-size:.8rem;font-weight:650;padding-top:9px;color:#53645a}.item-purpose-buttons{display:flex;gap:5px;flex-wrap:wrap;flex:1;min-width:0}.item-purpose-buttons button{font-size:.8rem;padding:7px 10px;min-height:34px;border:1px solid #d9e2d9;border-radius:6px;background:#fff;color:#43584c}.item-purpose-buttons button[aria-pressed=true]{border-color:#718e78;background:#e7efe7;color:#214331;font-weight:650}.item-event-picker{font-size:.82rem;display:flex;align-items:center;gap:9px;flex-basis:100%;margin-bottom:3px}.item-event-picker select{padding:9px;min-height:40px;background:#fff;border:1px solid #c7d4ca;border-radius:7px;max-width:100%}
.item-search-context:empty{display:none}.item-search-context{font-size:.83rem;color:#53685b;display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:10px}.item-search-context button{padding:6px 9px;min-height:34px;font-size:.8rem;background:#f1f5ef;border:1px solid #c5d4c7;border-radius:7px}
.item-extra-filters{border-top:1px solid #e0e7df;border-bottom:1px solid #e0e7df;padding:11px 0;margin:8px 0 12px}.item-extra-filters>summary{font-size:.82rem;font-weight:600;cursor:pointer;width:fit-content}.item-extra-filters #item-extra-fields{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap;padding:14px 0 5px}.item-extra-filters label{display:flex;flex-direction:column;gap:6px;font-size:.82rem}.item-extra-filters select{border:1px solid #c5d3c7;border-radius:7px;background:white;font-size:.9rem;padding:9px;max-width:100%;min-height:40px}.item-extra-filters .skill-filter{padding:0;margin:0}.item-browser #shortcuts{display:none}.item-browser .results-meta{font-size:.82rem;margin:12px 0}.item-browser #clear{font-size:.8rem;padding:7px 10px}
.item-browser #results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:stretch}.item-browser #results>.result{display:flex;flex-direction:column;gap:0;min-width:0;background:white;border:1px solid #dce5dc;border-radius:12px;padding:15px;box-shadow:none}.item-browser .result:hover{border-color:#a2b5a5}.item-browser .result .item-main{align-items:center;gap:10px;width:100%;min-width:0}.item-browser .result .item-main>div{flex:1;min-width:0}.item-browser .result .open-item{font-size:.93rem;line-height:1.35;text-align:left;white-space:normal;overflow-wrap:anywhere;padding:0}.item-browser .result .sub{font-size:.73rem;margin-top:5px;line-height:1.35;color:#607166}.item-browser .result .item-save{font-size:1.45rem;line-height:1;border:0;background:transparent;color:#65776b;width:38px;min-width:38px;height:42px;min-height:42px;padding:0;align-self:flex-start}.item-browser .result .item-save[aria-pressed=true]{color:#956620}.item-browser .result .result-copy{margin:13px 0 12px;flex:1;min-width:0}.item-browser .result .brief{font-size:.83rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#536259;max-width:none}.item-card-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.item-browser .result .meta-right{display:flex;flex-direction:row;gap:4px;flex-wrap:wrap;align-items:center;text-align:left}.item-browser .result .meta-right:empty{display:none}.item-browser .result .tag{font-size:.69rem;padding:3px 6px}.item-browser .result .chest-card-action,.item-details-link{font-size:.76rem;line-height:1.35;font-weight:650;min-height:32px;margin:0;padding:5px 0;color:#315b47;border:0;background:transparent;text-align:left}.item-browser .empty{grid-column:1/-1;padding:38px 20px;text-align:center;background:#f2f6ef;border-radius:12px}.item-browser .empty h3{margin:0 0 9px}.item-browser .empty button{margin-top:8px}.item-browser button:focus-visible,.item-browser select:focus-visible,.item-browser input:focus-visible{outline:3px solid #91ae80;outline-offset:3px}
@media(max-width:1000px){.item-browser #results{grid-template-columns:repeat(2,minmax(0,1fr))}.item-browse-heading{flex-wrap:wrap}.item-sort{margin-bottom:12px}.item-browse-heading p{margin-bottom:0}}
@media(max-width:600px){.item-browser main{padding-left:16px;padding-right:16px}.item-browser #intro{font-size:.88rem;margin-bottom:17px}.item-sections{margin-bottom:17px}.item-sections button{padding:10px 12px;font-size:.86rem}.item-browse-heading{gap:10px}.item-browse-heading h2{font-size:1.2rem}.item-browse-heading p{font-size:.84rem}.item-sort select{font-size:16px}.item-purpose-row{gap:6px}.item-purpose-row>span{flex-basis:100%;padding:0}.item-purpose-buttons button{font-size:.76rem;min-height:38px;padding:7px 9px}.item-browser #results{grid-template-columns:1fr;gap:10px}.item-browser #results>.result{padding:13px}.item-browser .result .open-item{font-size:.94rem}.item-browser .result .result-copy{margin:9px 0 7px}.item-browser .result .brief{font-size:.83rem}.item-extra-filters #item-extra-fields{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}.item-extra-filters select{font-size:16px;width:100%}.item-browser .result .item-save{min-height:44px}.item-browser .result .chest-card-action,.item-details-link{min-height:40px}.item-event-picker{flex-wrap:wrap}}
.item-browser main{padding-top:24px}.item-browser #intro{margin:5px 0 16px}.item-browser .item-sections{margin-bottom:14px;padding-bottom:9px}.item-browse-heading h2{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.item-browse-heading p{margin:0 0 10px;font-size:.85rem}.item-browse-heading{align-items:center;margin-bottom:10px}.item-browser #search-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.item-browser .item-purpose-row{margin:10px 0}.item-browser .results-meta{margin:9px 0}.item-browser .results{border:0;background:transparent}.item-browser .item-extra-filters{padding:9px 0}.item-purpose-buttons #item-more-uses{border-color:transparent;background:transparent;text-decoration:underline;text-underline-offset:3px}.item-sort{font-size:.75rem}
@media(max-width:600px){.item-browser main{padding-top:18px}.item-browse-heading{flex-wrap:nowrap;gap:10px;align-items:flex-start}.item-browse-heading p{font-size:.79rem}.item-sort{flex-direction:column;align-items:flex-start;gap:3px;margin:0 0 7px}.item-sort select{font-size:14px;max-width:116px;padding:6px;min-height:36px}.item-purpose-buttons{gap:4px}.item-purpose-buttons button{font-size:.73rem;padding:6px 8px}.item-browser .item-main>.item-art{flex-shrink:0}}
.use-count{font-size:.7rem;opacity:.65;margin-left:3px;font-variant-numeric:tabular-nums}.item-purpose-buttons button{display:inline-flex;gap:3px;align-items:center}.item-chest-shortcuts{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:10px 0;font-size:.8rem}.item-chest-shortcuts[hidden]{display:none}.item-chest-shortcuts>span{font-weight:650;color:#53645a;margin-right:3px}.item-chest-shortcuts>button{min-height:36px;padding:6px 10px;font:inherit;border:1px solid #ccd9cf;border-radius:7px;background:white;color:#425b4b}.item-chest-shortcuts>button[aria-pressed=true]{background:#315b47;color:white;border-color:#315b47}.item-browser .result .sub{line-height:1.45}.item-browser .result .brief{-webkit-line-clamp:3}.item-browse-context{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;padding:12px 14px;background:#eff5ed;border:1px solid #d8e5d6;border-radius:10px;margin:0 0 16px}.item-browse-context span{font-size:.75rem;color:#596c5e}.item-browse-context p{font-size:.87rem;line-height:1.5;margin:3px 0;font-weight:600}.item-browse-context a{font-size:.8rem}.item-browse-context button{flex-shrink:0;min-height:40px;font-size:.8rem;padding:7px 10px;background:white;border:1px solid #b6c8b8;border-radius:7px}.item-browse-context button[aria-pressed=true]{color:#855b1c;border-color:#c4ab7d;background:#fff9ee}@media(max-width:600px){.use-count{font-size:.65rem}.item-chest-shortcuts button{min-height:40px;font-size:.76rem}.item-browse-context{padding:11px;gap:8px}.item-browse-context p{font-size:.8rem}.item-browse-context button{font-size:.76rem;padding:7px 9px}}
.item-event-controls{display:flex;gap:14px;flex-wrap:wrap;flex-basis:100%;align-items:flex-end}.item-event-controls .item-event-picker{flex:0 1 auto;display:flex;flex-direction:column;align-items:flex-start;gap:5px;margin:0}.item-event-controls select{max-width:100%;min-width:160px}.item-context-links{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.item-browse-context .item-event-link{border:0;background:transparent;padding:3px 0;min-height:32px;white-space:normal;flex-shrink:1;text-align:left;color:#315b47;font-size:.8rem;text-decoration:underline;text-underline-offset:3px}.item-after-note{border-top:1px solid #d8e5d6;padding-top:9px;margin-top:8px}.item-after-note strong{font-size:.76rem}.item-after-note p{font-size:.82rem;font-weight:400;margin-bottom:0}@media(max-width:600px){.item-event-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}.item-event-controls .item-event-picker{min-width:0}.item-event-controls select{min-width:0;width:100%;font-size:16px}.item-browse-context .item-event-link{min-height:40px}.item-after-note p{font-size:.8rem}}
/* Player controls: clear state, readable tap targets and compact resource choices. */
.item-search-input{position:relative;width:100%}.item-search-input #search{padding-right:46px}.item-search-input #item-clear-search{position:absolute;right:4px;top:4px;width:40px;min-height:40px;padding:0;border:0;background:transparent;font-size:23px;color:#53695a}.item-search-input #search::-webkit-search-cancel-button{display:none}
.item-active-filters{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin:3px 0 12px;font-size:.79rem}.item-active-filters:empty{display:none}.item-active-filters>span{color:#596c5f;margin-right:3px}.item-active-filters button{display:inline-flex;align-items:center;gap:10px;max-width:100%;min-height:34px;padding:5px 10px;background:#eaf1e7;border:1px solid #c8d9c6;border-radius:18px;font-size:.79rem}.item-active-filters button span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-active-filters button span:last-child{font-size:17px;line-height:1}
.item-browser .result:focus-within{border-color:#759381;box-shadow:0 0 0 1px #b5c9b5}.item-browser .result .item-card-footer{margin-top:auto}.item-browser .item-extra-filters>summary{min-height:32px;line-height:32px}.item-browser .item-extra-filters{padding:3px 0}.item-browser .more{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px 0}.item-browser .more p{font-size:.82rem;color:#58695f;margin:0}.item-browser #more{background:#315b47;color:white;border-color:#315b47;padding:10px 22px;min-height:44px}.item-browser #results .open-item{scroll-margin-top:140px}
.item-amount-picker{margin:18px 0 24px;padding:16px;border:1px solid #d3dfd1;border-radius:10px;background:#f7f9f4}.item-amount-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.item-amount-heading h3{margin:0;font-size:1rem}.item-amount-heading>span{font-size:.77rem;color:#5e6c62}.item-amount-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:6px}.item-amount-options button{font-size:.88rem;font-variant-numeric:tabular-nums;min-height:42px;padding:8px 6px;background:white;border:1px solid #c7d4c7}.item-amount-options button[aria-pressed=true]{background:#315b47;border-color:#315b47;color:#fff;font-weight:700}.item-amount-versions{margin-top:13px;border-top:1px solid #d8e2d5;padding-top:11px}.item-amount-versions summary{font-size:.8rem}.item-amount-versions p{font-size:.81rem;line-height:1.5;color:#55665b;margin:9px 0}.item-amount-versions label{display:flex;gap:9px;align-items:center;font-size:.8rem}.item-amount-versions select{font-size:.85rem;min-height:42px;min-width:0;max-width:100%}
@media(max-width:600px){.item-browser .item-sort select{font-size:16px;min-height:42px;max-width:130px}.item-active-filters button{min-height:38px}.item-browser .result .item-save{min-width:44px;width:44px}.item-browser .item-purpose-buttons button{min-height:40px}.item-browser #detail{width:calc(100% - 16px);max-height:94dvh}.item-browser .dialog-head{padding:11px;gap:9px}.item-browser .dialog-head h2{font-size:1.08rem}.item-browser #detail-body{padding:13px}.item-browser .item-browse-context{margin-bottom:13px}.item-amount-picker{padding:12px}.item-amount-options{grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:5px}.item-amount-options button{min-height:44px;font-size:.84rem}.item-amount-versions label{flex-direction:column;align-items:stretch}.item-amount-versions select{font-size:16px}.item-browser .item-browse-context #detail-title{overflow-wrap:anywhere}}
.item-mobile-purpose{display:none}@media(max-width:600px){.item-browser #intro{display:none}.item-browser .page-heading{margin-bottom:14px}.item-mobile-purpose{display:flex;align-items:center;gap:10px;flex:1;min-width:0;font-size:.8rem;font-weight:600}.item-mobile-purpose select{flex:1;min-width:0;min-height:44px;font-size:16px;font-weight:400;border:1px solid #c7d4ca;border-radius:7px}.item-purpose-row>.item-purpose-buttons,.item-purpose-row>span{display:none}.item-event-controls{order:-1}.item-browser .item-search-context{font-size:.78rem;margin-bottom:6px}.item-browser .item-chest-shortcuts{gap:5px}.item-chest-shortcuts>span{flex-basis:100%;font-size:.78rem}}