.sk-page > .st-mood { margin-bottom: 14px; }
.sk-deskpanel { margin-bottom: 14px; padding: 0; overflow: hidden; container-type: inline-size; }
.sk-desk-head { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 16px; padding: 13px 16px; border-bottom: 1px solid var(--line-soft); }
.sk-name { display: flex; align-items: baseline; gap: 8px; min-width: 0; }
.sk-name > b { font-size: 21px; font-weight: 850; letter-spacing: 0.01em; }
.sk-name > span:not(.st-paused) { min-width: 0; overflow: hidden; color: var(--muted); font-size: 13.5px; font-weight: 700; white-space: nowrap; text-overflow: ellipsis; }
.sk-name .st-paused { margin-left: 0; }
.sk-quote { display: flex; align-items: baseline; gap: 8px; font-variant-numeric: tabular-nums; }
.sk-quote .st-bigprice { font-size: 21px; }
.sk-tf { flex: none; width: auto; }
.sk-tf button { flex: none; min-width: 40px; padding: 0 8px; }
.sk-desk { display: grid; grid-template-columns: minmax(0, 1fr); }
.sk-chartcol { display: flex; flex-direction: column; gap: 10px; min-width: 0; padding: 12px 8px 14px 14px; }
.sk-chartcol .st-canvas { height: 330px; }
.sk-strip { display: flex; flex-direction: column; gap: 6px; padding-right: 8px; }
.sk-facts { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 16px; font-size: 13px; font-variant-numeric: tabular-nums; }
.sk-facts > span { display: inline-flex; align-items: baseline; gap: 6px; }
.sk-facts small { color: var(--faint); font-size: 11.5px; font-weight: 800; letter-spacing: 0.04em; text-transform: uppercase; }
.sk-facts .coin { font-weight: 800; }
.sk-chip { padding: 2px 8px; border-radius: 999px; background: var(--surface-2); color: var(--muted); font-size: 11.5px; font-weight: 800; }
.sk-strip .st-blurb { margin: 0; font-size: 12.5px; }
.sk-ticket { display: flex; flex-direction: column; gap: 12px; min-width: 0; padding: 14px 16px 16px; border-top: 1px solid var(--line-soft); background: color-mix(in srgb, var(--bg) 35%, transparent); }
.sk-side { width: 100%; }
.sk-side button { flex: 1; }
.sk-form { gap: 12px; }
.sk-quick { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; }
.sk-go { width: 100%; height: 44px; }
.sk-limitrow { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 6px; }
.sk-ticket .st-field .seg { width: 100%; }
.sk-ticket .st-field .seg button { flex: 1; }
.sk-ticket .empty { padding: 18px 6px; }
@container (min-width: 660px) {
  .sk-desk { grid-template-columns: minmax(0, 1fr) clamp(270px, 36%, 320px); }
  .sk-ticket { border-top: 0; border-left: 1px solid var(--line-soft); }
}
.sk-lower .panel, .sk-sidehost .panel { container-type: inline-size; }
.sk-sidehost { display: flex; flex-direction: column; gap: 14px; }
.sk-board { display: flex; flex-direction: column; gap: 1px; }
.sk-row { display: grid; grid-template-columns: 78px minmax(0, 1fr) 84px 70px 70px; gap: 10px; align-items: center; width: 100%; padding: 8px 10px; border: 0; border-radius: 10px; background: none; color: var(--text); font: inherit; font-size: 13.5px; text-align: left; cursor: pointer; }
.sk-row:hover { background: rgba(255, 255, 255, 0.04); }
.sk-row.on { background: rgba(53, 214, 255, 0.1); box-shadow: inset 0 0 0 1px rgba(53, 214, 255, 0.4); }
.sk-row .st-price, .sk-row .st-chg { text-align: right; }
.sk-row.sk-thead { padding-top: 0; padding-bottom: 6px; border-bottom: 1px solid var(--line-soft); border-radius: 0; color: var(--faint); font-size: 11px; font-weight: 800; letter-spacing: 0.06em; text-transform: uppercase; cursor: default; }
.sk-row.sk-thead:hover { background: none; }
.sk-row.sk-thead > span:nth-child(n + 3) { text-align: right; }
.sk-board .st-group { padding: 12px 10px 4px; }
@container (max-width: 470px) {
  .sk-row { grid-template-columns: 64px minmax(0, 1fr) 72px 64px; gap: 8px; }
  .sk-row .sk-day { display: none; }
}
@container (max-width: 330px) {
  .sk-row { grid-template-columns: 60px 72px 64px; }
  .sk-row .st-name { display: none; }
}
.sk-holds { display: flex; flex-direction: column; }
.sk-hold { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; align-items: center; gap: 10px; padding: 7px 0; border-top: 1px solid var(--line-soft); font-variant-numeric: tabular-nums; }
.sk-hold:first-child { border-top: 0; }
.sk-hold-name { display: flex; flex-direction: column; align-items: flex-start; min-width: 0; padding: 0; border: 0; background: none; color: var(--text); font: inherit; text-align: left; cursor: pointer; }
.sk-hold-name b { font-size: 13.5px; }
.sk-hold-name small { max-width: 100%; overflow: hidden; color: var(--faint); font-size: 11.5px; white-space: nowrap; text-overflow: ellipsis; }
.sk-hold.on .sk-hold-name b { color: var(--accent); }
.sk-hold-val { display: flex; flex-direction: column; align-items: flex-end; font-size: 13px; }
.sk-hold-val small { font-size: 11.5px; }
.sk-orders .st-order:first-child, .sk-history .st-order:first-child { border-top: 0; }
.sk-lower .st-news .st-story:first-child { border-top: 0; }
@media (max-width: 900px) {
  .sk-chartcol .st-canvas { height: 260px; }
}
@media (max-width: 560px) {
  .sk-chartcol { padding: 10px 4px 12px 10px; }
  .sk-chartcol .st-canvas { height: 230px; }
  .sk-desk-head { padding: 12px; }
  .sk-tf { width: 100%; }
  .sk-tf button { flex: 1; min-width: 0; }
  .sk-ticket { padding: 12px; }
}

