/* COS10 v2: ornament belongs to large frames and major actions. Repeated rows,
   tabs, fields and small controls use quiet material colours without tiny
   raster corners. Native 1254px masters retain their original 256px slices. */
:root {
  --kit-panel-main: url("assets/optimized/ui-kit-panel-main-512.a68ffb8fa2a1.webp");
  --kit-panel-inset: url("assets/optimized/ui-kit-panel-inset-512.eab390352dd6.webp");
  --kit-button-primary: url("assets/optimized/ui-kit-button-primary-512.3b08853c5a1f.webp");
  --kit-button-secondary: url("assets/optimized/ui-kit-button-secondary-512.a3135607a938.webp");
  --kit-input-well: url("assets/optimized/ui-kit-input-well-512.a2236e4c722c.webp");
  --kit-badge-inlay: url("assets/optimized/ui-kit-badge-inlay-512.4eced85f9e30.webp");
  --kit-slice: 20.414673%;
  --kit-panel-main: url("assets/optimized/ui-kit-panel-ivory-512.19e23b672763.webp");
  --kit-panel-inset: url("assets/optimized/ui-kit-panel-ivory-512.19e23b672763.webp");
  --kit-button-secondary: url("assets/optimized/ui-kit-button-obsidian-512.eec3f28d107f.webp");
  --kit-on-dark: #faf5e8;
  --kit-ink: #292724;
  --kit-quiet-ink: #706b63;
  --kit-dark-ink: #272522;
  --kit-brass: #aa8545;
  --kit-panel: #f4f0e6;
  --kit-rule: #96774438;
}

/* A readable 48px corner on the outer window. Internal title/footer strips
   stay transparent so they cannot cover the frame's larger corner work. */
dialog:not(.art-viewer), .cosmetics-picker {
  border-image: var(--kit-panel-main) var(--kit-slice) fill / 48px / 0 stretch;
  background: var(--kit-panel);
  color: var(--kit-ink);
  box-shadow: 0 18px 48px #030c14b3;
}
dialog:not(.art-viewer)::before, dialog:not(.art-viewer)::after { content: none; display: none; }
dialog:not(.art-viewer)::backdrop { position: fixed; inset: 0; background-color: #030d14bf; }
:is(.deck-sheet-header,.collection-heading,.shop-header,.item-details-header,
    .profile-sheet-header,.cosmetics-picker-header),
#settings-body>.sheet-title, #log-body>.sheet-title {
  border-image: none;
  background: transparent;
  border-color: var(--kit-rule);
  box-shadow: none;
}
#deck-body>.deck-sheet-header, #library-grid>.collection-heading {
  background: transparent;
  border-image: none;
}
/* Sticky title bars occlude scrolling rows. Crop the top of a full-height
   sliced panel instead of compressing its vertical rails into a 64px strip. */
#settings-body>.sheet-title, #log-body>.sheet-title {
  border-image: none;
  background: var(--kit-panel);
  isolation: isolate;
}
#settings-body>.sheet-title::before, #log-body>.sheet-title::before {
  content: '';
  position: absolute;
  inset: 0;
  height: calc(100dvh - 32px);
  z-index: -1;
  pointer-events: none;
  border-image: var(--kit-panel-main) var(--kit-slice) fill / 48px / 0 stretch;
}
/* Sheets without a fixed footer leave a clear pocket for the bottom ornament. */
#library-grid>.collection-scroll:last-child { margin-bottom: 28px; }
.battle-spec-scroll { margin-bottom: 12px; }
:is(.deck-sheet-footer,.collection-footer,.shop-footer,.item-details-footer,
    .profile-sheet-footer,.cosmetics-picker-footer) {
  border-image: none;
  background: transparent;
  border-color: var(--kit-rule);
  box-shadow: none;
}

/* Grouping is conveyed by spacing, tone and a single line, not a frame inside
   every frame. Previews keep their own artwork and selected playmat. */
