/*
 * Pelagos — bazaar group (player bazaar + gaming night).
 * Every selector is namespaced .ss-bz-* / .ss-gn-* because part files load on every page.
 */

/* ---------------------------------------------------------------- item plate (Minecraft tooltip)
   Item names and lore arrive as HTML with Minecraft § colours (aqua, yellow, white…) that only read on a dark
   ground, so they always sit on this plate — in light, dark, bone and ink bands alike. */
.ss-bz-plate {
	--plate-bg: color-mix(in oklab, var(--ss-ink) 88%, var(--ss-tone-plum));
	--plate-line: color-mix(in oklab, var(--ss-tone-plum) 72%, var(--ss-paper) 14%);
	display: block; position: relative; background: var(--plate-bg); color: var(--ss-paper); padding: .7rem .85rem .75rem;
	box-shadow: inset 0 0 0 2px var(--plate-line);
	border-radius: 12px;
	overflow-wrap: anywhere;
}
[data-bs-theme="dark"] .ss-bz-plate, .band-ink .ss-bz-plate { --plate-bg: color-mix(in oklab, color-mix(in oklab, var(--ss-ink) 70%, black) 86%, var(--ss-tone-plum)); }
.ss-bz-plate-name { display: block; font-family: var(--ss-display); font-weight: 800; font-size: 1.11rem; line-height: var(--ss-display-lh); letter-spacing: -.02em; }
.ss-bz-plate-name span[style*="bold"] { font-weight: 900 !important; }
/* the darkest § colours (dark red, dark blue, dark grey) are lifted a little so they stay legible on the plate */
.ss-bz-plate span[style*="color"] { filter: brightness(1.3); }
.ss-bz-ench { list-style: none; margin: .55rem 0 0; padding: 0; display: grid; gap: .1rem; font-size: .92rem; font-weight: 600; color: color-mix(in oklab, var(--ss-paper) 66%, transparent); }
.ss-bz-lore { margin-top: .6rem; padding-top: .55rem; border-top: 1px solid color-mix(in oklab, var(--ss-paper) 10%, transparent); font-size: .92rem; font-weight: 500; line-height: 1.5; }
.ss-bz-tag { display: inline-block; max-width: 100%; padding: .28rem .6rem .3rem; font-family: var(--ss-font); font-weight: 700; font-size: .9rem; line-height: 1.25; vertical-align: middle; }
.ss-bz-tag.ss-bz-plate { box-shadow: inset 0 0 0 1.5px var(--plate-line); border-radius: 999px; }
.ss-bz-cmd { display: inline-block; padding: .05rem .4rem; border-radius: var(--ss-r-xs); background: var(--band-sunk); color: var(--band-fg); font-weight: 700; white-space: nowrap; }

/* ---------------------------------------------------------------- item icon (stack count + durability bar) */
.ss-bz-icon { position: relative; display: block; width: 46%; aspect-ratio: 1; transition: transform .35s var(--ss-ease); }
.ss-product-media .ss-bz-icon img, .ss-bz-icon img { width: 100%; height: 100%; object-fit: contain; image-rendering: pixelated; filter: drop-shadow(0 16px 12px rgba(0, 0, 0, .35)); transform: none; }
.ss-product:hover .ss-product-media .ss-bz-icon img { transform: none; }
.ss-product:hover .ss-bz-icon { transform: translateY(-6px) scale(1.05); }
.ss-bz-count { position: absolute; right: -4%; bottom: -2%; font-family: var(--ss-display); font-weight: 800; font-size: clamp(1.11rem, .74rem + .888vw, 1.628rem); line-height: 1; color: var(--ss-paper); text-shadow: .12em .12em 0 rgba(0, 0, 0, .55); font-variant-numeric: tabular-nums; }
.ss-bz-dura { position: absolute; left: 8%; right: 8%; bottom: -14%; height: 7px; background: rgba(0, 0, 0, .55); }
.ss-bz-dura::after { content: ""; position: absolute; left: 0; top: 0; bottom: 2px; width: var(--dura, 100%); background: var(--ss-live); }
.ss-bz-dura.is-mid::after { background: var(--ss-warning); }
.ss-bz-dura.is-low::after { background: var(--ss-danger); }

