/* A compact auction table with names-only, persistent player previews. */
body[data-screen="draft"] {background:#130b07 url('/assets/auction-walnut.png') center/cover fixed;}
body[data-screen="draft"]>.site-header,body[data-screen="draft"]>.site-footer {display:none}
body[data-screen="draft"] #main {padding:0;outline:none}
.auction-table-screen {--pod-width:26%;width:100%;max-width:440px;height:min(96svh,720px);min-height:620px;margin:auto;padding:max(8px,env(safe-area-inset-top)) 12px max(10px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:7px;position:relative;background:linear-gradient(#10090500,#10090500 55%,#0c06092b),url('/assets/auction-walnut.png') center/100% 100%;box-shadow:0 0 70px #0008;font-family:var(--body);line-height:1.2}
.auction-header {display:grid;grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;gap:8px;flex:none;min-height:48px;text-align:center;position:relative;z-index:12}
.auction-header h1 {font:600 clamp(17px,4.6vw,22px)/1.15 var(--body);color:#f5c271;margin:3px 0 0;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.auction-round {font-size:14px;color:#f4efea;font-weight:600}
.table-icon {width:42px;height:42px;padding:10px;border:1px solid #d8b07f66;border-radius:12px;background:linear-gradient(140deg,#171c20,#080c11);box-shadow:0 4px 9px #0006,inset 0 1px #ffffff10;display:grid;place-items:center;transition:transform .15s}
.table-icon svg {width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.table-icon:active,.auction-bid-button:active,.custom-toggle:active {transform:translateY(2px)}
.auction-stage {position:relative;flex:1 1 auto;min-height:286px;isolation:isolate}
.auction-table-screen .player-seat {position:absolute;transform:none;width:var(--pod-width);min-width:0;min-height:0;margin:0;padding:8px 6px;border:1px solid #dcae63bd;border-radius:16px;background:linear-gradient(145deg,#17202a,#090e14 65%);box-shadow:0 7px 10px #0006,inset 0 1px #ffffff12;display:flex;flex-direction:column;gap:0;text-align:center;font-family:var(--body);line-height:1.15;color:#f7f5f1;z-index:3;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;transition:width 180ms cubic-bezier(.2,.7,.25,1),box-shadow 180ms,border-color 180ms;overflow:hidden}
.auction-table-screen .player-seat::before,.auction-table-screen .player-seat::after {display:none}
.auction-table-screen .player-seat.top-seat {top:2px;left:50%;transform:translateX(-50%);width:29%}
.auction-table-screen .player-seat.top-left {left:1%;transform:none}
.auction-table-screen .player-seat.top-right {left:auto;right:1%;transform:none}
.auction-table-screen .player-seat.upper-left {left:0;top:88px}
.auction-table-screen .player-seat.upper-right {right:0;left:auto;top:88px}
.auction-table-screen .player-seat.lower-left {left:0;top:auto;bottom:18px}
.auction-table-screen .player-seat.lower-right {right:0;left:auto;top:auto;bottom:18px}
.pod-summary {display:flex;align-items:center;flex-direction:column;gap:3px;width:100%;min-width:0}
.pod-name {display:flex;align-items:center;justify-content:center;gap:5px;min-width:0;max-width:100%;font-size:14px;font-weight:600}
.pod-name>span:last-child {overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.identity-dot {width:10px;height:10px;border-radius:50%;background:var(--identity,#338eff);display:inline-block;flex:none;box-shadow:inset 0 1px 1px #fff5}
.pod-count {font-size:13px;color:#e2e5ec}
.pod-money {font-size:19px;font-weight:700;color:#ffd16b;font-variant-numeric:tabular-nums}
.pod-offline {font-size:12px;color:#bdc5d1}
.auction-table-screen .player-seat.leading {border-color:#ffe398;box-shadow:0 0 12px #e9b44329,0 7px 10px #0006}
.auction-table-screen .player-seat.disconnected {opacity:.74}
.seat-peek {display:flex;flex-direction:column;gap:0;max-height:0;opacity:0;overflow:hidden;width:100%;transition:max-height 180ms cubic-bezier(.2,.7,.25,1),opacity 150ms,margin 180ms;margin:0;pointer-events:none;text-align:left}
.peek-heading {display:flex;justify-content:space-between;font-size:10px;letter-spacing:.12em;color:#e2b971;padding:2px 0 5px}
.peek-name {display:flex;align-items:center;gap:5px;min-height:21px;font-size:13px;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#f0eee9}
.peek-name>span {font-size:10px;color:#a38b68;width:10px;flex:none}
.peek-vacant {color:#7f8b9e}
.auction-table-screen .player-seat.is-peeking {z-index:9;border-color:#ffdfa0;box-shadow:0 8px 18px #0009}
.player-seat.is-peeking .seat-peek {max-height:150px;opacity:1;margin-top:7px;pointer-events:auto}
.player-seat.lower-left .seat-peek,.player-seat.lower-right .seat-peek {order:-1}
.player-seat.lower-left.is-peeking .seat-peek,.player-seat.lower-right.is-peeking .seat-peek {margin:0 0 7px}
.auction-table-screen .top-seat {overflow:visible}
.top-seat .seat-peek {position:absolute;margin:0!important;background:linear-gradient(145deg,#17202a,#090e14);border-radius:12px;box-shadow:0 6px 15px #0007;padding:0 8px;visibility:hidden;transition:opacity 150ms,transform 180ms;transform:translateY(-4px)}
.top-seat.is-peeking .seat-peek {max-height:none;padding:8px;border:1px solid #dbb572;visibility:visible;transform:none}
.player-seat.restore-peek,.player-seat.restore-peek .seat-peek {transition:none!important}
.auction-display {position:absolute;top:116px;bottom:0;left:28%;width:44%;min-height:130px;margin:0;border-radius:17px;border:1.5px solid #efbd66;background:linear-gradient(135deg,#1d2128,#060c13);box-shadow:0 7px 18px #0009,inset 0 0 0 2px #e9b34d18;overflow:hidden;display:flex;flex-direction:column;z-index:2}
.auction-display .central-portrait {width:100%;height:auto;min-height:0;flex:1;aspect-ratio:auto;margin:0;border:0;border-radius:0;box-shadow:none;background:#101720}
.auction-display figcaption {padding:8px 5px 10px;position:relative;background:linear-gradient(#0b1116c4,#090e14);text-align:center}
.auction-display h2 {font:600 clamp(19px,5vw,25px)/1.05 var(--body);overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.auction-display p {font-size:12px;line-height:1.25;color:#c4c8d1;margin-top:5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.auction-console {flex:none;display:flex;flex-direction:column;gap:7px;position:relative;z-index:10;padding:0 7px}
.highest-panel {min-height:60px;padding:9px 16px;display:flex;align-items:center;gap:11px;border:1px solid #e5b96ed9;border-radius:17px;background:linear-gradient(125deg,#151b23,#080d13);box-shadow:0 5px 12px #0008,inset 0 1px #fff1}
.highest-panel svg {width:28px;height:28px;color:#ffd477;fill:currentColor;flex:none}
.highest-caption {flex:1;min-width:0}
.highest-caption>span {font-size:13px;color:#c5c7cd;display:block;margin-bottom:4px}
.highest-player {display:flex;align-items:center;gap:6px;font-size:15px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.highest-amount {font:700 37px/1 var(--body);color:#fff8e8;font-variant-numeric:tabular-nums;letter-spacing:-1px}
.highest-amount.changed {animation:bid-settle 200ms ease-out}
.auction-table-screen .auction-clock {position:relative;width:auto;height:36px;margin:0 auto;padding:5px 18px;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:9px;border:1px solid #e3c577;border-radius:30px;background:#090f14;box-shadow:0 3px 9px #0007;color:#ffe18e;flex:none}
.auction-table-screen .auction-clock strong {font:700 25px/1 var(--body);font-variant-numeric:tabular-nums}
.auction-table-screen .auction-clock svg {position:static;transform:none;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-dasharray:none}
.auction-table-screen .auction-clock.urgent {color:#ffb078;border-color:#e9a268;animation:table-urgency 1s ease-in-out infinite}
.auction-actions {display:grid;grid-template-columns:1.2fr 1fr;gap:9px;position:relative}
.auction-bid-button {min-height:60px;padding:5px 12px;border:1px solid #ffde9f;border-radius:17px;background:linear-gradient(145deg,#ffe1a2,#edac43);color:#130d07;box-shadow:0 5px 0 #6a3a16,0 7px 14px #0006,inset 0 1px 1px #fff8;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;transition:transform 120ms,filter 120ms}
.auction-bid-button span {font-size:18px;font-weight:650;line-height:1.1}
.auction-bid-button strong {font-size:28px;font-weight:750;line-height:1.1;font-variant-numeric:tabular-nums}
.custom-toggle {min-height:60px;display:flex;align-items:center;justify-content:center;gap:7px;padding:8px;border:1px solid #e4b570;border-radius:17px;background:linear-gradient(135deg,#201b18,#0b0e14);font-size:14px;font-weight:600;box-shadow:0 5px 9px #0007;transition:transform 120ms}
.custom-toggle svg {width:18px;height:18px;stroke:currentColor;stroke-width:1.7;fill:none}
.auction-custom-form {grid-column:1/-1;min-width:0;display:flex;flex-direction:column;gap:8px;padding:8px 12px 11px;border:1px solid #d2a15c;border-radius:17px;background:linear-gradient(125deg,#182332,#0d1520);box-shadow:0 5px 12px #0007,inset 0 1px #fff1;text-align:left}
.custom-bid-heading {display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:32px}
.auction-custom-form label {font:600 14px/1.4 var(--body);text-transform:none;letter-spacing:0;margin:0;color:#f0e5d3}
.custom-bid-cancel {min-height:32px;padding:6px 4px;border:0;border-radius:6px;background:none;color:#bcc7d5;font-size:13px;line-height:1.4;text-decoration:underline;text-underline-offset:3px}
.custom-bid-cancel:hover {color:#fff1d3}
.custom-bid-entry {display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:10px}
.custom-bid-amount {display:flex;align-items:center;gap:8px;min-width:0;padding:0 12px;border:1px solid #8d764e;border-radius:10px;background:#070f1b;transition:border-color 150ms,box-shadow 150ms}
.custom-bid-amount:focus-within {border-color:#f5ce85;box-shadow:0 0 0 2px #f5ce851c}
.custom-bid-amount:has([aria-invalid="true"]) {border-color:#ec9a84}
.custom-bid-amount>span {font-size:20px;color:#d7b579}
.auction-custom-form input {width:100%;min-width:0;height:46px;min-height:46px;padding:0;font:600 23px/1.3 var(--body);font-variant-numeric:tabular-nums;border:0;background:transparent;color:#fff1d3;border-radius:0;box-shadow:none;outline:none;appearance:textfield;-moz-appearance:textfield}
.auction-custom-form input::-webkit-inner-spin-button,.auction-custom-form input::-webkit-outer-spin-button {-webkit-appearance:none;margin:0}
.custom-bid-submit {min-height:48px;min-width:110px;padding:10px 16px;border:1px solid #f8d394;border-radius:10px;background:linear-gradient(145deg,#ffe0a0,#edb35c);color:#211407;box-shadow:0 3px 0 #70451c,0 4px 8px #0003;font:700 15px/1.3 var(--body);white-space:nowrap;transition:transform 120ms,filter 120ms}
.custom-bid-submit:hover:not(:disabled) {filter:brightness(1.07)}
.custom-bid-submit:active:not(:disabled) {transform:translateY(2px);box-shadow:0 1px 0 #70451c}
.custom-bid-range {display:flex;align-items:center;flex-wrap:wrap;gap:4px;margin:0;font-size:12px;line-height:1.4;color:#aebdcd}
.custom-bid-range strong {font-weight:600;color:#ead1a7}.custom-bid-range>span{padding-inline:4px;color:#6f8095}
.custom-bid-feedback {margin:0;color:#ffbba6;font-size:12px;line-height:1.4}
.auction-max {min-height:15px;font-size:12px;line-height:1.2;color:#e2c9a2;text-align:center;margin:1px 0 0;text-shadow:0 1px 3px #000}
.your-table-team {flex:none;margin:0 5px;padding:10px 13px 9px;border:1.5px solid #2787ea;border-radius:20px;background:linear-gradient(125deg,#07213b,#061325 75%);box-shadow:0 5px 18px #0008,inset 0 1px #518cff18}
.your-team-summary {display:flex;align-items:center;gap:7px;font-size:16px;margin-bottom:8px}
.your-team-summary .identity-dot {width:12px;height:12px;background:#218fff}
.your-team-summary>strong {font-size:17px;margin-right:auto}
.your-team-summary>span:last-child {font-size:14px;color:#dce7f6;font-variant-numeric:tabular-nums}
.your-team-summary b {color:#ffd072;font-size:18px;margin-left:5px}
.table-roster {display:grid;grid-template-columns:repeat(var(--team-size,5),minmax(0,1fr));gap:8px;max-width:400px;margin:auto}
.table-roster-member {min-width:0;text-align:center}
.table-roster-member .portrait {border-radius:10px;border:1px solid #cba865;aspect-ratio:1;width:100%}
.table-roster-member>span {font-size:12px;display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-top:4px;color:#e5edf8}
.table-roster-empty {aspect-ratio:1;border:1px dashed #6389b077;border-radius:10px;display:grid;place-items:center;background:#08172b77;color:#5e82b3;font-size:29px}
.table-roster:has(>.table-roster-member:nth-child(1):last-child) {max-width:62px;margin-left:0}
.table-roster:has(>.table-roster-member:nth-child(2):last-child) {max-width:132px;margin-left:0}
.table-roster:has(>.table-roster-member:nth-child(3):last-child) {max-width:202px;margin-left:0}
.auction-award {min-height:181px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;border:1px solid #dcb36d;border-radius:18px;background:#101721eb;padding:18px}
.auction-award>span {font-size:13px;letter-spacing:1px;color:#ffc569}
.auction-award strong {font-size:23px}
.auction-award strong em {color:#ffd27a;font-style:normal;margin-left:9px}
.auction-award p {font-size:14px;color:#c9d6e4}
.auction-stage>.start-countdown {position:absolute;top:120px;inset-inline:24%;text-align:center;}
.auction-stage>.start-countdown strong {font-size:70px;color:#ffe1a0}
.auction-stage>.start-countdown p {font-size:14px}
.table-menu {display:grid;gap:10px}.table-menu .button{font-size:15px;min-height:46px}
body[data-screen="draft"] .connection {position:fixed;top:0;left:0;right:0;z-index:80;font-size:13px}
body[data-screen="draft"] .toast {top:68px;bottom:auto;z-index:90;font-size:14px}
@keyframes bid-settle {from{transform:translateY(3px);color:#ffd272}to{transform:translateY(0)}}
@keyframes table-urgency {50%{box-shadow:0 0 10px #e687343b}}
@media(min-width:600px){.auction-table-screen{border-left:1px solid #93643c55;border-right:1px solid #93643c55;padding-inline:20px}.auction-stage{min-height:300px}.pod-name{font-size:16px}.pod-money{font-size:21px}.auction-display h2{font-size:24px}}
@media(max-height:760px){.auction-table-screen{gap:5px;padding-block:6px}.auction-header{min-height:44px}.auction-header h1{font-size:17px}.auction-stage{min-height:250px}.auction-display{top:104px}.auction-table-screen .player-seat{padding:6px 4px;border-radius:13px}.auction-table-screen .player-seat.upper-left,.auction-table-screen .player-seat.upper-right{top:78px}.auction-table-screen .player-seat.lower-left,.auction-table-screen .player-seat.lower-right{bottom:8px}.pod-name{font-size:13px}.pod-money{font-size:17px}.pod-count{font-size:12px}.auction-console{gap:5px}.highest-panel{min-height:53px;padding:7px 13px}.highest-amount{font-size:32px}.auction-table-screen .auction-clock{height:32px}.auction-table-screen .auction-clock strong{font-size:23px}.auction-bid-button,.custom-toggle{min-height:54px}.your-table-team{padding:8px 11px}.table-roster{gap:7px;max-width:320px}.your-team-summary{margin-bottom:6px}}
@media(max-width:360px){.auction-table-screen{padding-inline:8px}.pod-name{font-size:12px;gap:3px}.identity-dot{width:8px;height:8px}.auction-header h1{font-size:16px}.auction-display h2{font-size:18px}.custom-toggle{font-size:13px}.table-roster{gap:5px}.your-team-summary>span:last-child{font-size:13px}}
@media(prefers-reduced-motion:reduce){.auction-table-screen *{animation:none!important;transition:none!important}}