.item-picker-toolbar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:12px;background:var(--ui-bg-deep,#091b16);border:1px solid var(--ui-border-strong,#496454);border-radius:8px;margin-bottom:12px}
.item-picker-toolbar label{display:flex;flex-direction:column;gap:5px;color:var(--ui-text-dim,#a9bfb1);font-size:12px;min-width:0}.item-picker-search{grid-column:span 2}
.item-picker-toolbar input,.item-picker-toolbar select{box-sizing:border-box;width:100%;min-width:0;min-height:38px;background:var(--ui-surface,#172f26);border:1px solid var(--ui-border-strong,#536e5c);border-radius:5px;color:var(--ui-text,#f1e4c4);padding:5px 8px;font:inherit}
.item-picker-toolbar button{align-self:end}.item-picker-summary,.item-picker-pages{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;margin:8px 0;font-size:12px}.item-picker-pages{justify-content:flex-end}.item-picker-pages>span{margin-right:auto}
.item-picker-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding-top:12px}
.item-picker-card{display:flex;flex-direction:column;gap:9px;min-width:0;border:1px solid color-mix(in srgb,var(--item-color) 55%,var(--ui-border,#263e32));border-top:3px solid var(--item-color);border-radius:8px;background:linear-gradient(145deg,var(--ui-surface,#20372b),var(--ui-bg-deep,#0a1914));padding:12px;text-align:left;box-shadow:0 3px 8px #0003;overflow-wrap:anywhere}
.item-picker-card.is-equipped{box-shadow:inset 0 0 0 1px var(--ui-gold,#dfc776)}.item-picker-card header{display:flex;align-items:center;gap:10px;min-height:64px}.item-picker-card header>div{display:flex;flex-direction:column;gap:5px;min-width:0}.item-picker-card header strong{font-size:13px;line-height:1.3;color:var(--ui-text,#f1e5c4)}.item-picker-art{display:flex;align-items:center;justify-content:center;width:64px;height:64px;flex:0 0 64px}.item-picker-art>*{min-width:0}.item-picker-art img,.item-picker-art svg{max-width:100%;width:100%;height:100%;object-fit:contain;image-rendering:pixelated}.item-picker-rarity{color:var(--item-color);font-size:11px}.item-picker-selected{font-size:11px;color:var(--ui-gold)}
.item-picker-badges{display:flex;flex-wrap:wrap;gap:6px}.item-picker-badges>span{flex:1;padding:5px 7px;background:#ffffff07;border:1px solid #ffffff12;border-radius:4px;font-size:11px;color:var(--ui-text-dim,#aebeb4)}.item-picker-badges b{color:var(--ui-text,#ecdfba)}
.item-picker-stats{font-size:11px;font-variant-numeric:tabular-nums}.item-picker-stat{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(0,1.2fr);gap:5px;align-items:center;min-height:28px;border-bottom:1px solid #ffffff09}.item-picker-stat--single{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.item-picker-stat>span:first-child{display:flex;align-items:center;gap:4px}.item-picker-stat img{object-fit:contain;image-rendering:pixelated;flex-shrink:0}.item-picker-stat>span:not(:first-child),.item-picker-stat strong{text-align:right}.item-picker-stat.is-gain strong{color:var(--ui-teal,#78d7a1)}.item-picker-stat.is-loss strong{color:var(--ui-red,#f08a83)}.item-picker-stat.is-same strong{color:var(--ui-text-dim,#aebeb4)}
.item-picker-requirement,.item-picker-reason{font-size:12px;line-height:1.5;margin:0;color:var(--ui-text-dim)}.item-picker-card footer,.item-picker-summary footer{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto}.item-picker-card footer button{flex:1;min-width:0;white-space:normal;min-height:38px}.item-picker-empty{text-align:center;padding:24px}.item-equipment-picker button:focus-visible{outline:2px solid var(--ui-teal);outline-offset:2px}
@media(max-width:800px){.item-picker-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.item-picker-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:500px){.item-picker-grid{grid-template-columns:minmax(0,1fr)}.item-picker-toolbar{padding:8px;gap:8px}.item-picker-card{padding:10px}.item-picker-stat{font-size:12px}}

.pill-slot-card{margin:8px 0}.pill-slot-card .item-picker-card{max-width:100%}
.dtn-root-popover{width:600px;max-height:calc(100vh - 16px);overflow-y:auto}.dtn-root-popover .dtn-root-picker{grid-template-columns:repeat(2,minmax(0,1fr))}.dtn-root-popover .item-picker-card header{width:100%}.dtn-root-popover .item-picker-art{width:42px;height:42px;flex-basis:42px}.dtn-root-popover .item-picker-card [data-root-description]{white-space:normal}
@media(max-width:500px){.dtn-root-popover .dtn-root-picker{grid-template-columns:minmax(0,1fr)}}