/* ---------------------------------------------------------------- listing card */
.ss-bz-card .ss-product-media { aspect-ratio: 5 / 4; }
.ss-bz-card .ss-product-body { padding-top: 1rem; }
.ss-bz-card-when { display: inline-flex; align-items: center; gap: .35rem; font-size: .8rem; font-weight: 700; color: var(--band-muted); margin-bottom: .5rem; }
.ss-bz-card .ss-bz-plate { margin-bottom: 1rem; }
.ss-bz-card .ss-bz-plate-name { font-size: 1.4rem; }
.ss-bz-credits { }
.ss-bz-card .ss-product-price .ss-price { font-size: 1.295rem; }

/* ---------------------------------------------------------------- server tiles (bazaar index) */
.ss-bz-servers { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 1rem; }
.ss-bz-server { min-height: 340px; }
.ss-bz-server::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 4px; background: var(--ss-accent); transform: scaleX(0); transform-origin: left; transition: transform .3s var(--ss-ease); }
.ss-bz-server:hover::after, .ss-bz-server:focus-visible::after { transform: scaleX(1); }
.ss-bz-server .ss-mode-body { padding: 1.4rem 1.4rem 1.5rem; }
.ss-bz-server .ss-mode-name { font-size: 1.85rem; }
.ss-bz-server-go { display: flex; align-items: center; justify-content: space-between; gap: .75rem; margin-top: 1.1rem; padding-top: .9rem; border-top: 1px solid rgba(244, 240, 232, .16); font-weight: 700; font-size: .92rem; }
.ss-bz-server-go .ss-tile-go { width: 36px; height: 36px; font-size: 1.1rem; }
.ss-bz-server:hover .ss-tile-go { background: var(--ss-accent); color: var(--ss-on-accent); }

/* ---------------------------------------------------------------- how-it-works strip */
.ss-bz-steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.ss-bz-step { padding: 1.5rem 1.6rem 1.6rem; display: flex; gap: 1rem; align-items: flex-start; }
.ss-bz-step + .ss-bz-step { border-left: 1px solid var(--band-card-line); }
.ss-bz-step-ico { width: 44px; height: 44px; flex: none; display: grid; place-items: center; background: var(--ss-accent); color: var(--ss-on-accent); font-size: 1.35rem; border-radius: 14px; box-shadow: inset 0 -4px 0 rgba(0, 0, 0, .16), inset 0 2px 0 rgba(255, 255, 255, .22); }
.ss-bz-step h3 { font-size: 1.05rem; font-weight: 700; margin: .15rem 0 .35rem; }
.ss-bz-step p { color: var(--band-muted); font-size: .93rem; margin: 0; }
.ss-bz-steps-head { display: flex; align-items: center; justify-content: space-between; gap: 1rem; flex-wrap: wrap; }

/* ---------------------------------------------------------------- server page toolbar */
.ss-bz-toolbar { display: flex; align-items: flex-end; justify-content: space-between; gap: 1rem 2rem; flex-wrap: wrap; margin-bottom: 1.75rem; }
.ss-bz-toolbar .ss-filter { max-width: 100%; }

