.card--no-bg{background:transparent;border:none;padding:0;overflow:visible}
.sec{margin-top:12px}
.sec__title{margin:0 0 10px 0;font-size:18px;font-weight:800;color:var(--text)}
.sec__body{display:flex;flex-direction:column;gap:10px}

.itemhdr{display:flex;align-items:center;justify-content:center;gap:8px;padding-bottom:8px;margin-top:16px}
.itemhdr__icon{width:32px;height:32px;object-fit:cover;image-rendering:pixelated;flex-shrink:0}
.itemhdr__title{display:flex;align-items:center;gap:4px;font-size:2rem;margin:0;text-align:center;color:var(--accent);font-weight:700;line-height:1}
.itemhdr__title .muted{font-size:1.2rem;color:var(--muted);font-weight:400}

.itemmeta{display:grid;grid-template-columns:1fr;gap:12px}
@media (min-width:900px){.itemmeta{grid-template-columns:1fr 320px}}

.itemtblwrap{display:flex;justify-content:center;margin-top:5px;width:100%;box-sizing:border-box;max-width:100%}
.itemtbl{width:auto;margin:0 auto;border-collapse:collapse;box-shadow:0 4px 10px rgba(0,0,0,0.3);border-radius:10px;overflow:hidden;color:var(--text);background:var(--panel2);box-sizing:border-box;table-layout:fixed}
.itemtbl th,.itemtbl td{text-align:left;border-bottom:1px solid rgba(255,255,255,0.1);height:auto;min-height:32px;white-space:nowrap}
.itemtbl th{width:100px;background-color:var(--hover-bg2);text-align:right;padding-right:4px;padding-top:4px;padding-bottom:4px;font-weight:600;vertical-align:middle;color:var(--text)}
.itemtbl td{width:80px;background-color:var(--panel2);padding-left:4px;padding-top:4px;padding-bottom:4px;vertical-align:middle;color:var(--text)}
.itemtbl tr:last-child th,.itemtbl tr:last-child td{border-bottom:none}
.itemtbl tr:last-child .itemtbl__pic{border-bottom:none}
.itemtbl .td-wide{width:150px;padding-left:4px;padding-top:4px;padding-bottom:4px;white-space:normal;word-break:break-word}
.itemtbl td[colspan]{white-space:normal;word-break:break-word}
.itemtbl__pic{text-align:center;vertical-align:middle;padding:0;background-color:transparent;width:auto;border-bottom:none!important}
.itemtbl__picwrap{display:inline-block;vertical-align:middle}
.itemtbl__pic::before{content:'';display:inline-block;height:100%;vertical-align:middle}
.itemtbl__picimg{object-fit:contain;border-radius:12px;border:none;box-shadow:none;max-width:200px;max-height:200px;width:auto;height:auto;display:inline-block;vertical-align:middle}

