:root { color-scheme: dark; font-family: Inter, system-ui, sans-serif; background: #030403; color: #fff4c8; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; background: radial-gradient(circle at 50% 0, #183622 0, #070b08 35%, #000 80%); }
.console-shell { width: min(760px, calc(100% - 24px)); margin: 18px auto 60px; }
header, .panel, .workspace { border: 1px solid #9d7927; border-radius: 18px; background: rgba(3, 8, 5, .94); box-shadow: 0 0 24px rgba(255, 194, 51, .12); }
header, .panel { padding: 20px; margin-bottom: 16px; }
.workspace { padding: 18px; margin-top: 18px; }
.eyebrow { color: #75d99a; letter-spacing: .14em; text-transform: uppercase; font-size: .72rem; }
h1 { color: #ffd76b; font-size: clamp(1.45rem, 5vw, 2.25rem); margin: .2em 0; }
h2, h3 { color: #f6ca5c; }
form, .grid { display: grid; gap: 12px; }
.grid { grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 14px 0; }
label { display: grid; gap: 6px; color: #d9cfaa; font-size: .86rem; }
.wide { grid-column: 1 / -1; }
input, select, textarea { width: 100%; min-width: 0; border: 1px solid #65521f; border-radius: 9px; background: #07100b; color: #fff8d9; padding: 11px; font: inherit; }
input[readonly] { color: #b8b091; background: #030704; }
button { border: 1px solid #dcae3d; border-radius: 999px; background: linear-gradient(#4f3d10, #171003); color: #ffe895; padding: 11px 16px; font-weight: 800; letter-spacing: .04em; cursor: pointer; }
button:disabled { opacity: .45; cursor: wait; }
button.danger, .bid-remove { border-color: #b64c38; color: #ffc1b5; background: linear-gradient(#4c1c16, #170604); }
.actions { display: flex; flex-wrap: wrap; gap: 10px; }
.receipt { min-height: 1.4em; color: #7ee2a1; }
.receipt[data-error="true"] { color: #ff9c87; }
.admin-control { margin-top: 20px; padding-top: 14px; border-top: 1px solid #4d401f; }
.timer-readout { color: #7ee2a1; font-variant-numeric: tabular-nums; }
.end-time-field { max-width: 34rem; }
.end-time-field span { color: #f2c96d; font-weight: 700; }
.review-notice { border: 1px solid #f2c96d; padding: .75rem; color: #f8df9f; background: #2b210b; }
.clear-entrants-control { border-color: #754047; }
.control-note, .bid-time { color: #aaa284; font-size: .8rem; }
.bid-list { display: grid; gap: 9px; }
.bid-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 10px; align-items: center; padding: 10px; border: 1px solid #493c1d; border-radius: 10px; background: #050a07; }
.bid-summary { display: grid; gap: 3px; min-width: 0; }
.bid-summary strong, .bid-summary span { overflow-wrap: anywhere; }
.bid-remove { align-self: center; }
ol { max-height: 240px; overflow: auto; padding-left: 2rem; }
@media (max-width: 560px) { .grid { grid-template-columns: 1fr; } .wide { grid-column: auto; } .bid-row { grid-template-columns: 1fr; } }