/* ---------------------------------------------------------------- detail pages (bazaar item, gaming night product) */
.ss-bz-pd { overflow: hidden; }
.ss-bz-pd-grid { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); }
.ss-bz-pd-media { position: relative; background: var(--tone, var(--ss-tone-navy)); display: grid; place-items: center; min-height: 340px; overflow: hidden; isolation: isolate; }
.ss-bz-pd-media::before { content: ""; position: absolute; inset: 0; z-index: -1; background: radial-gradient(45% 50% at 50% 50%, rgba(255, 255, 255, .22), transparent 70%), repeating-linear-gradient(135deg, rgba(255, 255, 255, .035) 0 2px, transparent 2px 14px); }
.ss-bz-pd-media .ss-bz-icon { width: min(56%, 220px); }
.ss-bz-pd-media .ss-product-flags { top: 1.1rem; }
.ss-bz-pd-body { padding: 1.5rem 1.6rem 1.6rem; min-width: 0; }
.ss-bz-pd-cat { display: inline-flex; align-items: center; gap: .4rem; font-weight: 700; font-size: .85rem; color: var(--band-muted); margin-bottom: .65rem; }
a.ss-bz-pd-cat:hover { color: var(--band-fg); }
.ss-bz-pd-body .ss-bz-plate-name { font-size: clamp(1.258rem, .962rem + .74vw, 1.628rem); }
.ss-bz-pd-body .ss-kv { margin-top: 1.25rem; }
.ss-bz-pd-wide .ss-bz-pd-media { min-height: 0; aspect-ratio: 16 / 8; }
.ss-bz-pd-wide .ss-bz-pd-media img { width: auto; height: 62%; max-width: 60%; object-fit: contain; image-rendering: pixelated; filter: drop-shadow(0 22px 16px rgba(0, 0, 0, .38)); }
.ss-bz-pd-wide .ss-bz-pd-media img.ss-cover { width: 100%; height: 100%; max-width: none; object-fit: cover; filter: none; image-rendering: auto; }
.ss-bz-pd-title { font-family: var(--ss-display); font-weight: 800; font-size: clamp(1.48rem, 1.11rem + 1.036vw, 2.072rem); line-height: var(--ss-display-lh); margin: 0 0 .8rem; overflow-wrap: anywhere; }
.ss-bz-dura-inline { display: inline-flex; align-items: center; gap: .6rem; }
.ss-bz-dura-inline .ss-bz-dura { position: relative; left: auto; right: auto; bottom: auto; width: 72px; height: 8px; border-radius: 1px; background: var(--band-sunk); display: inline-block; }
.ss-bz-dura-inline .ss-bz-dura::after { bottom: 0; }
.ss-bz-pd .ck-content ul { list-style: none; padding-left: 0; }
.ss-bz-pd .ck-content ul li { position: relative; padding-left: 1.7rem; margin: .35rem 0; }
.ss-bz-pd .ck-content ul li::before { content: "\e182"; font-family: "Phosphor-Bold"; position: absolute; left: 0; top: .05rem; color: var(--ss-accent-ink); font-size: 1.15rem; line-height: 1.5; }

/* order summary */
.ss-bz-buy .ss-panel-body { padding: 1.35rem 1.4rem 1.45rem; }
.ss-bz-sum { display: grid; gap: .55rem; }
.ss-bz-sum-row { display: flex; align-items: baseline; justify-content: space-between; gap: 1rem; font-size: .95rem; }
.ss-bz-sum-row > span:first-child { color: var(--band-muted); font-weight: 600; }
.ss-bz-sum-row > span:last-child { font-weight: 700; text-align: right; overflow-wrap: anywhere; }
.ss-bz-sum-total { display: flex; align-items: flex-end; justify-content: space-between; gap: 1rem; padding-top: .9rem; margin-top: .35rem; border-top: 1px dashed var(--band-line); }
.ss-bz-sum-total > span:first-child { font-weight: 700; padding-bottom: .2rem; }
.ss-bz-sum-total > span:last-child { font-family: var(--ss-display); font-weight: 800; font-size: 1.776rem; line-height: .9; white-space: nowrap; }
.ss-bz-sum-sub { display: flex; justify-content: space-between; gap: 1rem; margin-top: .9rem; padding: .7rem .85rem; background: var(--band-sunk); border-radius: var(--ss-r-sm); font-size: .9rem; font-weight: 600; }
.ss-bz-sum-sub > span:first-child { color: var(--band-muted); }
.ss-bz-short { display: flex; gap: .55rem; align-items: flex-start; margin-top: .6rem; font-size: .86rem; font-weight: 600; color: var(--ss-danger); }
.ss-bz-short :is(.ph-bold, .ph-fill) { font-size: 1.1rem; flex: none; }
.ss-bz-short a { color: var(--band-fg); text-decoration: underline; text-decoration-color: var(--ss-accent); text-decoration-thickness: 2px; text-underline-offset: 2px; }
.ss-bz-buy .btn-arena { width: 100%; }
.ss-bz-buy-fine { list-style: none; margin: 1.1rem 0 0; padding: 1rem 0 0; border-top: 1px solid var(--band-card-line); display: grid; gap: .5rem; color: var(--band-muted); font-size: .88rem; font-weight: 600; }
.ss-bz-buy-fine li { display: flex; align-items: flex-start; gap: .5rem; line-height: 1.4; }
.ss-bz-buy-fine :is(.ph-bold, .ph-fill) { color: var(--band-fg); font-size: 1.05rem; flex: none; }
.ss-bz-buy .form-label { margin-top: 1rem; }