:is(.profile-preview,.cosmetics-picker-preview,.profile-stats,.collection-filters,
    .editor-validation,.saved-deck,.shop-offer,.profile-option,.cosmetics-option,
    .booster-lobby-link) {
  border-image: none;
  border-color: var(--kit-rule);
  background-color: #ede7db;
  box-shadow: none;
}
.profile-preview, .cosmetics-picker-preview { background: transparent; }
/* The chosen mat stays in the fixed editor header, inside the window rail. */
.editor-fixed.has-cosmetics { background-clip: content-box; }
/* Deck editing has one aligned grid, with quieter secondary filters. */
.editor-fixed :is(.cosmetics-editor-controls,.editor-tabs,.editor-types) {
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 6px;
  padding: 0;
  border: 0;
}
.editor-fixed .cosmetics-editor-controls { margin: 0 0 10px; }
.editor-fixed .cosmetics-control {
  min-height: 36px;
  padding: 4px 5px;
  gap: 6px;
  border: 1px solid #a99b7a38;
  border-radius: 6px;
  background: #f9f5ecf5;
  box-shadow: none;
  font-size: 10px;
}
.editor-fixed .cosmetics-control-thumb { width: 18px; height: 26px; }
.editor-fixed .cosmetics-control[data-cosmetic-kind=playmat] .cosmetics-control-thumb { width: 30px; height: 20px; }
.editor-fixed .cosmetics-control[data-cosmetic-kind=coin] .cosmetics-control-thumb { width: 26px; height: 26px; }
.editor-fixed .editor-tabs { background: none; border-radius: 0; }
.editor-fixed .editor-tab {
  min-height: 36px;
  padding: 5px 4px;
  border: 1px solid #9bafa12e;
  border-radius: 6px;
  background: #f5f0e6f5;
  color: #655e52;
  box-shadow: none;
  font-size: 13px;
}
.editor-fixed .editor-tab[aria-pressed=true] {
  background: linear-gradient(#d4c7a7,#b8ad90);
  color: #292724;
  border-color: #ded1b080;
  text-shadow: none;
  box-shadow: inset 0 1px #f5ebd44d;
}
.editor-fixed .editor-types { margin-top: 6px; }
.editor-fixed .editor-type {
  min-height: 30px;
  padding: 4px;
  border: 0;
  border-radius: 4px 4px 0 0;
  background: #e9e2d5ed;
  color: #655f54;
  box-shadow: inset 0 -1px #adbaab26;
  font-size: 11px;
}
.editor-fixed .editor-type[aria-pressed=true] {
  background: #ddc895f5;
  color: #332a1d;
  box-shadow: inset 0 -2px #c8b381;
}
.editor-fixed .editor-filters { min-height: 34px; gap: 10px; padding: 4px 0; }
.editor-fixed .editor-filter {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  min-height: 26px;
  padding: 3px 0;
  border: 0;
  background: none;
  box-shadow: none;
  color: #6e6558;
  font-size: 10px;
}
.editor-fixed .editor-filter::before {
  content: '';
  flex: none;
  width: 10px;
  height: 10px;
  border: 1px solid #a28b64;
  border-radius: 2px;
  background: #e8e1d4;
}
.editor-fixed .editor-filter[aria-pressed=true] { color: #594622; text-shadow: none; }
.editor-fixed .editor-filter[aria-pressed=true]::before { background: #cfbf99; box-shadow: inset 0 0 0 2px #f7f3e8; border-color: #cfbf99; }
@media(max-width:350px) {
  .editor-fixed .cosmetics-control { gap: 4px; padding-inline: 3px; font-size: 9px; }
  .editor-fixed .editor-filters { gap: 8px; }
  .editor-fixed .editor-filter { gap: 4px; font-size: 9px; }
}
@media(max-height:640px) {
  .editor-fixed .cosmetics-editor-controls { margin-bottom: 7px; }
  .editor-fixed .cosmetics-control { min-height: 30px; padding-block: 3px; }
  .editor-fixed .cosmetics-control-thumb { width: 15px; height: 22px; }
  .editor-fixed .cosmetics-control[data-cosmetic-kind=playmat] .cosmetics-control-thumb { width: 27px; height: 18px; }
  .editor-fixed .cosmetics-control[data-cosmetic-kind=coin] .cosmetics-control-thumb { width: 22px; height: 22px; }
  .editor-fixed .editor-tab { min-height: 30px; padding-block: 3px; }
  .editor-fixed .editor-types { margin-top: 4px; }
  .editor-fixed .editor-type { min-height: 26px; padding-block: 3px; }
  .editor-fixed .editor-filters { min-height: 29px; padding-block: 2px; }
  .editor-fixed .editor-filter { min-height: 25px; }
}
:is(.tutorial-dialogue,.tutorial-coach) {
  border-image: var(--kit-panel-inset) var(--kit-slice) fill / 28px / 0 stretch;
  color: var(--kit-ink);
  background-color: var(--kit-panel);
  box-shadow: 0 5px 15px #03131b45;
}
.primary-action {
  border-image: none;
  color: var(--kit-dark-ink);
  background-color: #d5c7a8;
  text-shadow: 0 1px 0 #f4ead05c;
}
.saved-deck-actions .secondary-action {
  border-image: none;
  background: #e9e2d5;
  border-color: #a99b7a52;
}
:is(.dialog-close,.icon-button,.auto-button,.speed-button,.quantity-button,
    .profile-change-button,.profile-small-button,.profile-name-edit,
    .profile-name-save,.profile-name-cancel,.cosmetics-picker-back,
    .cosmetics-picker-close,.cosmetics-coin-flip,.art-zoom-button,.art-viewer-close,
    .editor-unequip,.editor-empty-slot,.editor-tab,.editor-type,.editor-filter,
    .hero-edition,.hero-tab,.deck-hero-choice,.collection-toggle,.collection-bulk-open,
    .collection-lock,.pack-payment-option,.shop-tab,.profile-tab,.cosmetics-filter,
    .cosmetics-control,.pack-skip,.pack-dismantle,.opening-skip,.coin-toss-skip,
    .tutorial-guide-next,.shop-close,.shop-back) {
  border-image: none;
  border-color: #a99b7a52;
  color: var(--kit-ink);
  background: linear-gradient(#fbf8ef,#e8dfcf);
  box-shadow: inset 0 1px 0 #c7c3a410,0 2px 3px #06151c33;
  text-shadow: none;
}
/* Navigation is quiet and unboxed; the 44px target is owned by popup-header. */
:is(.dialog-close,.collection-back,.cosmetics-picker-back,.cosmetics-picker-close,.art-viewer-close,
    .shop-close,.shop-back), .shop-header .icon-button {
  border: 0;
  border-image: none;
  border-radius: 8px;
  background: transparent;
  box-shadow: none;
  color: var(--kit-ink);
}
:is(.dialog-close,.cosmetics-picker-back,.cosmetics-picker-close,
    .editor-unequip,.currency-buy) { display: grid; place-items: center; line-height: 1; }
:is(.cosmetics-picker-back,.cosmetics-picker-close,.editor-unequip,.currency-buy)>.button-icon {
  display: block; width: 20px; height: 20px; pointer-events: none;
}
:is(.editor-unequip,.currency-buy)>.button-icon { width: 13px; height: 13px; }
.quantity-button>.button-icon { display: block; width: 14px; height: 14px; margin: auto; }
.tutorial-guide-next {
  color: var(--kit-dark-ink);
  background: linear-gradient(#d8cdb0,#b9b094);
  border-color: #cfc2a0;
  text-shadow: none;
}

/* Clear selection and disabled states, independent of decoration. */
:is(.auto-button,.editor-tab,.editor-type,.editor-filter,.hero-edition,.hero-tab,
    .deck-hero-choice,.collection-toggle,.collection-lock,.pack-payment-option,
    .shop-tab,.cosmetics-filter)[aria-pressed=true], .profile-tab[aria-selected=true] {
  border-image: none;
  color: var(--kit-ink);
  border-color: #c3b18aaa;
  background: linear-gradient(#e9d6aa,#d1b982);
  text-shadow: none;
  box-shadow: inset 0 -2px 0 #c9b78899;
}
:is(.profile-option,.cosmetics-option,.shop-offer)[aria-pressed=true] {
  border-image: none;
  background-color: #e8d8b4;
  border-color: #c2ae7eb3;
  color: var(--kit-ink);
  box-shadow: inset 0 0 0 1px #bca67970;
}
:is(.primary-action,.secondary-action,.tutorial-guide-next,.profile-name-edit,
    .profile-name-save,.profile-name-cancel,.cosmetics-coin-flip):active:not(:disabled) { filter: brightness(.89); }
:is(.primary-action,.secondary-action,.tutorial-guide-next,.auto-button,.speed-button,
    .editor-tab,.editor-type,.editor-filter,.hero-edition,.profile-tab,
    .cosmetics-filter,.pack-payment-option,.collection-lock):disabled {
  opacity: .46; text-shadow: none; box-shadow: none;
}
#advance[aria-disabled=true]:not(:disabled) { filter: saturate(.55); }

/* Native fields: smooth recessed material with no speckled corner texture. */
:is(.deck-name-input,.profile-nickname-input,.profile-name-input,
    .collection-tools input,.collection-filter select,.match-options input,
    .match-options select,.deck-gear-slots select) {
  border-image: none;
  border-color: #9aa99540;
  background: #fffaf1;
  color: var(--kit-ink);
  box-shadow: inset 0 2px 4px #06151b44;
  caret-color: #ead7ae;
}
:is(.deck-name-input,.profile-nickname-input,.collection-tools input,.match-options input)::placeholder {
  color: #81786b; opacity: 1;
}

/* A menu is one continuous list. Only a quiet separator and a full-row hover
   distinguish its entries; there are no yellow corner points on any row. */
.menu-row {
  border: 0;
  border-image: none;
  border-bottom: 1px solid #aab49f20;
  border-radius: 0;
  color: var(--kit-ink);
  background: transparent;
  box-shadow: none;
}
.menu-row:last-of-type { border-bottom-color: transparent; }
.menu-row[aria-pressed]::after {
  width: 28px; height: 16px; right: 7px;
  border: 1px solid #93a69766; border-image: none; border-radius: 9px;
  background: #58544c; transform: translateY(-50%); opacity: 1;
}
.menu-row[aria-pressed=true]::after { background: #b69757; border-color: #c8ad74; }
.menu-row[aria-pressed]::before {
  content: ''; position: absolute; z-index: 1; top: 50%; right: 23px;
  width: 10px; height: 10px; border-radius: 50%; background: #ded7c7;
  box-shadow: 0 1px 2px #06172266; transform: translateY(-50%); pointer-events: none;
}
.menu-row[aria-pressed=true]::before { right: 11px; background-color: #f0e5ca; }
.explain-toggle i { border-image: none; border-color: #93a69766; background: #58544c; box-shadow: none; }
.explain-toggle[aria-pressed=true] i { background: #b69757; border-color: #c8ad74; }
.explain-toggle i::after { background: #ded7c7; box-shadow: 0 1px 2px #07192155; }
.explain-toggle[aria-pressed=true] i::after { background: #f0e5ca; }

/* Small value chips remain legible without a miniature ornamental border. */
:is(.currency-chip,.pile-count,.next-bonus,.zone-card-count,.exile-zone-button,
    .editor-card-remaining,.editor-card-controls,.profile-option-badge,.profile-preview-status) {
  border-image: none;
  border-color: #ad9e763d;
  color: var(--kit-ink);
  background: #ebe3d3;
  box-shadow: 0 1px 3px #05161c33;
}
.currency-buy { border-image: none; color: #e4d6b6; background: #39352e; }
#toast { border-color: #b5a27b66; }
:is(.profile-preview-status[data-locked=true],.profile-locked) { color: #746d63; }
.profile-equipped { color: #73571f; }
.deck-invalid { color: #a84731; }
:is(.deck-cost-track,.profile-progress) { border-image: none; background: #d9d0c0; box-shadow: inset 0 1px 2px #020d1755; }
:is(.deck-cost-fill,.profile-progress-fill) { border-image: none; background: linear-gradient(90deg,#a98646,#d8bf80); box-shadow: none; }
.deck-cost-thumb { border-image: none; background: #d3c59e; box-shadow: 0 1px 3px #03111b6b; }
.deck-cost-meter.is-over-budget .deck-cost-fill { filter: sepia(.55) saturate(1.35); }
.deck-cost-meter.is-over-budget :is(.deck-cost-value,.deck-cost-thumb) { color: #a7462f; }

/* Empty board cells have only a quiet rail. Keep the approved mat visible. */
:is(.field-slot,.active-empty,.empty-hand,.grave-back,.editor-empty-slot) {
  border-image: none;
  border: 1px solid #b3a58648;
  background-color: #0e293026;
  box-shadow: inset 0 0 10px #05141b24;
}
.field-slot:empty::after { border-color: transparent; }
.equipment-cell.two-handed>.empty-hand { border-color: transparent; background-color: #0517214a; }
:is(.battle-spec,.battle-spec-modifier,.battle-spec-combined-source,.log-entry) { border-color: #ad9e7640; }
:is(.sheet-title,.cosmetics-picker-header h2,.profile-preview-name,.profile-player-name) { color: var(--kit-ink); }
:is(.sheet-subtitle,.collection-tally,.collection-detail-meta,.pack-note,
    .battle-spec-duration,.profile-unlock-condition,.cosmetics-preview-name) { color: var(--kit-quiet-ink); }
:is(.text-button,.collection-back,.collection-reset,.tutorial-skip,.tutorial-coach-fold) { color: #716348; }
:is(.tutorial-chapter-transition::before,.tutorial-chapter-transition::after,.victory-underline) {
  background: linear-gradient(90deg,transparent,#b5a478b3,transparent); box-shadow: none;
}
@media (hover:hover) {
  :is(.primary-action,.secondary-action,.icon-button,.dialog-close,
      .profile-name-edit,.profile-name-save,.profile-name-cancel):hover:not(:disabled) { filter: brightness(1.06); }
  :is(.dialog-close,.collection-back,.cosmetics-picker-back,.cosmetics-picker-close,.art-viewer-close,
      .shop-close,.shop-back):hover { background-color: #b8c5af12; }
  .menu-row:hover:not(:disabled) { background: #bdc6aa0a; }
  :is(.primary-action,.secondary-action):active:not(:disabled) { filter: brightness(.89); }
}
.menu-row:active:not(:disabled) { background: #bdc6aa12; }
@media (prefers-reduced-motion:reduce) { .menu-row::before { transition: none; } }
.collection-rarity-toggles .collection-toggle[aria-pressed=true] {
  border-image: none; background: #dfcba0; box-shadow: inset 0 -2px 0 #c8b48299;
}
.collection-rarity-toggles .collection-toggle[data-rarity=SR] { color: #72439b; }
.collection-rarity-toggles .collection-toggle[data-rarity=UR] { color: #8b6413; }
.editor-empty-slot>.button-icon { width: 22px; height: 22px; margin: auto; }
.collection-forge { border-image: none; border-top-color: var(--kit-rule); background: transparent; }
#deck-body[data-mode=zone]>.deck-sheet-header .zone-card-count { border-image: none; }

/* COS14: local black underlays separate playmat art from interactive objects.
   Soft outer shadows have no border and do not change layout or hit targets.
   Keep them on the slot/card wrapper, never above artwork or foil. */
.in-battle .arena :is(.rail>.rail-cell:not(.grave-zone-cell),.grave-zone-cell>.pile,
    .field-slot,.battlefield-unit,.active-empty) {
  background-color: #00000038;
  box-shadow: 0 0 9px 3px #00000073,0 4px 13px 2px #00000038;
}
/* Match unframed card wrappers without changing existing empty-slot corners. */
.in-battle .arena :is(.rail>.rail-cell:not(.grave-zone-cell),.grave-zone-cell>.pile,.battlefield-unit) { border-radius: 8px; }
/* The occupied card supplies its own surface. Empty cells retain a quiet rail. */
.in-battle .arena :is(.field-slot,.active-empty) { border-color: #b3a58648; }
.in-battle .arena .equipment-cell>.empty-hand { background-color: #00000018; }
.in-battle .arena .equipment-cell.two-handed>.empty-hand { background-color: #0000004a; }

/* Existing material, selected states and pressed animations stay above this
   feathered bed. No repeating ornament or whole-row dark panel. */
.in-battle :is(.battle-topbar,.battle-dock) button,
.in-battle :is(.opening-skip,.coin-toss-skip,.exile-zone-button,.tutorial-guide-next,.tutorial-skip,.tutorial-coach-fold) {
  box-shadow: 0 0 10px 3px #00000073,0 4px 14px #00000066;
}
.in-battle :is(.draw-counter,.power-readout,.explain-toggle,[id="battle-load-status"]) {
  position: relative;
  isolation: isolate;
}
.in-battle :is(.draw-counter,.power-readout,.explain-toggle,[id="battle-load-status"])::before {
  content: '';
  position: absolute;
  inset: -7px -9px;
  z-index: -1;
  pointer-events: none;
  background: radial-gradient(ellipse closest-side,#000000a6 0%,#00000073 30%,#00000029 60%,#00000000 100%);
}
.in-battle .arena .power-readout::before {
  background: radial-gradient(ellipse closest-side,#00000080 0%,#0000004d 30%,#0000001a 60%,#00000000 100%);
}
.in-battle .battle-dock .explain-toggle {
  border-radius: 12px;
  box-shadow: none;
  color: var(--kit-on-dark);
  text-shadow: 0 1px 3px #000000;
}
.in-battle :is(.pile-count,.next-bonus) {
  box-shadow: 0 0 7px 2px #00000073,0 2px 5px #00000066;
}

/* R168 — bright ivory windows, black overlays and champagne gold accents.
   Native art is recoloured separately; card paintings and semantic colours stay intact. */
.secondary-action { color: var(--kit-on-dark); }
.saved-deck-actions .secondary-action { color: var(--kit-dark-ink); }
:is(.icon-button,.auto-button,.speed-button,.pile-count,.next-bonus,.exile-zone-button) {
  background: linear-gradient(#393632,#24221f); color: var(--kit-on-dark);
  border-color: #b59b6266; text-shadow: none;
}
:is(.auto-button)[aria-pressed=true] { color: #302719; background: linear-gradient(#f1dfb4,#ceb276); }
:is(.sheet-title,.deck-info strong,.saved-deck-info>strong,.deck-section-title,.collection-status,.collection-melt-total) { color: var(--kit-ink); text-shadow: none; }
:is(.deck-info small,.saved-deck-info>small,.deck-cost-label,.collection-bulk-guide,.collection-readable-rules,.match-options summary,.collection-filters summary) { color: var(--kit-quiet-ink); }
.deck-cost-value { color: #705728; }
.editor-fixed.has-cosmetics :is(.deck-cost-label,.deck-cost-value,.editor-count) { color: #fff7e6; text-shadow: 0 1px 4px #000; }
:is(.collection-filter select,.match-options select,.deck-gear-slots select) {
  appearance: none; -webkit-appearance: none; color-scheme: light;
  background-image: url("assets/ui-kit/select-chevron.svg");
  background-repeat: no-repeat; background-position: right 10px center; background-size: 12px 8px;
  padding-right: 30px;
}
:is(.deck-name-input,.profile-nickname-input,.profile-name-input,.collection-tools input,.match-options input) { color-scheme: light; }
input[type=range] { appearance: none; -webkit-appearance: none; height: 8px; border: 1px solid #a68a56; border-radius: 99px; background: #dcd2bf; accent-color: #b08b43; }
input[type=range]::-webkit-slider-thumb { appearance: none; width: 18px; height: 18px; border: 1px solid #957135; border-radius: 4px; background: #f5e5b8; box-shadow: 0 1px 3px #30271455; transform: rotate(45deg); }
input[type=range]::-moz-range-thumb { width: 16px; height: 16px; border: 1px solid #957135; border-radius: 4px; background: #f5e5b8; transform: rotate(45deg); }
input[type=checkbox],input[type=radio] { accent-color: #a57e38; }
progress { appearance: none; border: 0; border-radius: 99px; background: #d9d0c0; color: #b89959; overflow: hidden; }
progress::-webkit-progress-bar { background: #d9d0c0; }
progress::-webkit-progress-value { background: linear-gradient(90deg,#b08c47,#e3cc91); border-radius: 99px; }
progress::-moz-progress-bar { background: #b89959; }
dialog:not(.art-viewer) { scrollbar-color: #ad9361 #e9e1d1; }
.art-viewer-close { color: #fff8e6; background: #171614cc; }

:root {
 --kit-row-panel: url("assets/optimized/ui-kit-control-ivory-512.5d4b64dc30f7.webp");
 --kit-slot: var(--kit-row-panel);
 --kit-slider-track: var(--kit-button-secondary);
 --kit-slider-fill: url("assets/optimized/ui-kit-gauge-gold-512.3f27101a58c9.webp");
 --kit-slider-thumb: var(--kit-slider-fill);
 --kit-control-slice: 15.311005%;
}
.deck-cost-thumb { background: var(--kit-slider-thumb) center/100% 100%; border:0; }



input[type=range]::-webkit-slider-thumb { background:var(--kit-slider-thumb) center/100% 100%; border:0; }
input[type=range]::-moz-range-thumb { background:var(--kit-slider-thumb) center/100% 100%; border:0; }
.inspect-meta,.card-id { color:var(--kit-quiet-ink); }
.game-shell[data-scene=lobby] :is(.profile-nickname,.pvp-mode-tab,.pvp-content-button,.pvp-deck-change) { color:#353029; text-shadow:none; }
.game-shell[data-scene=lobby] .pvp-mode-tab[aria-selected=true] { color:#725120; }
.pack-note { color:#e6dfd0; }

.collection-filter { position:relative; }
.collection-filter::after { content:'';position:absolute;right:11px;bottom:15px;width:12px;height:8px;background:url("assets/ui-kit/select-chevron.svg") center/contain no-repeat;pointer-events:none; }