@media (max-width:1024px){
  .itemtblwrap{display:block}
  .itemtbl{display:block;background:var(--panel2);border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,0.2);overflow:hidden;padding:8px 0}
  .itemtbl tbody{display:block}
  .itemtbl tr{display:block;margin:0}
  .itemtbl tr:first-child .itemtbl__pic{display:block;width:100%;padding:20px;background:transparent;text-align:center;border-bottom:1px solid rgba(255,255,255,0.1);margin-bottom:0;padding-bottom:12px}
  .itemtbl tr:not(:first-child) .itemtbl__pic{display:none}
  .itemtbl__picwrap{display:block}
  .itemtbl__pic::before{display:none}
  .itemtbl__picimg{display:block;margin:0 auto;max-width:180px;max-height:180px;border:none;box-shadow:none}
  .itemtbl th:not(.itemtbl__pic),.itemtbl td:not(.itemtbl__pic){display:inline-block;width:calc(50% - 2px);padding:8px 12px;border-bottom:1px solid rgba(255,255,255,0.1);text-align:left;vertical-align:middle;box-sizing:border-box;white-space:normal;word-break:break-word;line-height:1.4;margin:0}
  .itemtbl th:not(.itemtbl__pic){background:var(--hover-bg2);font-weight:600;width:calc(40% - 2px);color:var(--text);border-right:2px solid var(--border);flex-shrink:0}
  .itemtbl td:not(.itemtbl__pic){background:var(--panel2);width:calc(60% - 2px);color:var(--text)}
  .itemtbl th:empty,.itemtbl td:empty{display:none!important;width:0!important;padding:0!important;margin:0!important;border:none!important;overflow:hidden}
  .itemtbl th:empty + td:empty{display:none!important}
  .itemtbl tr{font-size:0}
  .itemtbl tr th:not(.itemtbl__pic),.itemtbl tr td:not(.itemtbl__pic){font-size:initial}
  .itemtbl td[colspan]{display:inline-block;width:calc(60% - 2px);white-space:normal;word-break:break-word}
  .itemtbl tr.itemtbl__row-element th:not(.itemtbl__pic){white-space:nowrap}
  .itemtbl tr.itemtbl__row-fullwidth th:not(.itemtbl__pic){width:100%!important;display:block!important;border-right:none;padding-bottom:4px;white-space:normal;vertical-align:top!important}
  .itemtbl tr.itemtbl__row-fullwidth td[colspan]{width:100%!important;display:block!important;padding-top:4px;vertical-align:top!important}
  .itemtbl tr:last-child th:not(.itemtbl__pic){width:100%!important;display:block!important;border-right:none;border-bottom:1px solid rgba(255,255,255,0.1);padding-bottom:4px;white-space:normal}
  .itemtbl tr:last-child td[colspan]{width:100%!important;display:block!important;padding-top:4px;border-bottom:none}
}
.itemtbl a{color:var(--accent);text-decoration:underline;font-weight:bold}
.itemtbl a:hover{color:var(--accent2);text-decoration:underline}
.itemtbl .link{color:var(--accent);text-decoration:underline;font-weight:bold}
.itemtbl .link:hover{color:var(--accent2);text-decoration:underline}
.itemtbl td[colspan]{width:auto}

.rt{line-height:1.35}
.rt__c{font-weight:700}
.rt__c--pos{color:var(--pos,var(--accent))}
.rt__c--neg{color:var(--neg,var(--accent2))}
.rt__c--warn{color:var(--warn,var(--accent))}
.rt__c--info{color:var(--info,var(--accent))}
.rt__c--muted{color:var(--muted)}
.rt__c--accent{color:var(--accent)}

.drop-section-content[data-section="drop"] .drop-view-list .od__sub,.drop-section-content[data-section="mvp_drop"] .drop-view-list .od__sub{font-size:15px;color:var(--accent);font-weight:600}

.cards{display:grid;grid-template-columns:1fr;gap:10px}
@media (min-width:720px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1100px){.cards{grid-template-columns:repeat(3,minmax(0,1fr))}}

.receipt-container{display:flex;flex-direction:column;gap:10px;margin-top:10px}
.receipt{display:flex;flex-direction:row;align-items:center;gap:20px;flex-wrap:wrap}
@media (max-width:768px){.receipt{flex-direction:column;align-items:stretch}}
.receipt-left{display:flex;flex-direction:column;min-width:200px;flex-shrink:0}
.receipt-right{display:flex;flex-wrap:wrap;gap:10px;flex:1;align-items:center;justify-content:flex-start}
.receipt-arrow{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:40px;height:40px;color:var(--muted)}
.receipt-arrow svg{width:100%;height:100%}
@media (max-width:768px){.receipt:not(.receipt-grid) .receipt-arrow{transform:rotate(90deg)}}