/* ---------------------------------------------------------------- tables / lists */
.ss-bz-table td:first-child, .ss-bz-table th:first-child { padding-left: 1.35rem; }
.ss-bz-table td:last-child, .ss-bz-table th:last-child { padding-right: 1.35rem; }
.ss-bz-id { color: var(--band-muted); font-weight: 700; font-variant-numeric: tabular-nums; white-space: nowrap; }
.ss-bz-item-cell { display: flex; align-items: center; gap: .75rem; min-width: 0; }
.ss-bz-item-cell .ss-item-ico { image-rendering: pixelated; width: 40px; height: 40px; }
.ss-bz-table .ss-bz-tag, .ss-bz-history .ss-bz-tag { white-space: nowrap; overflow-wrap: normal; }
.ss-bz-item-meta { display: flex; flex-wrap: wrap; gap: .1rem .8rem; margin-top: .3rem; font-size: .8rem; font-weight: 600; color: var(--band-muted); white-space: nowrap; }
.ss-bz-item-meta span { display: inline-flex; align-items: center; gap: .3rem; }
.ss-bz-flow { display: inline-flex; align-items: center; gap: .5rem; font-weight: 600; white-space: nowrap; }
.ss-bz-flow-ico { width: 30px; height: 30px; flex: none; display: grid; place-items: center; border-radius: var(--ss-r-sm); font-size: 1rem; background: var(--band-sunk); }
.ss-bz-flow--in .ss-bz-flow-ico { background: color-mix(in oklab, var(--ss-live) 22%, var(--band-card)); color: color-mix(in oklab, var(--ss-live) 60%, black); }
.ss-bz-flow--out .ss-bz-flow-ico { background: color-mix(in oklab, var(--ss-danger) 14%, var(--band-card)); color: var(--ss-danger); }
[data-bs-theme="dark"] .ss-bz-flow--in .ss-bz-flow-ico { color: var(--ss-live); }
.ss-bz-delta { font-family: var(--ss-display); font-weight: 800; font-size: .888rem; white-space: nowrap; }
.ss-bz-history .ss-list-item { padding: .8rem 1.25rem; gap: .75rem; }
.ss-bz-history .ss-bz-delta { margin-left: auto; font-size: 1.1rem; }
.ss-bz-history .ss-bz-tag { font-size: .84rem; max-width: 100%; overflow: hidden; text-overflow: ellipsis; }
.ss-bz-empty-line { display: flex; align-items: center; gap: .7rem; color: var(--band-muted); font-weight: 600; margin: 0; }
.ss-bz-empty-line :is(.ph-bold, .ph-fill) { font-size: 1.3rem; }
/* panel-head "view all" links: the shared .ss-link-arrow at panel scale */
.ss-bz-more { font-size: .9rem; padding-bottom: .1rem; white-space: nowrap; }

