:root {
  --removed-body-scroll-bar-size: 0px;

                              
  --badge-color-bronze: #ed7922;
  --badge-color-epic: #b900de;
  --badge-color-gold: #fb0;
  --badge-color-grey: #4f5153;
  --badge-color-silver: #8eb0d4;
  --badge-color-top-hat: #8600df;
  --bang-button-bg: #b95cff;
  --bang-gradient-bg: linear-gradient(90deg, #b95cff -6.47%, #ffb732 100%);
  --bang-main-color: #b95cff;
  --classified: #d32ce6;
  --color-base-bg: #0e1111;
  --color-base-task-button: #fffafa4d;
  --color-bet-controls-button: #3b3b3b;
  --color-bg-controls: #1a1b1b;
  --color-bg-sweep: #252525e6;
  --color-blue: #4a8ee4;
  --color-card-bg: #3b3b3b;
  --color-card-bg-transparent: #fffafa0d;
  --color-checkbox-bg: #fff9;
  --color-checkbox-border: #ffffff4d;
  --color-checkbox-disabled: #ffffff1a;
  --color-controls-border: #fffafa08;
  --color-dark-grey: #252525;
  --color-disclaimer-error-bg: #2a1a1a;
  --color-disclaimer-error-icon: #ff5a26;
  --color-disclaimer-space-monkeys-icon: #5b9dff;
  --color-divider: #7e7c7d;
  --color-divider-gradient: linear-gradient(90deg, #fff0 0%, #ffffff26 51.92%, #fff0 100%);
  --color-error-bg: #ec3f0026;
  --color-extra-gray: #fffafa0d;
  --color-filter-badge-bg: #0e1111;
  --color-filter-badge-text: snow;
  --color-giveaway-fab-bg: #252525cc;
  --color-gray: #7e7c7d;
  --color-info-label-bg: #006bd2;
  --color-input-bg: #252525;
  --color-light-grey: #eeedeb;
  --color-mood-festival-mint: #2bb89c;
  --color-mrach-event-blue: #309cfd;
  --color-ny-red: #e31133;
  --color-orange: #fd6100;
  --color-primary-button-bg: #fed813;
  --color-primary-button-bg-disabled: #252525;
  --color-primary-button-text: #0e1111;
  --color-pulse-card-bg: #171a1a;
  --color-secondary-bg: #252525;
  --color-secondary-button-bg: #252525;
  --color-secondary-button-bg-disabled: #363636;
  --color-secondary-button-text: snow;
  --color-secondary-button-text-disabled: #fffafa80;
  --color-secondary-card-bg: #3b3b3b;
  --color-secondary-divider: #252525;
  --color-slider-track-bg: #eeedeb;
  --color-success-bg: #01a62826;
  --color-tertiary-divider: #616161;
  --color-white: snow;
  --color-xmas-orange: #eb6c10;
  --consumer-grade: #b0c3d9;
  --contraband: #e4ae39;
  --covert: #eb4b4b;
  --crafting-bg: linear-gradient(94deg, #ff6a00 1.36%, #ffd000 98.39%);
  --dsv2-badge: #e5e5ea26;
  --dsv2-bg-active: #555;
  --dsv2-bg-card: #222223;
  --dsv2-bg-event: #050606;
  --dsv2-bg-leaderboard: #0d0005;
  --dsv2-bg-n1: #1c1c1d;
  --dsv2-bg-n2: #262627;
  --dsv2-bg-n4: #1f1f1f;
  --dsv2-bg-page: #171718;
  --dsv2-bg-success: #0aaf6226;
  --dsv2-black: #131314;
  --dsv2-border-glass: #ffffff1a;
  --dsv2-brand: #fed813;
  --dsv2-brand-08: #fed81314;
  --dsv2-brand-50: #fed81380;
  --dsv2-brand-65: #fed813a6;
  --dsv2-brand-active: #ddb900;
  --dsv2-chip-bg: #a8a8ac2b;
  --dsv2-chip-border: #a8a8ac4d;
  --dsv2-chip-glass: #e5e5ea1f;
  --dsv2-chip-promote-bg: #ddb9002e;
  --dsv2-craft-glow: linear-gradient(180deg, #ff92004d 0%, #ff92004d 18.42%, #ffd000 60.46%, #ffd000 100%);
  --dsv2-craft-gradient: linear-gradient(146.63deg, #ff9200 27.3%, #ffd000 105%);
  --dsv2-divider: #e5e5ea33;
  --dsv2-error-ghost: #c3171a26;
  --dsv2-error-light: #ff5e5e;
  --dsv2-error-system: #f63235;
  --dsv2-float-bs: #dc5b47;
  --dsv2-float-fn: #4e818d;
  --dsv2-float-ft: #d3be5d;
  --dsv2-float-mw: #8daf4a;
  --dsv2-float-ww: #e38650;
  --dsv2-gradient-activities: linear-gradient(131deg, #8dcafd40 0%, #7389ff40 11%, #cd94ff40 39%, #ff80fe40 76%, #fff01940 100%);
  --dsv2-gradient-card: linear-gradient(135deg, #e5e5ea2e 3%, #e5e5ea0a 100%);
  --dsv2-gradient-playhub-event-accent: linear-gradient(71.33deg, #1ce8ff 14%, #0f8 90%);
  --dsv2-gradient-playhub-event-banner: linear-gradient(90deg, #0a0a0a 0%, #1d1d1d 100%);
  --dsv2-gradient-playhub-event-ended-plaque: linear-gradient(65.23deg, #000 5.61%, #7f561b 67.52%);
  --dsv2-gradient-playhub-event-plaque: linear-gradient(64.36deg, #0e0106 5.73%, #0f8 209.34%, #1ce8ff 210.07%);
  --dsv2-gray-main: #6e6e70;
  --dsv2-gray-secondary: #a8a8ac;
  --dsv2-gray-text: #7e7c7d;
  --dsv2-industrial-grade: #5e98d9;
  --dsv2-miner-blue: #54c6c4;
  --dsv2-miner-bomb: #ff2f2f;
  --dsv2-miner-bomb-ghost: #ff2f2f38;
  --dsv2-miner-gem: #57fffc;
  --dsv2-miner-gem-ghost: #57fffc33;
  --dsv2-neutral-3: #2a2a2b;
  --dsv2-neutral-5: #303030;
  --dsv2-neutral-7: #555;
  --dsv2-penalty-left: #39e639;
  --dsv2-penalty-left-ghost: #39e63933;
  --dsv2-penalty-right: #00d9ff;
  --dsv2-penalty-right-ghost: #00d9ff33;
  --dsv2-rarity-classified: #d32ce6;
  --dsv2-rarity-consumer: #b0c3d9;
  --dsv2-rarity-contraband: #e4ae39;
  --dsv2-rarity-covert: #eb4b4b;
  --dsv2-rarity-industrial: #5e98d9;
  --dsv2-rarity-mil-spec: #4b69ff;
  --dsv2-rarity-restricted: #8847ff;
  --dsv2-scrim-40: #0006;
  --dsv2-scrim-dark-10: #1313141a;
  --dsv2-scrim-panel: #131314b3;
  --dsv2-souvenir: #ffcb54;
  --dsv2-spire-bet-card: linear-gradient(153.14deg, #e5e5ea14 9.51%, #e5e5ea04 139.85%);
  --dsv2-spire-bet-card-leader: linear-gradient(153.14deg, #e5e5ea2e 9.51%, #e5e5ea09 139.85%);
  --dsv2-stat-trak: #f38a4a;
  --dsv2-success: #0aaf62;
  --dsv2-success-ghost: #0aaf6226;
  --dsv2-success-ghost-solid: #1e362c;
  --dsv2-surface-banner: #ffffff14;
  --dsv2-surface-card: #ffffff40;
  --dsv2-surface-card-muted: #ffffff26;
  --dsv2-surface-glass: #ffffff1f;
  --dsv2-text-100: #e5e5ea;
  --dsv2-text-15: #e5e5ea26;
  --dsv2-text-32: #e5e5ea52;
  --dsv2-text-65: #e5e5eaa6;
  --dsv2-warning: #ffb200;
  --dsv2-warning-ghost: #ffb20026;
  --dsv2-wheel-3: #33b9ff;
  --dsv2-wheel-4: #ff6399;
  --dsv2-white: #fff;
  --dsv2-white-03: #e5e5ea08;
  --dsv2-white-07: #e5e5ea12;
  --dsv2-white-08: #e5e5ea14;
  --dsv2-white-15: #e5e5ea26;
  --dsv2-white-pure-32: #ffffff52;
  --float-bs: #c84c3c;
  --float-fn: #4e818d;
  --float-ft: #d3be5d;
  --float-mw: #8daf4a;
  --float-ww: #e38650;
  --icon-color-active-primary: #eeedeb;
  --icon-color-primary: #7e7c7d;
  --industrial-grade: #5e98d9;
  --mil-spec: #4b69ff;
  --miner-cell-border: linear-gradient(180deg, #ffffff1a 0%, #fff0 100%);
  --mr-black-pvp-tournament-bg: #000;
  --mystery-box-bg: linear-gradient(305.92deg, #fe7513 11.23%, #eed44d 36.39%, #fff6ca 79.18%);
  --ny-event-bg: #e31133;
  --plinko-gradient-bg: linear-gradient(to right, #ff3d00 0%, #ff9100 100%);
  --pvp-accent: #d93400;
  --pvp-bg: #d32f2f26;
  --pvp-bg-light: #9247ff26;
  --pvp-center-circle: linear-gradient(135deg, #fff6 0%, #f6874240 50%, #f6874233 100%);
  --pvp-gradient-bg: linear-gradient(270deg, #d93400 0%, #ff4f42 98.56%);
  --pvp-gradient-secondary-bg: #f6cc0e;
  --pvp-gradient-vertical: linear-gradient(0deg, #d93400 0%, #ff4f42 98.56%);
  --rarity-color-epic: #bf5af2;
  --rarity-color-legendary: #ff9500;
  --rarity-color-rare: #0a84ff;
  --rarity-color-uncommon: #34c759;
  --restricted: #8847ff;
  --special-gift-promo-gradient: linear-gradient(90deg, #ff6fbd, #8f8fff 42%, #fec452 89%);
  --spire-gradient-bg: linear-gradient(87deg, #fb73ffb3 -6.54%, #549cffb3 48.58%, #4ff6c9b3 103.7%);
  --spire-gradient-bg-20: linear-gradient(87deg, #fb73ff33 -6.54%, #549cff33 48.58%, #4ff6c933 103.7%);
  --spire-gradient-bg-40: linear-gradient(87deg, #fb73ffb3 -6.54%, #549cffb3 48.58%, #4ff6c9b3 103.7%);
  --spire-gradient-bg-70: linear-gradient(87deg, #fb73ffb3 -6.54%, #549cffb3 48.58%, #4ff6c9b3 103.7%);
  --spire-gradient-skeleton: linear-gradient(106deg, #fb73ffb3 3.62%, #549cffb3 49.57%, #4ff6c9b3 95.52%);
  --squid-accent: #c40060;
  --squid-accent-gradient: linear-gradient(90deg, #c40060 0%, #f61877 98.56%);
  --squid-bg: #f61877;
  --squid-gradient-bg: linear-gradient(91.43deg, #f61877 0.79%, #1d1d1d 98.79%);
  --squid-gradient-vertical: linear-gradient(0deg, #c40060 0%, #f61877 98.56%);
  --squid-secondary-bg: #acacac26;
  --stat-trak: #cf6a32;
  --swiper-preloader-color: #fff;
  --swiper-theme-color: #007aff;
  --text-color-accent: #fed813;
  --text-color-brand: #fed813;
  --text-color-contols-balance: #e5e5eaa6;
  --text-color-contrast: #0e1111;
  --text-color-dark: #0e1111;
  --text-color-disclaimer-error: #f5d0d0;
  --text-color-error: #ec3f00;
  --text-color-light: snow;
  --text-color-ny-event: #e31133;
  --text-color-primary: snow;
  --text-color-pvp: #ff4f42;
  --text-color-remaining-volume: snow;
  --text-color-secondary: #7e7c7d;
  --text-color-spire: #fed813;
  --text-color-squid: #f61877;
  --text-color-success: #01a628;
  --text-color-warning: #f48a64;
  --text-ton-color-accent: snow;
  --text-ton-color-contrast: #0e1111;
  --text-ton-color-error: #ec3f00;
  --text-ton-color-primary: snow;
  --text-ton-color-success: #01a628;
  --toggle-track-color: var(--dsv2-white-07);
  --token-brand-brand-color-1-100: #ffe24e;
  --token-brand-brand-color-1-300: #ffe24e;
  --token-brand-brand-color-1-400: #ffe24e;
  --token-brand-brand-color-1-500: #303030;
  --token-brand-brand-color-1-600: #ffe24e;
  --token-brand-error-500: #f63235;
  --token-brand-error-600: #c3171a;
  --token-brand-info-500: #3b82f6;
  --token-brand-info-600: #2563eb;
  --token-brand-primary-1-100: #e5e5ea;
  --token-brand-primary-1-400: #e5e5ea;
  --token-brand-primary-1-600: #e5e5ea;
  --token-brand-secondary-1: #e5e5ea00;
  --token-brand-secondary-13: #e5e5ea;
  --token-brand-secondary-14: #a8a8ac;
  --token-brand-secondary-17: #6e6e70;
  --token-brand-secondary-2: #e5e5ea00;
  --token-brand-secondary-20: #2a2a2b;
  --token-brand-secondary-21: #e5e5ea;
  --token-brand-secondary-3: #e5e5ea00;
  --token-brand-secondary-4: #e5e5ea00;
  --token-brand-secondary-5: #e5e5ea00;
  --token-brand-success-500: #0aaf62;
  --token-brand-success-600: #088a4d;
  --token-brand-warning-500: #ffb200;
  --token-brand-warning-600: #cc8e00;
  --tower-cell-sheen: linear-gradient(180deg, #ffffff14 0%, #fff0 100%);

                           
  --dsv2-input-medium-line-height: 16px;
  --dsv2-input-medium-text: 14px;
  --dsv2-input-small-line-height: 16px;
  --dsv2-input-small-text: 12px;
  --dsv2-size-giant-line-height: 24px;
  --dsv2-size-giant-text: 18px;
  --dsv2-size-large-line-height: 20px;
  --dsv2-size-large-text: 16px;
  --dsv2-size-medium-line-height: 18px;
  --dsv2-size-medium-text: 16px;
  --dsv2-size-small-line-height: 16px;
  --dsv2-size-small-text: 14px;
  --dsv2-size-tiny-line-height: 16px;
  --dsv2-size-tiny-text: 10px;

                          
  --dsv2-size-giant-height: 52px;
  --dsv2-size-large-height: 44px;
  --dsv2-size-medium-height: 36px;
  --dsv2-size-small-height: 32px;
  --dsv2-size-tiny-height: 28px;
  --tower-cell-gap: calc(var(--tower-cell-active) * var(--tower-cell-ratio-gap));
  --tower-cell-ratio-gap: .153846;
  --tower-row-gap: 8px;

                            
  --dsv2-radius-lg: 10px;
  --dsv2-radius-md: 8px;
  --dsv2-radius-sm: 6px;
  --dsv2-radius-xs: 4px;
  --dsv2-radius-xxl: 12px;
  --token-border-radius-button: 6px;
  --token-border-radius-input: 6px;
  --tower-cell-radius: 18.1818%;

                            
  --dsv2-badge-shadow: 0 0 10px #0003;
  --dsv2-blur-panel: 40px;
  --dsv2-chip-shadow: 0 1px 2px 0 #00000040;
  --dsv2-penalty-ball-shadow: -2px -1px 9.1px #00000040;
  --tabs-shadow-background: linear-gradient(270deg, transparent, #0e1111a3 50%, #0e1111);
  --token-brand-shadow-2: 0px 4px 16px 0px #00000026;

                            
  --dsv2-bg-error: #ec3f0026;
  --dsv2-bullet-color: var(--dsv2-brand);
  --dsv2-error: #ec3f00;
  --float-color: var(--dsv2-float-fn);
  --game-ladder-flash: var(--dsv2-brand);
  --game-ladder-lost: var(--dsv2-error-light);
  --hilo-direction: var(--dsv2-wheel-3);
  --miner-cell-bg: var(--dsv2-surface-glass);
  --quality-color: var(--dsv2-stat-trak);
  --toast-accent-rgb: 10, 175, 98;
  --toggle-thumb-color: var(--dsv2-text-100);
  --toggle-track-checked-color: var(--dsv2-brand);
  --tower-cell-active: min(52px, var(--tower-cell-slot));
  --tower-cell-border: transparent;
  --tower-cell-fill: transparent;
  --tower-cell-idle: calc(var(--tower-cell-active) * var(--tower-cell-ratio-idle));
  --tower-cell-ratio-idle: .846154;
  --tower-cell-slot: calc(100% / ( var(--tower-cell-count-max) + (var(--tower-cell-count-max) - 1) * var(--tower-cell-ratio-gap) ));
  --tower-fade-bottom: 0px;
  --tower-fade-top: 0px;
  --tower-glow-opacity: 0;
  --tower-glow-rgb: 7 213 255;
}

* { box-sizing: border-box; -webkit-tap-highlight-color: transparent; }
html, body, #root { height: 100%; }
body {
  margin: 0;
                                                                            
                                           
  background: var(--dsv2-bg-page);
  color: var(--text-color-primary);
  font-family: "Space Grotesk", "Noto Sans", sans-serif;
  font-size: var(--dsv2-size-medium-text);
  line-height: var(--dsv2-size-medium-line-height);
  overscroll-behavior: none;
}
button { font: inherit; color: inherit; border: 0; background: none; cursor: pointer; }
button:focus { outline: none; }
button:focus-visible { outline: 2px solid rgba(254,216,19,.6); outline-offset: 2px; }
input { font: inherit; }
.app { min-height: 100%; color: var(--dsv2-text-100);
       padding-bottom: calc(60px + var(--safe-bottom, 0px)); }
.safeArea { height: var(--safe-top, 0px); flex: 0 0 auto; }
.scroll { overflow-y: auto; }

                                                                           
.giftArt { position: relative; width: 100%; height: 100%; overflow: hidden; }
.giftBack { position: absolute; inset: 0; display: block; }
                                                                
.giftFull { width: 100%; height: 100%; object-fit: cover; aspect-ratio: 1 / 1; display: block; }
                                                                                   
.giftThumb {
  position: absolute; inset: 0; margin: auto;
  width: 67%; height: 67%; aspect-ratio: 1 / 1;
}
.giftModel { width: 100%; height: 100%; object-fit: contain; display: block; }
.giftThumb canvas, .giftThumb > div > svg {
  width: 100% !important; height: 100% !important;
}
@font-face { font-family: "Noto Sans"; src: url("../fonts/NotoSans-CSpbhE3g.woff2") format("woff2"); font-weight: 100 900; font-style: normal; font-display: swap; }
@font-face { font-family: Inter; src: url("../fonts/Inter-CSVgzaho.woff2") format("woff2"); font-weight: 100 900; font-style: normal; font-display: swap; }
@font-face { font-family: Unbounded; src: url("../fonts/Unbounded-DgYxHYyX.woff2") format("woff2"); font-weight: 200 900; font-style: normal; font-display: swap; }
@font-face { font-family: "Space Grotesk"; src: url("../fonts/SpaceGrotesk-Regular-CJ-V5oYT.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Space Grotesk"; src: url("../fonts/SpaceGrotesk-Medium-lFbtlQH6.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; }
                                                                               
                                                                      
.h-bar {
  display: flex; align-items: center; gap: 12px;
  padding: 16px 16px 12px;
}
.h-left { display: flex; align-items: center; gap: 8px; flex: 1 1 0%; min-width: 0; }
.h-avatar {
  width: 32px; height: 32px; flex-shrink: 0;
  border-radius: var(--dsv2-radius-sm);
  overflow: hidden; position: relative; display: block;
  background: var(--dsv2-bg-n2); border: none; padding: 0; cursor: pointer;
}
.h-avatar img { width: 100%; height: 100%; object-fit: cover; display: block; }
.h-avatarFallback {
  position: absolute; inset: 0; display: flex;
  align-items: center; justify-content: center;
  background: var(--dsv2-bg-n2); color: var(--dsv2-text-100);
  font-weight: 600; line-height: 1; text-transform: uppercase;
}
.h-name { color: var(--dsv2-text-100); font-size: 16px; line-height: 18px; }

.h-balance { display: flex; align-items: center; gap: 8px; cursor: pointer; }
.h-amount { display: inline-flex; align-items: center; gap: 4px; font-size: 16px; }
.h-gem { color: var(--dsv2-brand); }
.h-int { color: var(--dsv2-text-100); font-size: 14px; line-height: normal; }
.h-dec { color: var(--dsv2-gray-main); font-size: 14px; line-height: normal; }
                                                                              
.h-topUp { color: var(--dsv2-gray-main); flex-shrink: 0; display: inline-flex;
         background: none; border: 0; padding: 0; cursor: pointer; }

.h-right { display: flex; align-items: center; gap: 8px; flex-shrink: 0; }
.h-iconBtn {
  width: 32px; height: var(--dsv2-size-small-height); padding: 0;
  display: grid; place-items: center;
  border-radius: var(--dsv2-radius-sm);
  background: var(--dsv2-white-07);
  border: 1px solid var(--dsv2-white-07);
  color: var(--dsv2-gray-secondary);
  cursor: pointer;
}
.h-iconBtn:active {
  background: var(--dsv2-white-15);
  color: var(--dsv2-text-100);
  border-color: var(--dsv2-gray-main);
}
.h-cartWrap { position: relative; }
.h-badge {
  pointer-events: none;
  position: absolute; top: -3px; right: -3px; min-width: 18px; height: 18px;
  border-radius: 9px; background: var(--dsv2-brand); color: #000;
  font-size: 11px; font-weight: 700; display: grid; place-items: center; padding: 0 5px;
}

                                                                                  
.bn-nav {
  position: fixed; inset-inline: 0; bottom: 0; z-index: 20;
  display: flex; justify-content: space-between; align-items: stretch;
  width: 100%; height: 60px; padding-inline: 16px;
  background: var(--dsv2-bg-n1);
  box-shadow: rgba(0, 0, 0, .1) 0 -2px 4px;
}
.bn-item {
  position: relative;
  display: flex; flex-direction: column; justify-content: center; align-items: center;
  flex: 1 1 0; padding: 8px 2px 12px;
  background: none; border: 0; cursor: pointer;
  color: var(--dsv2-gray-main); text-align: center;
  font-size: 12px; line-height: 14px;
  transition: color .2s;
}
.bn-active { color: var(--dsv2-text-100); }
.bn-glyph { width: 30px; height: 30px; padding: 2px; display: block; }

                                                                                
                                                           
.bn-label { display: grid; place-items: center; margin-top: auto; padding: 0; position: relative; }
.bn-label::before, .bn-label::after {
  content: attr(data-label); grid-area: 1 / 1;
  white-space: nowrap; transition: opacity .2s;
}
.bn-label::before { opacity: 1; font-weight: 400; }
.bn-label::after { opacity: 0; font-weight: 700; }
.bn-active .bn-label::before { opacity: 0; }
.bn-active .bn-label::after { opacity: 1; }

.bn-indicator {
  position: absolute; top: 0; bottom: -8px;
  width: 35px; height: 4px; border-radius: 0 0 6px 6px;
  background-color: var(--dsv2-text-100); pointer-events: none;
}

                                                                     
                                              
@keyframes fade { from { opacity: 0 } to { opacity: 1 } }
@keyframes rise { from { transform: translateY(100%) } to { transform: translateY(0) } }
.is-topRow { display: flex; justify-content: flex-end; }
.is-close {
  width: 28px; height: 28px; color: var(--dsv2-gray-secondary);
  font-size: 20px; line-height: 1;
}
.is-body { display: flex; gap: 12px; align-items: flex-start; }
.is-rail { display: flex; flex-direction: column; gap: 10px; }
.is-railBtn {
  width: 36px; height: 36px; border-radius: var(--dsv2-radius-sm);
  background: rgba(229, 229, 234, .07); display: grid; place-items: center;
  color: var(--dsv2-text-100);
}
.is-railBtn:active { background: rgba(229, 229, 234, .14); }
.is-preview { flex: 1; display: flex; flex-direction: column; align-items: center; }
.is-card { width: 165px; }
.is-art {
  position: relative; width: 165px; height: 165px;
  border-radius: var(--dsv2-radius-sm) var(--dsv2-radius-sm) 0 0;
  overflow: hidden;
}
                                                                                
                                                       
.is-artChips {
  position: absolute; top: 8px; inset-inline-end: 8px;
  display: flex; flex-direction: column; align-items: center; gap: 8px;
}
.is-artChip {
  width: 32px; height: 32px; border-radius: var(--dsv2-radius-sm);
  background: var(--dsv2-chip-glass, #e5e5ea1f);
  border: 1px solid var(--dsv2-white-15, #e5e5ea26);
  box-shadow: var(--dsv2-chip-shadow, 0 1px 2px 0 #00000040);
  display: grid; place-items: center; color: var(--dsv2-text-100);
}
                                                      
.is-minted {
  position: absolute; bottom: 8px; inset-inline-start: 8px;
  padding: 2px 6px; border-radius: var(--dsv2-radius-xs);
  background: var(--dsv2-chip-bg, #a8a8ac2b);
  border: 1px solid var(--dsv2-chip-border, #a8a8ac4d);
  color: var(--dsv2-text-100); font-size: 12px; line-height: 14px;
}
.is-caption {
  background: var(--dsv2-bg-n1); border-radius: 0 0 var(--dsv2-radius-sm) var(--dsv2-radius-sm);
  padding: 10px 12px; width: 165px;
}
.is-name { font-size: 17px; line-height: 21px; }
.is-num { color: var(--dsv2-gray-secondary); font-size: 14px; }
                                                                            
.is-info {
  width: 36px; height: 36px; padding: 0; border: 0; cursor: pointer;
  border-radius: var(--dsv2-radius-sm);
  background: var(--dsv2-brand); color: var(--dsv2-black, #131314);
  display: grid; place-items: center;
}
.is-attrs { margin-top: 16px; display: flex; flex-direction: column; gap: 8px; }
.is-attr {
  background: var(--dsv2-bg-n4); border-radius: var(--dsv2-radius-sm);
  padding: 12px 8px; display: flex; align-items: center; gap: 8px;
  width: 100%; text-align: left;
}
.is-attr:active { background: #232324; }
.is-attrLabel { color: var(--dsv2-gray-secondary); font-size: 15px; }
.is-floor { color: var(--dsv2-gray-secondary); font-size: 14px; display: flex; align-items: center; gap: 4px; }
.is-spacer { flex: 1; }
.is-rarity {
  background: rgba(254, 216, 19, .16); color: var(--text-color-accent);
  border-radius: var(--dsv2-radius-xs); padding: 2px 7px; font-size: 13px; font-weight: 600;
}
.is-attrValue { display: flex; align-items: center; gap: 6px; font-size: 15px; }
.is-arrow { color: var(--dsv2-gray-secondary); display: inline-flex; }
.is-footer { display: flex; gap: 8px; margin-top: 18px; align-items: center; }
.is-sqBtn {
  width: 44px; height: 44px; border-radius: var(--dsv2-radius-sm);
  background: rgba(229, 229, 234, .07); display: grid; place-items: center;
  color: var(--dsv2-text-100); flex: 0 0 auto;
}
.is-sqBtn:active { background: rgba(229, 229, 234, .14); }
.is-buy {
  flex: 1; height: 44px; border-radius: var(--dsv2-radius-sm);
  background: var(--text-color-accent); color: #000;
  font-size: 16px; font-weight: 600;
  display: flex; align-items: center; justify-content: center; gap: 8px;
}
.is-buy:active { filter: brightness(.92); }
.is-inCart { background: rgba(229, 229, 234, .12); color: var(--dsv2-text-100); }

.is-railGroup { display: flex; flex-direction: column; gap: 10px; }
.is-railStack {
  display: flex; flex-direction: column; gap: 0;
  background: rgba(229, 229, 234, .07); border-radius: var(--dsv2-radius-sm);
  overflow: hidden;
}
.is-railStack .is-stackBtn {
  width: 36px; height: 36px; display: grid; place-items: center;
  color: var(--text-color-accent);
}
.is-railStack .is-stackTop { color: var(--dsv2-text-100); }

.sh-backdrop {
  position: fixed; inset: 0; z-index: 40;
  background: rgba(29, 29, 29, .75);                         
  backdrop-filter: blur(4px);
  display: flex; align-items: flex-end;
                                                                   
  touch-action: none; overscroll-behavior: contain;
  animation: fade .18s ease;
}
.sh-out { animation: fadeOut .2s ease forwards; }
@keyframes fade { from { opacity: 0 } to { opacity: 1 } }
@keyframes fadeOut { to { opacity: 0 } }

.sh-sheet {
  position: relative; width: 100%;
  background: var(--dsv2-black);                               
  border-radius: 30px 30px 0 0;
                                                                    
  padding: 16px 16px calc(16px + env(safe-area-inset-bottom, 0px));
  max-height: 92vh; overflow-y: auto;
  touch-action: pan-y; overscroll-behavior: contain;
  animation: rise .26s cubic-bezier(.2, .8, .2, 1);
  transition: transform .22s cubic-bezier(.2, .8, .2, 1);
}
.sh-sheetOut { animation: none; transform: translateY(100%); }
@keyframes rise { from { transform: translateY(100%) } to { transform: translateY(0) } }


                                                                               
.f-wrap { position: fixed; inset: 0; z-index: 60; background: var(--dsv2-black); display: flex; flex-direction: column; }
.f-head { display: flex; align-items: center; justify-content: space-between; padding: 18px 16px 14px; }
.f-title { font-size: 26px; }
.f-close { color: var(--dsv2-gray-secondary); font-size: 20px; line-height: 1; }
.f-list { flex: 1; overflow-y: auto; }
.f-row {
  width: 100%; display: flex; align-items: center; justify-content: space-between;
  padding: 17px 16px; border-bottom: 1px solid rgba(229,229,234,.07);
  color: var(--dsv2-text-100); font-size: 16px; letter-spacing: .03em;
}
.f-row:active { background: rgba(229,229,234,.04); }
.f-chev { color: var(--dsv2-gray-secondary); transition: transform .18s ease; display: inline-flex; }
.f-open .f-chev { transform: rotate(180deg); }
.f-panel { padding: 4px 16px 16px; display: flex; flex-wrap: wrap; gap: 8px; }
.f-opt {
  height: 34px; padding: 0 12px; border-radius: var(--dsv2-radius-sm);
  background: var(--dsv2-bg-n2); color: var(--dsv2-gray-secondary); font-size: 15px;
}
.f-optOn { background: var(--text-color-accent); color: #000; font-weight: 600; }
.f-saveWrap { padding: 12px 16px 0; }
.f-save {
  width: 100%; height: 46px; border-radius: var(--dsv2-radius-sm);
  background: rgba(229,229,234,.07); color: var(--dsv2-text-100);
  display: flex; align-items: center; justify-content: center; gap: 8px; font-size: 16px;
}
.f-footer {
  display: flex; gap: 10px; padding: 12px 16px calc(14px + env(safe-area-inset-bottom, 0px));
  border-top: 1px solid rgba(229,229,234,.07);
}
.f-reset { width: 104px; height: 50px; border-radius: var(--dsv2-radius-sm);
         background: rgba(229,229,234,.07); color: var(--dsv2-text-100); font-size: 16px; }
.f-apply { flex: 1; height: 50px; border-radius: var(--dsv2-radius-sm);
         background: var(--text-color-accent); color: #000; font-size: 17px; font-weight: 600; }

.nw-head { display: flex; align-items: center; justify-content: space-between; padding-bottom: 14px; }
.nw-title { font-size: 20px; line-height: 24px; color: var(--dsv2-text-100); text-transform: uppercase; }
.nw-close { width: 28px; height: 28px; background: none; border: 0; cursor: pointer;
         color: var(--dsv2-gray-secondary); font-size: 20px; line-height: 1; }
                                              
.nw-tabs { display: flex; gap: 4px; position: relative; align-items: flex-end;
        box-shadow: inset 0 -1px 0 var(--dsv2-bg-n2); }
.nw-tab { height: 36px; padding: 4px 8px 12px; background: none; border: 1px solid transparent;
       cursor: pointer; color: var(--dsv2-text-32); font-size: 14px; line-height: 16px; }
.nw-tabActive { color: var(--dsv2-text-100); }
.nw-indicator { position: absolute; bottom: 0; height: 2px; background: var(--dsv2-text-100);
             transition: left .2s, width .2s; }
.nw-item { padding: 16px 0; border-bottom: 1px solid var(--dsv2-bg-n2); }
.nw-itemTitle { font-size: 16px; line-height: 20px; color: var(--dsv2-text-100); text-transform: uppercase; }
.nw-itemBody { margin-top: 8px; color: var(--dsv2-text-65); font-size: 14px; line-height: 20px;
            white-space: pre-line; }

                                                                          
.mn-title { font-size: 20px; line-height: 24px; color: var(--dsv2-text-100); text-transform: uppercase; }
.mn-head { display: flex; align-items: center; justify-content: space-between; padding-bottom: 16px; }
.mn-close {
  width: 28px; height: 28px; background: none; border: 0; cursor: pointer;
  color: var(--dsv2-gray-secondary); font-size: 20px; line-height: 1;
}
.mn-settings { display: flex; flex-direction: column; }
.mn-section { padding-top: 16px; }
.mn-section + .mn-section, .mn-head { border-bottom: 1px solid var(--dsv2-bg-n2); }
.mn-section { border-top: 1px solid var(--dsv2-bg-n2); }
.mn-section:first-of-type { border-top: 0; }
.mn-sectionTitle {
  color: var(--dsv2-gray-secondary); font-size: 14px; line-height: 16px;
  text-transform: uppercase; margin: 0;
}
.mn-sectionContent { display: flex; flex-direction: column; margin-top: 12px; padding-bottom: 16px; }

.mn-communityButtons { display: flex; gap: 8px; padding-top: 8px; }
.mn-communityButton {
  flex: 1 1 0; display: flex; align-items: center; justify-content: center; gap: 8px;
  height: 32px; padding: 0 12px; overflow: hidden;
  border: 1px solid var(--dsv2-white-07); border-radius: var(--dsv2-radius-sm);
  background: var(--dsv2-white-07); color: var(--dsv2-gray-secondary);
  font-size: 14px; line-height: 16px; cursor: pointer;
}
.mn-communityButton img { width: 16px; height: 16px; object-fit: contain; }

.mn-menuGroup { display: flex; flex-direction: column; margin-top: 12px; }
.mn-menuRow {
  display: flex; align-items: center; gap: 8px;
  min-height: 40px; padding: 8px 0;
  background: none; border: 0; cursor: pointer; text-align: left;
  color: var(--dsv2-text-100); font-size: 16px; line-height: 17.6px;
}
.mn-menuIcon {
  flex: 0 0 auto; width: 24px; height: 24px; overflow: hidden;
  display: flex; align-items: center; justify-content: center;
  color: var(--dsv2-gray-main);
}
.mn-menuIcon img { width: 24px; height: 24px; object-fit: contain; }
.mn-rowSpacer { flex: 1; }

.mn-languages { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.mn-languageButton {
  display: flex; align-items: center; gap: 8px;
  height: 32px; padding: 0 12px;
  border: 1px solid transparent; border-radius: var(--dsv2-radius-sm);
  background: var(--dsv2-white-07); color: var(--dsv2-text-100);
  font-size: 14px; line-height: 16px; cursor: pointer;
}
.mn-languageSelected { background: var(--dsv2-neutral-5); border-color: var(--dsv2-bg-active); }
.mn-flag {
  flex: 0 0 auto; width: 16px; height: 16px; border-radius: 50%;
  overflow: hidden; display: flex; align-items: center; justify-content: center;
}
.mn-flag img { width: 100%; height: 100%; object-fit: cover; }
.mn-languageName { overflow: hidden; white-space: nowrap; }

.mn-animRow { display: flex; align-items: center; gap: 12px; padding: 16px 0; }
.mn-toggle {
  width: 44px; height: 26px; flex: 0 0 auto; padding: 0; cursor: pointer;
  border: 0; border-radius: 13px; background: var(--dsv2-white-07);
  position: relative; transition: background .18s;
}
.mn-toggleOn { background: var(--dsv2-brand); }
.mn-toggle::after {
  content: ''; position: absolute; top: 3px; left: 3px;
  width: 20px; height: 20px; border-radius: 50%;
  background: var(--dsv2-text-100); transition: transform .18s;
}
.mn-toggleOn::after { transform: translateX(18px); background: #fff; }
.mn-animLabel { font-size: 16px; line-height: 18px; color: var(--dsv2-text-100); }

.mn-version { padding-top: 16px; border-top: 1px solid var(--dsv2-bg-n2);
           color: var(--dsv2-gray-main); font-size: 14px; line-height: 16px; }

.lb-backdrop { position: fixed; inset: 0; z-index: 50; background: rgba(0,0,0,.55); display: flex; align-items: flex-end; }
.lb-sheet {
  width: 100%; background: var(--dsv2-black); border-radius: 30px 30px 0 0;
  padding: 18px 0 calc(16px + env(safe-area-inset-bottom, 0px));
  animation: rise .26s cubic-bezier(.2,.8,.2,1); max-height: 94vh; overflow-y: auto;
}
@keyframes rise { from { transform: translateY(100%) } to { transform: translateY(0) } }
.lb-head { display: flex; align-items: baseline; gap: 10px; padding: 0 16px 16px; }
.lb-title { font-size: 21px; }
.lb-num { color: var(--dsv2-gray-secondary); font-size: 17px; }
.lb-close { margin-left: auto; color: var(--dsv2-gray-secondary); font-size: 20px; line-height: 1; }

.lb-reel { position: relative; overflow: hidden; height: 148px; }
.lb-strip { display: flex; gap: 10px; padding: 0 16px; transition: transform .6s cubic-bezier(.2,.9,.2,1); }
.lb-tile { flex: 0 0 140px; height: 140px; border-radius: var(--dsv2-radius-md); overflow: hidden; position: relative; }
                                                                     
                                                                  
.lb-tile > div { width: 100%; height: 100%; }
.lb-cloverTile { background: linear-gradient(160deg, #ffd60a, #f5b800); display: grid; place-items: center; color: #1a1a1b; }
.lb-marker { position: absolute; left: 50%; transform: translateX(-50%); color: #5a5a5c; pointer-events: none; }
.lb-markerTop { top: -2px; }
.lb-markerBottom { bottom: -2px; }

.lb-price { display: flex; align-items: center; justify-content: center; gap: 8px; font-size: 30px; margin-top: 18px; }
.lb-balance {
  margin: 10px auto 0; width: fit-content; display: flex; align-items: center; gap: 7px;
  background: rgba(229,229,234,.07); border-radius: var(--dsv2-radius-sm);
  padding: 7px 14px; font-size: 16px; color: var(--dsv2-gray-secondary);
}
.lb-balance b { color: var(--dsv2-text-100); font-weight: 400; }

.lb-probCard { margin: 18px 16px 0; background: var(--dsv2-bg-n1); border-radius: var(--dsv2-radius-lg); padding: 16px; }
.lb-probTop { display: flex; align-items: center; justify-content: space-between; }
.lb-probLabel { font-size: 19px; }
.lb-probPct { background: rgba(254,216,19,.16); color: var(--text-color-accent); border-radius: var(--dsv2-radius-xs); padding: 4px 9px; font-size: 14px; font-weight: 600; }
.lb-slider { width: 100%; margin-top: 16px; -webkit-appearance: none; appearance: none; height: 6px; border-radius: 3px; background: #2e2e30; outline: none; }
.lb-slider::-webkit-slider-thumb { -webkit-appearance: none; width: 26px; height: 26px; border-radius: 50%; background: var(--text-color-accent); border: 4px solid var(--dsv2-bg-n1); box-shadow: 0 0 0 2px var(--text-color-accent); cursor: pointer; }
.lb-slider::-moz-range-thumb { width: 22px; height: 22px; border-radius: 50%; background: var(--text-color-accent); border: none; }

.lb-skipRow { display: flex; align-items: center; justify-content: space-between; padding: 20px 16px; font-size: 19px; }
.lb-toggle { width: 56px; height: 32px; border-radius: 16px; background: #3a3a3c; position: relative; transition: background .2s; }
.lb-toggleOn { background: var(--text-color-accent); }
.lb-knob { position: absolute; top: 3px; left: 3px; width: 26px; height: 26px; border-radius: 50%; background: #fff; transition: transform .2s; }
.lb-toggleOn .lb-knob { transform: translateX(24px); background: #111; }

.lb-rule { height: 1px; background: rgba(229,229,234,.07); margin: 0 16px; }
.lb-outRow { display: flex; align-items: center; justify-content: space-between; padding: 14px 16px 0; font-size: 17px; }
.lb-outLabel { color: var(--dsv2-gray-secondary); }
.lb-outVal { display: flex; align-items: center; gap: 7px; }
.lb-mult { color: var(--text-color-accent); }

.lb-actions { display: flex; gap: 10px; padding: 20px 16px 0; }
.lb-demo { width: 110px; height: 56px; border-radius: var(--dsv2-radius-sm); background: rgba(229,229,234,.07); color: var(--dsv2-text-100); font-size: 17px; }
.lb-go { flex: 1; height: 56px; border-radius: var(--dsv2-radius-sm); background: var(--text-color-accent); color: #000; font-size: 18px; font-weight: 600; display: flex; align-items: center; justify-content: center; gap: 8px; }
.lb-go:disabled { opacity: .45; }
.lb-terms { display: flex; align-items: center; gap: 12px; padding: 18px 16px 0; font-size: 16px; color: var(--dsv2-gray-secondary); }
.lb-check { width: 26px; height: 26px; border-radius: 7px; background: var(--text-color-accent); color: #000; display: grid; place-items: center; font-size: 15px; flex: 0 0 auto; }
.lb-checkOff { background: rgba(229,229,234,.12); color: transparent; }
.lb-termsLink { color: var(--text-color-accent); }

                                                                          
                                                  
@keyframes fade { from { opacity: 0 } to { opacity: 1 } }
.bc-sheet { display: flex; flex-direction: column; align-items: center; }
@keyframes rise { from { transform: translateY(100%) } to { transform: translateY(0) } }

.bc-topRow { width: 100%; display: flex; justify-content: flex-end; }
.bc-close {
  width: 28px; height: 28px; display: grid; place-items: center;
  background: none; border: 0; cursor: pointer;
  color: var(--dsv2-gray-secondary); font-size: 20px; line-height: 1;
}

                                              
.bc-card { width: 165px; }
.bc-art {
  position: relative; width: 165px; height: 165px; overflow: hidden;
  border-radius: var(--dsv2-radius-sm) var(--dsv2-radius-sm) 0 0;
}
.bc-caption {
  width: 165px; padding: 10px 12px;
  background: var(--dsv2-bg-n1);
  border-radius: 0 0 var(--dsv2-radius-sm) var(--dsv2-radius-sm);
}
.bc-name { font-size: 17px; line-height: 21px; color: var(--dsv2-text-100); }
.bc-num { color: var(--dsv2-gray-secondary); font-size: 14px; }

.bc-question {
  margin-top: 22px;
  font-size: 22px; line-height: 26px; color: var(--dsv2-text-100);
}
.bc-price {
  margin-top: 12px;
  display: inline-flex; align-items: center; gap: 6px;
  font-size: 22px; line-height: 26px; color: var(--dsv2-text-100);
}
                                                        
.bc-balance {
  margin-top: 14px;
  display: inline-flex; align-items: center; gap: 5px;
  padding: 5px 10px; border-radius: var(--dsv2-radius-sm);
  background: var(--dsv2-bg-error); color: var(--dsv2-error);
  font-size: 14px; line-height: 16px;
}

.bc-cta, .bc-cancel {
  width: 100%; height: 48px; margin-top: 14px;
  border: 0; border-radius: 10px; cursor: pointer;
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  font-size: 16px; line-height: 18px;
}
.bc-cta { background: var(--dsv2-brand); color: var(--dsv2-black, #131314); font-weight: 600; }
.bc-cta:active { filter: brightness(.92); }
.bc-cancel { margin-top: 10px; background: var(--dsv2-white-07); color: var(--dsv2-text-100); }
.bc-cancel:active { background: var(--dsv2-white-15); }

.gp-backdrop { position: fixed; inset: 0; z-index: 55; background: var(--dsv2-black); display: flex; flex-direction: column; }
.gp-head { display: flex; align-items: center; justify-content: space-between; padding: 18px 16px 14px; }
.gp-title { font-size: 25px; }
.gp-close { color: var(--dsv2-gray-secondary); font-size: 20px; line-height: 1; }
.gp-search {
  margin: 0 16px; height: 48px; border-radius: var(--dsv2-radius-sm);
  background: rgba(229,229,234,.07); display: flex; align-items: center; gap: 10px;
  padding: 0 14px; color: var(--dsv2-gray-secondary);
}
.gp-search input { background: none; border: 0; outline: none; width: 100%; color: var(--dsv2-text-100); font-size: 17px; }
.gp-chips { display: flex; gap: 8px; padding: 14px 16px 0; overflow-x: auto; scrollbar-width: none; }
.gp-chips::-webkit-scrollbar { display: none; }
.gp-chip {
  flex: 0 0 auto; height: 38px; padding: 0 12px; border-radius: var(--dsv2-radius-sm);
  background: var(--dsv2-bg-n2); color: var(--dsv2-gray-secondary);
  display: flex; align-items: center; gap: 6px; white-space: nowrap; font-size: 16px;
}
.gp-body { flex: 1; overflow-y: auto; padding: 0 16px 16px; }
.gp-empty { text-align: center; padding: 90px 10px 0; }
.gp-eTitle { font-size: 30px; }
.gp-eSub { font-size: 18px; color: var(--dsv2-gray-secondary); margin-top: 10px; }
.gp-eHint { font-size: 18px; color: var(--dsv2-gray-secondary); margin-top: 6px; display: flex; align-items: center; justify-content: center; gap: 8px; }
.gp-eLink { color: var(--text-color-accent); }
.gp-iBadge { width: 28px; height: 28px; border-radius: 50%; background: var(--text-color-accent); color: #000;
          display: grid; place-items: center; font-style: italic; font-weight: 700; font-size: 15px; }
.gp-ways { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-top: 44px; }
.gp-way { display: flex; flex-direction: column; align-items: center; gap: 14px; }
.gp-wayIcon { height: 76px; display: grid; place-items: center; color: #6b6b6d; }
.gp-mrkt { width: 92px; height: 56px; border-radius: 14px; background: var(--text-color-accent); color: #111;
        display: grid; place-items: center; font-weight: 800; font-style: italic; font-size: 19px; transform: rotate(-6deg); }
.gp-wayBtn { width: 100%; height: 50px; border-radius: var(--dsv2-radius-sm); background: rgba(229,229,234,.07);
          color: var(--dsv2-text-100); font-size: 17px; }
.gp-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; padding-top: 14px; }
.gp-card { background: var(--dsv2-bg-n1); border-radius: var(--dsv2-radius-sm); overflow: hidden; text-align: left; }
.gp-art { aspect-ratio: 1; }
.gp-art img, .gp-art > div { width: 100%; height: 100%; object-fit: cover; display: block; }
.gp-meta { padding: 8px 10px; }
.gp-name { font-size: 16px; }
.gp-num { color: var(--dsv2-gray-secondary); font-size: 14px; }
.gp-footer { padding: 12px 16px calc(14px + env(safe-area-inset-bottom, 0px)); }
.gp-cta { width: 100%; height: 58px; border-radius: var(--dsv2-radius-sm); background: var(--text-color-accent);
       color: #000; font-size: 19px; font-weight: 600; }

                                                                                
                                                                             
                                                                 
.mkt-banner { padding-inline: 16px; }
.mkt-bannerInner {
  position: relative; overflow: hidden; user-select: none;
  width: 100%; height: 65px; padding-inline: 18px;
  border-radius: 15px;
  display: flex; justify-content: center; align-items: center; gap: 5px;
  color: var(--text-color-light);
  background: linear-gradient(90deg, rgb(0, 0, 0) 0%, rgb(74, 70, 62) 100%);
  box-shadow: rgba(0, 0, 0, .08) -1px 1px 2px;
}
.mkt-bannerContent {
  position: relative; z-index: 11;
  width: 100%; display: flex; flex-direction: column; gap: 4px;
}
.mkt-titleWrapper { display: flex; justify-content: flex-start; align-items: center; gap: 4px; }
.mkt-bannerTitle {
  margin: 0; width: 100%; flex: 0 1 0%;
  text-align: start; white-space: nowrap;
  font-size: 18px; font-weight: 600; line-height: 1.2;
}
.mkt-bannerActions {
  display: flex; flex-direction: row; justify-content: flex-start;
  align-items: center; gap: 10px; width: 100%;
}
.mkt-bannerSub {
  text-align: start; white-space: pre-line;
  font-size: 14px; font-weight: 400; line-height: 1.2;
}
.mkt-pill {
  display: flex; align-items: center; height: 18px; padding-inline: 10px;
  border-radius: 12px; white-space: nowrap; font-size: 10px;
  background: var(--text-color-light); color: var(--text-color-dark);
}
.mkt-bannerArt { position: absolute; inset-inline-end: 0; width: 100%; height: 100%; }
.mkt-bannerArt img { position: absolute; object-fit: contain; pointer-events: none; }
.mkt-lampMain  { inset-inline-end: 30px;  top: 0;     width: 65px;  height: 65px;  z-index: 2; }
.mkt-lampSm1   { inset-inline-end: -3px;  top: -8px;  width: 44px;  height: 44px;  filter: blur(.5px); }
.mkt-lampSm2   { inset-inline-end: 88px;  bottom: -1px; width: 25px; height: 25px; filter: blur(.29px); }
.mkt-lampSm3   { inset-inline-end: 104px; top: 13px;  width: 21px;  height: 21px;  filter: blur(.24px); }
.mkt-star1     { inset-inline-end: -4px;  top: -13px; width: 108px; height: 108px; }
.mkt-star2     { inset-inline-end: 57px;  top: -5px;  width: 34px;  height: 34px; }
.mkt-star3     { inset-inline-end: -12px; top: -13px; width: 61px;  height: 61px; }
.mkt-star4     { inset-inline-end: 73px;  top: 36px;  width: 35px;  height: 35px; }
.mkt-star5     { inset-inline-end: 92px;  top: 11px;  width: 29px;  height: 29px; }

                                                                           
.mkt-tabsRow { display: flex; align-items: center; justify-content: space-between;
           gap: 8px; padding-inline: 16px; margin-top: 10px; }
                                                                              
                                                                             
.mkt-tabGroup {
  display: inline-flex; align-items: center; position: relative; height: 36px;
  border: 1px solid var(--dsv2-bg-n2); border-radius: var(--dsv2-radius-sm);
}
                       
.mkt-tab {
  z-index: 1; position: relative;
  height: 36px; min-width: 32px; margin: -1px; padding: 0 12px;
  border: 1px solid transparent; border-radius: var(--dsv2-radius-sm);
  background: none; cursor: pointer;
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  color: var(--dsv2-gray-secondary); white-space: nowrap;
  font-size: 16px; line-height: 18px;
  transition: color .2s, border-color .2s;
}
.mkt-tabIcon { padding: 0 12px; }
.mkt-tabActive { color: var(--dsv2-text-100); }
                             
.mkt-tabIndicator {
  z-index: 0; position: absolute; top: 0; height: 100%;
  border-radius: var(--dsv2-radius-sm);
  background: var(--dsv2-neutral-3); outline: var(--dsv2-bg-active) solid 1px;
  pointer-events: none; transition: left .2s, width .2s;
}
.mkt-cartTab {
  width: 36px; height: 36px; padding: 0;
  border: 1px solid var(--dsv2-white-07); border-radius: var(--dsv2-radius-sm);
  background: var(--dsv2-white-07); display: grid; place-items: center;
  color: var(--dsv2-gray-secondary); cursor: pointer; flex-shrink: 0;
}
.mkt-divider { height: 1px; margin-top: 12px; background: var(--dsv2-bg-n2); }
                                                              
.mkt-searchRow { display: flex; align-items: center; gap: 5px;
             padding-inline: 16px; margin-top: 12px; }
                                                                          
.mkt-search {
  flex: 1 0 0; min-width: 0; height: 36px; padding: 0 8px;
  border: 1px solid var(--dsv2-white-07); border-radius: var(--dsv2-radius-sm);
  background: var(--dsv2-white-07);
  display: inline-flex; align-items: center; gap: 8px;
  color: var(--dsv2-gray-secondary);
}
.mkt-search input {
  background: none; border: 0; outline: none; width: 100%;
  color: var(--dsv2-text-100); font-size: 16px; line-height: 18px;
}
.mkt-search input::placeholder { color: var(--dsv2-text-32); }
.mkt-feedBtn {
  flex-shrink: 0; height: 36px; padding: 0 12px;
  border: 1px solid var(--dsv2-white-07); border-radius: var(--dsv2-radius-sm);
  background: var(--dsv2-white-07); color: var(--dsv2-gray-secondary);
  display: inline-flex; align-items: center; gap: 8px;
  font-size: 16px; line-height: 18px; cursor: pointer;
}
                                                                            
.mkt-railWrap { position: relative; margin-top: 12px; padding-bottom: 12px; }
.mkt-chipsRow {
  display: flex; align-items: center; gap: 4px;
  padding-inline: 16px 52px;
  overflow-x: auto; scrollbar-width: none;
}
.mkt-chipsRow::-webkit-scrollbar { display: none; }
                                                                                
.mkt-railFade {
  position: absolute; top: 0; bottom: 12px; inset-inline-end: 0;
  width: 85px; pointer-events: none;
  background: linear-gradient(90deg, transparent 0%, var(--dsv2-bg-page) 60.1%);
}
.mkt-sortGroup {
  position: absolute; top: 0; inset-inline-end: 0;
  height: 30px; padding-inline: 0 16px;
  background: var(--dsv2-bg-page);
  display: flex; align-items: center; pointer-events: none;
}
.mkt-sortBtn {
  pointer-events: auto; z-index: 1; flex-shrink: 0;
  width: 32px; height: 30px; padding: 0;
  display: grid; place-items: center;
  border-radius: var(--dsv2-radius-sm);
  background: var(--dsv2-white-07);
  border: 1px solid var(--dsv2-white-07);
                                                                      
  color: var(--dsv2-brand);
  cursor: pointer;
}
.mkt-chipsRow::-webkit-scrollbar { display: none; }
                                                                            
.mkt-iconChip {
  flex: 0 0 auto; width: 32px; height: 30px; border: none;
  border-radius: var(--dsv2-radius-sm);
  background: var(--dsv2-neutral-3); color: var(--dsv2-gray-secondary);
  display: grid; place-items: center;
}
                                                      
.mkt-chip {
  flex-shrink: 0; height: 30px; margin: 0; padding: 0 8px;
  border: none; border-radius: var(--dsv2-radius-sm);
  background: var(--dsv2-bg-n2); color: var(--dsv2-gray-secondary);
  display: inline-flex; align-items: center; gap: 8px;
  white-space: nowrap; cursor: pointer;
                                                                              
  font-size: 14px; line-height: 16px;
  transition: color .15s ease-in-out;
}
.mkt-chipActive { color: var(--dsv2-brand); }
.mkt-grid {
  display: grid; grid-template-columns: repeat(2, 1fr);
  gap: 8px; padding: 12px 16px 16px;
}
.mkt-card {
                                                                                 
  background: var(--dsv2-bg-n1); border: 1px solid var(--dsv2-bg-n2);
  border-radius: var(--dsv2-radius-sm);
  overflow: hidden; display: flex; flex-direction: column;
  content-visibility: auto;                                                      
  contain-intrinsic-size: 195px 291px;
}
.mkt-art { position: relative; aspect-ratio: 1; background: #141415; }
                                                      
.mkt-minted {
  position: absolute; bottom: 8px; inset-inline-start: 8px;
  padding: 2px 6px; border-radius: var(--dsv2-radius-xs);
  background: var(--dsv2-chip-bg, #a8a8ac2b);
  border: 1px solid var(--dsv2-chip-border, #a8a8ac4d);
  color: var(--dsv2-text-100); font-size: 12px; line-height: 14px;
}
                                                                          
                                                                     
.mkt-art > .giftArt { width: 100%; height: 100%; }
.mkt-chipStack {
  position: absolute; top: 8px; right: 8px;
  display: flex; flex-direction: column; gap: 8px;
}
.mkt-artChip {
                                                                          
                                                                           
                                                                        
  width: 32px; height: 32px; border-radius: var(--dsv2-radius-sm);
  background: var(--dsv2-chip-glass, #e5e5ea1f);
  border: 1px solid var(--dsv2-white-15, #e5e5ea26);
  box-shadow: var(--dsv2-chip-shadow, 0 1px 2px 0 #00000040);
  display: grid; place-items: center; color: var(--dsv2-text-100);
}
.mkt-minted {
  position: absolute; left: 8px; bottom: 8px;
  font-size: 12px; line-height: 14px; padding: 3px 8px;
  border-radius: var(--dsv2-radius-xs);
  background: rgba(20, 20, 21, .72); color: var(--dsv2-text-100);
}
                                                              
.mkt-info { display: flex; flex-direction: column; align-items: flex-start;
        gap: 4px; min-width: 0; max-width: 100%; padding: 8px; }
.mkt-name {
  font-size: 16px; line-height: 18px; max-width: 100%;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
                                                                 
.mkt-num { color: var(--dsv2-text-65); font-size: 12px; line-height: 14px; }
                                                                        
.mkt-buyRow { display: flex; gap: 4px; padding: 0 8px 8px; margin-top: auto; }
.mkt-price {
  flex: 1; height: 36px; border-radius: var(--dsv2-radius-sm);
  background: rgba(229, 229, 234, .07);
  display: flex; align-items: center; justify-content: center; gap: 8px;
  padding: 0 12px; font-size: 16px; line-height: 18px;
  color: var(--dsv2-text-100);
}
.mkt-addBtn {
  width: 36px; height: 36px; border-radius: var(--dsv2-radius-sm);
  background: rgba(229, 229, 234, .07); display: grid; place-items: center;
  color: var(--dsv2-gray-secondary); flex: 0 0 auto;
}
.mkt-added { background: var(--text-color-accent); color: #000; }
.mkt-empty { text-align: center; padding: 40px 20px; color: var(--dsv2-gray-secondary); }
.mkt-bannerArt {
  position: absolute; right: 0; top: 0; height: 100%; width: auto;
  object-fit: contain; pointer-events: none;
}
.mkt-bannerInner { position: relative; }

.mkt-bulkBuy {
  position: fixed; right: 16px; bottom: 96px; z-index: 18;
  height: 40px; padding: 0 16px; border-radius: var(--dsv2-radius-lg);
  background: rgba(28, 28, 29, .92); color: var(--dsv2-text-100);
  display: flex; align-items: center; gap: 8px; font-size: 16px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, .35);
}

.cart-head { display: flex; align-items: center; justify-content: space-between; padding: 6px 16px 14px; }
.cart-title { font-size: 26px; font-weight: 600; }
.cart-tabs { display: flex; gap: 20px; padding: 0 16px; border-bottom: 1px solid #ffffff0f; }
.cart-tab { padding: 10px 0 12px; color: var(--dsv2-gray-secondary); }
.cart-tabActive { color: var(--dsv2-text-100); border-bottom: 2px solid var(--dsv2-text-100); font-weight: 600; }
.cart-actions { display: flex; align-items: center; justify-content: space-between; padding: 14px 16px; }
.cart-selectAll { display: flex; align-items: center; gap: 10px; color: var(--dsv2-gray-secondary); font-size: 13px; letter-spacing: .04em; }
.cart-check { width: 24px; height: 24px; border-radius: 7px; background: var(--text-color-accent); color: #000; display: grid; place-items: center; font-size: 14px; }
.cart-removeAll { color: var(--dsv2-gray-secondary); font-size: 13px; letter-spacing: .04em; }
.cart-row { display: flex; align-items: center; gap: 12px; padding: 10px 16px; }
.cart-thumb { width: 44px; height: 44px; border-radius: 10px; overflow: hidden; background: #1a1a1b; }
.cart-thumb img { width: 100%; height: 100%; object-fit: cover; border-radius: 10px; }
.cart-info { flex: 1; min-width: 0; }
.cart-name { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cart-num { color: var(--dsv2-gray-secondary); font-size: var(--dsv2-size-small-text); }
.cart-price { display: flex; align-items: center; gap: 5px; font-weight: 500; }
.cart-trash { width: 36px; height: 36px; border-radius: 10px; background: #ffffff0d; display: grid; place-items: center; color: var(--dsv2-gray-secondary); }
.cart-footer { position: fixed; left: 0; right: 0; bottom: 86px; padding: 12px 16px; background: linear-gradient(to top, var(--dsv2-bg-page) 70%, transparent); }
.cart-totalRow { display: flex; align-items: center; justify-content: space-between; background: #ffffff0a; border-radius: var(--dsv2-radius-xxl); padding: 14px 16px; margin-bottom: 10px; }
.cart-balanceWarn { display: block; text-align: center; color: var(--text-color-error); background: #ec3f0022; border-radius: 8px; padding: 4px 10px; margin: 0 auto 10px; width: fit-content; }
.cart-cta { width: 100%; height: var(--dsv2-size-giant-height); border-radius: var(--dsv2-radius-lg); background: var(--text-color-accent); color: #000; font-weight: 600; font-size: var(--dsv2-size-large-text); display: flex; align-items: center; justify-content: center; gap: 8px; }
.cart-ctaDisabled { background: #ffffff14; color: var(--dsv2-gray-secondary); }
.cart-empty { text-align: center; padding: 60px 20px; color: var(--dsv2-gray-secondary); }

                                                           
.cart-toast {
  margin: 0 16px 12px; border-radius: var(--dsv2-radius-sm);
  background: linear-gradient(90deg, rgba(10,175,98,.22) 0%, rgba(10,175,98,.05) 100%);
  border-left: 3px solid var(--dsv2-success);
  padding: 12px 14px; display: flex; align-items: center; gap: 12px;
  animation: toastIn .22s ease;
}
@keyframes toastIn { from { opacity: 0; transform: translateY(-6px) } to { opacity: 1; transform: none } }
.cart-toastDot {
  width: 26px; height: 26px; border-radius: 50%; background: var(--dsv2-success); color: #fff;
  display: grid; place-items: center; font-size: 15px; flex: 0 0 auto;
}
.cart-toast b { display: block; font-weight: 600; font-size: 16px; }
.cart-toast i { display: block; font-style: normal; font-size: 14px; color: var(--dsv2-gray-secondary); }
.cart-balanceWarn { display: flex; align-items: center; gap: 5px; }

.cart-head { align-items: center; }
.cart-headBtns { display: flex; gap: 8px; }
.cart-headBtn {
  width: 38px; height: 38px; border-radius: var(--dsv2-radius-sm);
  background: rgba(229, 229, 234, .07); display: grid; place-items: center;
  color: var(--dsv2-text-100);
}
.cart-emptyTitle { font-weight: 600; color: var(--dsv2-text-100); font-size: 22px; }
.cart-catalog {
  margin-top: 18px; height: 44px; padding: 0 18px; border-radius: var(--dsv2-radius-sm);
  background: rgba(229, 229, 234, .07); color: var(--dsv2-text-100);
  display: inline-flex; align-items: center; gap: 8px; font-size: 16px;
}

.cft-wrap { padding: 8px 16px 20px; }
.cft-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; }
.cft-title { font-size: 30px; font-weight: 800; letter-spacing: .01em; }
.cft-info { width: 40px; height: 40px; border-radius: var(--dsv2-radius-sm); background: rgba(229,229,234,.07);
        display: grid; place-items: center; color: var(--dsv2-text-100); font-style: italic; font-weight: 700; }
.cft-stage {
  position: relative; display: flex; align-items: center; justify-content: center;
  height: 290px; margin-bottom: 4px;
}
.cft-glow {
  position: absolute; width: 330px; height: 250px; border-radius: 50%;
  background: radial-gradient(ellipse at center, rgba(255,186,0,.22) 0%, rgba(255,186,0,0) 70%);
  pointer-events: none;
}
.cft-flask { color: #ffb400; filter: drop-shadow(0 0 26px rgba(255,180,0,.45)); }
.cft-stat { position: absolute; text-align: center; }
.cft-statL { left: 18px; }
.cft-statR { right: 18px; }
.cft-statQ { font-size: 26px; color: var(--dsv2-text-100); }
.cft-statLabel { font-size: 17px; color: var(--dsv2-gray-secondary); margin-top: 2px; }
.cft-slots { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.cft-slot { background: rgba(229,229,234,.05); border-radius: var(--dsv2-radius-lg); padding: 10px; }
.cft-addCard {
  border-radius: var(--dsv2-radius-md); aspect-ratio: .82;
  background: linear-gradient(170deg, #ff9f0a 0%, #ffd60a 100%);
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 16px;
  color: #fff; font-size: 19px; font-weight: 600;
}
.cft-plus { width: 54px; height: 54px; border-radius: var(--dsv2-radius-md); background: rgba(255,255,255,.28);
        display: grid; place-items: center; font-size: 30px; font-weight: 300; line-height: 1; }
.cft-gCard { border-radius: var(--dsv2-radius-md); overflow: hidden; }
.cft-gArt { aspect-ratio: 1; }
.cft-gArt img, .cft-gArt > div { width: 100%; height: 100%; object-fit: cover; display: block; }
.cft-gMeta { padding: 8px 2px 0; }
.cft-gName { font-size: 17px; }
.cft-gRow { display: flex; align-items: center; justify-content: space-between; margin-top: 2px; }
.cft-gNum { color: var(--dsv2-gray-secondary); font-size: 15px; }
.cft-gPrice { display: flex; align-items: center; gap: 5px; color: var(--text-color-accent); font-size: 16px; }
.cft-craft {
  width: 100%; height: 62px; margin-top: 18px; border-radius: var(--dsv2-radius-sm);
  background: #6f6410; color: #2b2708; font-size: 19px;
}
.cft-craftOn { background: var(--text-color-accent); color: #000; font-weight: 600; }

                                                                  
.ip-page { padding: 16px; display: flex; flex-direction: column; }
.ip-top { display: flex; align-items: flex-start; gap: 12px; }
.ip-rail { display: flex; flex-direction: column; gap: 10px; }
.ip-railBtn {
  width: 36px; height: 36px; border: 0; border-radius: var(--dsv2-radius-sm);
  background: var(--dsv2-white-07); color: var(--dsv2-text-100);
  display: grid; place-items: center; cursor: pointer; flex: 0 0 auto;
}
.ip-railBtn:active { background: var(--dsv2-white-15); }
.ip-artWrap { flex: 1; display: flex; justify-content: center; }
.ip-art {
  position: relative; width: 200px; height: 200px; overflow: hidden;
  border-radius: var(--dsv2-radius-md);
}
.ip-artChip {
  position: absolute; top: 8px; inset-inline-end: 8px;
  width: 32px; height: 32px; border-radius: var(--dsv2-radius-sm);
  background: var(--dsv2-chip-glass, #e5e5ea1f);
  border: 1px solid var(--dsv2-white-15, #e5e5ea26);
  display: grid; place-items: center; color: var(--dsv2-text-100);
}
.ip-spacer { width: 48px; flex: 0 0 auto; }

.ip-title { margin: 22px 0 0; font-size: 32px; line-height: 36px; color: var(--dsv2-text-100); }
.ip-numChip {
  align-self: flex-start; margin-top: 12px; padding: 6px 12px;
  border-radius: var(--dsv2-radius-sm); background: var(--dsv2-white-07);
  color: var(--dsv2-gray-main); font-size: 18px; line-height: 22px;
}

.ip-listed {
  margin-top: 16px; padding: 12px;
  border: 1px solid var(--dsv2-bg-n2); border-radius: var(--dsv2-radius-md);
}
.ip-listedLabel { color: var(--dsv2-gray-secondary); font-size: 16px; line-height: 20px; }
.ip-listedPrice {
  display: flex; align-items: center; gap: 8px; margin-top: 6px;
  font-size: 34px; line-height: 40px; color: var(--dsv2-text-100);
}
.ip-actions { display: flex; gap: 8px; margin-top: 14px; }
.ip-sq {
  width: 44px; height: 44px; flex: 0 0 auto; border: 0;
  border-radius: var(--dsv2-radius-sm); background: var(--dsv2-white-07);
  color: var(--dsv2-gray-secondary); display: grid; place-items: center; cursor: pointer;
}
.ip-buy {
  flex: 1; height: 44px; border: 0; border-radius: var(--dsv2-radius-sm);
  background: var(--dsv2-brand); color: var(--dsv2-black, #131314);
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  font-size: 18px; cursor: pointer;
}

                                                                  
.ip-seg { display: inline-flex; align-items: center; gap: 8px; margin-top: 18px; }
.ip-segBtn {
  display: inline-flex; align-items: center; gap: 8px;
  height: 40px; padding: 0 14px; cursor: pointer;
  border: 1px solid transparent; border-radius: var(--dsv2-radius-sm);
  background: none; color: var(--dsv2-gray-main); font-size: 16px;
}
.ip-segOn { background: var(--dsv2-white-07); border-color: var(--dsv2-white-07); color: var(--dsv2-text-100); }

.ip-attrs { display: flex; flex-direction: column; gap: 8px; margin-top: 14px; }

.ip-panel {
  margin-top: 18px; padding: 10px;
  border: 1px solid var(--dsv2-bg-n2); border-radius: var(--dsv2-radius-md);
}
.ip-panelHead { display: flex; align-items: center; justify-content: space-between; }
.ip-range { display: inline-flex; gap: 4px; }
.ip-rangeBtn {
  height: 36px; padding: 0 14px; border: 1px solid transparent;
  border-radius: var(--dsv2-radius-sm); background: none; cursor: pointer;
  color: var(--dsv2-gray-main); font-size: 16px;
}
.ip-rangeOn { background: var(--dsv2-white-07); border-color: var(--dsv2-white-07); color: var(--dsv2-text-100); }
.ip-chart { margin-top: 12px; }
.ip-chartEmpty { padding: 48px 12px; text-align: center; color: var(--dsv2-gray-main); font-size: 14px; }
.ip-axisY { fill: var(--dsv2-gray-main); font-size: 11px; }
.ip-axisX { fill: var(--dsv2-gray-main); font-size: 11px; }
.ip-grid { stroke: var(--dsv2-bg-n2); stroke-width: 1; }

.ip-offers { margin-top: 14px; border: 1px solid var(--dsv2-bg-n2); border-radius: var(--dsv2-radius-md); }
.ip-offersHead {
  display: flex; align-items: center; justify-content: space-between;
  padding: 10px 12px; border-bottom: 1px solid var(--dsv2-bg-n2);
  color: var(--dsv2-gray-main); font-size: 14px; text-transform: uppercase;
}
.ip-plus {
  width: 32px; height: 32px; border: 1px solid var(--dsv2-bg-n2); border-radius: var(--dsv2-radius-sm);
  background: none; color: var(--dsv2-text-100); cursor: pointer; display: grid; place-items: center;
}
.ip-offersBody { padding: 40px 16px 24px; text-align: center; }
.ip-offersTitle { font-size: 26px; line-height: 32px; color: var(--dsv2-text-100); }
.ip-offersSub { margin-top: 10px; color: var(--dsv2-gray-secondary); font-size: 16px; line-height: 22px; }
.ip-place {
  margin-top: 22px; height: 44px; padding: 0 22px;
  border: 1px solid var(--dsv2-bg-n2); border-radius: var(--dsv2-radius-sm);
  background: var(--dsv2-white-07); color: var(--dsv2-text-100);
  font-size: 16px; cursor: pointer;
}

.ip-attrRow {
  display: flex; align-items: center; gap: 8px; width: 100%; text-align: left;
  padding: 12px 8px; border: 0; cursor: pointer;
  background: var(--dsv2-bg-n4); border-radius: var(--dsv2-radius-sm);
}
.ip-attrRow:active { background: #232324; }
.ip-attrLabel { color: var(--dsv2-gray-secondary); font-size: 15px; }
.ip-attrFloor { display: flex; align-items: center; gap: 4px;
             color: var(--dsv2-gray-secondary); font-size: 14px; }
.ip-attrSpacer { flex: 1; }
.ip-attrRarity {
  padding: 2px 7px; border-radius: var(--dsv2-radius-xs);
  background: rgba(254, 216, 19, .16); color: var(--dsv2-brand);
  font-size: 13px; font-weight: 600;
}
.ip-attrValue { display: flex; align-items: center; gap: 6px;
             color: var(--dsv2-text-100); font-size: 15px; }

                                                                             
                                                                            
                               
.lp-page { display: flex; flex-direction: column; min-height: 70vh; padding: 16px; }
.lp-card { padding: 8px; border: 1px solid var(--dsv2-bg-n2); border-radius: var(--dsv2-radius-md); }
.lp-statRow {
  display: flex; align-items: center; gap: 8px;
  height: 48px; padding: 0 14px; border-radius: var(--dsv2-radius-sm);
  background: var(--dsv2-gradient-card, #e5e5ea14);
  color: var(--dsv2-gray-secondary); font-size: 18px;
}
.lp-statIcon { color: var(--dsv2-gray-main); display: inline-flex; }
.lp-statSpacer { flex: 1; }
.lp-statCount { color: var(--dsv2-text-100); font-size: 20px; }

.lp-actions { display: flex; gap: 8px; margin-top: 8px; }
.lp-cta {
  flex: 1; height: 36px; border: 0; border-radius: var(--dsv2-radius-sm); cursor: pointer;
  display: inline-flex; align-items: center; justify-content: center; gap: 10px;
  background: var(--dsv2-brand); color: var(--dsv2-black, #131314);
  font-size: 17px; line-height: 20px;
}
.lp-info {
  width: 48px; height: 36px; flex: 0 0 auto; cursor: pointer;
  border: 1px solid var(--dsv2-white-07); border-radius: var(--dsv2-radius-sm);
  background: var(--dsv2-white-07); color: var(--dsv2-gray-secondary);
  display: grid; place-items: center;
}

.lp-empty {
  flex: 1; display: flex; flex-direction: column;
  align-items: center; justify-content: center; gap: 4px;
  padding: 40px 24px;
}
.lp-emptyIcon { color: var(--dsv2-bg-active); }
.lp-emptyTitle { margin-top: 18px; color: var(--dsv2-text-100); font-size: 26px; line-height: 32px; }
.lp-emptySub { color: var(--dsv2-gray-secondary); font-size: 17px; line-height: 22px; text-align: center; }

                                                                    
                                                                              
                                                              

.pf-container { display: flex; flex-direction: column; gap: 12px; padding: 16px; }

                                         
.pf-balanceBlock { display: flex; gap: 8px; }
.pf-mrktCard {
  display: flex; align-items: center; gap: 8px; flex: 1 1 0%;
  padding: 12px 8px;
  background: var(--dsv2-bg-card);
  border: 1px solid rgba(229, 229, 234, .07);
  border-radius: var(--dsv2-radius-md);
}
                                                                            
.pf-luckyCard { position: relative; }
.pf-mrktIcon { flex-shrink: 0; width: 32px; height: 32px; color: var(--dsv2-brand); }
.pf-mrktCol { display: flex; flex-direction: column; justify-content: center; gap: 6px; min-width: 0; }
.pf-mrktValue { color: var(--dsv2-text-100); font-size: 20px; font-weight: 400; line-height: 17px; }
.pf-mrktLabel { color: var(--dsv2-gray-main); font-size: 14px; line-height: 16px; }

                                      
.pf-tabs {
  display: flex; position: relative;
  justify-content: flex-start; align-items: flex-end; gap: 4px;
  box-shadow: inset 0 -1px 0 var(--dsv2-bg-n2);
}
.pf-tab {
  z-index: 1; position: relative;
  display: inline-flex; justify-content: center; align-items: center; gap: 8px;
  flex: 1 1 0%;
  height: 36px;                                                              
  padding: 4px 8px 12px;
  background: none; border: 1px solid transparent; cursor: pointer;
  color: var(--dsv2-gray-secondary); white-space: nowrap;
  font-size: 14px; line-height: 16px;
  transition: color .2s, border-color .2s;
}
.pf-tabLabel { color: var(--dsv2-text-32); }                             
.pf-tabActive .pf-tabLabel { color: var(--dsv2-text-100); }                         
.pf-tabIcon { display: inline-flex; flex-shrink: 0; width: 16px; height: 16px; }
.pf-indicator {
  position: absolute; bottom: 0; height: 2px;
  background: var(--dsv2-text-100); pointer-events: none;
  transition: left .2s, width .2s;
}

                            
.pf-banner {
  position: relative; isolation: isolate; overflow: hidden;
  width: 100%; padding: 6px 12px; text-align: left; cursor: pointer;
  border: 1px solid var(--dsv2-white-07);
  border-radius: var(--dsv2-radius-md);
  background: var(--special-gift-promo-gradient);
}
.pf-bannerText {
  color: var(--dsv2-text-100);
  font-family: Inter, sans-serif; font-size: 16px; font-weight: 700; line-height: 20px;
  text-transform: uppercase;
}
.pf-bannerDiscount { position: absolute; z-index: -1; top: -24px; right: 28px; width: 88px; height: 88px; }
.pf-bannerPepe { position: absolute; bottom: -7px; right: 5px; width: 38px; height: 38px; transform: scaleX(-1); }

                                            
.pf-activities {
  display: flex; gap: 8px; padding: 8px;
  border: 1px solid var(--dsv2-white-07);
  border-radius: var(--dsv2-radius-md);
  background: var(--dsv2-gradient-activities);
}
.pf-gramCard {
  display: flex; flex-direction: column; justify-content: space-between;
  flex: 1 1 0%; width: 100%; padding: 8px;
  font: inherit; text-align: left; cursor: pointer; appearance: none;
  border: 1px solid var(--dsv2-white-07);
  border-radius: var(--dsv2-radius-md);
  background: var(--dsv2-gradient-card);
}
.pf-gramIcon { width: 32px; height: 32px; color: var(--dsv2-brand); }
.pf-gramTextCol { display: flex; flex-direction: column; gap: 4px; padding-bottom: 4px; }
.pf-gramValue { color: var(--dsv2-text-100); font-size: 21px; font-weight: 400; line-height: 28px; }
.pf-gramLabel { color: var(--dsv2-text-65); font-size: 16px; font-weight: 400; line-height: 15px; }
.pf-activitiesCol { display: flex; flex-direction: column; flex: 1 1 0%; gap: 8px; }
.pf-statCard {
  display: flex; justify-content: space-between; align-items: center; gap: 4px;
  height: 50px; padding: 8px;
  font: inherit; text-align: start; color: inherit; cursor: pointer; appearance: none;
  border: 1px solid var(--dsv2-white-07);
  border-radius: var(--dsv2-radius-md);
  background: var(--dsv2-gradient-card);
}
.pf-statTitle { display: flex; align-items: center; gap: 2px; }
.pf-statIcon { width: 18px; height: 18px; color: var(--dsv2-text-65); }
.pf-statLabel { color: var(--dsv2-text-65); font-size: 14px; line-height: 16px; }
.pf-statValue { color: var(--dsv2-text-100); font-size: 18px; font-weight: 400; line-height: 16px; }

                                               
.pf-panel { display: flex; flex-direction: column; width: 100%; }
.pf-panelTop {
  display: flex; justify-content: space-between; align-items: center;
  min-height: 40px; padding: 10px 8px;
  background: var(--dsv2-bg-n1);
  border: 1px solid var(--dsv2-bg-n2);
  border-radius: 6px 6px 0 0;
}
.pf-panelTitle { text-transform: uppercase; color: var(--dsv2-gray-main); font-size: 14px; line-height: 16px; }
.pf-panelAction { display: inline-flex; align-items: center; cursor: pointer; color: var(--dsv2-gray-main); }
.pf-panelBody {
  display: flex; flex-direction: column; gap: 8px; padding: 8px;
  background: var(--dsv2-bg-n1);
  border: 1px solid var(--dsv2-bg-n2); border-top: 0;
  border-radius: 0 0 6px 6px;
}

                             
.pf-quickRow { display: flex; gap: 8px; }
.pf-quickBtn {
  display: flex; flex-direction: column; align-items: center; gap: 8px;
  flex: 1 1 0; min-width: 0; height: 56px; padding: 8px;
  background: var(--dsv2-white-03);
  border: 1px solid var(--dsv2-white-07);
  border-radius: var(--dsv2-radius-md);
  cursor: pointer;
  color: var(--dsv2-gray-secondary); font-size: 14px; line-height: 16px;
}
.pf-quickBtn svg { width: 16px; height: 16px; }
.pf-quickBtn:disabled { opacity: .5; pointer-events: none; }
.pf-quickIcon { color: var(--dsv2-gray-secondary); }

                       
.pf-dateGroup { display: flex; flex-direction: column; gap: 8px; }
.pf-dateHeader {
  opacity: .8; padding: 2px 0;
  color: var(--dsv2-gray-secondary); font-size: 14px; line-height: 16px;
}
.pf-row {
  display: flex; align-items: center; gap: 8px;
  min-height: 56px; padding: 8px; overflow: hidden;
  background: var(--dsv2-bg-n4);
  border: 1px solid var(--dsv2-bg-n2);
  border-radius: var(--dsv2-radius-sm);
}
.pf-leading { display: flex; align-items: center; gap: 8px; flex: 1 1 0%; min-width: 0; }
.pf-thumb {
  flex-shrink: 0; width: 40px; height: 40px; overflow: hidden;
  border-radius: var(--dsv2-radius-sm);
}
.pf-thumb img { width: 40px; height: 40px; object-fit: cover; display: block; }
.pf-info { display: flex; flex-direction: column; justify-content: center; gap: 4px; flex: 1 1 0%; min-width: 0; }
.pf-rowName { color: var(--dsv2-text-100); font-size: 14px; line-height: 16px; }
.pf-rowNum { color: var(--dsv2-text-65); font-size: 12px; line-height: 14px; }
.pf-ellipsis { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.pf-middle {
  display: flex; flex-direction: column; justify-content: center; align-items: flex-start;
  gap: 4px; width: 85px; flex-shrink: 0; min-width: 0;
  color: var(--dsv2-text-65); font-size: 12px; line-height: 14px;
}
.pf-amount {
  display: flex; justify-content: flex-start; align-items: center; gap: 2px;
  width: 82px; flex-shrink: 0; white-space: nowrap; overflow: hidden;
}
.pf-amountInner {
  --currency-icon-size: 14px;
  display: inline-flex; align-items: center; gap: 4px; min-width: 0;
  direction: ltr; white-space: nowrap;
  color: var(--dsv2-text-100); font-size: 14px; line-height: 16px;
}
.pf-amountValue { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; min-width: 0; }

.pf-empty {
  padding: 18px 8px; text-align: center;
  color: var(--dsv2-gray-main); font-size: 14px; line-height: 16px;
}

                                                                            
.sec-railRow { display: flex; align-items: center; gap: 8px; padding: 10px 16px 0; height: 46px; }
.sec-pill {
  height: 36px; padding: 0 12px; border-radius: var(--dsv2-radius-sm);
  display: flex; align-items: center; gap: 8px; font-size: 16px;
  color: var(--dsv2-gray-secondary);
}
.sec-pillActive { color: var(--dsv2-text-100); border: 1px solid rgba(229, 229, 234, .12); }
.sec-chips { display: flex; gap: 8px; padding: 12px 16px 0; overflow-x: auto; scrollbar-width: none; }
.sec-chips::-webkit-scrollbar { display: none; }
.sec-chip {
  flex: 0 0 auto; height: 30px; padding: 0 8px; border-radius: var(--dsv2-radius-sm);
  background: var(--dsv2-bg-n2); color: var(--dsv2-gray-secondary);
  display: flex; align-items: center; gap: 6px; white-space: nowrap; font-size: 14px;
}
.sec-tabs { display: flex; gap: 22px; padding: 14px 16px 0; border-bottom: 1px solid rgba(229,229,234,.07); }
.sec-tab { padding-bottom: 10px; color: var(--dsv2-gray-secondary); font-size: 16px; }
.sec-tabOn { color: var(--dsv2-text-100); border-bottom: 2px solid var(--dsv2-text-100); font-weight: 600; }

              
.sec-banner {
  margin: 0 16px 10px; height: 92px; border-radius: var(--dsv2-radius-lg);
  display: flex; align-items: center; padding: 0 16px; position: relative; overflow: hidden;
}
.sec-bTitle { font-size: 18px; line-height: 22px; font-weight: 600; max-width: 244px; }
.sec-bSub { font-size: 14px; line-height: 17px; color: var(--dsv2-gray-secondary); margin-top: 6px; }
.sec-modes { display: flex; gap: 8px; padding: 6px 16px 14px; }
.sec-mode {
  flex: 1; height: 36px; border-radius: var(--dsv2-radius-sm);
  background: rgba(229, 229, 234, .07); display: grid; place-items: center;
  font-size: 15px; color: var(--dsv2-text-100);
}
.sec-gameGrid { display: grid; grid-template-columns: 1fr; gap: 10px; padding: 0 16px 16px; }
.sec-game {
  height: 96px; border-radius: var(--dsv2-radius-lg); padding: 14px 16px;
  display: flex; flex-direction: column; justify-content: center;
}
.sec-gName { font-size: 20px; font-weight: 700; letter-spacing: .02em; }
.sec-gSub { font-size: 14px; color: var(--dsv2-gray-secondary); margin-top: 4px; }

                  
.sec-thead {
  display: grid; grid-template-columns: 1fr 52px 124px;
  padding: 12px 26px 6px; color: var(--dsv2-gray-secondary); font-size: 14px;
}
.sec-row {
  display: grid; grid-template-columns: 1fr 64px 108px; align-items: center;
  padding: 12px 16px; border-bottom: 1px solid rgba(229,229,234,.05); font-size: 16px;
}
.sec-rowName { display: flex; align-items: center; gap: 10px; min-width: 0; }
.sec-dot { width: 32px; height: 32px; border-radius: var(--dsv2-radius-sm); background: var(--dsv2-bg-n2); flex: 0 0 auto; }
.sec-ellip { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sec-num { color: var(--dsv2-gray-secondary); }
.sec-price { text-align: right; }

           
.sec-promo {
  margin: 16px; height: 113px; border-radius: var(--dsv2-radius-lg);
  background: var(--dsv2-black); padding: 24px 16px; display: flex; flex-direction: column; justify-content: center;
}
.sec-pTitle { font-size: 18px; font-weight: 700; }
.sec-pSub { font-size: 14px; color: var(--dsv2-gray-secondary); margin-top: 10px; max-width: 242px; }
.sec-reward { display: flex; align-items: center; gap: 10px; padding: 0 16px 14px; }
.sec-badge {
  background: rgba(254, 216, 19, .16); color: var(--text-color-accent);
  border-radius: var(--dsv2-radius-xs); padding: 3px 8px; font-size: 12px; font-weight: 700;
}
.sec-rLabel { color: var(--dsv2-text-100); font-size: 16px; }
.sec-copy { padding: 6px 16px 20px; }
.sec-cHead { font-size: 18px; font-weight: 600; margin-bottom: 8px; }
.sec-cBody { font-size: 15px; line-height: 22px; color: var(--dsv2-gray-secondary); }

                 
.sec-empty { text-align: center; padding: 64px 28px; }
.sec-eTitle { font-size: 18px; font-weight: 600; }
.sec-eSub { font-size: 15px; color: var(--dsv2-gray-secondary); margin-top: 8px; line-height: 20px; }
.sec-eCta {
  margin-top: 20px; height: 44px; padding: 0 20px; border-radius: var(--dsv2-radius-lg);
  background: rgba(229, 229, 234, .07); color: var(--dsv2-text-100); font-size: 16px;
}

                                                            
.sec-carousel { display: flex; gap: 10px; overflow-x: auto; padding: 0 16px 12px; scroll-snap-type: x mandatory; scrollbar-width: none; }
.sec-carousel::-webkit-scrollbar { display: none; }
.sec-slide {
  flex: 0 0 380px; height: 92px; border-radius: var(--dsv2-radius-lg);
  padding: 0 16px; display: flex; flex-direction: column; justify-content: center;
  scroll-snap-align: center;
}
.sec-referral {
  margin: 0 16px 14px; height: 52px; border-radius: var(--dsv2-radius-lg);
  background: var(--dsv2-bg-n1); display: flex; align-items: center; justify-content: space-between;
  padding: 0 16px; color: var(--dsv2-gray-secondary); font-size: 16px;
}
.sec-refVal { display: flex; align-items: center; gap: 6px; color: var(--dsv2-text-100); }
.sec-modeTabs { display: flex; padding: 0 16px; border-bottom: 1px solid rgba(229,229,234,.07); }
.sec-modeTab {
  flex: 1; display: flex; align-items: center; justify-content: center; gap: 8px;
  padding-bottom: 12px; color: var(--dsv2-gray-secondary); font-size: 16px;
}
.sec-modeOn { color: var(--dsv2-text-100); border-bottom: 2px solid var(--dsv2-text-100); font-weight: 600; }
.sec-games2 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; padding: 14px 16px; }
.sec-gameCard {
  background: var(--dsv2-bg-n1); border-radius: var(--dsv2-radius-lg);
  padding: 16px 12px; text-align: center;
}
.sec-gIcon { width: 44px; height: 44px; border-radius: var(--dsv2-radius-md); margin: 0 auto 10px; }
.sec-gName2 { font-size: 16px; font-weight: 600; }
.sec-gSub2 { font-size: 13px; line-height: 17px; color: var(--dsv2-gray-secondary); margin-top: 4px; }

                                        
.sec-orderCard {
  margin: 0 16px 6px; background: var(--dsv2-bg-n1); border-radius: var(--dsv2-radius-md);
  display: grid; grid-template-columns: 1fr 52px 124px; align-items: center;
  padding: 7px 10px; gap: 6px;
}
.sec-oName { display: flex; align-items: center; gap: 10px; min-width: 0; font-size: 16px; }
.sec-oThumb { width: 30px; height: 30px; border-radius: var(--dsv2-radius-sm); background: var(--dsv2-bg-n2); flex: 0 0 auto; overflow: hidden; }
.sec-oThumb img { width: 100%; height: 100%; object-fit: cover; }
.sec-oCount { font-size: 14px; color: var(--dsv2-gray-secondary); }
.sec-oBar { height: 2px; background: rgba(229,229,234,.14); border-radius: 2px; margin-top: 4px; }
.sec-oPrice { display: flex; align-items: center; justify-content: flex-end; gap: 4px; font-size: 15px; white-space: nowrap; }
.sec-fab {
  position: fixed; right: 16px; top: 128px; z-index: 15;
  width: 34px; height: 34px; border-radius: var(--dsv2-radius-sm);
  background: var(--text-color-accent); color: #000;
  display: grid; place-items: center; font-size: 22px; line-height: 1; font-weight: 500;
}

                                                
.stk-wrap { padding: 16px; display: flex; flex-direction: column; }
.stk-banner { width: 100%; border-radius: 15px; display: block; }
.stk-title { margin: 22px 0 0; text-align: center; font-size: 28px; line-height: 34px; color: var(--dsv2-text-100); }
.stk-apr { margin-top: 8px; text-align: center; font-size: 16px; color: var(--dsv2-gray-secondary); }
.stk-aprValue { color: var(--dsv2-brand); }
.stk-badge {
  display: inline-grid; place-items: center; width: 18px; height: 18px; margin-left: 6px;
  border-radius: 50%; background: var(--dsv2-brand); color: var(--dsv2-black, #131314);
  font-size: 12px; font-style: italic; font-weight: 700; vertical-align: -3px;
}
.stk-badgeMuted { background: var(--dsv2-white-15); color: var(--dsv2-text-100); }

.stk-row { display: flex; align-items: center; justify-content: space-between; margin-top: 18px; }
.stk-pill {
  display: inline-flex; align-items: center; gap: 8px; height: 36px; padding: 0 12px;
  border-radius: var(--dsv2-radius-sm); background: var(--dsv2-white-07);
  color: var(--dsv2-text-100); font-size: 16px; border: 0; cursor: pointer;
}

.stk-steps { display: flex; align-items: center; margin-top: 22px; }
.stk-step { display: flex; flex-direction: column; align-items: center; gap: 10px; }
.stk-stepBox {
  width: 56px; height: 56px; border-radius: var(--dsv2-radius-md);
  display: grid; place-items: center; font-size: 22px;
  background: var(--dsv2-white-07); color: var(--dsv2-gray-secondary);
}
.stk-stepActive { background: #4a3f0b; color: var(--dsv2-brand); }
.stk-stepLabel { font-size: 15px; color: var(--dsv2-gray-secondary); }
.stk-stepLabelActive { color: var(--dsv2-text-100); }
.stk-stepLine { flex: 1; height: 1px; background: var(--dsv2-bg-n2); margin: 0 4px 30px; }

.stk-card {
  margin-top: 22px; padding: 20px 16px 16px;
  border: 1px solid var(--dsv2-bg-n2); border-radius: var(--dsv2-radius-md);
  background: var(--dsv2-bg-n1);
  display: flex; flex-direction: column; align-items: center;
}
.stk-art { width: 90px; height: 90px; object-fit: contain; display: block; }
.stk-cardTitle { margin-top: 18px; font-size: 22px; color: var(--dsv2-text-100); }
.stk-track { width: 100%; height: 6px; margin-top: 20px; border-radius: 3px; background: var(--dsv2-white-07); }
.stk-fill { height: 100%; border-radius: 3px; background: var(--dsv2-brand); }
.stk-count { display: flex; align-items: center; gap: 6px; margin-top: 16px; font-size: 18px; color: var(--dsv2-gray-secondary); }
.stk-have { color: var(--dsv2-brand); display: inline-flex; align-items: center; gap: 4px; }
.stk-need { color: var(--dsv2-text-100); display: inline-flex; align-items: center; gap: 4px; }
.stk-cta {
  width: 100%; height: 56px; margin-top: 20px; border: 0; border-radius: var(--dsv2-radius-md);
  background: var(--dsv2-brand); color: var(--dsv2-black, #131314);
  font-size: 20px; cursor: pointer;
}

                                                                                
                                                              
.wal-page { padding: 16px; display: flex; flex-direction: column; }

.wal-card {
  padding: 8px; border: 1px solid var(--dsv2-bg-n2);
  border-radius: var(--dsv2-radius-md);
}
.wal-balance {
  display: flex; align-items: flex-start; gap: 12px;
  padding: 16px; border-radius: var(--dsv2-radius-sm);
  background: var(--dsv2-gradient-card, #e5e5ea14);
}
.wal-bLeft { flex: 1; min-width: 0; }
.wal-amount { margin-top: 26px; font-size: 34px; line-height: 38px; color: var(--dsv2-text-100); }
.wal-bLabel { margin-top: 6px; color: var(--dsv2-text-65); font-size: 17px; line-height: 20px; }
.wal-bRight { display: flex; flex-direction: column; align-items: flex-end; gap: 10px; padding-top: 6px; }
.wal-walletLabel { color: var(--dsv2-gray-main); font-size: 14px; line-height: 16px; text-transform: uppercase; }
.wal-walletRow { display: flex; align-items: center; gap: 8px; }
.wal-addr {
  display: inline-flex; align-items: center; gap: 8px;
  height: 40px; padding: 0 12px; cursor: pointer;
  border: 1px solid var(--dsv2-white-07); border-radius: var(--dsv2-radius-sm);
  background: var(--dsv2-white-07); color: var(--dsv2-text-100); font-size: 16px;
}
.wal-iconBtn {
  width: 40px; height: 40px; flex: 0 0 auto; cursor: pointer;
  border: 1px solid var(--dsv2-white-07); border-radius: var(--dsv2-radius-sm);
  background: var(--dsv2-white-07); color: var(--dsv2-gray-secondary);
  display: grid; place-items: center;
}
.wal-actions { display: flex; gap: 8px; margin-top: 8px; }
.wal-act {
  flex: 1; height: 36px; cursor: pointer;
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  border: 0; border-radius: var(--dsv2-radius-sm);
  font-size: 16px; line-height: 18px;
}
.wal-withdraw { background: var(--dsv2-white-07); color: var(--dsv2-gray-secondary); }
.wal-withdraw:disabled { opacity: .55; pointer-events: none; }
.wal-deposit { background: var(--dsv2-brand); color: var(--dsv2-black, #131314); }

.wal-panel {
  margin-top: 16px; padding: 10px;
  border: 1px solid var(--dsv2-bg-n2); border-radius: var(--dsv2-radius-md);
}
.wal-tabs { display: inline-flex; gap: 8px; }
.wal-tab {
  display: inline-flex; align-items: center; gap: 8px;
  height: 40px; padding: 0 14px; cursor: pointer;
  border: 1px solid transparent; border-radius: var(--dsv2-radius-sm);
  background: none; color: var(--dsv2-gray-main); font-size: 16px;
}
.wal-tabOn { background: var(--dsv2-white-07); border-color: var(--dsv2-white-07); color: var(--dsv2-text-100); }

.wal-dateHeader { padding: 14px 2px 10px; color: var(--dsv2-gray-secondary); font-size: 16px; }
.wal-row {
  display: flex; align-items: center; gap: 12px;
  min-height: 58px; padding: 9px 10px; margin-bottom: 8px;
  border: 1px solid var(--dsv2-bg-n2); border-radius: var(--dsv2-radius-sm);
  background: var(--dsv2-bg-n4);
}
.wal-rowIcon {
  width: 40px; height: 40px; flex: 0 0 auto;
  border-radius: var(--dsv2-radius-sm); background: var(--dsv2-white-07);
  display: grid; place-items: center; color: var(--dsv2-text-100);
}
.wal-rowMain { flex: 1; min-width: 0; }
.wal-rowLabel { color: var(--dsv2-text-100); font-size: 17px; line-height: 20px; }
.wal-rowSub { display: flex; align-items: center; gap: 6px; margin-top: 2px;
          color: var(--dsv2-gray-secondary); font-size: 14px; }
.wal-copy { background: none; border: 0; padding: 0; cursor: pointer; color: inherit; display: inline-flex; }
.wal-rowMid { width: 92px; flex: 0 0 auto; color: var(--dsv2-gray-secondary); font-size: 16px; }
.wal-ok { color: var(--dsv2-success, #0aaf62); }
.wal-rowAmt { display: inline-flex; align-items: center; gap: 6px;
          color: var(--dsv2-text-100); font-size: 17px; white-space: nowrap; }
.wal-empty { padding: 34px 10px; text-align: center; color: var(--dsv2-gray-main); font-size: 14px; }