/* Grid view для крафта */
.receipt-view-grid{display:flex;flex-direction:column;gap:10px}
.receipt-view-grid .receipt-grid{flex-direction:row;align-items:center;gap:20px;padding:15px}
.receipt-left-grid{display:flex;flex-direction:column;flex-shrink:0}
.receipt-left-grid .objgrid{margin-top:0;width:auto;justify-content:flex-start}
.receipt-left-grid .objcard{min-width:130px;width:130px;max-width:130px}
.shop-view-grid .receipt-left-grid .objcard__chance--hidden{display:block;line-height:17px;padding-top:calc((17px + 2px) / 2);padding-bottom:calc((17px + 2px) / 2);margin-top:0;box-sizing:border-box}
.receipt-left-grid .objcard__img{width:48px;height:48px;object-fit:scale-down;object-position:center;image-rendering:pixelated;flex-shrink:0}
.receipt-right-grid{display:flex;flex:1;align-items:flex-start;justify-content:flex-start}
.receipt-right-grid .objgrid{margin-top:0;width:100%}
.receipt-view-grid .receipt-right-grid .objcard--zeny{cursor:default;pointer-events:none}
.receipt-view-grid .receipt-right-grid .objcard--zeny:hover{border-color:var(--border);background:var(--panel2)}
.shop-view-grid .receipt-view-grid .receipt-right-grid .objcard--zeny{justify-content:flex-start}
.shop-view-grid .receipt-view-grid .receipt-right-grid .objcard--zeny .objcard__img{flex-shrink:0}
.shop-view-grid .receipt-view-grid .receipt-right-grid .objcard--zeny .objcard__name:not(.objcard__name--hidden){margin-top:auto;flex-shrink:0}
.shop-view-grid .receipt-view-grid .receipt-right-grid .objcard--zeny .objcard__name--hidden{visibility:hidden;height:21.6px;margin:0;padding:0;line-height:1.2}
.shop-view-grid .receipt-view-grid .receipt-right-grid .objcard--zeny .objcard__meta--hidden{visibility:hidden;height:14px;margin:0;padding:0}
.shop-view-grid .receipt-view-grid .receipt-right-grid .objcard--zeny .objcard__chance--hidden{visibility:hidden;height:19px;margin:0;padding:0}
.receipt-view-grid .receipt-arrow{transform:none!important;align-self:center}
@media (max-width:768px){
  .receipt-view-grid .receipt-grid{flex-direction:column;align-items:stretch;padding:10px;gap:10px}
  .receipt-view-grid .receipt-arrow{transform:rotate(90deg)!important;margin:0}
  .receipt-view-grid .receipt-left-grid{align-items:center}
  .receipt-view-grid .receipt-left-grid .objgrid{justify-content:center}
  .receipt-view-grid .receipt-right-grid{align-items:flex-start;flex:none;margin:0;padding:0;width:100%;min-height:0}
  .receipt-view-grid .receipt-right-grid .objgrid{justify-content:center;margin:0;gap:8px;width:100%;min-height:0}
}

/* List view для крафта */
.receipt-view-list{display:flex;flex-direction:column;gap:10px}
.receipt-view-list .receipt{flex-direction:row;align-items:center;gap:20px}
.receipt-view-list .receipt-left{display:grid !important;grid-template-columns:repeat(auto-fit,minmax(140px,1fr)) !important;gap:10px !important;flex:0 1 auto;max-width:fit-content;align-items:stretch}
.receipt-view-list .receipt-right{flex:1;width:100%;display:block}
.receipt-view-list .receipt-right.receipt-ingredients-list{display:grid !important;grid-template-columns:repeat(auto-fit,minmax(200px,1fr)) !important;gap:10px !important;width:100% !important}
.receipt-view-list .receipt-arrow{transform:none}
.receipt-ingredients-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;width:100%}
.receipt-ingredients-list .od,.receipt-view-list .receipt-left .od{height:100%}
.receipt-ingredients-list .od__sprite,.receipt-view-list .receipt-left .od__sprite{width:48px;height:48px;flex-shrink:0}
.receipt-ingredients-list .od__img,.receipt-view-list .receipt-left .od__img{width:48px;height:48px;object-fit:scale-down;object-position:center;image-rendering:auto}
.receipt-ingredients-list .od__meta,.receipt-view-list .receipt-left .od__meta{display:flex;flex-direction:column;gap:2px}
.receipt-ingredients-list .od__name,.receipt-view-list .receipt-left .od__name{display:flex;align-items:baseline;gap:8px;font-size:16px}
.receipt-ingredients-list .od__id,.receipt-view-list .receipt-left .od__id{font-size:15px}
.receipt-ingredients-list .od__sub,.receipt-view-list .receipt-left .od__sub{font-size:15px;color:var(--accent);font-weight:600}
.receipt-view-grid .od__save-chance{display:none}
.receipt-ingredients-list .od__save-chance,.receipt-view-list .receipt-left .od__save-chance{font-size:14px;color:var(--accent);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;min-width:0;line-height:1.2}
.receipt-ingredients-list .od--zeny .od__sprite{display:flex;align-items:center;justify-content:center}
.receipt-ingredients-list .od--zeny .od__img{width:48px;height:48px;display:flex;align-items:center;justify-content:center;font-size:40px;line-height:1}
/* Used in receipts list view */
.drop-section-content[data-section="used_in_receipts"] .drop-view-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:10px;margin-top:0}
.drop-section-content[data-section="used_in_receipts"] .drop-view-list .od__sprite{width:48px;height:48px;flex-shrink:0}
.drop-section-content[data-section="used_in_receipts"] .drop-view-list .od__img{width:48px;height:48px;object-fit:scale-down;object-position:center;image-rendering:auto}
.drop-section-content[data-section="used_in_receipts"] .drop-view-list .od__meta{display:flex;flex-direction:column;gap:2px}
.drop-section-content[data-section="used_in_receipts"] .drop-view-list .od__name{display:flex;align-items:baseline;gap:8px;font-size:16px;white-space:nowrap}
.drop-section-content[data-section="used_in_receipts"] .drop-view-list .od__id{color:var(--muted);font-size:15px;font-weight:400;flex-shrink:0}
.drop-section-content[data-section="used_in_receipts"] .drop-view-list .od__sub{font-size:15px;color:var(--accent);font-weight:600}
@media (max-width:768px){
  .receipt-view-list .receipt{flex-direction:column;align-items:center}
  .receipt-view-list .receipt-arrow{transform:rotate(90deg);margin:10px 0}
  .receipt-view-list .receipt-left{min-width:auto;width:100%}
  .receipt-view-list .receipt-left .od{width:100%}
}
.rcp{display:grid;grid-template-columns:1fr;gap:10px;align-items:start}
@media (min-width:900px){.rcp{grid-template-columns:320px 40px 1fr 200px}}
.rcp__arrow{display:none}
@media (min-width:900px){.rcp__arrow{display:flex;align-items:center;justify-content:center;font-size:22px;color:var(--muted)}}
.rcp__ings{display:flex;flex-direction:column;gap:10px}
.rcp__note{padding:8px 10px;border:1px solid var(--border);border-radius:12px;background:var(--panel2)}