.mk-page .panel-head { flex-wrap: wrap; row-gap: 8px; }
.mk-tabs { display: flex; gap: 4px; margin: 0; padding: 3px; overflow-x: auto; border-radius: var(--r-sm); border: 1px solid var(--line-soft); background: color-mix(in srgb, var(--bg) 70%, var(--surface)); scrollbar-width: none; }
.mk-tabs::-webkit-scrollbar { display: none; }
.mk-tabs > button { display: flex; flex-direction: column; align-items: flex-start; gap: 1px; flex: none; padding: 6px 12px; border: 0; border-radius: 8px; background: transparent; color: var(--muted); font: inherit; text-align: left; cursor: pointer; transition: background-color 0.15s var(--ease), color 0.15s var(--ease); }
.mk-tabs > button b { font-size: 13.5px; font-weight: 750; }
.mk-tabs > button small { font-size: 11px; color: var(--faint); font-variant-numeric: tabular-nums; }
.mk-tabs > button:hover:not(.on) { color: var(--text); background: var(--hover); }
.mk-tabs > button.on { background: var(--surface-3); color: var(--text); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05) inset, 0 4px 12px -8px #000, 0 0 0 1px color-mix(in srgb, var(--sec, var(--accent)) 45%, transparent) inset; }
.mk-tabs .mk-tab-line { display: flex; align-items: baseline; gap: 6px; }
.mk-tabs .mk-tab-line .icon { align-self: center; }
.mk-tools { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.mk-tools .seg { width: auto; }
.mk-tools .pr-sort { width: auto; height: 38px; }
.pr-districts.mk-districts { display: grid; grid-template-columns: repeat(auto-fill, minmax(118px, 1fr)); gap: 6px; margin: 0 0 12px; }
.mk-districts[hidden] { display: none; }
.mk-districts .pr-district { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: baseline; column-gap: 8px; row-gap: 1px; padding: 7px 10px; border-radius: 11px; background: color-mix(in srgb, var(--bg) 35%, var(--surface-2)); }
.mk-districts .pr-dname { grid-column: 1 / -1; min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.mk-districts .pr-district b { font-size: 15px; }
.mk-districts .pr-dday { text-align: right; }
.mk-districts .pr-district.on { border-color: var(--accent); background: color-mix(in srgb, var(--accent) 12%, var(--surface-2)); box-shadow: none; }
.pr-grid.mk-grid { grid-template-columns: repeat(auto-fill, minmax(232px, 1fr)); gap: 8px; }
.mk-grid .pr-foot b { white-space: nowrap; }
.mk-grid .pr-card { background: color-mix(in srgb, var(--bg) 30%, var(--surface-2)); }
.mk-grid .pr-card.mine { background: color-mix(in srgb, var(--accent) 8%, var(--surface-2)); }
.mk-grid > .empty { grid-column: 1 / -1; }
.mk-side { display: flex; flex-direction: column; gap: 14px; min-width: 0; }
.mk-side .pr-owned { margin-top: 0; }
.mk-side .pr-owned-row:first-child, .mk-side .pr-news-row:first-child, .mk-side .pr-top-row:first-of-type { border-top: 0; }
.mk-side .pr-calls { border-color: color-mix(in srgb, var(--money) 40%, var(--line-soft)); }
.mk-herohost .hb-actions .btn { white-space: nowrap; }
@media (max-width: 560px) {
  .pr-districts.mk-districts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .pr-grid.mk-grid { grid-template-columns: minmax(0, 1fr); }
  .mk-tools { width: 100%; }
  .mk-tools .seg { flex: 1 1 200px; }
  .mk-tools .pr-sort { flex: 1 1 130px; }
}
.mk-sectors > button .icon { color: var(--pa, var(--muted)); }
.mk-sectors > button small.up { color: var(--up); }
.mk-sectors > button small.down { color: var(--down); }
.mk-sectors > button small { font-weight: 750; }

.cr-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 14px; align-items: start; }
.cr-grid > .cr-wide { grid-column: 1 / -1; }
.cr-grid > .panel.cx-card { gap: 10px; }
.cr-grid .panel-head { margin-bottom: 2px; }
.cr-title { display: inline-flex; align-items: center; gap: 8px; }
.cr-title .icon { width: 18px; height: 18px; color: var(--sec, var(--accent)); }
.cr-grid .cx-log { margin-top: 0; }
.cr-heat { display: inline-flex; align-items: center; gap: 10px; width: 100%; }
.cr-heat .cx-heat { flex: 1; max-width: 120px; }
.cr-hero.guarded .hb-icon { color: var(--up); border-color: color-mix(in srgb, var(--up) 45%, transparent); }
.cr-hero.watched { border-color: color-mix(in srgb, var(--down) 40%, var(--line-soft)); }
.cr-hero.jailed { border-color: color-mix(in srgb, var(--down) 55%, var(--line-soft)); }
.cr-hero .hb-stat.down small { color: color-mix(in srgb, var(--down) 70%, var(--faint)); }
.cx-page > .panel .cx-locked { padding: 26px 0; }
@media (max-width: 560px) {
  .cr-grid { grid-template-columns: minmax(0, 1fr); gap: 12px; }
}

.ss-page > .panel { margin-bottom: 14px; }
.ss-bar-top { margin-bottom: 14px; }
.ss-page .ss-rows { margin-bottom: 0; }
.ss-tierstat { display: inline-flex; align-items: baseline; gap: 5px; }
.ss-tierstat small { margin: 0; font-size: 13px; letter-spacing: 0; text-transform: none; }
.ss-herob .hb-actions { gap: 8px; }
.ss-page .ss-earn-row:first-child, .ss-page .ss-lead:first-child { border-top: 0; }
.ss-page .ss-track { grid-auto-columns: 112px; }
@media (max-width: 560px) {
  .ss-page .ss-track { grid-auto-columns: 92px; }
  .ss-herob .hb-actions { width: 100%; }
  .ss-herob .hb-actions > .btn-primary { margin-left: auto; }
}

.panel.ln-debt { border-color: color-mix(in srgb, var(--down) 45%, transparent); background: radial-gradient(120% 90% at 0% 0%, color-mix(in srgb, var(--down) 14%, transparent), transparent 60%), var(--sheen), var(--surface); }
.panel.ln-bankrupt { border-color: rgba(255, 123, 138, 0.35); background: #1d0b10; }
.ln-take { display: flex; flex-direction: column; gap: 12px; }
.ln-take > .panel-head { margin-bottom: 0; }
.ln-upto { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; }
.ln-page .ln-row:first-of-type, .ln-page .ln-bill:first-of-type .ln-row { border-top: 0; }
.ln-page .ln-figs { margin-bottom: 12px; }
.ln-hero.owing { border-color: color-mix(in srgb, var(--down) 40%, var(--line-soft)); }
.ln-hero.owing .hb-icon { color: var(--down); border-color: color-mix(in srgb, var(--down) 45%, transparent); }

.ct-shelves { display: flex; flex-direction: column; gap: 14px; }
.ct-shelves .panel .crate-grid { grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 10px; }
.ct-shelves .crate-tile { padding: 14px; background: color-mix(in srgb, var(--bg) 30%, var(--surface-2)); }
.ct-shelves .crate-art { height: 112px; }

.cp-hero { border-color: color-mix(in srgb, var(--accent-a) 35%, var(--line-soft)); }
.cp-hero::after { content: ""; position: absolute; inset: 0; background: repeating-linear-gradient(120deg, color-mix(in srgb, #fff 3%, transparent) 0 2px, transparent 2px 16px); pointer-events: none; }
.cp-hero > * { position: relative; z-index: 1; }
.cp-art { flex: none; display: grid; place-items: center; width: 92px; height: 80px; filter: drop-shadow(0 14px 20px color-mix(in srgb, var(--accent-a) 55%, transparent)); }
.cp-blurb { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin-top: 6px; }
.cp-blurb p { flex: 1 1 320px; margin: 0; color: var(--muted); font-size: 13.5px; max-width: 70ch; }
.cp-blurb .chip.secret { color: var(--accent-b); border-color: color-mix(in srgb, var(--accent-b) 40%, transparent); }
.cp-stage { container-type: inline-size; }
.cp-controls { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: 12px 16px; margin-top: 14px; }
.cp-count { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.cp-count .count-input { width: 92px; }
.cp-toggles { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 10px 16px; }
.cp-toggles .crate-sell { gap: 8px; }
.cp-buy { grid-column: 1 / -1; display: flex; align-items: center; gap: 12px; margin: 0; padding-top: 12px; border-top: 1px solid var(--line-soft); }
.cp-buy > span:first-child { margin-right: auto; }
.cp-buy .btn-lg { min-width: 180px; }
@container (max-width: 520px) {
  .cp-controls { grid-template-columns: minmax(0, 1fr); }
  .cp-toggles { justify-content: flex-start; }
  .cp-buy .btn-lg { flex: 1; min-width: 0; }
}
.cp-odds { display: flex; flex-direction: column; gap: 9px; }
.cp-odd { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: baseline; row-gap: 4px; column-gap: 8px; font-size: 13px; font-variant-numeric: tabular-nums; }
.cp-odd-name { color: var(--rar); font-weight: 800; }
.cp-odd b { font-weight: 800; }
.cp-odd-bar { grid-column: 1 / -1; height: 5px; border-radius: 999px; background: var(--surface-2); overflow: hidden; }
.cp-odd-bar i { display: block; height: 100%; background: var(--rar); transform-origin: left; }
.crate-page .ws-side .drop-feed { flex-direction: column; gap: 5px; max-height: 420px; }
.crate-page .ws-side .drop-feed .drop { height: auto; min-height: 30px; padding: 3px 10px 3px 4px; border-radius: 12px; }
.crate-page .ws-side .drop-feed .drop > span { min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; flex: 1; }
.crate-page .ws-side .drop-feed:empty::before { content: "—"; color: var(--faint); font-size: 13px; }
.crate-page > .panel { margin-top: 14px; }
@media (max-width: 560px) {
  .ct-shelves .panel { padding: 12px; }
  .ct-shelves .panel .crate-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  .ct-shelves .crate-tile { padding: 10px; gap: 8px; }
  .ct-shelves .crate-art { height: 88px; }
  .cp-blurb p { flex-basis: 100%; }
}

.bt-list { display: flex; flex-direction: column; gap: 8px; }
.bt-row { display: grid; grid-template-columns: minmax(0, 1fr) auto auto auto; align-items: center; gap: 14px; padding: 12px 14px; border-radius: 14px; border: 1px solid var(--line-soft); background: color-mix(in srgb, var(--bg) 30%, var(--surface-2)); }
.bt-info { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.bt-title, .bt-crates { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 6px; }
.bt-title b { margin-right: 2px; }
.bt-seats { display: flex; gap: 4px; }
.bt-seat-open { width: 26px; height: 26px; border-radius: 8px; border: 1px dashed var(--line); }
.bt-entry { text-align: right; font-variant-numeric: tabular-nums; }
.bt-page .panel { container-type: inline-size; }
.bt-page .ws-side .bt-title .chip:nth-child(n + 3) { display: none; }
.bt-page .round-banner { padding-top: 0; }
.bt-page .panel-head .bt-crates { font-size: 13px; }
.bt-page .battle-board .seat { background: color-mix(in srgb, var(--bg) 30%, var(--surface-2)); }
.bt-fair { margin-top: 14px; }
.bt-fair summary { cursor: pointer; font-weight: 800; font-size: 15px; }
.bt-hero.done .hb-tag { color: var(--up); background: color-mix(in srgb, var(--up) 14%, transparent); }
@container (max-width: 540px) {
  .bt-row { grid-template-columns: minmax(0, 1fr) auto; gap: 8px 10px; padding: 10px 12px; }
  .bt-row .bt-info { grid-column: 1 / -1; }
  .bt-row .bt-seats { grid-column: 1; }
  .bt-row .bt-entry { grid-column: 1; text-align: left; display: flex; align-items: center; gap: 8px; }
  .bt-row .bt-entry .label { margin: 0; }
  .bt-row > .btn { grid-column: 2; grid-row: 2 / span 2; }
}

.sh-page .hb-actions { flex: 1 1 260px; justify-content: flex-end; }
.sh-search { width: min(100%, 340px); }
.sh-filters { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.sh-filters > .tabs { flex: 1 1 0; min-width: min(100%, 380px); margin: 0; }
.sh-selects { display: flex; gap: 8px; margin-left: auto; }
.sh-selects .select { width: auto; }
.sh-page > .panel .grid.gauto > .empty { grid-column: 1 / -1; }
@media (max-width: 600px) {
  .sh-page .hb-actions { flex-basis: 100%; }
  .sh-search { width: 100%; }
  .sh-selects { width: 100%; margin-left: 0; }
  .sh-selects .select { flex: 1; }
}
@media (max-width: 600px) {
  .sh-page .hb-stats { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .sh-page .hb-stat { padding: 9px 10px; }
}

.dm-page .ws-side .panel:first-child { background: radial-gradient(100% 120% at 0% 0%, color-mix(in srgb, var(--accent) 14%, transparent), transparent 60%), var(--sheen), var(--surface); }
.dm-buyhost[hidden] { display: none; }
.dm-buyhost:empty, .dm-makehost:empty { display: none; }
.dm-row { gap: 14px; }
.dm-row .gem-big { width: 56px; height: 56px; }
.dm-row .gem-make-art { width: 56px; height: 56px; border-radius: 14px; }
.dm-row .gem-make-art .ctag { transform: scale(1.2); }
.dm-buy { align-items: stretch; width: 100%; margin-top: 12px; }
.dm-buyrow { display: flex; gap: 8px; }
.dm-buyrow .input { flex: none; }
.dm-buyrow .btn { flex: 1; }
.dm-buy > .btn { width: 100%; }
.dm-buy > .small { text-align: right; }
.dm-gems { display: inline-flex; align-items: center; gap: 6px; }
.dm-page .ws-main .grid.gauto > .empty { grid-column: 1 / -1; }
.dm-page .gem-colour { background: color-mix(in srgb, var(--bg) 30%, var(--surface-2)); }
@container (max-width: 700px) {
  .dm-page .ws-side { order: -1; }
}

.iv-page .hb-actions .btn { white-space: nowrap; }
.iv-selects .iv-search { width: 220px; }
.iv-wearhost:empty { display: none; }
.iv-wearing { margin-bottom: 12px; padding: 8px 10px; border-radius: 12px; background: color-mix(in srgb, var(--bg) 35%, var(--surface-2)); }
.iv-page > .panel .grid.gauto > .empty { grid-column: 1 / -1; }
@media (max-width: 600px) {
  .iv-selects .iv-search { width: auto; flex: 1 1 100%; }
  .iv-page .hb-stats { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .iv-page .hb-stat { padding: 9px 10px; }
}

.cf-page .hb-tabs .cf-seg { margin-bottom: 0; }
.panel.cf-bench { margin-bottom: 0; padding: 20px 16px 16px; border-color: color-mix(in srgb, var(--sec, var(--accent)) 25%, var(--line-soft)); background: radial-gradient(90% 120% at 50% 0%, color-mix(in srgb, var(--sec, var(--accent)) 12%, transparent), transparent 65%), var(--sheen), var(--surface); }
.cf-bench .cf-foot { padding-top: 12px; border-top: 1px solid var(--line-soft); }
.cf-page .ws-main .cf-grid > .empty { grid-column: 1 / -1; }
.cf-page .ws-side .cf-pool-list { max-height: 560px; }
@container (max-width: 700px) {
  .cf-page .ws-side .cf-pool-list { max-height: 240px; }
}

.au-page .panel-head .au-sort { height: 36px; }
.au-page .au-card { background: radial-gradient(100% 70% at 50% 0%, color-mix(in srgb, var(--rar) 12%, transparent), transparent 70%), color-mix(in srgb, var(--bg) 30%, var(--surface-2)); }
.au-page .au-grid { grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); }
@media (max-width: 560px) {
  .au-page .au-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  .au-page > .panel { padding: 12px; }
}
@media (max-width: 600px) {
  .au-page .hb-stats { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .au-page .hb-stat { padding: 9px 10px; }
}
.cr-hero .hb-stat .cx-clock { font-size: inherit; font-weight: inherit; color: inherit; }