/* Market and trades: plain server-rendered pages, no script. */
.mk-tabs { margin-bottom: 1rem; }
.alert-count { display: inline-block; min-width: 1.2rem; padding: 0 .35rem; border-radius: 99px; background: #f2b53f; color: #1a1100; font-size: .72rem; font-weight: 800; text-align: center; }
.mk-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 1.1rem; margin: 1rem 0; }
.mk-item { display: flex; flex-direction: column; gap: .5rem; min-width: 0; }
.mk-info { display: flex; flex-direction: column; align-items: center; gap: .3rem; }
.mk-info form { margin: 0; }
.mk-price { display: inline-flex; align-items: center; gap: .35rem; font-size: 1.05rem; }
.mk-price svg { width: 1.1rem; height: 1.1rem; }
.mk-price.gold { color: #f2b53f; }
.mk-price.gems { color: #6ad7ff; }
.mk-sell { max-width: 38rem; }
.mk-sell select, .mk-sell input { width: 100%; }
.tr-cols { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.tr-list { display: flex; flex-direction: column; gap: .25rem; max-height: 26rem; overflow-y: auto; margin-bottom: 1rem; }
.tr-row { display: flex; align-items: center; justify-content: space-between; gap: .6rem; padding: .35rem .5rem; border-radius: .5rem; background: rgba(255,255,255,.04); }
.tr-name { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tr-qty { display: flex; align-items: center; gap: .4rem; flex: none; }
.tr-qty input { width: 4rem; }
.rar-dot { display: inline-block; width: .6rem; height: .6rem; border-radius: 50%; margin-right: .4rem; background: currentColor; }
@media (max-width: 760px) { .tr-cols { grid-template-columns: minmax(0, 1fr); } }

/* World boss */
.wb-hero { display: grid; grid-template-columns: 11rem minmax(0, 1fr); gap: 1.2rem; align-items: start; }
.wb-art { aspect-ratio: 3/4; border-radius: .8rem; overflow: hidden; background: rgba(255,255,255,.06); display: grid; place-items: center; font-size: 3rem; }
.wb-art img { width: 100%; height: 100%; object-fit: cover; }
.wb-bar { height: 1.5rem; border-radius: 99px; background: rgba(255,255,255,.1); overflow: hidden; margin-bottom: .5rem; }
.wb-bar i { display: block; height: 100%; background: linear-gradient(90deg, #c0392b, #f2b53f); }
.wb-facts { margin: .8rem 0; padding-left: 1.1rem; display: grid; gap: .2rem; }
.wb-cols { display: grid; grid-template-columns: minmax(0, 3fr) minmax(0, 2fr); gap: 1rem; }
.wb-rewards { list-style: none; padding: 0; margin: 0 0 .8rem; display: grid; gap: .6rem; }
.wb-rewards li { padding: .5rem .7rem; border-radius: .5rem; background: rgba(255,255,255,.05); }
.wb-me td { background: rgba(242,181,63,.12); }
.wb-end { display: flex; flex-wrap: wrap; gap: .4rem; margin: .4rem 0; }
@media (max-width: 760px) { .wb-hero, .wb-cols { grid-template-columns: minmax(0, 1fr); } .wb-art { max-width: 9rem; } }
.wb-grid { display: grid; grid-template-columns: minmax(9rem, 1.4fr) repeat(3, minmax(4rem, .7fr)) minmax(7rem, 1.2fr) minmax(3.5rem, .5fr) minmax(5rem, .8fr); gap: .4rem; align-items: center; margin-bottom: .4rem; overflow-x: auto; }
.wb-grid input, .wb-grid select { width: 100%; min-width: 0; box-sizing: border-box; }
.wb-ranks input { width: 4.2rem; }
.wb-head { font-size: .72rem; text-transform: uppercase; letter-spacing: .05em; opacity: .7; }