/* in-game command card */
.ss-bz-command { padding: 1.4rem 1.4rem 1.5rem; }
.ss-bz-command-label { font-size: .85rem; font-weight: 700; color: var(--band-muted); }
.ss-bz-command-name { display: block; font-family: var(--ss-display); font-weight: 800; font-size: 1.924rem; line-height: 1; letter-spacing: -.02em; margin: .3rem 0 .6rem; color: var(--ss-accent); overflow-wrap: anywhere; }
.ss-bz-command p { color: var(--band-muted); font-size: .92rem; margin: 0; }
.ss-bz-command .btn { margin-top: 1.1rem; }

/* help */
.ss-bz-faq { height: 100%; display: flex; flex-direction: column; }
.ss-bz-faq .ss-panel-body { padding: 1.6rem 1.6rem 1.7rem; flex: 1; }
.ss-bz-faq h2 { font-size: 1.2rem; font-weight: 700; line-height: 1.3; margin: 1.1rem 0 .55rem; }
.ss-bz-faq p { color: var(--band-muted); margin: 0; font-size: .97rem; }
.ss-bz-help-strip { display: flex; align-items: center; justify-content: space-between; gap: 1.25rem 2.5rem; flex-wrap: wrap; padding: 1.6rem 1.8rem; }
.ss-bz-help-strip .ss-bz-command-name { margin: .2rem 0 .3rem; font-size: 2.22rem; }
.ss-bz-help-actions { display: flex; flex-wrap: wrap; gap: .6rem; }

/* sell form */
.ss-bz-price-input .form-control { font-family: var(--ss-display); font-weight: 800; font-size: 1.406rem; line-height: 1.1; padding: .45rem .9rem .4rem; letter-spacing: -.02em; }
.ss-bz-price-input .input-group-text { padding-inline: 1rem; font-size: 1.3rem; }
.ss-bz-sell-foot { display: flex; align-items: center; justify-content: space-between; gap: 1rem; flex-wrap: wrap; margin-top: 1.5rem; padding-top: 1.25rem; border-top: 1px solid var(--band-card-line); }
.ss-bz-sell-hint { font-size: .86rem; color: var(--band-muted); font-weight: 500; display: inline-flex; align-items: center; gap: .45rem; }
.ss-bz-spec .ss-bz-pd-media { min-height: 220px; }
.ss-bz-spec .ss-bz-icon { width: min(40%, 150px); }
.ss-bz-spec .ss-panel-body { padding: 1.25rem; }
.ss-bz-spec .ss-bz-plate-name { font-size: 1.184rem; }
.ss-bz-spec .ss-kv { margin-top: 1rem; }

/* ---------------------------------------------------------------- gaming night */
.ss-gn-count { display: flex; flex-direction: column; justify-content: center; gap: .1rem; padding: 1rem 1.4rem 1.05rem 2rem; background: var(--ss-accent); color: var(--ss-on-accent); border-radius: 14px; box-shadow: inset 0 -4px 0 rgba(0, 0, 0, .16), inset 0 2px 0 rgba(255, 255, 255, .22); min-width: 300px; }
.ss-gn-count .ss-stat-label { color: inherit; opacity: .8; }
.ss-gn-count .ss-countdown { margin-top: .2rem; }
.ss-gn-live { display: inline-flex; align-items: center; gap: .5rem; margin-right: .4rem; }
.ss-gn-live .ss-live-dot { width: 7px; height: 7px; background: var(--ss-on-accent); color: var(--ss-on-accent); }

