@font-face { font-family: OnestBrand; src: url("/onest-variable.woff2") format("woff2"); font-weight: 100 900; font-style: normal; font-display: swap; }
:root { font-family: OnestBrand, system-ui, sans-serif; }
/* SKIN SALE — the profile's brushed-metal / mint identity.
   Loaded after styles.css. Presentation only; all trading states remain native. */
body.brand-mint {
  --bg: #090f11;
  --panel: #111b1e;
  --border: #344247;
  --text: #eff7f3;
  --muted: #aabbb3;
  --secondary: #82988c;
  --lime: #91f0d2;
  --orange: #91f0d2;
  --green: #91f0d2;
  --brand-accent: #91f0d2;
  --brand-surface: #111b1e;
  --brand-line: #d2f5ea24;
  --brand-ease: cubic-bezier(.22, 1, .36, 1);
  position: relative;
  isolation: isolate;
  background: #090f11;
  color: var(--text);
  font-family: OnestBrand, system-ui, sans-serif;
  font-size: 16px;
  font-weight: 450;
  line-height: 1.6;
}
.brand-mint::before {
  content: "";
  position: fixed;
  z-index: -1;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(180deg, #07101270, #090f1199 58%, #090f11d9), var(--brand-backdrop) center top / cover no-repeat;
}
.brand-mint ::selection { background: #91f0d252; color: #fff; }
.brand-mint :is(h1, h2, h3, h4) { color: var(--text); font-weight: 650; text-wrap: balance; }
.brand-mint :is(button, input, select) { font-family: inherit; }
.brand-mint :is(button, a, input, select, summary):focus-visible { outline: 2px solid #a7ffe2; outline-offset: 4px; }
.brand-mint :is(.header, .main-shell, .footer) { max-width: 1536px; }
.brand-mint .header { min-height: 100px; padding-inline: 40px; gap: 30px; border-color: #b0d8cc1c; }
.brand-mint .logo { color: #f0f5f3; font-size: 30px; font-weight: 750; letter-spacing: -1.4px; }
.brand-mint .logo > span:not(.logo-symbol):not(.logo-dot) { color: #98e4ce; font-weight: 550; }
.brand-mint .logo-dot { color: #a1f2d8; }
.brand-mint .logo-symbol { width: 53px; height: 57px; margin-right: 10px; border-radius: 14px; overflow: hidden; background: #071315; flex-shrink: 0; }
.brand-mint .logo-symbol img { display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1.7); }
.brand-mint .desktop-nav { color: #a9b7b7; gap: 30px; font-size: 15px; font-weight: 500; }
.brand-mint .desktop-nav a { transition: color 180ms ease; }
.brand-mint .desktop-nav a::after { content: ""; position: absolute; height: 2px; left: 0; right: 0; bottom: 24px; border-radius: 2px; background: #a3f6dc; transform: scaleX(0); transform-origin: left; transition: transform 260ms var(--brand-ease); }
.brand-mint .desktop-nav a:is(:hover, .active) { color: #f0fff8; }
.brand-mint .desktop-nav a:is(:hover, .active)::after { transform: scaleX(1); }
.brand-mint :is(.launch-badge, .market-status, .footer-status) { color: #a1b1ae; }
.brand-mint .launch-badge i { background: #90edca; box-shadow: 0 0 0 4px #90edca0c; }
.brand-mint .account-button.connected { color: #edf6f2; background: #172125; border-color: #49605c; }
.brand-mint .account-label small { color: #9adeca; }
.brand-mint .account-avatar-fallback { background: #2b4840; color: #bcf5df; }

/* Clipped lower corner and a recessed arrow distinguish the primary action. */
.brand-mint .button {
  min-height: 50px;
  border-radius: 15px 15px 15px 5px;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: -.12px;
  transition: transform 220ms var(--brand-ease), box-shadow 220ms ease, background 220ms ease, border-color 220ms ease;
}
.brand-mint :is(.button-lime, .button-light, .account-button:not(.connected)) {
  color: #0b2a21;
  background: linear-gradient(125deg, #c0ffe9 0%, #92ebcd 47%, #64cba9 100%);
  border: 1px solid #b9ffe0aa;
  box-shadow: inset 0 1px 0 #ffffff85, inset 0 -2px 0 #1d715c25, 0 5px 16px #020a0826;
}
.brand-mint :is(.button-lime, .button-light, .account-button:not(.connected)):hover:not(:disabled) {
  background: linear-gradient(125deg, #ddfff2 0%, #b0f8dc 50%, #80ddbb 100%);
  box-shadow: inset 0 1px 0 #fff9, 0 7px 24px #6fdfb325;
  transform: translateY(-2px);
}
.brand-mint .button:active:not(:disabled) { transform: translateY(1px); }
.brand-mint :is(#heroInventory, .summary-cta, .form-submit, .steam-button) > span:last-child {
  display: inline-grid; place-items: center; flex-shrink: 0;
  width: 29px; height: 29px; border-radius: 9px 9px 9px 3px;
  background: #184c3b14; color: #133c2d; font-size: 19px;
  transition: transform 220ms var(--brand-ease), background 220ms ease;
}
.brand-mint :is(#heroInventory, .summary-cta, .form-submit, .steam-button):hover:not(:disabled) > span:last-child { transform: translate(2px, -2px); background: #184c3b22; }
.brand-mint .button-outline { color: #e4eeeb; background: linear-gradient(130deg, #253236, #1b272b); border-color: #4b5c60; border-radius: 12px; box-shadow: inset 0 1px 0 #fff6; }
.brand-mint .button-outline:hover:not(:disabled) { background: #2d403f; border-color: #8aaea2; box-shadow: inset 0 1px 0 #d9fff14a; }
.brand-mint .button:disabled { opacity: .46; box-shadow: none; transform: none; }
.brand-mint .text-link { color: #a0ebd2; text-underline-offset: 5px; transition: color 160ms ease; }
.brand-mint .text-link:hover { color: #d2ffed; text-decoration: underline; }
.brand-mint .icon-button { color: #c5d5d1; background: #1c292d; border-color: #405358; transition: color 180ms ease, border-color 180ms ease, background 180ms ease; }
.brand-mint .icon-button:hover:not(:disabled) { color: #c2ffe7; background: #2b403e; border-color: #80baaa; }

.brand-mint .main-shell { padding: 30px 40px 0; }
.brand-mint .hero {
  display: grid; grid-template-columns: minmax(0, 1.04fr) minmax(0, 1fr);
  gap: 32px; min-height: 515px; padding: 42px 46px 67px;
  border-radius: 30px; border-color: #9fdbc934;
  background: radial-gradient(ellipse at 87% 44%, #2a696228, transparent 58%), linear-gradient(120deg, #172226f7, #0b1519ed);
  box-shadow: inset 0 1px 0 #d5fff119, 0 26px 70px #00000025;
}
.brand-mint .hero::before { content: ""; position: absolute; top: 0; left: 4%; width: 45%; height: 1px; background: linear-gradient(90deg, transparent, #b3f4df77, transparent); pointer-events: none; }
.brand-mint .hero-content { width: 100%; max-width: 640px; }
.brand-mint .hero .eyebrow { color: #b0c5be; letter-spacing: 1.8px; font-size: 11px; font-weight: 600; }
.brand-mint .hero h1 { font-size: clamp(36px, 5.2vw, 68px); line-height: 1.08; font-weight: 700; letter-spacing: -2.4px; margin: 23px 0; }
.brand-mint .hero h1 > span { color: #9de8d0; font-weight: 650; }
.brand-mint .hero-content > p { color: #b0bdbb; font-size: 17px; line-height: 1.75; max-width: 440px; margin-bottom: 28px; }
.brand-mint .hero .button { min-height: 57px; padding: 12px 16px 12px 22px; font-size: 16px; gap: 26px; }
.brand-mint .hero-art, .brand-mint .hero-art:has(.hero-prices:not(:empty)) { position: relative; inset: auto; width: 100%; min-height: 360px; display: flex; flex-direction: column; align-self: center; overflow: visible; padding: 0; }
.brand-mint .hero-raster, .brand-mint .hero-art:has(.hero-prices:not(:empty)) .hero-raster { display: none; }
.brand-mint .hero-watermark { position: absolute; top: 4px; left: 0; z-index: 2; font-size: 10px; color: #a9bfb7; letter-spacing: 2px; font-weight: 500; }
.brand-mint .brand-hero-orbit { position: relative; width: 100%; height: 285px; display: grid; place-items: center; overflow: hidden; }
.brand-mint .brand-hero-visual { display: block; width: 100%; height: 100%; object-fit: contain; mix-blend-mode: lighten; filter: drop-shadow(0 20px 34px #0005); mask-image: radial-gradient(ellipse 62% 62% at center, #000 48%, transparent 100%); }
.brand-mint .hero-art img.brand-hero-visual,
.brand-mint .hero-art.has-hero-image img.brand-hero-visual { width: 100%; height: 100%; max-height: 100%; min-height: 0; position: static; inset: auto; object-fit: contain; transform: none; }
.brand-mint .hero-prices { --brand-preview-display: grid; position: relative; inset: auto; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; width: 100%; height: auto; margin: 0; padding: 0; }
.brand-mint .hero-prices .hero-price-card, .brand-mint .hero-prices .hero-price-card:first-child, .brand-mint .hero-prices .hero-price-card:last-child {
  position: relative; display: grid; grid-template-columns: 52px minmax(0, 1fr); column-gap: 10px;
  width: auto; min-width: 0; padding: 14px; transform: none;
  background: linear-gradient(120deg, #21312fd9, #172425b8); border: 1px solid #91c8b52f;
  border-radius: 16px; box-shadow: inset 0 1px 0 #fff5; backdrop-filter: blur(8px);
}
.brand-mint .hero-prices .hero-price-card:nth-child(3) { display: none; }
.brand-mint .hero-art:has(.hero-prices:not(:empty)) .hero-price-card { transform: none; }
.brand-mint .hero-art:has(.hero-prices:not(:empty)) .hero-price-card:nth-child(-n+2) { display: var(--brand-preview-display); }
.brand-mint .hero-price-card img { width: 52px; height: 61px; object-fit: contain; grid-column: 1; grid-row: 1 / 4; margin: 0; align-self: center; }
.brand-mint .hero-price-card > span { grid-column: 2; font-size: 12px; color: #e0eae5; min-height: 0; margin: 0 0 5px; line-height: 1.4; white-space: normal; }
.brand-mint .hero-price-card small { grid-column: 2; color: #a2b9af; font-size: 12px; line-height: 1.4; }
.brand-mint .hero-price-card strong { grid-column: 2; color: #b9f5dc; font-size: 21px; line-height: 1.3; letter-spacing: -.55px; font-weight: 620; margin-top: 3px; }
.brand-mint .hero-art-label, .brand-mint .hero-prices:not(:empty) + .hero-art-label { display: none; }
.brand-mint .hero-note { left: 46px; right: 42px; bottom: 21px; font-size: 12px; color: #a6b7b1; }
.brand-mint .hero-note .tiny-dot { background: #8bc8b4; }
.brand-mint .benefits { padding: 27px 3px; gap: 28px; color: #b0beb9; font-size: 13px; }
.brand-mint .benefits b { color: #a5edcf; }
.brand-mint .eyebrow { color: #b1c3bc; font-weight: 600; }
.brand-mint :is(.muted, .market-heading .eyebrow, .section-heading .eyebrow, .faq-heading .eyebrow) { color: #a6bdb4; }

/* Catalog and checkout share materials, while selection keeps an unmistakable edge. */
.brand-mint .inventory-section { padding-top: 24px; }
.brand-mint .market-heading h2 { color: #f1f5f3; font-weight: 620; font-size: 32px; }
.brand-mint .market-mode-tabs { border-color: var(--brand-line); }
.brand-mint .market-mode-tabs > button { color: #afbfba; font-weight: 550; }
.brand-mint .market-mode-tabs > button.active { color: #f1fff7; }
.brand-mint .market-mode-tabs > button.active::after { background: #a0efd0; box-shadow: 0 -3px 14px #7ee7ba25; }
.brand-mint .tab-pill { background: #293a3a; color: #b8cbc3; }
.brand-mint .active .tab-pill { background: #36634f44; color: #b6f4d9; }
.brand-mint .game-tab { color: #b3c2bd; background: #162125; border-color: #3a4e50; transition: background 180ms ease, border-color 180ms ease, color 180ms ease; }
.brand-mint .game-tab:hover { border-color: #729b8e; color: #edf9f2; }
.brand-mint .game-tab.active { color: #c1f8dc; background: #27463b; border-color: #75a48e; box-shadow: inset 0 1px 0 #d3ffe51a; }
.brand-mint .search-field { background: #121d21; border-color: #415457; transition: border-color 180ms ease, box-shadow 180ms ease; }
.brand-mint .search-field:focus-within { border-color: #98d9bd; box-shadow: 0 0 0 3px #97e3c015; }
.brand-mint .search-field input { color: #f0f5f2; font-size: 16px; }
.brand-mint .search-field input::placeholder { color: #91a6a1; }
.brand-mint .search-field svg { stroke: #b1cbc0; }
.brand-mint .search-row select { background: #1c2a2e; color: #dce8e1; border-color: #415457; }
.brand-mint .inventory-notice { color: #bdcbc4; background: #182827c9; border-color: #6b9e8b35; }
.brand-mint .inventory-notice p { color: #bccbc4; }
.brand-mint .inventory-notice .text-link { color: #b0edd1; }
.brand-mint .demo-tag { color: #b9e8d1; background: #2c4c40; }
.brand-mint :is(.inventory-count, .inventory-fineprint) { color: #a4b4ad; }
.brand-mint .item-card, .brand-mint .item-card-wrapper .item-card { background: radial-gradient(ellipse at 55% 21%, #759e9840, transparent 61%), linear-gradient(145deg, #1b282bf5, #121d21f5); border-color: #59766f52; box-shadow: inset 0 1px 0 #e0fff50a; transition: transform 260ms var(--brand-ease), border-color 200ms ease, box-shadow 200ms ease; }
.brand-mint .item-card:hover:not(:disabled) { background: radial-gradient(ellipse at 55% 21%, #759e9849, transparent 61%), #1b2b2e; border-color: #99c2b4; transform: translateY(-4px); box-shadow: 0 12px 30px #0003, inset 0 1px 0 #caffe71a; }
.brand-mint .item-card.selected { background: radial-gradient(ellipse at 50% 20%, #8becc524, transparent 70%), #203b32; border-color: #a0f3d1; box-shadow: inset 0 0 0 1px #a8ffdb40; }
.brand-mint .item-type { color: #bacbc2; }
.brand-mint .item-name { color: var(--text); font-size: 18px; line-height: 1.3; font-weight: 600; }
.brand-mint :is(.item-wear, .item-source, .item-card-wrapper .item-source, .item-reference, .item-noprice) { color: #a2b4ad; }
.brand-mint .item-reference b { color: #c0d5ca; }
.brand-mint .item-price-caption { color: #abd2bd; }
.brand-mint .item-price { color: #c1f7dc; font-size: clamp(24px, 2.1vw, 34px); line-height: 1.15; font-weight: 650; font-variant-numeric: tabular-nums lining-nums; }
.brand-mint .item-price > span { color: #a3cbb7; }
.brand-mint .item-checkbox { background: #142720; border-color: #728f81; }
.brand-mint .selected .item-checkbox { background: #a0f3d1; border-color: #a0f3d1; color: #143c2a; }
.brand-mint .item-price-info { color: #c4dccf; border-color: #658678; background: #213c31; }
.brand-mint .item-price-info:hover { color: #143626; background: #aceed0; border-color: #aceed0; }
.brand-mint .loading-card { border-color: #3b514a; background-image: linear-gradient(100deg, #19282a 30%, #334a46 50%, #19282a 70%); }
.brand-mint .inventory-message { color: #b4c4bb; background: #152124d9; border-color: #5b766a; }
.brand-mint .inventory-message h3 { color: #e3f4e9; }
.brand-mint .summary { color: #edf6ef; background: radial-gradient(ellipse at top right, #547f6426, transparent 64%), linear-gradient(145deg, #20342e, #142821); border-color: #729a805e; box-shadow: inset 0 1px 0 #d2f8dc1a, 0 16px 40px #0002; }
.brand-mint .summary-top .eyebrow { color: #c2d8c9; font-weight: 550; }
.brand-mint .summary-total { color: #f0fcf3; font-weight: 650; }
.brand-mint .summary-total .currency { color: #b4d5bc; }
.brand-mint :is(.summary-items, .summary-rate, .summary-explanation, .summary-payments, .summary-safety, .summary-status, .selected-mini-row, .summary-fees p) { color: #afc9b7; }
.brand-mint :is(.summary-items strong, .summary-rate strong, .selected-mini-row > strong, .summary-fees strong, .sale-fee-confirm strong) { color: #e2f6e7; }
.brand-mint .summary-payments b { color: #c5e3ce; background: #254333; border-color: #66877077; }
.brand-mint :is(.summary-fees > div, .sale-fee-confirm > div) { color: #bbd3c3; }
.brand-mint .summary-fees .summary-fee-net { color: #e5f8e9; font-weight: 600; }
.brand-mint .checkout-payout { background: #172e23; border-color: #648671; }
.brand-mint .checkout-payout > summary { color: #e1f4e5; }
.brand-mint .checkout-payout > summary > span:last-child { color: #b4d6bd; }
.brand-mint .checkout-payout .button-outline { background: #294b36; color: #e0f2e2; border-color: #74997b; }
.brand-mint :is(.checkout-method, .checkout-wallet-help, .checkout-verification, .checkout-verification p, .checkout-payout .form-hint) { color: #afcbb7; }
.brand-mint .checkout-method strong { color: #e2f4e5; }

/* Remaining routes and generated dialogs use exactly the same hierarchy. */
.brand-mint :is(.how-section, .faq-section, .footer) { border-color: #a1c9b929; }
.brand-mint :is(.section-heading h2, .faq-heading h2) { color: #eff5ef; font-weight: 630; }
.brand-mint .step { background: linear-gradient(135deg, #1c2b2ddf, #122125e8); border-color: #6c8c7c46; box-shadow: inset 0 1px 0 #d2ffe70a; }
.brand-mint .step-number { color: #a8c4b6; }
.brand-mint .step-icon { color: #b0edce; }
.brand-mint .step h3 { color: #edf7ed; font-weight: 620; }
.brand-mint .step p { color: #b2c3b8; font-size: 16px; line-height: 1.8; }
.brand-mint .faq-section { min-height: 55vh; }
.brand-mint .faq-heading > p { color: #b0c4b6; }
.brand-mint .faq-list details { border-color: #728e7c48; }
.brand-mint .faq-list summary { color: #e2eee4; font-weight: 550; }
.brand-mint .faq-list summary > span { color: #b4ddc4; transition: transform 220ms ease, color 220ms ease; }
.brand-mint .faq-list details p { color: #b5c6ba; font-size: 16px; }
.brand-mint .footer { padding-inline: 40px; }
.brand-mint :is(.footer > p, .footer .text-link, .footer-status) { color: #a7b8ab; }
.brand-mint .promotion-notice { color: #d1e8d5; border-color: #7ca78b70; background: #253c2ed9; max-width: 1456px; }
.brand-mint .modal-backdrop { background: #030a0cce; backdrop-filter: blur(12px); }
.brand-mint .modal { color: #edf4ef; background: linear-gradient(145deg, #213035, #142226 70%); border-color: #6e8d805e; border-radius: 24px; box-shadow: inset 0 1px 0 #d6fff119, 0 30px 100px #0008; scrollbar-color: #71917e transparent; }
.brand-mint .modal h2 { font-weight: 650; color: #f0f6ee; }
.brand-mint .modal .eyebrow { color: #bbcec1; }
.brand-mint .modal-description { color: #b7c7bc; font-size: 16px; }
.brand-mint .modal-brand { width: 64px; height: 64px; border: 1px solid #5f8a7855; border-radius: 17px; overflow: hidden; background: #081819; }
.brand-mint .modal-brand img { width: 100%; height: 100%; object-fit: cover; transform: scale(1.65); }
.brand-mint .modal-close { color: #d0e1d3; background: #2c403c; border-color: #5e7c6c; }
.brand-mint .auth-tabs { background: #112322; border: 1px solid #5977684d; }
.brand-mint .auth-tabs button { color: #b3c9bb; font-weight: 550; transition: background 160ms ease, color 160ms ease; }
.brand-mint .auth-tabs button.active { color: #f1fcf0; background: #365746; box-shadow: 0 2px 8px #0002; }
.brand-mint .auth-divider { color: #b0c3b4; }
.brand-mint .auth-divider::before, .brand-mint .auth-divider::after { background: #5c78634d; }
.brand-mint .form-label { color: #d9e8e0; font-size: 14px; line-height: 1.5; font-weight: 600; }
.brand-mint :is(.form-label input, .form-label select, .checkout-payout .form-label input, .checkout-payout .form-label select) { color: #f0f6ed; background: #112222; border-color: #5a796a; font-size: 16px; font-weight: 450; }
.brand-mint :is(.form-label input, .form-label select):focus { border-color: #b1eccb; box-shadow: 0 0 0 3px #97d6b01a; }
.brand-mint .form-label input::placeholder { color: #94ad9c; }
.brand-mint .password-field button { color: #b9cfbd; }
.brand-mint :is(.form-hint, .auth-terms, .auth-note, .profile-footer) { color: #a8c0ad; }
.brand-mint .form-error { color: #ffc0b2; }
.brand-mint .form-success { color: #b0efc6; }
.brand-mint.profile-page #profileModal { background: none; backdrop-filter: none; }
.brand-mint.profile-page .profile-modal { border-color: #7fa98e5c; }
.brand-mint .profile-header h2 { color: var(--text); }
.brand-mint .profile-header p { color: var(--muted); }
.brand-mint .avatar { color: #c2f4e4; background: #24463d; border-color: #6b9b8b; }
.brand-mint :is(.profile-stat, .admin-cell) { background: linear-gradient(135deg, #243238, #17262a); border-color: #7b9a934d; }
.brand-mint :is(.profile-stat strong, .admin-cell strong) { color: var(--text); font-weight: 650; }
.brand-mint :is(.profile-stat span, .admin-cell span) { color: var(--muted); }
.brand-mint :is(.profile-section, .profile-tabs, .profile-footer, .legacy-calculations, .admin-panel > #adminSection, #pricingForm) { border-color: #7c9b9250; }
.brand-mint .profile-section h3 { color: var(--text); font-weight: 650; }
.brand-mint .profile-section h4 { color: #d9e7e1; font-weight: 600; }
.brand-mint .profile-section p { color: var(--muted); font-size: 16px; }
.brand-mint .profile-tabs button { color: #b6c9c1; font-weight: 600; }
.brand-mint .profile-tabs button.active { color: #f1fff8; }
.brand-mint .steam-linked { color: #b9efda; background: #38634c2b; border-color: #8cc2a354; }
.brand-mint .admin-panel { background: #152326; border-color: #7a9d9460; }
.brand-mint .admin-panel > summary { color: #d7e8e1; font-weight: 600; }
.brand-mint :is(.admin-subheading, .crypto-status > span:last-child) { color: var(--muted); }
.brand-mint .order-row { background: #192a2e; border-color: #70948b4d; }
.brand-mint .order-row strong { color: var(--text); font-weight: 600; }
.brand-mint .order-row p { color: var(--muted); }
.brand-mint .order-total > strong { color: #c4f2df; font-weight: 650; }
.brand-mint :is(.order-total > span, .sale-history-payout) { color: var(--muted); }
.brand-mint .sale-history-payout.sent { color: #aeeacb; }
.brand-mint :is(.legacy-calculations > summary, .legacy-calculations > p) { color: var(--muted); }
.brand-mint :is(.sale-payout-status, .trade-hold-note, .crypto-test-preview, .sale-fee-confirm, .sale-trade-progress, .sale-existing-notice) { background: #213a3566; border-color: #8bb5a370; }
.brand-mint :is(.sale-payout-status strong, .trade-hold-note strong, .sale-existing-notice strong, .sale-trade-progress h3) { color: var(--text); }
.brand-mint :is(.trade-hold-note p, .sale-trade-progress p, .sale-existing-notice p, .sale-offer-reference, .confirmation-check) { color: #bfd3c9; }
.brand-mint :is(.sale-total, .sale-payout-status > span) { color: #c4f3df; font-weight: 650; }
.brand-mint .sale-poll-note { color: var(--muted) !important; }
.brand-mint .confirmation-check input { accent-color: #9cddbf; }
.brand-mint .info-content { color: #bfd0c7; }
.brand-mint .info-content h3 { color: var(--text); font-weight: 650; }
.brand-mint .price-item-name { color: var(--text); }
.brand-mint .price-formula { color: #dcf5e8; background: #192e2c; border-color: #8bb4a363; font-weight: 600; }
.brand-mint .price-detail-list > div { border-color: #79988b50; }
.brand-mint .price-detail-list dt { color: var(--muted); }
.brand-mint .price-detail-list dd { color: #dce9e1; }
.brand-mint .toast { color: #e3f1e9; background: #223934; border-color: #94b4a3; border-left-color: #b4efd3; }
.brand-mint .toast.error { background: #3c2928; color: #ffdad0; border-color: #ab7568; }
.brand-mint .profile-section .form-error, .brand-mint .checkout-payout .form-error { color: #ffc0b2; }
.brand-mint .profile-section .form-success, .brand-mint .checkout-payout .form-success { color: #b0efc6; }

/* Route sections animate when their native [hidden] state is removed. */
@keyframes brand-section-in { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
@keyframes brand-dialog-in { from { opacity: 0; transform: translateY(12px) scale(.985); } to { opacity: 1; transform: translateY(0) scale(1); } }
.brand-mint .main-shell > section:not([hidden]), .brand-mint .profile-section:not([hidden]) { animation: brand-section-in 340ms var(--brand-ease) both; }
.brand-mint .modal-backdrop:not([hidden]) > .modal { animation: brand-dialog-in 260ms var(--brand-ease) both; }
@view-transition { navigation: auto; }
::view-transition-old(root) { animation-duration: 180ms; }
::view-transition-new(root) { animation-duration: 260ms; }

@media (max-width: 1200px) {
  .brand-mint .header { padding-inline: 30px; gap: 22px; }
  .brand-mint .desktop-nav { gap: 22px; font-size: 14px; }
  .brand-mint .main-shell, .brand-mint .footer { padding-inline: 30px; }
  .brand-mint .hero { padding: 37px 34px 64px; gap: 24px; }
  .brand-mint .hero h1 { font-size: 47px; letter-spacing: -1.8px; }
  .brand-mint .hero-note { left: 34px; right: 30px; }
  .brand-mint .hero-prices .hero-price-card { grid-template-columns: 40px minmax(0, 1fr); padding: 11px; gap: 8px; }
  .brand-mint .hero-price-card img { width: 40px; }
  .brand-mint .hero-price-card strong { font-size: 19px; }
  .brand-mint .benefits { gap: 23px; }
}
@media (max-width: 960px) {
  .brand-mint .hero-prices { --brand-preview-display: flex; }
  .brand-mint .header { min-height: 90px; padding-inline: 24px; }
  .brand-mint .logo { font-size: 27px; }
  .brand-mint .logo-symbol { width: 44px; height: 48px; }
  .brand-mint .main-shell, .brand-mint .footer { padding-inline: 24px; }
  .brand-mint .hero { gap: 22px; padding: 32px 29px 69px; min-height: 490px; }
  .brand-mint .hero h1 { font-size: 41px; }
  .brand-mint .hero-content > p { font-size: 16px; }
  .brand-mint .hero .button { gap: 12px; font-size: 15px; }
  .brand-mint .brand-hero-orbit { height: 250px; }
  .brand-mint .hero-prices .hero-price-card, .brand-mint .hero-prices .hero-price-card:first-child, .brand-mint .hero-prices .hero-price-card:last-child { display: flex; flex-direction: column; padding: 12px; gap: 0; }
  .brand-mint .hero-price-card img { display: none; }
  .brand-mint .hero-price-card > span { min-height: 31px; }
  .brand-mint .hero-note { left: 29px; right: 26px; }
  .brand-mint .market-heading h2 { font-size: 29px; }
}
@media (max-width: 760px) {
  .brand-mint .hero-prices { --brand-preview-display: grid; }
  .brand-mint::before { background-position: center top; background-size: auto 100vh; }
  .brand-mint .header { min-height: 83px; padding-inline: 22px; }
  .brand-mint .logo { font-size: 27px; }
  .brand-mint .logo-symbol { width: 41px; height: 44px; border-radius: 12px; margin-right: 8px; }
  .brand-mint .mobile-nav { color: #b3c6ba; background: #0d1a1ae6; border-color: #607f6b4a; padding-inline: 22px; gap: 27px; }
  .brand-mint .mobile-nav a { color: #bdcfc0; transition: color 180ms ease; }
  .brand-mint .mobile-nav a:hover { color: #e8ffea; }
  .brand-mint .main-shell, .brand-mint .footer { padding-inline: 22px; }
  .brand-mint .hero { grid-template-columns: minmax(0, 1fr); gap: 22px; padding: 31px 28px 71px; border-radius: 26px; min-height: 0; }
  .brand-mint .hero h1 { font-size: clamp(39px, 7vw, 52px); letter-spacing: -1.7px; margin: 21px 0; }
  .brand-mint .hero-content > p { font-size: 16px; max-width: 490px; margin-bottom: 24px; }
  .brand-mint .hero .button { min-height: 53px; font-size: 16px; gap: 22px; }
  .brand-mint .hero-art, .brand-mint .hero-art:has(.hero-prices:not(:empty)) { min-height: 0; }
  .brand-mint .brand-hero-orbit { height: 280px; }
  .brand-mint .hero-prices { gap: 12px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .brand-mint .hero-prices .hero-price-card, .brand-mint .hero-prices .hero-price-card:first-child, .brand-mint .hero-prices .hero-price-card:last-child { display: grid; grid-template-columns: 50px minmax(0, 1fr); gap: 0 9px; padding: 13px; }
  .brand-mint .hero-price-card img { display: block; width: 50px; height: 60px; }
  .brand-mint .hero-price-card > span { font-size: 12px; min-height: 0; }
  .brand-mint .hero-price-card strong { font-size: 21px; }
  .brand-mint .hero-prices .hero-price-card:nth-child(3) { display: none; }
  .brand-mint .hero-note { left: 28px; right: 25px; bottom: 20px; }
  .brand-mint .benefits { gap: 20px; padding: 22px 0; }
  .brand-mint .benefits > span { font-size: 12px; }
  .brand-mint .market-heading h2 { font-size: 29px; }
  .brand-mint .summary { position: relative; }
  .brand-mint .faq-section { min-height: 0; }
  .brand-mint .promotion-notice { margin-inline: 22px; }
  .brand-mint .profile-section p, .brand-mint .step p, .brand-mint .faq-list details p { font-size: 16px; }
}
@media (max-width: 480px) {
  .brand-mint .hero-prices { --brand-preview-display: flex; }
  .brand-mint .header { padding-inline: 18px; gap: 9px; }
  .brand-mint .logo { font-size: 25px; letter-spacing: -1.4px; }
  .brand-mint .logo-symbol { width: 35px; height: 40px; margin-right: 7px; }
  .brand-mint .account-button { font-size: 12px; min-height: 43px; padding: 10px; gap: 7px; }
  .brand-mint .account-button > svg { width: 17px; height: 17px; }
  .brand-mint .account-button.connected { padding: 6px 8px; }
  .brand-mint .account-label { max-width: 96px; }
  .brand-mint .mobile-nav { padding-inline: 18px; font-size: 13px; gap: 23px; }
  .brand-mint .main-shell, .brand-mint .footer { padding-inline: 18px; }
  .brand-mint .main-shell { padding-top: 19px; }
  .brand-mint .hero { padding: 27px 22px 79px; gap: 18px; border-radius: 23px; }
  .brand-mint .hero .eyebrow { font-size: 10px; letter-spacing: 1.15px; }
  .brand-mint .hero h1 { font-size: clamp(36px, 9.2vw, 43px); letter-spacing: -1.5px; line-height: 1.13; margin: 19px 0; }
  .brand-mint .hero-content > p { font-size: 16px; line-height: 1.7; margin-bottom: 24px; }
  .brand-mint .hero .button { font-size: 15px; gap: 15px; padding: 12px 13px 12px 17px; }
  .brand-mint .brand-hero-orbit { height: 245px; }
  .brand-mint .hero-watermark { font-size: 9px; letter-spacing: 1.5px; }
  .brand-mint .hero-prices { display: grid; width: 100%; margin: 0; padding: 0; gap: 9px; overflow: visible; scroll-snap-type: none; }
  .brand-mint .hero-prices .hero-price-card, .brand-mint .hero-prices .hero-price-card:first-child, .brand-mint .hero-prices .hero-price-card:last-child { display: flex; flex: none; width: auto; min-width: 0; padding: 12px 10px; gap: 0; border-radius: 13px; }
  .brand-mint .hero-prices .hero-price-card:nth-child(3) { display: none; }
  .brand-mint .hero-price-card img { display: none; }
  .brand-mint .hero-price-card > span { font-size: 12px; line-height: 1.5; min-height: 36px; margin-bottom: 6px; }
  .brand-mint .hero-price-card small { font-size: 12px; }
  .brand-mint .hero-price-card strong { font-size: 21px; line-height: 1.3; margin-top: 4px; letter-spacing: -.65px; }
  .brand-mint .hero-note { left: 22px; right: 20px; bottom: 19px; font-size: 11px; line-height: 1.6; }
  .brand-mint .benefits { gap: 15px; }
  .brand-mint .market-heading h2 { font-size: 28px; }
  .brand-mint .promotion-notice { margin-inline: 18px; }
  .brand-mint .modal { border-radius: 20px; }
  .brand-mint .modal h2 { font-size: 29px; }
  .brand-mint .profile-header h2 { font-size: 25px; }
  .brand-mint .summary-cta { font-size: 15px; }
}
@media (max-width: 380px) {
  .brand-mint .logo { font-size: 22px; }
  .brand-mint .logo-symbol { width: 32px; height: 36px; margin-right: 6px; }
  .brand-mint .account-button { font-size: 11px; padding: 9px; gap: 6px; }
  .brand-mint .account-button > svg { width: 16px; height: 16px; }
  .brand-mint .account-label { max-width: 83px; }
}
@media (prefers-reduced-motion: reduce) {
  .brand-mint *, .brand-mint *::before, .brand-mint *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
  .brand-mint :is(.button, .item-card):is(:hover, :active),
  .brand-mint .item-card:hover .item-image,
  .brand-mint :is(#heroInventory, .summary-cta, .form-submit, .steam-button):is(:hover, :active) > span:last-child { transform: none !important; }
  ::view-transition-old(root), ::view-transition-new(root) { animation: none; }
}
/* Distinct motion for the two views sharing the inventory section. */
@keyframes brand-market-in { from { opacity: .25; transform: translateX(-9px); } to { opacity: 1; transform: none; } }
@keyframes brand-inventory-in { from { opacity: .25; transform: translateX(9px); } to { opacity: 1; transform: none; } }
.brand-mint .inventory-section:not([hidden]):has(#catalogMode[aria-selected="true"]) { animation-name: brand-market-in; }
.brand-mint .inventory-section:not([hidden]):has(#inventoryMode[aria-selected="true"]) { animation-name: brand-inventory-in; }
.brand-mint:has(#faq:not([hidden])) .desktop-nav a[href="/faq"] { color: #f0fff8; }
.brand-mint:has(#faq:not([hidden])) .desktop-nav a[href="/faq"]::after { transform: scaleX(1); }
.brand-mint .faq-section { background: #0b1418d9; border: 1px solid #9fdbc928; border-radius: 26px; padding: 45px 36px; margin-top: 0; }
@media (max-width: 760px) { .brand-mint .faq-section { padding: 30px 22px; border-radius: 20px; } }
@media (max-width: 480px) { .brand-mint .faq-section { padding: 25px 18px; } }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto !important; } }
@media (max-width: 360px) {
  .brand-mint .mobile-nav { gap: 15px; font-size: 12px; }
  .brand-mint .inventory-toolbar { gap: 8px; }
  .brand-mint .game-tabs { gap: 5px; }
  .brand-mint .game-tab { padding: 9px 8px; gap: 5px; font-size: 12px; min-height: 42px; white-space: nowrap; }
  .brand-mint .game-mark { font-size: 16px; }
  .brand-mint #refreshInventory { width: 35px; min-width: 35px; }
}

/* Product-led hero: three readable rows, with every element in normal flow. */
.brand-mint .hero {
  min-height: 440px;
  padding-bottom: 28px;
  row-gap: 25px;
}
.brand-mint .hero .hero-art,
.brand-mint .hero .hero-art:has(.hero-prices:not(:empty)) {
  position: relative;
  inset: auto;
  display: block;
  width: 100%;
  min-width: 0;
  min-height: 0;
  height: auto;
  margin: 0;
  padding: 0;
  overflow: visible;
}
.brand-mint .hero .hero-watermark,
.brand-mint .hero .hero-art-label { display: none; }
.brand-mint #heroPrices {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 12px;
  position: static;
  width: 100%;
  height: auto;
  padding: 0;
  margin: 0;
  overflow: visible;
}
.brand-mint #heroPrices .hero-price-card {
  display: grid;
  grid-template-columns: 100px minmax(0, 1fr);
  grid-template-rows: auto auto auto;
  column-gap: 17px;
  row-gap: 0;
  align-items: center;
  position: relative;
  inset: auto;
  width: 100%;
  min-width: 0;
  height: auto;
  min-height: 108px;
  flex: none;
  padding: 16px 19px;
  transform: none;
  border-radius: 17px;
}
.brand-mint #heroPrices .hero-price-card img {
  display: block;
  position: static;
  grid-column: 1;
  grid-row: 1 / 4;
  width: 100px;
  height: 84px;
  min-width: 0;
  margin: 0;
  object-fit: contain;
  transform: none;
}
.brand-mint #heroPrices .hero-price-card > span {
  grid-column: 2;
  grid-row: 1;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.35;
  color: #eff7f3;
  min-height: 0;
  margin: 0 0 7px;
  white-space: normal;
  overflow: visible;
  overflow-wrap: anywhere;
}
.brand-mint #heroPrices .hero-price-card small {
  grid-column: 2;
  grid-row: 2;
  font-size: 12px;
  line-height: 1.45;
  color: #aabbb3;
}
.brand-mint #heroPrices .hero-price-card strong {
  grid-column: 2;
  grid-row: 3;
  font-size: 28px;
  font-weight: 650;
  line-height: 1.2;
  letter-spacing: -.6px;
  margin: 3px 0 0;
  color: #c1f7dc;
  font-variant-numeric: tabular-nums lining-nums;
  overflow-wrap: anywhere;
}
.brand-mint .hero .hero-note {
  position: static;
  inset: auto;
  grid-column: 1 / -1;
  width: 100%;
  margin: 0;
  padding-top: 18px;
  border-top: 1px solid #9fdbc924;
  align-items: flex-start;
}
@media (max-width: 960px) {
  .brand-mint #heroPrices .hero-price-card { grid-template-columns: 74px minmax(0, 1fr); padding: 14px; column-gap: 12px; }
  .brand-mint #heroPrices .hero-price-card img { width: 74px; height: 74px; }
  .brand-mint #heroPrices .hero-price-card > span { font-size: 16px; }
  .brand-mint #heroPrices .hero-price-card strong { font-size: 25px; }
}
@media (max-width: 760px) {
  .brand-mint .hero { min-height: 0; padding-bottom: 26px; row-gap: 26px; }
  .brand-mint #heroPrices .hero-price-card { grid-template-columns: 90px minmax(0, 1fr); padding: 16px; column-gap: 16px; }
  .brand-mint #heroPrices .hero-price-card img { width: 90px; height: 78px; }
  .brand-mint #heroPrices .hero-price-card > span { font-size: 17px; }
  .brand-mint #heroPrices .hero-price-card strong { font-size: 27px; }
}
@media (max-width: 480px) {
  .brand-mint .hero { padding-bottom: 23px; row-gap: 23px; }
  .brand-mint #heroPrices { gap: 10px; }
  .brand-mint #heroPrices .hero-price-card { grid-template-columns: 60px minmax(0, 1fr); min-height: 104px; padding: 13px 12px; column-gap: 11px; border-radius: 14px; }
  .brand-mint #heroPrices .hero-price-card img { width: 60px; height: 65px; }
  .brand-mint #heroPrices .hero-price-card > span { font-size: 15px; line-height: 1.4; margin-bottom: 5px; }
  .brand-mint #heroPrices .hero-price-card strong { font-size: 24px; }
  .brand-mint .hero .hero-note { font-size: 12px; line-height: 1.6; padding-top: 17px; }
}
/* Serve the detailed 4K artwork only where display size/density benefits. */
:root { --brand-backdrop: image-set(url('/background-hq-1920.webp') 1x, url('/background-hq.webp') 2x); }
@media (min-width: 1600px) { :root { --brand-backdrop: url('/background-hq.webp'); } }
@media (max-width: 760px) { :root { --brand-backdrop: image-set(url('/background-hq-1280.webp') 1x, url('/background-hq-1920.webp') 2x); } }

/* Presentation additions for the current store / provider build. */
.brand-mint .hero { grid-template-columns: minmax(0, 1.18fr) minmax(0, 1fr); }
.brand-mint .hero h1 { font-size: clamp(36px, 4.4vw, 62px); line-height: 1.12; }
.brand-mint .brand-game-list { display: grid; gap: 12px; }
.brand-mint .hero-art:has(#heroPrices:not(:empty)) .brand-game-list { display: none; }
.brand-mint #heroPrices:empty { display: none; }
.brand-mint .brand-game-heading { font-size: 10px; letter-spacing: 2px; font-weight: 600; color: #9ab5ad; margin-bottom: 2px; }
.brand-mint .brand-game-row { display: grid; grid-template-columns: 62px 1fr auto; align-items: center; gap: 20px; min-height: 101px; padding: 18px 24px 18px 18px; border: 1px solid #a2e2cd2b; border-radius: 18px 18px 18px 5px; background: linear-gradient(115deg, #263d39c9, #142423c2); box-shadow: inset 0 1px 0 #ddfff21c; }
.brand-mint .brand-game-icon { display: grid; place-items: center; width: 62px; height: 62px; border-radius: 15px; border: 1px solid #9ce8cc30; background: linear-gradient(145deg, #6eb8a02b, #0c1c191c); color: #a6edd4; font-size: 34px; font-weight: 650; line-height: 1; }
.brand-mint .brand-game-index { display: block; color: #92afa5; font-size: 10px; letter-spacing: 1.35px; line-height: 1.6; }
.brand-mint .brand-game-row strong { display: block; color: #e0f7ed; font-size: 28px; font-weight: 600; letter-spacing: -.6px; line-height: 1.3; }
.brand-mint .brand-game-arrow { font-size: 23px; color: #80bba6; }
.brand-mint #storeBuyerContent { padding: 0 17px 17px; }
.brand-mint :is(.xrocket-owner-section, .steam-authenticator-owner-section) { border-color: #52796b66; background: linear-gradient(120deg, #172c28, #152126); }
.brand-mint .xrocket-api-tag { color: #b2e9d6; background: #31554844; border-color: #6ca68c55; }
.brand-mint :is(.xrocket-consent, .xrocket-integration-state) { color: #b1c8bf; }
.brand-mint .xrocket-consent strong { color: #d9f0e6; }
.brand-mint .xrocket-consent input { appearance: auto; width: 19px; min-width: 19px; height: 19px; min-height: 19px; padding: 0; accent-color: #91f0d2; }
.brand-mint #steamAuthenticatorRecoveryCode { font-family: OnestBrand, system-ui, sans-serif; font-size: 24px; font-weight: 650; }
.brand-mint .xrocket-balances .admin-cell { min-width: 0; }
.brand-mint .xrocket-balances .admin-cell strong { overflow-wrap: anywhere; }
@media (min-width: 481px) and (max-width: 760px) {
  .brand-mint .header:has(#accountReceivable:not([hidden])) { display: grid; grid-template-columns: 1fr auto; gap: 10px; padding-block: 12px; }
  .brand-mint .header:has(#accountReceivable:not([hidden])) > .logo { grid-row: 1; grid-column: 1; }
  .brand-mint .header:has(#accountReceivable:not([hidden])) .header-actions { display: contents; }
  .brand-mint .header:has(#accountReceivable:not([hidden])) .account-button { grid-row: 1; grid-column: 2; }
  .brand-mint #accountReceivable:not([hidden]) { grid-row: 2; grid-column: 1 / -1; display: flex; align-items: center; justify-content: space-between; text-align: left; border-top: 1px solid #b0d8cc1c; padding-top: 8px; }
}
@media (max-width: 1180px) { .brand-mint .header { gap: 18px; } .brand-mint .header-actions { gap: 12px; } .brand-mint .launch-badge { display: none; } .brand-mint .desktop-nav { gap: 20px; } }
@media (max-width: 960px) { .brand-mint .hero h1 { font-size: 43px; letter-spacing: -1.5px; } .brand-mint .brand-game-row { gap: 14px; padding: 15px; grid-template-columns: 50px 1fr auto; } .brand-mint .brand-game-icon { width: 50px; height: 50px; } }
@media (max-width: 760px) { .brand-mint .hero { grid-template-columns: minmax(0, 1fr); } .brand-mint .hero h1 { font-size: clamp(34px, 6.4vw, 46px); } .brand-mint .brand-game-row { min-height: 85px; } .brand-mint .brand-game-row strong { font-size: 25px; } }
@media (max-width: 480px) { .brand-mint .hero h1 { font-size: 35px; letter-spacing: -1.2px; } .brand-mint .brand-game-index { font-size: 9px; letter-spacing: 1px; } .brand-mint .brand-game-row { padding: 12px; gap: 12px; } .brand-mint #storeBuyerContent { padding: 0 14px 14px; } }