/* Horse racing in Full House (casino/race.js): the same dark red panel as the dice */
#race{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:min(380px,calc(100vw - 24px));max-height:calc(100vh - 40px);overflow:auto;box-sizing:border-box;padding:14px 16px 16px;background:rgba(40,12,16,.95);border:1px solid #a8833a;border-radius:14px;box-shadow:0 10px 30px rgba(0,0,0,.5);z-index:6}
#race[hidden]{display:none}
#race .head{display:flex;align-items:center;justify-content:space-between}
#race .head b{font-size:17px;color:#ffd76a}
#race .x{width:36px;height:36px;border-radius:8px;border:1px solid var(--hud-line);background:transparent;color:var(--ink);font-size:20px;line-height:1;cursor:pointer}
#race .wallet{display:flex;align-items:center;gap:6px;margin:10px 0;font-weight:700}
#race .wallet svg{width:18px;height:18px;fill:#e8b53a;stroke:#a8741a;stroke-width:2}
#raceTrack{position:relative;margin:4px 0 10px;padding:4px 0;border-radius:10px;background:#6f9e48;border-right:6px solid #fff4dc;box-shadow:inset 0 0 0 2px rgba(0,0,0,.25)}
#raceTrack .lane{position:relative;height:30px;border-bottom:1px dashed rgba(255,255,255,.35)}
#raceTrack .lane:last-child{border-bottom:0}
#raceTrack .horse{position:absolute;top:2px;left:0;width:34px;height:26px;transition:left .05s linear}
#raceTrack .horse svg{width:34px;height:26px;filter:drop-shadow(0 1px 1px rgba(0,0,0,.5))}
#raceTrack .name{position:absolute;left:50%;top:7px;transform:translateX(-50%);font-size:11px;font-weight:700;color:rgba(255,255,255,.55);white-space:nowrap;pointer-events:none}
#raceResult{min-height:22px;text-align:center;font-weight:700;margin-bottom:10px}
#raceResult.win{color:#8fe08a}
#raceResult.lose{color:#ff9a8a}
#race .label{font-size:12px;opacity:.8;margin-bottom:4px}
#raceBets,#racePicks{display:flex;gap:8px;margin-bottom:10px}
#raceBets button,#racePicks button{flex:1;min-height:42px;border-radius:9px;border:1px solid var(--hud-line);background:rgba(0,0,0,.3);color:var(--ink);font:600 14px 'Kanit',system-ui,sans-serif;cursor:pointer}
#raceBets button[aria-pressed="true"]{background:var(--gold);color:#3b2410;border-color:transparent}
#racePicks button{display:flex;flex-direction:column;align-items:center;gap:1px;padding:5px 2px;border:0;border-top:4px solid var(--horse);font-size:12px;line-height:1.15;background:#5a1a26}
#racePicks button span{font-size:15px;color:#ffd76a}
#racePicks button i{font-style:normal;font-size:10px;opacity:.75}
#race button:disabled{opacity:.45;cursor:default}
#racePicks button[aria-pressed="true"]{opacity:1;outline:2px solid #ffd76a;outline-offset:1px}
#raceHistory{display:flex;flex-direction:column;gap:2px;font-size:12px;margin-bottom:8px}
#race .rules{font-size:11px;opacity:.7;line-height:1.4}