/* countdown hero */
.ss-gn-hero { position: relative; overflow: hidden; isolation: isolate; padding-block: clamp(2.25rem, 1.6rem + 2.5vw, 3.5rem) clamp(3rem, 2rem + 4vw, 5.5rem); }
.ss-gn-hero-art { position: absolute; inset: 0; z-index: -2; background-position: right 40%; background-size: cover; background-repeat: no-repeat; opacity: .42; }
.ss-gn-hero::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, var(--band-bg) 30%, color-mix(in oklab, var(--band-bg) 70%, transparent) 60%, color-mix(in oklab, var(--band-bg) 30%, transparent)), radial-gradient(50% 70% at 85% 60%, color-mix(in oklab, var(--ss-tone-plum) 50%, transparent), transparent 70%); }
.ss-gn-hero .breadcrumb { margin-bottom: 2.25rem; }
.ss-gn-hero .ss-season .when { background: var(--ss-bone); color: var(--ss-ink); }
.ss-gn-title { font-family: var(--ss-display); font-weight: 800; font-size: clamp(2.664rem, 1.332rem + 4.144vw, 5.624rem); line-height: var(--ss-display-lh); letter-spacing: -.006em; margin: 0 0 1.25rem; overflow-wrap: anywhere; }
.ss-gn-lead { font-size: clamp(1.05rem, 1rem + .3vw, 1.2rem); color: var(--band-muted); max-width: 32rem; margin: 0 0 1.9rem; font-weight: 500; }
.ss-gn-board { position: relative; padding: 1.5rem 1.5rem 1.35rem; background: color-mix(in oklab, var(--band-card) 80%, transparent); border: 1px solid var(--band-card-line); border-radius: var(--ss-r); box-shadow: var(--ss-shadow-float); }
.ss-gn-board::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 4px; background: var(--ss-accent); border-radius: var(--ss-r) var(--ss-r) 0 0; }
.ss-gn-board-head { display: flex; align-items: center; justify-content: space-between; gap: .75rem; flex-wrap: wrap; margin-bottom: 1.1rem; }
.ss-gn-board-head .ss-stat-label { color: var(--band-muted); }
.ss-gn-board-when { font-weight: 700; font-size: .9rem; display: inline-flex; align-items: center; gap: .4rem; }
.ss-gn-board .tick { font-size: .74rem; white-space: nowrap; font-family: var(--ss-display); max-width: none; margin: 0; }
.ss-gn-board .tick-group { margin: 0 .3rem; text-align: center; }
.ss-gn-board .tick-flip, .ss-gn-board .tick-text-inline { font-size: clamp(2.3rem, 1.4rem + 2.6vw, 3.6rem); }
.ss-gn-board .tick-flip { font-family: var(--ss-display); font-weight: 800; letter-spacing: 0; border-radius: var(--ss-r-xs) !important; }
.ss-gn-board .tick-char { width: 1.1em; }
.ss-gn-board .tick-flip-panel { background-color: var(--ss-accent) !important; color: var(--ss-on-accent) !important; }
.ss-gn-board .tick-flip-panel-text-wrapper { line-height: 1.42 !important; }
.ss-gn-board .tick-flip-shadow-top, .ss-gn-board .tick-flip-shadow-bottom, .ss-gn-board .tick-flip-card-shadow { opacity: .35; }
.ss-gn-board .tick-label { display: block; margin-top: .65rem; font-family: var(--ss-font); font-size: .74rem; font-weight: 700; letter-spacing: 0; color: var(--band-muted) !important; }
.ss-gn-cta { display: flex; flex-wrap: wrap; gap: .8rem; }
.ss-gn-cta .btn-frame { --bs-btn-color: var(--band-fg); --bs-btn-hover-color: var(--band-fg); }
.ss-gn-facts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.ss-gn-fact { padding: 1.5rem 1.6rem 1.6rem; }
.ss-gn-fact + .ss-gn-fact { border-left: 1px solid var(--band-card-line); }
.ss-gn-fact :is(.ph-bold, .ph-fill) { font-size: 1.6rem; color: var(--ss-accent-ink); }
.ss-gn-fact h3 { font-family: var(--ss-display); font-weight: 800; font-size: 1.295rem; line-height: var(--ss-display-lh); margin: .7rem 0 .45rem; }
.ss-gn-fact p { color: var(--band-muted); margin: 0; font-size: .95rem; }
.ss-gn-fact .ss-bz-more { margin-top: .8rem; }

