/* Карточки, заголовки, кнопки и поля используют общие игровые классы wheel.css.
   Сетка и блок баланса совпадают с Crash; здесь только детали аукциона. */
.auction-page .wheel-side { min-width: 0; }
.auction-stage { position: relative; isolation: isolate; overflow: hidden; }
.auction-stage img.auction-background { position: absolute; z-index: -1; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; filter: brightness(.45); pointer-events: none; user-select: none; }
.auction-background[hidden] { display: none; }
.auction-stage:has(.auction-background:not([hidden])) { --text: #edf2f7; --text-muted: #c7d3de; --border: #ffffff30; --accent-soft: #07151c55; color: var(--text); }
.auction-clock { margin: 26px 0; padding: 32px 16px; text-align: center; border: 1px solid var(--border); border-radius: 16px; background: var(--accent-soft); }
.auction-clock > span, .auction-clock p { color: var(--text-muted); font-size: 13px; }
.auction-clock > strong { display: block; font-size: clamp(54px, 6vw, 78px); font-variant-numeric: tabular-nums; letter-spacing: -.055em; line-height: 1.35; }
.auction-clock p { margin: 8px 0 0; min-height: 20px; }
.auction-leader { border-top: 1px solid var(--border); padding-top: 22px; }
.auction-leader > div { min-width: 0; }
.auction-leader strong { font-size: 22px; overflow-wrap: anywhere; }
form.auction-controls { max-width: none; gap: 13px; }
.auction-controls label { margin-top: 10px; font-size: 13px; }
body form.auction-controls #auction-amount { font-size: 22px; font-weight: 650; padding: 14px; }
.auction-controls p { margin: 0; font-size: 13px; line-height: 1.7; }
.auction-controls small { font-size: 12px; line-height: 1.6; }
#auction-message:empty { display: none; }
#auction-message:not(:empty) { padding: 12px; background: var(--accent-soft); border-radius: 12px; }
#auction-winner { font-size: 14px; line-height: 1.7; margin-bottom: 0; overflow-wrap: anywhere; }
.auction-table-wrap { overflow-x: auto; }
.auction-history table { width: 100%; border-collapse: collapse; margin-top: 16px; text-align: left; font-size: 13px; }
.auction-history th, .auction-history td { padding: 14px 10px; border-bottom: 1px solid var(--border); }
.auction-history th { font-size: 12px; font-weight: 600; color: var(--text-muted); }
.auction-history td { overflow-wrap: anywhere; }
.auction-history td:not(:first-child) { white-space: nowrap; font-variant-numeric: tabular-nums; }
.auction-history td:nth-child(2) { font-weight: 650; }
body form.wheel-admin .auction-checkbox { display: flex; gap: 10px; align-items: center; cursor: pointer; }
.auction-checkbox input { width: 18px; height: 18px; margin: 0; padding: 0; accent-color: var(--accent); flex-shrink: 0; }
@media (max-width: 850px) { .auction-page .crash-heading-actions { align-items: flex-start; } }
@media (max-width: 760px) { .auction-page .crash-layout > .wheel-side:first-child { display: contents; } .auction-stage { order: 0; } .auction-page .crash-layout > aside { order: 1; } .auction-history { order: 2; } }
@media (max-width: 480px) { .auction-stage > .wheel-stats:first-child { flex-direction: column; } .auction-stage > .wheel-stats:first-child > div:last-child { text-align: left; } .auction-clock { padding: 24px 12px; } .auction-history th, .auction-history td { padding: 12px 8px; } }