.item-art {--item-art:url(/item-icons/backpack.svg);display:inline-block;position:relative;flex:none;width:56px;height:56px;border:1px solid color-mix(in srgb,var(--gold) 25%,var(--line));border-radius:14px;background:radial-gradient(ellipse at 30% 0%,color-mix(in srgb,var(--gold) 12%,transparent),transparent),var(--soft);color:var(--green);vertical-align:middle}
.item-art:before {content:'';position:absolute;inset:10px;background:currentColor;mask-image:var(--item-art);mask-size:contain;mask-position:center;mask-repeat:no-repeat;mask-mode:luminance;-webkit-mask-image:var(--item-art);-webkit-mask-size:contain;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat}
.inventory-owners {display:flex;flex-wrap:wrap;gap:9px;margin:0 0 22px}
.inventory-owners .btn {padding:7px 12px 7px 7px;gap:9px}
.inventory-owners .avatar {width:25px;height:29px;border-radius:6px;font-size:19px}
.inventory-summary {display:flex;gap:18px;align-items:center;padding:23px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(120deg,color-mix(in srgb,var(--gold) 6%,transparent),transparent),var(--surface);margin-bottom:24px}
.inventory-seal {width:52px;height:58px;display:grid;place-items:center;border:1px solid var(--line);border-radius:24px 24px 12px 12px;color:var(--gold);background:var(--paper)}
.inventory-seal .ui-icon {width:27px;height:27px}
.inventory-summary h3 {font:27px var(--serif);margin:4px 0}
.inventory-summary p {font-size:var(--text-11);color:var(--muted)}
.inventory-summary>.badge {margin-left:auto}
.inventory-filters,.icon-picker-filters {display:grid;grid-template-columns:1fr 210px;gap:14px;margin-bottom:24px}
.inventory-filters label,.icon-picker-filters label {font-size:var(--text-11);color:var(--muted)}
.inventory-grid {display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,290px),1fr));gap:18px}
.inventory-card {min-width:0;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--surface);box-shadow:var(--shadow-soft);transition:border-color .2s,box-shadow .2s}
.inventory-card:hover {border-color:color-mix(in srgb,var(--green) 45%,var(--line));box-shadow:var(--shadow-raised)}
.inventory-card-main {position:relative;display:flex;gap:16px;align-items:flex-start;width:100%;padding:22px;text-align:left;background:transparent;flex:1}
.inventory-card-main>.item-art {width:72px;height:80px;border-radius:17px}
.inventory-card-main>.item-art:before {inset:13px}
.inventory-card-text {display:flex;flex-direction:column;gap:9px;min-width:0;flex:1;padding-right:12px}
.inventory-card-text .eyebrow {font-size:var(--text-8);letter-spacing:1px;padding-right:12px}
.inventory-card-text>strong {font:23px/1.15 var(--serif);overflow-wrap:anywhere}
.inventory-description {font-size:var(--text-12);line-height:1.8;color:var(--muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.inventory-traits {font-size:var(--text-10);line-height:1.7;padding:8px 10px;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.inventory-quantity {position:absolute;right:14px;top:12px;background:var(--paper);border:1px solid var(--line);font-size:var(--text-10);border-radius:20px;padding:3px 7px}
.inventory-card-footer {display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid var(--line);padding:9px 15px;background:color-mix(in srgb,var(--paper) 55%,var(--surface));font-size:var(--text-10);min-height:52px}
.item-property-badge {color:var(--green);font-size:var(--text-10)}
.inventory-card-footer .btn {font-size:var(--text-10);min-height:31px;padding:6px 9px}
.inventory-pagination {display:flex;align-items:center;justify-content:center;gap:16px;margin-top:22px;font-size:var(--text-11);color:var(--muted)}
.inventory-pagination .btn {min-width:38px}
.icon-credits {font-size:var(--text-10);line-height:1.8;color:var(--muted);margin:20px 0 0;overflow-wrap:anywhere}
.icon-credits a {color:inherit;text-decoration:underline;text-underline-offset:3px}
.inventory-mini .item-art {width:35px;height:35px;border-radius:9px}
.inventory-mini .item-art:before {inset:6px}
.dossier-items .item-art {width:40px;height:40px;border-radius:10px}
.dossier-items .row strong {flex:1}
.proposal-item-art {width:70px;height:70px;margin-top:18px}
dialog[data-kind=item-sheet] {width:min(820px,calc(100vw - 32px))}
.item-dossier {display:grid;grid-template-columns:220px minmax(0,1fr);gap:30px;align-items:start}
.item-dossier-art {display:flex;flex-direction:column;gap:20px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:25px 20px}
.item-dossier-art>.item-art {width:170px;height:190px;border:0;background:transparent}
.item-dossier-art>.item-art:before {inset:8px}
.item-dossier-copy {min-width:0}
.item-dossier-copy section {margin:20px 0}
.item-dossier-copy h3 {font-size:var(--text-12);color:var(--green);margin-bottom:9px}
.item-dossier-copy section>p {font:17px/1.85 var(--serif);white-space:pre-wrap;overflow-wrap:anywhere}
.item-dossier-copy section>small {display:block;font-size:var(--text-10);margin-top:13px;line-height:1.7;color:var(--muted)}
.item-count {display:flex;align-items:baseline;gap:9px;margin:12px 0;color:var(--green)}
.item-count strong {font:40px var(--serif)}
.item-count span {font-size:var(--text-11)}
.item-preview {display:flex;align-items:center;gap:22px;border:1px solid var(--line);border-radius:17px;padding:22px;background:var(--surface)}
.item-preview>.item-art {width:94px;height:108px;border-radius:19px}
.item-preview>.item-art:before {inset:15px}
.item-preview>div {display:flex;flex-direction:column;gap:8px;min-width:0;align-items:flex-start}
.item-preview strong {font:25px/1.15 var(--serif);overflow-wrap:anywhere}
.item-preview small {font-size:var(--text-11);color:var(--muted)}
.item-preview .btn {padding:5px 0;font-size:var(--text-10);min-height:28px}
.icon-picker {border:1px solid var(--line);border-radius:14px;padding:16px;background:var(--surface);min-width:0}
.icon-picker summary {cursor:pointer;font-size:var(--text-12);color:var(--green);font-weight:600;line-height:1.8}
.icon-picker summary>span {float:right;color:var(--muted);font-size:var(--text-10);letter-spacing:1px}
.icon-picker>.field-note {margin:12px 0 16px}
.icon-picker-filters {grid-template-columns:1fr 180px;margin:0 0 16px}
.icon-choice-grid {display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-top:10px}
.icon-choice {border:1px solid var(--line);border-radius:10px;padding:7px 4px;display:flex;flex-direction:column;align-items:center;gap:6px;background:var(--paper);min-width:0;min-height:82px}
.icon-choice>.item-art {width:38px;height:38px;background:transparent;border:0;border-radius:0}
.icon-choice>.item-art:before {inset:2px}
.icon-choice>span:last-child {max-width:100%;font-size:var(--text-8);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.icon-choice:hover {border-color:var(--green);background:var(--hover)}
.icon-choice[aria-pressed=true] {background:var(--soft);border-color:var(--green);box-shadow:0 0 0 2px color-mix(in srgb,var(--green) 15%,transparent)}
@media(max-width:640px) {
  .inventory-summary {padding:18px;gap:12px}
  .inventory-summary h3 {font-size:23px}
  .inventory-summary .badge {font-size:var(--text-8)}
  .inventory-summary .eyebrow {font-size:var(--text-8)}
  .inventory-seal {width:40px;height:48px;flex:none}
  .inventory-filters,.icon-picker-filters {grid-template-columns:1fr;gap:12px}
  .inventory-grid {grid-template-columns:1fr;gap:14px}
  .inventory-card-main {padding:20px 17px;gap:13px}
  .inventory-card-main>.item-art {width:65px;height:74px}
  .inventory-card-text>strong {font-size:24px}
  .inventory-card-footer .btn {min-height:38px}
  dialog[data-kind=item-sheet] {width:calc(100vw - 20px)}
  .item-dossier {grid-template-columns:1fr;gap:22px}
  .item-dossier-art {padding:18px}
  .item-dossier-art>.item-art {width:130px;height:150px}
  .item-dossier-copy section>p {font-size:var(--text-16)}
  .item-preview {padding:16px;gap:15px}
  .item-preview>.item-art {width:68px;height:84px}
  .item-preview>.item-art:before {inset:10px}
  .item-preview strong {font-size:22px}
  .item-preview .eyebrow {font-size:var(--text-8);letter-spacing:1px}
  .icon-picker {padding:13px}
  .icon-picker summary {font-size:var(--text-11)}
  .icon-choice-grid {grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
  .icon-choice {min-height:75px}
}