:root{--track: #c24b3c;--gold: #d4a84b;--gold-deep: #b8860b;--ink: #1b2218;--paper: #f3ead8;--hud: rgba(22, 28, 20, .88);--safe-b: env(safe-area-inset-bottom, 0px);--safe-t: env(safe-area-inset-top, 0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;background:#243024;color:var(--paper);font-family:Barlow Condensed,Arial Narrow,Helvetica Neue,sans-serif;overflow:hidden;-webkit-user-select:none;user-select:none}body{display:flex;justify-content:center;align-items:stretch}#app{width:min(100vw,430px);height:100dvh;max-height:100dvh;display:flex;flex-direction:column;background:#b7cfe0;position:relative;overflow:hidden}#hud{flex:0 0 auto;background:var(--hud);color:var(--paper);padding:calc(8px + var(--safe-t)) 12px 8px;z-index:2}.hud-top,.hud-bot{display:flex;align-items:center;justify-content:space-between;gap:10px}h1{margin:0;font-family:Oswald,Barlow Condensed,sans-serif;font-size:28px;font-weight:700;letter-spacing:.14em;line-height:1}.live{display:flex;align-items:center;gap:6px;background:#7a1c16;color:#fff5ea;font-weight:800;font-size:12px;letter-spacing:.16em;padding:4px 9px 4px 8px;border-radius:999px}.live .dot{width:7px;height:7px;border-radius:50%;background:#ff5a4a;box-shadow:0 0 #ff5a4ab3;animation:pulse 1.6s ease-out infinite}.live.frozen{background:#3d3a32;letter-spacing:.12em}.live.frozen .dot{background:#c8c0ae;animation:none;box-shadow:none}@keyframes pulse{0%{box-shadow:0 0 #ff5a4a8c}to{box-shadow:0 0 0 8px #ff5a4a00}}.hud-bot{margin-top:6px;align-items:flex-end}#raised{font-size:20px;font-weight:800;letter-spacing:.04em}.clock-wrap{text-align:right}.clock-label{font-size:10px;font-weight:700;letter-spacing:.14em;opacity:.7}#clock{font-size:18px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:.04em}#stage{flex:1 1 auto;min-height:0;position:relative}#track{display:block;width:100%;height:100%;touch-action:none;cursor:pointer}#winner{position:absolute;left:50%;top:12%;transform:translate(-50%);background:var(--gold);color:var(--ink);font-family:Oswald,sans-serif;font-weight:700;letter-spacing:.08em;font-size:16px;padding:8px 14px;border-radius:4px;white-space:nowrap;box-shadow:0 6px 18px #00000040;z-index:3}#board{flex:0 0 auto;background:#1c2419;padding:8px 8px calc(10px + var(--safe-b));display:flex;flex-direction:column;gap:5px}.row-p1{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:8px;background:linear-gradient(90deg,#c9a227,#e3c56a);color:#1a1608;border-radius:6px;padding:8px 10px;min-height:48px}.row-p1 .place{font-family:Oswald,sans-serif;font-size:22px;font-weight:700}.row-p1 .brand{font-size:20px;font-weight:800;letter-spacing:.08em}.row-p1 .bid{font-size:18px;font-weight:800;font-variant-numeric:tabular-nums}.pair{display:grid;grid-template-columns:1fr 1fr;gap:5px}.cell{display:grid;grid-template-columns:28px 1fr;grid-template-rows:auto auto;column-gap:6px;background:#2a3326;border-radius:6px;padding:6px 7px 6px 8px;min-height:52px;border:1px solid rgba(243,234,216,.08)}.cell.flash{outline:2px solid var(--gold)}.cell .place{grid-row:1 / 3;align-self:center;font-family:Oswald,sans-serif;font-size:16px;font-weight:700;color:#d9d0bc}.cell .brand{font-size:15px;font-weight:800;letter-spacing:.06em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cell .brand.empty{color:#c9b89a;letter-spacing:.04em;font-weight:700}.cell .meta{display:flex;align-items:center;justify-content:space-between;gap:4px}.cell .bid{font-size:13px;font-weight:700;font-variant-numeric:tabular-nums;color:#efe6d2}button.outbid{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:var(--track);color:#fff8ee;font-family:inherit;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:4px 8px;border-radius:4px;cursor:pointer}button.outbid:active{filter:brightness(.9)}button.outbid:disabled{background:#44483f;color:#b9b3a6;cursor:default}#rotate{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#1c2419;color:var(--paper);z-index:50;align-items:center;justify-content:center;text-align:center;padding:24px;font-size:28px;font-weight:700;letter-spacing:.06em}@media(orientation:landscape)and (hover:none)and (pointer:coarse){#rotate{display:flex}}