/* ---------------------------------------------------------------- responsive */
@media (max-width: 1199.98px) {
	.ss-bz-pd-grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1.3fr); }
}
@media (max-width: 991.98px) {
	.ss-bz-steps, .ss-gn-facts { grid-template-columns: 1fr; }
	.ss-bz-step + .ss-bz-step, .ss-gn-fact + .ss-gn-fact { border-left: 0; border-top: 1px solid var(--band-card-line); }
	.ss-gn-count { clip-path: none; min-width: 0; padding-left: 1.25rem; }
}
@media (max-width: 767.98px) {
	.ss-bz-pd-grid { grid-template-columns: 1fr; }
	.ss-bz-pd-media { min-height: 0; aspect-ratio: 16 / 10; }
	.ss-bz-pd-media .ss-bz-icon { width: min(38%, 170px); }
	.ss-bz-table td, .ss-bz-table th { white-space: nowrap; }
	/* tables become stacked rows so price, status and the action stay on screen */
	.ss-bz-stack, .ss-bz-stack tbody { display: block; }
	.ss-bz-stack thead { display: none; }
	.ss-bz-stack tr { display: grid; align-items: center; gap: .55rem .9rem; padding: .95rem 1.1rem; border-bottom: 1px solid var(--band-card-line); }
	.ss-bz-stack tbody tr:last-child { border-bottom: 0; }
	.ss-bz-table.ss-bz-stack > :not(caption) > * > * { display: block; padding: 0 !important; border: 0; text-align: left; }
	.ss-bz-stack .ss-bz-c-id { display: none !important; }
	.ss-bz-stack--store tr { grid-template-columns: auto auto minmax(0, 1fr) auto; grid-template-areas: "item item item act" "price status date act"; }
	.ss-bz-stack--store .ss-bz-c-item { grid-area: item; }
	.ss-bz-stack--store .ss-bz-c-price { grid-area: price; }
	.ss-bz-stack--store .ss-bz-c-status { grid-area: status; }
	.ss-bz-stack--store .ss-bz-c-date { grid-area: date; font-size: .82rem; text-align: right !important; }
	.ss-bz-stack--store .ss-bz-c-act { grid-area: act; }
	.ss-bz-stack--log tr { grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "item delta" "type date"; }
	.ss-bz-stack--log .ss-bz-c-item { grid-area: item; min-width: 0; }
	.ss-bz-stack--log .ss-bz-c-type { grid-area: type; }
	.ss-bz-stack--log .ss-bz-c-delta { grid-area: delta; text-align: right !important; }
	.ss-bz-stack--log .ss-bz-c-date { grid-area: date; font-size: .82rem; text-align: right !important; }
	.ss-bz-stack .ss-bz-tag { max-width: 100%; overflow: hidden; text-overflow: ellipsis; }
}
@media (max-width: 575.98px) {
	.ss-bz-card .ss-bz-plate-name { font-size: 1.2rem; }
	.ss-bz-card .ss-product-price .ss-price { font-size: 1.45rem; }
	.ss-bz-server { min-height: 0; aspect-ratio: 16 / 10; }
	.ss-bz-server .ss-mode-name { font-size: 1.554rem; }
	.ss-bz-pd-body { padding: 1.2rem; }
	.ss-bz-help-strip { padding: 1.3rem; }
	.ss-bz-help-strip .ss-bz-command-name { font-size: 1.776rem; }
	.ss-gn-count .ss-countdown b { font-size: 1.554rem; }
	.ss-gn-board { padding: 1.2rem .9rem 1.1rem; }
	.ss-gn-board .tick-group { margin: 0 .15rem; }
	.ss-gn-cta .btn { flex: 1 1 auto; }
}