/* Shop styles */
.shop-section{display:flex;flex-direction:column;gap:10px;overflow:hidden}
.shop-section-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;gap:10px;flex-wrap:wrap;padding:14px;margin:-14px -14px 0 -14px;width:calc(100% + 28px);border-bottom:1px solid var(--border);background:var(--panel);position:relative;z-index:10;border-radius:12px 12px 0 0}
.shop-section-header .h2{margin:0;cursor:default;pointer-events:none;text-align:center;position:absolute;left:50%;transform:translateX(-50%);width:auto}
.shop-section-header .muted{flex-shrink:0;order:2;margin-right:10px}
.shop-section-header .drop-view-controls{flex-shrink:0;position:relative;z-index:20;order:3;display:flex;gap:4px;align-items:center}
.shop-container{display:flex;flex-direction:column;gap:10px;margin-top:10px}
.shop-container .objgrid{margin-top:0}

/* Barter receipt cards in shops - use same styles as craft receipts */
.shop-view-grid .receipt-container{flex:1}
.shop-view-grid .receipt-container .receipt-grid{background:var(--panel2);border-radius:12px;border:1px solid var(--border)}
.shop-view-list .receipt-container{flex:1;width:100%;display:flex;flex-direction:column;gap:10px}
.shop-view-list .receipt-container .receipt{background:var(--panel2);border-radius:12px;border:1px solid var(--border);padding:15px}
.shop-view-list .receipt-container .receipt-left{flex:0 0 250px;display:flex !important;overflow:hidden}
.shop-view-list .receipt-container .receipt-left .od__name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.shop-view-list .receipt-container .receipt-ingredients-list{grid-template-columns:repeat(auto-fill,minmax(200px,1fr)) !important;align-items:stretch}
.shop-view-list .receipt-container .receipt-ingredients-list .od__name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
@media (max-width:768px){.shop-view-list .receipt-container .receipt-left{flex:1 1 auto;min-width:0;max-width:none}}

/* Barter shops: original structure */
.shop{display:flex;flex-direction:row;align-items:center;gap:20px;flex-wrap:wrap}
.shop-view-list .shop{align-items:flex-start}
@media (max-width:768px){.shop{flex-direction:column;align-items:stretch}}
.shop-left{display:flex;flex-direction:column;min-width:200px;flex-shrink:0;gap:10px}
.shop-right{display:flex;flex-wrap:wrap;gap:10px;flex:1;align-items:center;justify-content:flex-start}
.shop-arrow{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:40px;height:40px;color:var(--muted)}
.shop-arrow svg{width:100%;height:100%}
@media (max-width:768px){.shop:not(.shop-grid) .shop-arrow{transform:rotate(90deg)}}

