.hl{width:100%;max-width:520px;height:100%;color:var(--on-page);flex-direction:column;gap:10px;margin:0 auto;padding:4px 16px 8px;display:flex}.hl-cards{flex:1;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;min-height:110px;display:grid}.hl-card{aspect-ratio:5/7;border:4px solid var(--ink);background:var(--paper);width:min(100%,124px);color:var(--ink);box-shadow:0 6px 0 var(--ink);font:800 64px/1 var(--display);border-radius:16px;justify-self:center;place-items:center;display:grid}.hl-next{background:var(--c-card-back);color:#fff;background-image:repeating-linear-gradient(45deg,#0000 0 10px,#ffffff14 10px 20px)}.hl-next.turned{background:var(--sun);color:var(--ink);background-image:none;animation:.3s cubic-bezier(.2,1.4,.4,1) hl-flip}@keyframes hl-flip{0%{transform:rotateY(90deg)scale(1.1)}to{transform:none}}.hl-pot{flex-direction:column;align-items:center;gap:2px;display:flex}.hl-pot-label{font:600 13px/1 var(--display);letter-spacing:.12em;opacity:.85}.hl-pot-amount{font:800 40px/1 var(--display)}.hl-x{font:800 12px/1 var(--display);background:var(--red);color:var(--c-on-hot);text-align:center;letter-spacing:.04em;border-radius:6px;max-width:96px;padding:4px 6px}.hl-seats{grid-template-columns:repeat(auto-fit,minmax(52px,1fr));gap:6px;display:grid}.hl-seat{background:var(--veil);border-radius:10px;flex-direction:column;align-items:center;gap:2px;min-width:0;padding:6px 2px;display:flex}.hl-seat.me{outline:2px solid var(--sun)}.hl-seat-mark{opacity:.7;font-size:16px;line-height:1}.hl-seat.locked .hl-seat-mark{opacity:1}.hl-seat-name{font:600 12px/1 var(--display);letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.hl-seat-gain{font:800 14px/1 var(--display);min-height:14px}.hl-seat.won{background:var(--lime);color:var(--ink);animation:.32s cubic-bezier(.2,1.6,.4,1) pop}.hl-seat.won .hl-seat-mark,.hl-seat.won .hl-seat-gain{color:var(--ink);opacity:1}.hl-seat.lost{opacity:.55}.hl-say{text-align:center;min-height:20px;font:800 17px/1.15 var(--display);letter-spacing:.04em}.hl-rack{grid-template-columns:1fr 1fr;gap:10px;width:100%;max-width:520px;margin:0 auto;padding:0 12px;display:grid}.hl-rack .hl-double{grid-column:1/-1}.hl-call{border:4px solid var(--ink);min-height:84px;box-shadow:0 7px 0 var(--ink);color:var(--ink);border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:2px;transition:transform 60ms,box-shadow 60ms;display:flex}.hl-high{background:var(--c-seat-7)}.hl-low{background:var(--c-seat-4)}.hl-call:active:not(:disabled){box-shadow:0 1px 0 var(--ink);transform:translateY(6px)}.hl-call.on{background:var(--sun);box-shadow:0 3px 0 var(--ink), 0 0 0 4px var(--paper);transform:translateY(4px)}.hl-call:disabled{filter:saturate(.5);opacity:.6}.hl-call.won{opacity:1;filter:none;background:var(--lime)}.hl-arrow{font-size:22px;line-height:1}.hl-word{font:800 34px/1 var(--display);letter-spacing:.02em}.hl-odds{font:600 14px/1 var(--text)}.hl-double{border:3px solid var(--ink);background:var(--paper);min-height:52px;color:var(--ink);box-shadow:0 4px 0 var(--ink);border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:0 16px;display:flex}.hl-double:active:not(:disabled){box-shadow:0 1px 0 var(--ink);transform:translateY(3px)}.hl-double.on{background:var(--sun)}.hl-double:disabled:not(.on){opacity:.6}.hl-double-word{font:800 20px/1 var(--display);letter-spacing:.03em}.hl-double-note{font:500 13px/1.2 var(--text);text-align:right}