/* Final presentation layer for the two item game screens. */
body.case-page, body.upgrade-page {
  background: radial-gradient(ellipse at 48% 0%, #26251a55, transparent 600px), #111110;
  color: #f4f3ef;
}
body.case-page::before, body.upgrade-page::before { display: none; }
.case-page .page-shell, .upgrade-page .page-shell {
  width: min(1440px, 100%); padding: 30px 28px 64px;
}
.case-page .case-main, .upgrade-page .upgrade-main { gap: 24px; }
.case-page .case-hero, .upgrade-page .upgrade-hero {
  padding: 0 0 4px; background: none !important; border: 0 !important; box-shadow: none;
}
.case-page .case-hero { grid-template-columns: 1fr auto; align-items: center; }
.case-page #case-title, .upgrade-page .upgrade-hero h1 {
  font-size: clamp(28px, 3vw, 38px); line-height: 1.15; letter-spacing: -.035em;
}
.case-page .game-back {
  width: fit-content; color: #a9a89f; font-size: 13px; text-decoration: none;
  padding: 4px 0; margin-bottom: 4px;
}
.case-page .game-back:hover { color: var(--gb-accent); }
.case-page .case-subtitle, .upgrade-page .upgrade-subtitle {
  color: #a3a299; font-size: 13px; line-height: 1.6; margin: 0; min-height: 0;
}
.case-page .case-highlights { display: none; }
.case-page .case-hero__meta { grid-template-columns: repeat(4, minmax(90px, 1fr)); gap: 0; }
.case-page .case-stat, .upgrade-page .upgrade-stat {
  background: none !important; border: 0 !important; border-radius: 0;
  box-shadow: none;
  padding: 8px 18px;
}
.case-page .case-stat__label, .upgrade-page .upgrade-stat__label {
  color: #939289; font-size: 11px; font-weight: 500; letter-spacing: 0; text-transform: none;
}
.case-page .case-stat__value, .upgrade-page .upgrade-stat__value { color: #f4f3ef !important; font-size: 19px; }
.case-page #case-price, .upgrade-page #upgrade-win-chance { color: var(--gb-accent) !important; }
.case-page .case-stage, .case-page .case-catalog, .case-page .drop-feed,
.upgrade-page .upgrade-panel, .upgrade-page .upgrade-library, .upgrade-page .upgrade-market {
  background: #1b1b18 !important; border: 1px solid #ffffff0d !important; border-radius: 16px;
  box-shadow: 0 1px 0 #ffffff04 inset; padding: 22px;
}
.case-page .section-kicker, .upgrade-page .section-kicker {
  font-size: 10px; color: #8e8d83; letter-spacing: .07em;
}
.case-page .case-stage__head .section-kicker,
.case-page .case-catalog__head .section-kicker,
.upgrade-page .upgrade-hero .section-kicker { display: none; }
.case-page .case-stage__head h2, .case-page .case-catalog__head h2,
.case-page .drop-feed__head h2, .upgrade-page .panel-head h2 {
  font-size: 20px; letter-spacing: -.025em; line-height: 1.3;
}
.case-page .case-stage__badge, .upgrade-page .live-badge,
.upgrade-page .panel-count { background: color-mix(in srgb,var(--gb-accent) 6.27%,transparent); color: var(--gb-accent); border: 0; box-shadow: none; }
.case-page .case-stage__badge { font-size: 10px; padding: 6px 9px; border-radius: 7px; }
.case-page .scope {
  background: #151513; border-color: #ffffff0b; border-radius: 12px; box-shadow: none;
}
.case-page .scope::before { background: linear-gradient(90deg, #151513, transparent); }
.case-page .scope::after { background: linear-gradient(270deg, #151513, transparent); }
.case-page .app::before {
  border-radius: 12px; background: color-mix(in srgb,var(--gb-accent) 1.96%,transparent); box-shadow: inset 0 0 0 1px color-mix(in srgb,var(--gb-accent) 14.9%,transparent);
}
.case-page .pointer { filter: brightness(0) saturate(100%) invert(86%) sepia(70%) saturate(2700%) hue-rotate(20deg); width: 34px; height: 34px; top: 0; }
.case-page .scope .list .list_item::before,
.case-page .scope .list .list_item.active::before {
  background: #21211d; border-color: #ffffff09; border-radius: 12px; box-shadow: none;
}
.case-page .scope .list .list_item.active::before { border-color: color-mix(in srgb,var(--gb-accent) 27.84%,transparent); }
.case-page .scope .list .list_item .item-media {
  border-radius: 8px; background: radial-gradient(ellipse, var(--rarity-radial), transparent 74%);
  box-shadow: none;
}
.case-page .scope .list .list_item .item-rarity { background: none; padding: 0; font-size: 9px; }
.case-page .case-stage__footer { align-items: center; gap: 24px; }
.case-page .case-result { background: transparent; border: 0; padding: 8px 0; min-height: 80px; }
.case-page .case-result::before, .case-page .case-result::after { display: none; }
.case-page .case-result__body { min-height: 32px; font-size: 13px; }
.case-page .case-result__label { color: #8e8d83; font-size: 10px; }
.case-page .case-result__body p { color: #a4a399; }
.case-page .button-group { padding: 0; border: 0; background: none; gap: 8px; }
.case-page .start { background: var(--gb-accent); color: #171b06; min-height: 50px; border-radius: 11px; box-shadow: none; font-size: 14px; }
.case-page .start:hover { background: color-mix(in srgb,var(--gb-accent) 85%,white); box-shadow: none; }
.case-page .start--secondary, .case-page .start--ghost,
.case-page .start--accent { background: #2a2a24; color: #eeeee7; border: 1px solid #ffffff0d; }
.case-page .start--secondary:hover, .case-page .start--ghost:hover,
.case-page .start--accent:hover { background: #34342c; }
.case-page .reveal-toggle { border: 0; background: transparent; padding: 0; min-height: 30px; }
.case-page .reveal-toggle__text { font-size: 11px; color: #a2a197; font-weight: 500; }
.case-page .reveal-toggle__indicator { border-radius: 20px; width: 30px; height: 18px; background: #34342e; }
.case-page .reveal-toggle__indicator::after { border-radius: 50%; }
.case-page .reveal-toggle input:checked + .reveal-toggle__indicator { background: var(--gb-accent); box-shadow: none; }
.case-page .reveal-toggle input:focus-visible + .reveal-toggle__indicator { outline: 2px solid var(--gb-accent); outline-offset: 4px; }
.case-page .case-items-grid { grid-template-columns: repeat(auto-fill, minmax(155px, 1fr)); gap: 12px; }
.case-page .case-item-card, .case-page .case-item-card:hover {
  min-height: 240px; padding: 12px; border-radius: 12px; background: #22221e;
  border-color: #ffffff08; box-shadow: none;
}
.case-page .case-item-card:hover { border-color: #ffffff22; }
.case-page .case-item-card::before { top: auto; bottom: 0; height: 2px; left: 0; right: 0; }
.case-page .case-item-card__media {
  background: radial-gradient(ellipse, var(--rarity-radial), transparent 78%);
  box-shadow: none; border-radius: 8px; margin-bottom: 10px; padding: 0;
}
.case-page .case-item-card__badge, .case-page .case-item-card__spotlight {
  top: 0; border-radius: 5px; padding: 0 5px; min-height: 20px; font-size: 8px;
  letter-spacing: 0; background: #161613d9; box-shadow: none; border: 0;
}
.case-page .case-item-card__badge { right: 0; max-width: calc(100% - 55px); }
.case-page .case-item-card__spotlight { left: 0; }
.case-page .drop-feed { padding: 16px; }
.case-page #drop-feed-list li { border-radius: 10px; background: #25251f; border-color: #ffffff09; box-shadow: none; }
.case-page #drop-feed-list img { background: none; }
.case-page .drop-source { color: var(--gb-accent); background: color-mix(in srgb,var(--gb-accent) 5.1%,transparent); }
.case-page .drop-reveal__card { background: #1d1d19; border-radius: 16px; border-color: #ffffff15; }
.case-page .drop-feed::before { display: none; }
.case-page .drop-feed__head { display: block; }
.case-page .drop-feed__head .section-kicker { display: none; }
.case-page .drop-feed__head h2 { font-size: 16px; line-height: 1.4; }
body.case-page:has(.drop-feed.is-visible) .page-shell {
  width: min(1440px, 100%); margin-inline: auto !important;
}
@media (min-width: 1281px) {
  .case-page .page-shell { grid-template-columns: minmax(0, 1fr) 260px; gap: 24px; }
  body.case-page .drop-feed.is-visible {
    position: sticky; top: 112px; bottom: auto; left: auto; right: auto;
    width: 100%; min-width: 0; max-width: none; padding: 16px; z-index: auto;
    height: auto; max-height: calc(100vh - 132px);
  }
  .case-page #drop-feed-list { max-height: calc(100vh - 205px); overflow-y: auto; gap: 8px; }
  .case-page #drop-feed-list li { display: grid; grid-template-columns: 48px minmax(0, 1fr); min-height: 76px; padding: 8px; margin: 0; gap: 10px; }
  .case-page #drop-feed-list img { width: 48px; height: 48px; padding: 0; }
  .case-page .drop-feed .drop-title { text-align: left; font-size: 11px; line-height: 1.4; }
  .case-page .drop-meta { justify-content: flex-start; font-size: 10px; margin-top: 2px; }
}
@media (max-width: 1280px) {
  .case-page .page-shell { grid-template-columns: minmax(0, 1fr); }
}

.upgrade-page .upgrade-hero { grid-template-columns: minmax(0, 1fr) minmax(440px, 1fr); gap: 24px; }
.upgrade-page .upgrade-subtitle { margin-top: 8px; max-width: 460px; }
.upgrade-page .upgrade-hero__stats { gap: 0; }
.upgrade-page .upgrade-workbench {
  grid-template-columns: minmax(0, 1fr) minmax(260px, .82fr) minmax(0, 1fr);
  grid-template-areas: "selected engine target" "inventory engine market"; gap: 16px;
}
.upgrade-page .upgrade-panel--engine { background: #1e1f18 !important; border-color: #ffffff12 !important; }
.upgrade-page .panel-head { margin-bottom: 18px; }
.upgrade-page .panel-head h2 { font-size: 18px; }
.upgrade-page .selected-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.upgrade-page .selected-slot { background: #151513; border: 1px dashed #ffffff18; border-radius: 10px; min-height: 86px; }
.upgrade-page .selected-slot--filled { background: #292c1b; border-style: solid; border-color: color-mix(in srgb,var(--gb-accent) 27.84%,transparent); }
.upgrade-page .selected-slot__empty, .upgrade-page .selected-slot__index { color: #8b8b7e; }
.upgrade-page .summary-chip { background: #262620; border-color: #ffffff0a; border-radius: 8px; }
.upgrade-page .wheel-card { background: radial-gradient(circle, color-mix(in srgb,var(--gb-accent) 3.53%,transparent), transparent 70%); border: 0; box-shadow: none; padding: 16px 0; }
.upgrade-page #luck-circle { width: min(100%, 224px); }
.upgrade-page .modes { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
.upgrade-page .modes button, .upgrade-page .tool-button, .upgrade-page .pagination button {
  border-radius: 9px; background: #292923; border-color: #ffffff0b; color: #c6c5ba; min-height: 38px;
}
.upgrade-page .modes button.active { background: var(--gb-accent); color: #171b06; border-color: var(--gb-accent); box-shadow: none; }
.upgrade-page #upgrade-btn { border-radius: 10px; min-height: 50px; background: #383b27; color: #a3a58c; box-shadow: none; }
.upgrade-page #upgrade-btn.active, .upgrade-page .empty-state .open-case-button { background: var(--gb-accent); color: #171b06; box-shadow: none; border-radius: 10px; }
.upgrade-page .upgrade-status { background: none; border: 0; color: #a4a598; text-align: center; padding: 8px 0; }
.upgrade-page .upgrade-result, .upgrade-page .target-preview, .upgrade-page .empty-state {
  border-radius: 10px; border-color: #ffffff09; background: #161613; color: #9c9c90;
}
.upgrade-page .upgrade-result:not(.is-win):not(.is-loss) { display: none; }
.upgrade-page .target-preview .empty-state { background: none; border: 0; margin: 0; }
.upgrade-page .inventory-grid, .upgrade-page .target-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }
.upgrade-page .inventory-card, .upgrade-page .target-card { border-radius: 10px; background: #24241f; border-color: #ffffff09; }
.upgrade-page .inventory-card.is-selected, .upgrade-page .target-card.is-selected { border-color: color-mix(in srgb,var(--gb-accent) 46.67%,transparent); box-shadow: 0 0 0 1px color-mix(in srgb,var(--gb-accent) 18.82%,transparent); }
.upgrade-page .inventory-card__media, .upgrade-page .target-card__media { background: radial-gradient(ellipse, #ffffff09, transparent); border-radius: 7px; height: 88px; }
.upgrade-page .inventory-card__price, .upgrade-page .target-card__price, .upgrade-page .target-preview__price { color: var(--gb-accent); }
.upgrade-page .filters input, .upgrade-page .filters select { background: #141412; border-color: #ffffff12; border-radius: 8px; min-height: 40px; }
.upgrade-page .filters { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.upgrade-page .filters #search-text { grid-column: 1 / -1; grid-row: 1; }
.upgrade-page .filters #sort-by { grid-column: 1 / -1; }
.upgrade-page .filters #reset-filters { grid-column: 1 / -1; }
.upgrade-page .empty-state { font-size: 13px; line-height: 1.6; }
@media (max-width: 1200px) {
  .case-page .case-hero, .upgrade-page .upgrade-hero { grid-template-columns: 1fr; }
  .case-page .case-hero__meta { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .case-page .case-stat:first-child, .upgrade-page .upgrade-stat:first-child { border-left: 0; padding-left: 0; }
  .upgrade-page .upgrade-hero__stats { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .upgrade-page .upgrade-workbench { grid-template-columns: minmax(0, 1fr) minmax(260px, .8fr); grid-template-areas: "selected engine" "target engine" "inventory market"; }
  .upgrade-page .selected-grid { grid-template-columns: repeat(6, minmax(0, 1fr)); }
  .upgrade-page .selected-slot { min-height: 70px; }
}
@media (max-width: 760px) {
  .case-page .page-shell, .upgrade-page .page-shell { width: 100%; padding: 20px 14px 40px; }
  .case-page .case-main, .upgrade-page .upgrade-main { gap: 18px; }
  .case-page .case-stage, .case-page .case-catalog, .case-page .drop-feed,
  .upgrade-page .upgrade-panel, .upgrade-page .upgrade-library, .upgrade-page .upgrade-market { padding: 16px; border-radius: 12px; }
  .case-page .case-stat, .upgrade-page .upgrade-stat { padding: 6px 10px; }
  .case-page .case-stat__label, .upgrade-page .upgrade-stat__label { font-size: 10px; }
  .case-page .case-stat__value, .upgrade-page .upgrade-stat__value { font-size: 16px; }
  .case-page .case-stage__footer { grid-template-columns: 1fr; gap: 10px; }
  .case-page .case-stage__actions { grid-row: 1; }
  .case-page .button-group { grid-template-columns: 1fr 1fr; }
  .case-page .start { padding: 12px 8px; font-size: 12px; white-space: nowrap; }
  body.case-page #case-title, body.upgrade-page .upgrade-hero h1 { font-size: 30px !important; line-height: 1.18; }
  .case-page .case-items-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  .case-page .case-item-card { min-height: 215px; padding: 10px; }
  .upgrade-page .upgrade-workbench { grid-template-columns: 1fr; grid-template-areas: "selected" "target" "engine" "inventory" "market"; }
  .upgrade-page .upgrade-hero__stats { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 0; }
  .upgrade-page .upgrade-stat:nth-child(3) { padding-left: 0; border-left: 0; }
  .upgrade-page .selected-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .upgrade-page .selected-slot__empty { display: block; }
  .upgrade-page .panel-head { margin-bottom: 12px; }
  .upgrade-page .modes { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
.case-page .scope .list .list_item { opacity:.92; filter:none; }

/* Item browsing: art, complete names, then price. Rarity stays a quiet metadata line. */
.case-page .case-item-card,
.case-page .case-item-card:hover { min-height: 0; padding: 12px; }
.case-page .case-item-card__media { height: 142px; flex: 0 0 142px; margin-bottom: 12px; }
.case-page .case-item-card__visual { padding: 24px 4px 4px; }
.case-page .case-item-card__name {
  display: block; overflow: visible; -webkit-line-clamp: unset;
  min-height: 54px; margin: 0 0 12px; font-size: 13px; line-height: 1.4;
  overflow-wrap: break-word; color: #efefe8;
}
.case-page .case-item-card__footer { flex-wrap: wrap; align-items: baseline; gap: 6px 12px; padding-top: 10px; }
.case-page .case-item-card__price { white-space: nowrap; flex-shrink: 0; font-size: 15px; font-variant-numeric: tabular-nums; }
.case-page .case-item-card__rarity { font-size: 9px; letter-spacing: .025em; font-weight: 500; text-align: left; color: #a09f95; }
.case-page .case-item-card__badge { display: none; }
.case-page .case-item-card__spotlight { top: 0; color: #d4d2c0; font-size: 9px; background: #2f2f27; }
.case-page .case-items-grid { grid-template-columns: repeat(auto-fill,minmax(170px,1fr)); align-items: stretch; }

/* Keep the decision controls together and give both item libraries equal room. */
.upgrade-page .upgrade-workbench {
  grid-template-columns: repeat(6,minmax(0,1fr));
  grid-template-areas: "selected selected engine engine target target" "inventory inventory inventory market market market";
  align-items: start; gap: 18px;
}
.upgrade-page :is(.upgrade-panel--selected,.upgrade-panel--target) { align-self: stretch; }
.upgrade-page .upgrade-panel--engine { align-self: stretch; }
.upgrade-page .panel-head { min-width: 0; gap: 10px; align-items: center; }
.upgrade-page .panel-head > div:first-child { min-width: 0; }
.upgrade-page .panel-head h2 { font-size: 17px; }
.upgrade-page .panel-head .section-kicker { display: block; margin-bottom: 5px; }
.upgrade-page .live-badge { font-size: 9px; padding: 6px 8px; white-space: nowrap; letter-spacing: .025em; }
.upgrade-page .wheel-card { margin: 0; padding: 0 0 14px; }
.upgrade-page #luck-circle { width: min(100%,190px); height: auto; }
.upgrade-page #upgrade-btn { width: 100%; margin-top: 12px; }
.upgrade-page #upgrade-btn:disabled { background: #303126 !important; color: #a5a697 !important; opacity: 1; cursor: not-allowed; }
.upgrade-page .upgrade-status { font-size: 12px; line-height: 1.6; margin: 8px 0 0; }
.upgrade-page .selected-slot { min-height: 85px; }
.upgrade-page .selected-slot__empty { font-size: 11px; line-height: 1.4; }
.upgrade-page .summary-chips { gap: 7px; }
.upgrade-page .summary-chip { padding: 9px 10px; }
.upgrade-page .summary-chip > span { color: #96978b; font-size: 9px; letter-spacing: .025em; }
.upgrade-page .summary-chip > strong { font-size: 12px; white-space: nowrap; }
.upgrade-page .target-preview { min-height: 200px; display: grid; align-content: center; }
.upgrade-page .target-preview__name { font-size: 15px; line-height: 1.45; }
.upgrade-page .target-preview__price { white-space: nowrap; }
.upgrade-page .target-preview__meta { color: #a6a69a; }
.upgrade-page :is(.inventory-grid,.target-grid) { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; max-height: 530px; padding: 2px; scrollbar-width: thin; scrollbar-color: #46463c transparent; }
.upgrade-page :is(.inventory-card,.target-card) { padding: 12px; text-align: left; min-width: 0; gap: 9px; }
.upgrade-page :is(.inventory-card__media,.target-card__media) { height: 106px; padding: 7px; }
.upgrade-page :is(.inventory-card__name,.target-card__name) { font-size: 12px; font-weight: 600; line-height: 1.5; overflow-wrap: break-word; }
.upgrade-page :is(.inventory-card__footer,.target-card__footer) { align-items: baseline; flex-wrap: wrap; gap: 5px 10px; padding-top: 9px; border-top: 1px solid #ffffff08; }
.upgrade-page :is(.inventory-card__price,.target-card__price) { font-size: 13px; white-space: nowrap; font-variant-numeric: tabular-nums; flex-shrink: 0; }
.upgrade-page :is(.inventory-card__rarity,.target-card__rarity) { font-size: 9px; font-weight: 500; letter-spacing: .025em; color: #a09f95; }
.upgrade-page :is(.inventory-card,.target-card):hover { border-color: color-mix(in srgb,var(--gb-accent) 45%,transparent); }
.upgrade-page .filters { grid-template-columns: repeat(4,minmax(0,1fr)); gap: 8px; margin-bottom: 16px; }
.upgrade-page .filters #search-text { grid-column: 1 / 3; }
.upgrade-page .filters #sort-by { grid-column: 3 / 5; grid-row: 1; }
.upgrade-page .filters #reset-filters { grid-column: 3 / 5; }
.upgrade-page :is(.inventory-grid,.target-grid) > .empty-state { grid-column: 1 / -1; min-height: 220px; display: flex; flex-direction: column; justify-content: center; padding: 24px; }
.upgrade-page .pagination { padding-top: 12px; }
@media (max-width:1100px) and (min-width:761px) {
  .upgrade-page .upgrade-workbench { grid-template-columns: repeat(2,minmax(0,1fr)); grid-template-areas: "selected engine" "target engine" "inventory market"; }
  .upgrade-page :is(.inventory-grid,.target-grid) { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .upgrade-page .selected-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
}
@media (max-width:760px) {
  .case-page .case-items-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
  .case-page .case-item-card,.case-page .case-item-card:hover { padding: 10px; }
  .case-page .case-item-card__media { height: 112px; flex-basis: 112px; }
  .case-page .case-item-card__name { font-size: 12px; min-height: 51px; }
  .case-page .case-item-card__footer { flex-direction: column; gap: 5px; }
  .case-page .case-item-card__rarity { font-size: 8px; }
  .case-page .case-item-card__price { font-size: 14px; }
  .upgrade-page .upgrade-workbench { grid-template-columns: minmax(0,1fr); grid-template-areas: "selected" "target" "engine" "inventory" "market"; gap: 12px; }
  .upgrade-page .selected-slot { min-height: 66px; padding: 8px; }
  .upgrade-page .selected-slot__empty { font-size: 10px; }
  .upgrade-page .target-preview { min-height: 130px; }
  .upgrade-page .target-preview .empty-state { padding: 12px; }
  .upgrade-page .summary-chips { margin-top: 12px; }
  .upgrade-page .summary-chip { flex: 1 1 auto; }
  .upgrade-page :is(.inventory-grid,.target-grid) { grid-template-columns: repeat(2,minmax(0,1fr)); max-height: 470px; }
  .upgrade-page :is(.inventory-card__media,.target-card__media) { height: 90px; }
  .upgrade-page :is(.inventory-card__footer,.target-card__footer) { flex-direction: column; }
  .upgrade-page .upgrade-hero__stats { gap: 8px; }
  .upgrade-page .upgrade-stat { padding: 10px 12px !important; background: #1d1d19 !important; border-radius: 9px; }
}
/* Explicit image bounds avoid intrinsic grid sizing clipping taller weapon art. */
.upgrade-page :is(.inventory-card__media,.target-card__media) img { width: 100%; height: 90px; max-height: 90px; object-fit: contain; }
.case-page .case-item-card__footer { flex-direction: column; align-items: flex-start; }
@media(max-width:760px) {
  .upgrade-page :is(.inventory-card__media,.target-card__media) img { height: 74px; max-height: 74px; }
}
.upgrade-page .target-preview--filled { justify-items: center; gap: 10px; text-align: center; }
.upgrade-page .target-preview__image { width: min(100%,190px); height: 126px; background: radial-gradient(ellipse,#ffffff08,transparent 75%); padding: 5px; border-radius: 8px; }
.upgrade-page .target-preview__title { font-size: 14px; line-height: 1.45; }
.upgrade-page .target-preview__tag { color: #9c9c90; font-size: 10px; }
.upgrade-page :is(.inventory-card,.target-card).motion-reveal { animation: none; opacity: 1; transform: none; }
.upgrade-page .selected-slot__price { white-space: nowrap; color: var(--gb-accent); }
.upgrade-page .modes button.active { color:var(--brand-on-accent); }