/* Grid view для shops */
.shop-view-grid{display:flex;flex-direction:column;gap:10px}
.shop-view-grid.is-hidden{display:none !important}
.shop.shop-grid{flex-direction:row;align-items:center;gap:20px}
.shop.shop-grid .objgrid{margin-top:0;flex-shrink:0}
.shop.shop-grid .objgrid:first-child{flex-shrink:0}
.shop.shop-grid .objgrid:last-child{flex:1}
.shop.shop-grid .objcard{min-width:130px}
.shop.shop-grid .objcard__img{width:48px;height:48px;object-fit:scale-down;object-position:center;image-rendering:pixelated;flex-shrink:0}
.shop-view-grid .shop-arrow{transform:none!important}

/* List view для shops */
.shop-view-list.is-hidden{display:none !important}
.shop-view-list .shop{flex-direction:row;align-items:flex-start;gap:20px;display:flex !important}
.shop-view-list .shop-left{display:flex;flex-direction:column;min-width:200px;flex-shrink:0;gap:10px}
.shop-view-list .shop-left .objcard{display:flex;flex-direction:column;align-items:center;gap:2px;padding:2px;text-align:center;min-width:130px;width:100%}
.shop-view-list .shop-left .objcard__img--npc{width:48px;height:48px;flex-shrink:0;margin:0 auto}
.shop-view-list .shop-left .objcard__name{font-size:18px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.shop-view-list .shop-left .objcard__meta{font-size:14px;text-align:center}
.shop-view-list .shop-right{flex:1;width:100%;display:block}
.shop-view-list .shop-right.shop-items-list{display:grid !important;grid-template-columns:repeat(auto-fit,minmax(300px,1fr)) !important;gap:10px !important;width:100% !important;will-change:contents}
.shop-view-list .shop-arrow{transform:none;align-self:center}
.shop-items-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:10px;width:100%}
.shop-items-list .od__sprite{width:48px;height:48px;flex-shrink:0}
.shop-items-list .od__img{width:48px;height:48px;object-fit:scale-down;object-position:center;image-rendering:auto}
.shop-items-list .od__meta{display:flex;flex-direction:column;gap:2px}
.shop-items-list .od__name{display:flex;align-items:baseline;gap:8px;font-size:16px}
.shop-items-list .od__id{font-size:15px}
.shop-items-list .od__sub{font-size:15px;color:var(--accent);font-weight:600}
.objcard--npc{text-align:center;position:relative;overflow:hidden}
.objcard--npc .objcard__img--npc{width:48px;height:48px;display:flex;align-items:center;justify-content:center;font-size:40px;line-height:1;margin:0 auto}
@media (max-width:768px){
  .shop-view-list .shop{flex-direction:column;align-items:stretch}
  .shop-view-list .shop-arrow{transform:rotate(90deg);margin:10px 0;align-self:center}
  .shop-view-list .shop-left{width:100%}
}

/* Zeny shops: simplified list view */
.shop-container.shop-view-list.shop-zeny{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:10px}
.shop-container.shop-view-list.shop-zeny .od__sprite{width:48px;height:48px;flex-shrink:0}
.shop-container.shop-view-list.shop-zeny .od__img{width:48px;height:48px;object-fit:scale-down;object-position:center;image-rendering:auto}
.shop-container.shop-view-list.shop-zeny .od__meta{display:flex;flex-direction:column;gap:2px}
.shop-container.shop-view-list.shop-zeny .od__name{display:flex;align-items:baseline;gap:8px;font-size:16px}
.shop-container.shop-view-list.shop-zeny .od__id{font-size:15px}
.shop-container.shop-view-list.shop-zeny .od__sub{font-size:15px;color:var(--accent);font-weight:600}

