.app-shell:has(.auction-market-screen) > .app-header,
.app-shell:has(.auction-market-screen) > nav {
  display: none;
}
.app-shell:has(.auction-market-screen) {
  padding-bottom: var(--safe-bottom);
}
.auction-market-screen {
  min-height: calc(100dvh - var(--safe-top) - var(--safe-bottom));
  color: var(--text);
}
.auction-market-header {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 60px;
  margin-bottom: 10px;
  flex-shrink: 0;
}
.auction-market-header h1 {
  flex: 1;
  margin: 0;
  font-size: 1.25rem;
  font-weight: 700;
  min-width: 0;
  overflow-wrap: anywhere;
}
.auction-header-centered h1 {
  text-align: center;
  font-size: 1.0625rem;
}
.auction-header-spacer {
  width: 44px;
  flex-shrink: 0;
}
.auction-symbol {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}
.auction-back,
.auction-watch,
.auction-add-control {
  width: 44px;
  height: 44px;
  min-height: 44px;
  padding: 0;
  border-radius: 14px;
  background: var(--surface);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.auction-back-icon {
  transform: rotate(180deg);
  width: 20px;
  height: 20px;
}
.auction-watch {
  color: #e7bc62;
}
.auction-watch[aria-pressed="true"] .auction-symbol {
  fill: currentColor;
}
.auction-header-controls {
  display: flex;
  align-items: center;
  gap: 8px;
}
.auction-country-control {
  display: flex;
  gap: 8px;
  align-items: center;
  height: 44px;
  background: var(--surface);
  border-radius: 14px;
  padding: 0 12px;
  font-size: 0.875rem;
  font-weight: 600;
  white-space: nowrap;
}
.auction-country-control .auction-symbol {
  width: 14px;
  height: 14px;
}
.auction-lobby,
.auction-country-gate,
.auction-error-screen,
.auction-disputes-screen {
  height: calc(100dvh - var(--safe-top) - var(--safe-bottom));
  min-height: 0;
  display: flex;
  flex-direction: column;
}
.auction-lobby > :not(.auction-market-lots) {
  flex-shrink: 0;
}
.auction-add-control {
  background: #1f6fe0;
  color: white;
}
.auction-market-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin-bottom: 10px;
}
.auction-market-metrics > div {
  padding: 10px 12px;
  border-radius: 14px;
  background: var(--surface);
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-width: 0;
}
.auction-market-metrics small {
  font-size: .8125rem;
}
.auction-market-metrics strong {
  font-size: 1.0625rem;
  overflow-wrap: anywhere;
}
.auction-market-tabs {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 4px;
  padding: 4px;
  border-radius: 14px;
  background: var(--surface);
}
.auction-market-tabs button {
  height: 38px;
  padding: 0 4px;
  border-radius: 10px;
  background: transparent;
  color: var(--text-secondary);
  font-size: 0.8125rem;
  font-weight: 600;
}
.auction-market-tabs [aria-pressed="true"] {
  background: #1f6fe0;
  color: white;
}
.auction-market-filters {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 10px 0;
}
.auction-role-filters {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  overflow-x: auto;
  padding-bottom: 2px;
}
.auction-filter-chip {
  border: 1px solid var(--border);
  border-radius: 999px;
  background: var(--surface);
  padding: 0 12px;
  height: 34px;
  font-size: 0.8125rem;
  font-weight: 600;
  white-space: nowrap;
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}
.auction-filter-chip .auction-symbol {
  width: 14px;
  height: 14px;
}
.auction-filter-chip[aria-pressed="true"] {
  background: #17284a;
  border-color: #2e8bff;
  color: #8bc0ff;
}
.auction-market-lots {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding-bottom: 24px;
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  touch-action: pan-y;
}
.auction-market-lots > * {
  flex-shrink: 0;
}
.auction-market-card {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
  padding: 14px 16px;
  border-radius: 18px;
  background: var(--surface);
  border: 1px solid var(--surface);
  text-align: left;
}
.auction-card-labels {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
  width: 100%;
}
.auction-label {
  font-size: .8125rem;
  font-weight: 700;
  color: var(--text-secondary);
  background: #22253b;
  padding: 4px 8px;
  border-radius: 8px;
}
.auction-role-receive {
  color: #6fe3a8;
  background: #123126;
}
.auction-role-send {
  color: #8bc0ff;
  background: #132646;
}
.auction-sealed {
  color: #c9b6f2;
  background: #241c3a;
}
.auction-mine {
  color: #e7bc62;
  background: #2a2213;
}
.auction-time {
  margin-left: auto;
  font-size: 0.8125rem;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: var(--muted);
}
.auction-time .auction-symbol {
  width: 14px;
  height: 14px;
}
.auction-card-volume {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 8px;
}
.auction-card-volume strong {
  font-size: 1.375rem;
}
.auction-card-volume small {
  font-size: 0.8125rem;
}
.auction-market-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  width: 100%;
}
.auction-market-stats > span {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
.auction-market-stats small {
  font-size: .8125rem;
}
.auction-market-stats strong {
  font-size: 0.9375rem;
  overflow-wrap: anywhere;
}
.auction-best-receive {
  color: #3dd68c;
}
.auction-best-send {
  color: #5aa5ff;
}
.auction-card-best.auction-best-receive strong {
  color: #3dd68c;
}
.auction-card-best.auction-best-send strong {
  color: #5aa5ff;
}
.auction-market-author {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  font-size: 0.8125rem;
  min-width: 0;
}
.auction-author-avatar {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #23304f;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-size: .8125rem;
  font-weight: 700;
}
.auction-card-banks {
  margin-left: auto;
  color: var(--muted);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.auction-market-empty {
  padding: 36px 16px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}
.auction-market-empty h2 {
  margin: 0;
  font-size: 1.25rem;
}
.auction-market-empty p {
  font-size: 0.9375rem;
  line-height: 1.5;
  margin: 0;
  overflow-wrap: anywhere;
}
.auction-market-empty .primary {
  width: auto;
  min-height: 44px;
  border-radius: 12px;
  margin: 0;
}
.auction-error-screen .auction-load-error {
  margin-block: auto;
}
.auction-error-screen > .auction-market-header {
  margin-top: 0;
}
.auction-country-gate {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.auction-country-gate h2 {
  font-size: 1.625rem;
  font-weight: 700;
  line-height: 1.2;
  margin: 0 4px;
}
.auction-country-gate > p {
  margin: 0 4px 4px;
  font-size: 0.875rem;
  line-height: 1.5;
}
.auction-country-choices {
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-height: 0;
  flex: 1;
}
.auction-search-field {
  min-height: 44px;
  background: #1b1e33;
  border-radius: 12px;
  padding: 0 14px;
  display: flex;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
}
.auction-search-field .auction-symbol {
  width: 18px;
  height: 18px;
  color: var(--muted);
}
.auction-search-field .auction-search {
  min-height: 44px;
  border: 0;
  background: transparent;
  border-radius: 0;
  padding: 0;
  width: 100%;
  min-width: 0;
  font-size: 1rem;
}
.auction-country-list {
  background: var(--surface);
  border-radius: 18px;
  overflow-y: auto;
  min-height: 0;
  flex: 1;
  overscroll-behavior: contain;
  touch-action: pan-y;
}
.auction-country-item {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  min-height: 64px;
  background: transparent;
  border-bottom: 1px solid var(--border);
  text-align: left;
}
.auction-country-item:last-child {
  border-bottom: 0;
}
.auction-country-item[aria-pressed="true"] {
  background: #1b2a4a;
}
.auction-country-code {
  width: 40px;
  height: 40px;
  border-radius: 12px;
  background: #22253b;
  color: #8bc0ff;
  font-weight: 700;
  font-size: 0.875rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.auction-country-name {
  display: flex;
  flex-direction: column;
  gap: 2px;
  flex: 1;
  min-width: 0;
  overflow-wrap: anywhere;
}
.auction-country-check {
  width: 20px;
  height: 20px;
  color: var(--accent);
}
.auction-country-name strong {
  font-size: 0.9375rem;
}
.auction-country-name small {
  font-size: 0.8125rem;
}
.auction-sheet {
  inset: auto 0 0;
  margin: 0 auto;
  width: min(100%, 430px);
  max-height: min(85dvh, 720px);
  max-width: 100%;
  border: 0;
  border-radius: 24px 24px 0 0;
  padding: 10px 16px calc(24px + var(--safe-bottom));
  background: #14162a;
  color: var(--text);
  box-shadow: 0 -16px 48px #0005;
  overflow: hidden;
}
.auction-sheet[open] {
  display: flex;
  flex-direction: column;
}
.auction-sheet-handle {
  width: 40px;
  height: 4px;
  flex-shrink: 0;
  align-self: center;
  margin-bottom: 8px;
  border-radius: 2px;
  background: #33364f;
}
.auction-sheet-body {
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.auction-sheet-body > * {
  flex-shrink: 0;
}
.auction-sheet-body:has(> .auction-bank-list) {
  overflow: hidden;
}
.auction-sheet-body > .auction-country-choices {
  min-height: 0;
  flex-shrink: 1;
}
.auction-sheet::backdrop {
  background: rgba(3, 4, 12, 0.72);
  backdrop-filter: blur(4px);
}
.auction-sheet-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 10px;
  flex-shrink: 0;
}
.auction-sheet-heading h2 {
  font-size: 1.25rem;
  margin: 0;
}
.auction-dismiss {
  border-radius: 50%;
  width: 44px;
  height: 44px;
  flex-shrink: 0;
  display: grid;
  place-items: center;
  background: #22253b;
  color: var(--muted);
}
.auction-dismiss .auction-symbol {
  width: 18px;
  height: 18px;
}
.auction-sheet-actions {
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 8px;
  padding-top: 10px;
  border-top: 1px solid #1e2136;
}
.auction-sheet-actions button {
  min-height: 50px;
  margin: 0;
  border-radius: 14px;
  padding: 10px;
}
.auction-bank-list {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-height: 0;
  flex: 1;
  max-height: 50dvh;
  overflow-y: auto;
  overscroll-behavior: contain;
}
.auction-bank-empty {
  color: var(--muted);
  text-align: center;
  font-size: 0.875rem;
  padding: 20px 8px;
  margin: 0;
}
.auction-bank-row {
  padding: 12px 14px;
  min-height: 54px;
  border-radius: 14px;
  background: #1b1e33;
  border: 1px solid transparent;
  display: flex;
  align-items: center;
  gap: 14px;
  font-size: 0.9375rem;
}
.auction-bank-row:has(input:checked) {
  background: #1b2a4a;
  border-color: #2e8bff;
}
.auction-bank-name {
  flex: 1;
  min-width: 0;
  overflow-wrap: anywhere;
}
.auction-bank-row small {
  font-size: .8125rem;
}
.auction-bank-row input {
  width: 22px;
  height: 22px;
  flex-shrink: 0;
  accent-color: #1f6fe0;
}
.auction-market-detail {
  height: calc(100dvh - var(--safe-top) - var(--safe-bottom));
  display: flex;
  flex-direction: column;
  min-height: 0;
}
.auction-market-detail > .auction-market-header {
  flex-shrink: 0;
  min-height: 60px;
  margin-bottom: 4px;
}
.auction-market-detail > .auction-market-header h1 {
  text-align: center;
  font-size: 1rem;
  font-weight: 600;
  color: var(--text-secondary);
}
.auction-detail-scroll {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding-bottom: 16px;
}
.auction-detail-scroll > * {
  flex-shrink: 0;
}
.auction-detail-panel {
  background: var(--surface);
  padding: 16px;
  border-radius: 20px;
}
.auction-panel-title {
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--accent);
  margin: 0 0 10px;
}
.auction-best-panel > .auction-panel-title,
.auction-bid-price > .auction-panel-title {
  color: var(--muted);
  font-weight: 400;
}
.auction-detail-panel .detail-row {
  padding: 9px 0;
  font-size: 0.875rem;
}
.auction-detail-panel .detail-row strong {
  font-size: 0.875rem;
}
.auction-detail-volume {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin: 12px 0;
}
.auction-detail-volume > div {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
.auction-detail-volume > div > strong {
  font-size: 1.875rem;
  font-weight: 800;
  letter-spacing: -0.5px;
  overflow-wrap: anywhere;
}
.auction-detail-volume small {
  font-size: 0.875rem;
}
.auction-detail-clock {
  text-align: right;
  flex-shrink: 1;
  max-width: 45%;
}
.auction-detail-clock > strong {
  font-size: 1.5rem !important;
}
.auction-clock-status > strong {
  font-size: 0.9375rem !important;
  line-height: 1.4;
}
.auction-detail-clock small {
  font-size: .8125rem;
}
.auction-detail-author {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 0.8125rem;
  flex-wrap: wrap;
  border-top: 1px solid var(--border);
  padding-top: 10px;
}
.auction-detail-author .auction-author-avatar {
  width: 26px;
  height: 26px;
  font-size: .8125rem;
}
.auction-detail-author > .muted {
  margin-left: auto;
}
.auction-best-rate {
  font-size: 2rem;
  font-weight: 800;
  overflow-wrap: anywhere;
}
.auction-direction {
  margin: 8px 0 0;
  color: var(--muted);
  font-size: 0.8125rem;
}
.auction-best-rate + .auction-direction {
  margin-bottom: 10px;
}
.auction-bid-form {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.auction-bid-form > .primary {
  min-height: 54px;
  border-radius: 14px;
  margin: 0;
}
.auction-rate-adjust {
  display: flex;
  align-items: center;
  gap: 10px;
}
.auction-rate-adjust .field {
  min-width: 0;
  flex: 1;
  margin: 0;
}
.auction-rate-adjust input {
  padding: 4px;
  text-align: center;
  font-family: inherit;
  font-size: 1.875rem;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
  border: 0;
  background: transparent;
  width: 100%;
}
.auction-rate-adjust button {
  width: 48px;
  height: 48px;
  min-height: 48px;
  padding: 0;
  border-radius: 14px;
  background: #22253b;
  font-size: 1.5rem;
  margin: 0;
  flex-shrink: 0;
}
.auction-rate-quick {
  display: flex;
  gap: 8px;
  margin-top: 10px;
}
.auction-rate-quick button {
  flex: 1;
  padding: 0 6px;
  border-radius: 10px;
  font-size: 0.8125rem;
  height: 36px;
  min-height: 36px;
  margin: 0;
  background: #1b1e33;
}
.auction-bank-select {
  color: var(--text);
  background: var(--surface);
  border: 0;
  border-bottom: 1px solid var(--border);
  border-radius: 0;
  padding: 12px 0;
  width: 100%;
  font-size: 1rem;
}
.auction-unavailable-option {
  padding-top: 12px;
  margin-top: 10px;
  border-top: 1px solid var(--border);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  font-size: 0.9375rem;
}
.auction-unavailable-option small {
  font-size: .8125rem;
}
.auction-option-caption {
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.auction-detail-description,
.auction-private-details {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  font-size: 0.875rem;
  line-height: 1.5;
  color: var(--text-secondary);
}
.auction-detail-footer {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
  background: #0a0b1a;
  padding: 8px 0 24px;
  border-top: 1px solid var(--surface);
}
.auction-detail-footer:empty {
  display: none;
}
.auction-detail-footer > button {
  min-height: 54px;
  margin: 0;
  border-radius: 14px;
}
.auction-market-screen .primary {
  background: var(--primary);
  border: 0;
  box-shadow: none;
}
.auction-cancel {
  color: #ff8a8a;
  background: var(--surface);
  font-size: 0.9375rem;
  font-weight: 600;
  min-height: 46px !important;
  padding: 12px;
}
.auction-cancel:disabled {
  color: var(--muted);
}
.auction-dispute-form {
  padding: 16px;
  background: var(--surface);
  border-radius: 18px;
}
.auction-published {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 12px;
  height: calc(100dvh - var(--safe-top) - var(--safe-bottom));
  min-height: 0;
  padding: 48px 0 28px;
  overflow-y: auto;
}
.auction-result-hero {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding-block: 12px 24px;
}
.auction-result-hero p {
  font-size: 0.9375rem;
  line-height: 1.5;
  padding-inline: 8px;
  margin: 0;
}
.auction-result-icon {
  align-self: center;
  width: 96px;
  height: 96px;
  border-radius: 50%;
  background: #133a2a;
  color: #3dd68c;
  display: flex;
  align-items: center;
  justify-content: center;
}
.auction-result-icon .ui-symbol {
  width: 48px;
  height: 48px;
}
.auction-result-facts,
.auction-confirm-facts {
  background: var(--surface);
  border-radius: 18px;
  overflow: hidden;
  flex-shrink: 0;
}
.auction-result-facts .detail-row,
.auction-confirm-facts .detail-row {
  font-size: 0.875rem;
  padding: 12px 16px;
  text-align: left;
  border-bottom: 1px solid var(--border);
}
.auction-result-facts .detail-row strong,
.auction-confirm-facts .detail-row strong {
  font-size: 0.875rem;
  text-align: right;
  overflow-wrap: anywhere;
}
.auction-result-facts .detail-row:last-child,
.auction-confirm-facts .detail-row:last-child {
  border-bottom: 0;
}
.auction-confirm-facts {
  background: #1b1e33;
  border-radius: 16px;
}
.auction-confirm-sheet .primary {
  margin: 0;
  min-height: 54px;
  border-radius: 14px;
}
.auction-sheet-cancel {
  margin: 0;
  min-height: 46px;
  background: var(--surface);
  border: 0;
  box-shadow: none;
}
.auction-published h2 {
  font-size: 1.625rem;
  margin: 0;
}
.auction-published > button {
  margin: 0;
  min-height: 54px;
  border-radius: 14px;
  flex-shrink: 0;
}
.auction-published > .secondary {
  min-height: 48px;
  background: var(--surface);
  border: 0;
  box-shadow: none;
}
.auction-blitz {
  background: #2a2213;
  color: #e7bc62;
  border: 1px solid #6a5324;
  font-size: 0.875rem;
  font-weight: 600;
  padding: 12px;
}
.auction-disputes-list {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding-bottom: 24px;
  overflow-y: auto;
  overscroll-behavior: contain;
}
.auction-arbitration-card {
  background: var(--surface);
  border-radius: 20px;
  padding: 16px;
  flex-shrink: 0;
}
.auction-arbitration-card h2 {
  margin: 0;
  font-size: 1.0625rem;
}
.auction-arbitration-card .detail-row {
  font-size: 0.875rem;
  padding: 10px 0;
}
.auction-arbitration-card .detail-row strong {
  font-size: 0.875rem;
  overflow-wrap: anywhere;
  text-align: right;
}
.auction-arbitration-card .market-terms {
  color: var(--text-secondary);
  font-size: 0.875rem;
  line-height: 1.5;
}
.auction-arbitration-reason {
  margin-top: 14px;
  padding: 14px;
  background: #1b1e33;
  border-radius: 14px;
}
.auction-arbitration-reason p {
  margin: 0;
}
.auction-arbitration-card textarea,
.auction-arbitration-card select,
.auction-bid-form > .auction-detail-panel > .field > input,
.auction-dispute-form .field > input {
  border-radius: 12px;
  background: #1b1e33;
  font-size: 1rem;
}
.auction-arbitration-card .primary {
  margin-top: 0;
}
.auction-arbitration-card .check-row {
  font-size: 0.8125rem;
}
.auction-arbitration-card .field {
  margin: 14px 0;
}
.auction-arbitration-card select,
.auction-arbitration-card textarea {
  border: 0;
  min-width: 0;
}
@media (max-width: 350px) {
  .auction-market-header h1 {
    font-size: 1.125rem;
  }
  .auction-country-control {
    padding: 0 8px;
    font-size: .8125rem;
  }
  .auction-market-tabs button {
    font-size: .8125rem;
  }
  .auction-market-metrics > div {
    padding: 10px 8px;
  }
  .auction-market-metrics strong {
    font-size: 0.9375rem;
  }
  .auction-detail-volume > div > strong {
    font-size: 1.5625rem;
  }
  .auction-market-filters {
    gap: 6px;
  }
  .auction-filter-chip {
    padding: 0 8px;
    font-size: .8125rem;
  }
}