.charts{display:grid;grid-template-columns:1fr;gap:10px;margin-top:10px}
@media (min-width:900px){.charts{grid-template-columns:repeat(2,minmax(0,1fr))}}
.chart{border:1px solid var(--border);border-radius:12px;background:var(--panel2);padding:10px}
.chart__title{font-weight:900;margin:0 0 8px 0;color:var(--text)}
.chart__canvas{width:100%;height:180px;display:block;border-radius:10px;background:var(--panel)}
.chart-wrap{position:relative}
.chart-canvas{cursor:crosshair;position:relative}
.chart-overlay{position:absolute;top:0;left:0;right:0;bottom:0;cursor:crosshair;pointer-events:auto}
.chart-tooltip__title{font-weight:700;margin-bottom:4px}
.chart-tooltip__min{color:var(--chart_min)}
.chart-tooltip__max{color:var(--chart_max)}
.chart-tooltip__avg{color:var(--chart_avg)}
.chart-tooltip__footer{color:var(--muted);margin-top:4px;border-top:1px solid var(--border);padding-top:4px}
.chart__legend{display:flex;gap:16px;justify-content:center;margin-top:8px;font-size:12px}
.chart__legend-item{display:flex;align-items:center;gap:6px;color:var(--text)}
.chart__legend-color{width:16px;height:3px;border-radius:2px;display:inline-block;flex-shrink:0}
.chart__legend-item[data-series="min"] .chart__legend-color{background:var(--chart_min,#ef4444)}
.chart__legend-item[data-series="max"] .chart__legend-color{background:var(--chart_max,#10b981)}
.chart__legend-item[data-series="avg"] .chart__legend-color{background:var(--chart_avg,#3b82f6)}

.stack > .card:not(.card--no-bg){margin-top:8px}
.drop-section-wrapper.collapsed{padding-bottom:0;overflow:hidden;margin-bottom:0}
.stack > .card:not(.card--no-bg):not(.shop-section) .h2{text-align:center;margin-top:-14px;margin-bottom:16px;padding-top:14px;padding-bottom:14px;padding-left:14px;padding-right:14px;border-bottom:1px solid var(--border);background:var(--panel);margin-left:-14px;margin-right:-14px;width:calc(100% + 28px);position:relative;min-height:66px;display:flex;align-items:center;z-index:1;border-radius:12px 12px 0 0}
.drop-section-wrapper .h2{cursor:pointer}
.stack > .card:not(.card--no-bg):not(.shop-section) .h2 > span{text-align:center;position:absolute;left:50%;transform:translateX(-50%);pointer-events:none;white-space:nowrap;z-index:0}
.stack > .card:not(.card--no-bg):not(.shop-section) .h2 > .drop-controls{position:absolute;left:14px;right:14px;top:50%;transform:translateY(-50%);z-index:1;pointer-events:none;display:flex;justify-content:space-between;align-items:center;height:38px}
.stack > .card:not(.card--no-bg):not(.shop-section) .h2 > .drop-controls > *{pointer-events:auto}
.stack > .card:not(.card--no-bg):not(.shop-section) .h2 > .drop-view-controls{position:absolute;right:14px;top:50%;transform:translateY(-50%);z-index:1;pointer-events:auto;display:flex;gap:4px;align-items:center}

.objcard--mob{min-height:140px}
.objcard__img--zeny{font-size:48px;line-height:96px;display:flex;align-items:center;justify-content:center;width:96px;height:96px}
.od__img--zeny{font-size:24px;line-height:48px;display:flex;align-items:center;justify-content:center;width:48px;height:48px}
.objlist__item{display:flex;align-items:center;gap:10px;padding:10px 6px;border:1px solid var(--border);border-radius:12px;background:var(--panel2);text-decoration:none;color:var(--text);width:100%;min-width:0}
.objlist__item:hover{border-color:var(--border2);background:var(--hover-bg2);text-decoration:none;color:var(--text)}
.objlist__img{width:48px;height:48px;object-fit:scale-down;object-position:center;image-rendering:auto;flex-shrink:0}
.objlist__content{min-width:0;flex:1;display:flex;flex-direction:column;gap:2px}
.objlist__name{font-weight:600;white-space:normal;overflow:visible;text-overflow:clip;word-break:break-word;line-height:1.3;font-size:16px;display:flex;align-items:baseline;gap:8px}
.objlist__name .objlist__meta{color:var(--muted);font-size:15px}
.objlist__chance{color:var(--accent);font-size:15px;font-weight:600}

.drop-controls{display:flex;gap:4px;flex-shrink:0}
.drop-view-controls{display:flex;gap:4px;margin-left:auto}
.drop-view-btn.is-active{background:var(--hover-bg);color:var(--accent)}
.drop-toggle-btn.is-active{background:var(--hover-bg);color:var(--accent)}
.drop-toggle-arrow{transition:transform 0.2s}
.drop-section-wrapper.collapsed .drop-toggle-arrow{transform:rotate(180deg)}
.drop-section-wrapper.collapsed .drop-section-content{display:none !important}
.drop-section-wrapper.collapsed .h2{margin-bottom:0 !important;padding-bottom:14px;border-bottom:none !important;min-height:38px}
.drop-section-wrapper.collapsed{margin-bottom:0}
.drop-section-wrapper{position:relative}
.is-hidden{visibility:hidden;position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}
.is-visible{visibility:visible;position:static;width:auto;height:auto;overflow:visible;pointer-events:auto}
.drop-view-grid.is-hidden{display:none !important}
.drop-view-grid.is-visible{display:grid !important}
.drop-view-list.is-hidden{display:none !important}
.drop-view-list.is-visible{display:grid !important}
.receipt-view-grid.is-hidden,.receipt-container.receipt-view-grid.is-hidden{display:none !important}
.receipt-view-grid.is-visible,.receipt-container.receipt-view-grid.is-visible{display:flex !important}
.receipt-view-list.is-hidden,.receipt-container.receipt-view-list.is-hidden{display:none !important}
.receipt-view-list.is-visible,.receipt-container.receipt-view-list.is-visible{display:flex !important}
.is-lazy{opacity:0;transition:opacity 0.3s}
.is-lazy[data-lazy-loaded="true"]{opacity:1}
.receipt-title{font-weight:800;margin-bottom:6px}
.mob-table{width:100%;border-collapse:collapse}
.mob-table th,.mob-table td{text-align:left;padding:4px 8px}
.mob-table__damage--positive{color:green}
.mob-table__damage--negative{color:red}
.mob-stats-wrapper{position:relative}

/* Monster details table styles */
#monster-info{margin-top:0}
.monster-header-container{text-align:center;margin-bottom:15px}
.monster-header h1{margin:0;font-size:24px;font-weight:700;color:var(--text)}
.monster-details{width:100%;border-collapse:collapse;background:var(--panel2);border-radius:12px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.2)}
.monster-details th,.monster-details td{text-align:left;padding:8px 12px;border-bottom:1px solid var(--border);vertical-align:top}
.monster-details th{background:var(--hover-bg2);font-weight:600;color:var(--text);width:120px}
.monster-details td{background:var(--panel2);color:var(--text)}
.monster-details tr:last-child th,.monster-details tr:last-child td{border-bottom:none}
.monster-details tr.monster-row-level th,.monster-details tr.monster-row-level td{vertical-align:top!important;height:auto!important;max-height:none!important}
.monster-details tr.monster-row-level td:first-child{vertical-align:top!important}
.sprite-cell{text-align:center;vertical-align:middle;position:relative;padding:0}
.monster-stats-cell{padding:0;vertical-align:top;border-bottom:none}
.monster-stats-cell .stat-table{width:100%;border-collapse:collapse}
.stat-table tr.stat-table__row-last th,.stat-table tr.stat-table__row-last td{border-bottom:none}
.monster-sprite-wrapper{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:200px;border-radius:12px;border:1px solid var(--border);background:var(--panel2)}
.monster-sprite-wrapper.objcard--mob-mini{border-width:2px;border-color:var(--mini);box-shadow:var(--mini-shadow)}
.monster-sprite-wrapper.objcard--mob-mvp{border-width:2px;border-color:var(--mvp);box-shadow:var(--mvp-shadow)}
.monster-sprite-wrapper.objcard--mob-summon::before{content:'';position:absolute;inset:0;border-radius:inherit;background:var(--summon-gradient);pointer-events:none;z-index:0}
.monster-sprite-wrapper .objcard__frame-label{position:absolute;top:8px;right:8px;z-index:1;font-size:11px;font-weight:700;line-height:1;text-transform:uppercase;letter-spacing:.05em;opacity:.95}
.monster-sprite-wrapper.objcard--mob-mini .objcard__frame-label{color:var(--mini-accent)}
.monster-sprite-wrapper.objcard--mob-mvp .objcard__frame-label{color:var(--mvp-accent)}
.monster-sprite-wrapper .objcard__summon-label{position:absolute;top:8px;left:8px;z-index:1;font-size:10px;font-weight:700;line-height:1;text-transform:uppercase;letter-spacing:.05em;color:var(--summon);opacity:.95}
.monster-sprite-wrapper .objcard__img-wrapper{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:8px}
.monster-sprite-wrapper .objcard__img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;image-rendering:auto;display:block}
.element-damage{vertical-align:top;padding:8px 12px;border-bottom:none}
#mob-mods{border-bottom:none}
.element-damage-table{width:100%;border-collapse:collapse}
.element-damage-table th,.element-damage-table td{padding:4px 8px;text-align:left}
.element-column{font-weight:600;width:80px}
.damage-column{color:var(--text)}
.element-damage-table .damage-column-good{color:green!important;font-weight:600}
.element-damage-table .damage-column-bad{color:red!important;font-weight:600}
.mob-mods-list{margin:0;padding-left:20px;list-style-type:disc}
.mob-mode-item{margin:2px 0;color:var(--text)}
.item-list-grid{list-style-type:disc;margin:0;padding-left:20px;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,max-content));gap:4px 16px}
.row--mt{margin-top:12px}
.map-big-sprite{text-align:center}
.map-header{display:flex;align-items:center;justify-content:center;gap:15px;padding-bottom:8px}
.map-title{font-size:2rem;margin:0;text-align:center;color:var(--accent)}
.od__row--wrap{flex-wrap:wrap;min-width:0}
.od__chance--accent{color:var(--accent);font-weight:bold}
.od__chance--accent.wrap{white-space:normal;word-wrap:break-word;min-width:0;flex:1 1 auto}
.objcard--npc:not([data-navi]){cursor:default;pointer-events:none}

@media (min-width:1025px){
  .monster-details-mobile{display:none!important}
  .monster-mods-row-mobile,.monster-element-row-mobile{display:none!important}
}

@media (max-width:1024px){
  .monster-details-desktop{display:none!important}
  .monster-details-mobile{display:table!important;width:100%;background:var(--panel2);border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,0.2);overflow:hidden;padding:8px 0}
  .monster-details-mobile tbody{display:flex;flex-direction:column}
  .monster-details-mobile tr{display:flex;flex-direction:row;width:100%}
  .monster-details-mobile tr:first-child{display:block}
  .monster-details-mobile tr:first-child .sprite-cell{display:block;width:100%;padding:20px;background:transparent;text-align:center;border-bottom:1px solid var(--border);margin-bottom:0;padding-bottom:12px;padding-top:8px}
  .monster-details-mobile th{display:inline-block;width:calc(40% - 2px);padding:8px 12px;border-bottom:1px solid var(--border);text-align:left;vertical-align:middle;box-sizing:border-box;white-space:normal;word-break:break-word;line-height:1.4;margin:0;background:var(--hover-bg2);font-weight:600;color:var(--text);border-right:2px solid var(--border)}
  .monster-details-mobile td{display:inline-block;width:calc(60% - 2px);padding:8px 12px;border-bottom:1px solid var(--border);text-align:left;vertical-align:middle;box-sizing:border-box;white-space:normal;word-break:break-word;line-height:1.4;margin:0;background:var(--panel2);color:var(--text)}
  .monster-details-mobile td.element-damage{display:inline-block!important;width:calc(60% - 2px)!important;padding:0!important;border-bottom:1px solid var(--border)!important;vertical-align:top!important}
  .monster-details-mobile .element-damage-table{display:flex!important;flex-direction:column!important;width:100%!important}
  .monster-details-mobile .element-damage-table tr{display:flex!important;flex-direction:row!important;width:100%!important}
  .monster-details-mobile .element-damage-table th,.monster-details-mobile .element-damage-table td{display:block!important;white-space:nowrap!important}
  .monster-details-mobile .element-damage-table .element-column{width:50%!important;flex-shrink:0!important;text-align:right!important}
  .monster-details-mobile .element-damage-table td:not(.element-column){width:50%!important;flex-shrink:0!important;text-align:left!important;padding-right:0!important}
  .monster-details-mobile .element-damage-table .damage-column-good{color:green!important;font-weight:600!important}
  .monster-details-mobile .element-damage-table .damage-column-bad{color:red!important;font-weight:600!important}
  .monster-details-mobile .mob-mods-list{list-style:none;padding-left:0;margin:0;display:block}
  .monster-details-mobile .mob-mode-item{margin:2px 0;color:var(--text);position:relative;padding-left:12px;display:inline-block;white-space:nowrap}
  .monster-details-mobile .mob-mode-item:not(:last-child){margin-right:16px}
  .monster-details-mobile .mob-mode-item::before{content:"•";position:absolute;left:0;color:var(--text)}
}