.hl{width:100%;max-width:520px;height:100%;color:var(--on-page);flex-direction:column;gap:8px;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);max-width:100%;height:min(100% - 6px,174px);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:var(--paper);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-calls{grid-template-columns:1fr auto 1fr;align-items:end;min-height:34px;padding-top:8px;display:grid}.hl-side{justify-content:center;gap:5px;display:flex}.hl-side:has(.hl-chip:nth-child(5)){gap:0}.hl-side:has(.hl-chip:nth-child(5)) .hl-chip+.hl-chip{margin-left:-8px}.hl-side-low{grid-column:1}.hl-side-wait{grid-column:2}.hl-side-high{grid-column:3}.hl-chip{animation:.32s cubic-bezier(.2,1.6,.4,1) pop}.hl-chip.lost{opacity:.35}.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;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}[data-theme=sky] .hl{color:var(--c-text)}[data-theme=sky] .hl-card{border-radius:var(--r-md);background:var(--c-card-face);color:var(--c-ink);font:600 64px/1 var(--font-num);border:0;box-shadow:0 1px #342c6e24}[data-theme=sky] .hl-next{background:var(--card-back-fill);color:var(--c-light-core);box-shadow:inset 0 0 0 2px var(--c-card-face), 0 1px 0 #342c6e24;font:var(--fw-text) 52px/1 var(--font-display)}[data-theme=sky] .hl-next.turned{background:radial-gradient(circle at 50% 40%, var(--c-light-core) 0%, var(--c-accent) 80%);color:var(--c-ink);font:600 64px/1 var(--font-num);animation:hl-turn var(--t-slow) var(--ease-out)}@keyframes hl-turn{0%{opacity:.4;transform:rotateY(90deg)}to{opacity:1;transform:none}}[data-theme=sky] .hl-pot-label{font:var(--fw-text) 12px/1 var(--font-text);letter-spacing:.2em}[data-theme=sky] .hl-pot-amount{font:600 40px/1 var(--font-num)}[data-theme=sky] .hl-x{font:var(--fw-strong) 12px/1 var(--font-text);border-radius:var(--r-pill)}[data-theme=sky] .hl-say{font:var(--fw-text) 15px/1.2 var(--font-text);letter-spacing:.1em}[data-theme=sky] .hl-call{border-radius:var(--r-lg);background:var(--c-surface-hi);color:var(--c-text);box-shadow:var(--sh-hard-sm);border:0}[data-theme=sky] .hl-call:active:not(:disabled){transform:translateY(var(--press-y));box-shadow:var(--sh-press)}[data-theme=sky] .hl-call.on{background:radial-gradient(120% 170% at 50% 0%, var(--c-light-core) 0%, var(--c-accent) 58%, var(--c-light-deep) 125%);color:var(--c-on-accent);box-shadow:0 0 0 4px color-mix(in srgb, var(--c-accent) 35%, transparent);transform:none}[data-theme=sky] .hl-call:disabled{filter:none;opacity:.55}[data-theme=sky] .hl-call.on:disabled{opacity:1}[data-theme=sky] .hl-call.won{opacity:1;background:radial-gradient(circle at 50% 40%, var(--c-light-core) 0%, var(--c-good) 70%);color:var(--c-on-good)}[data-theme=sky] .hl-word{font:var(--fw-display) 26px/1 var(--font-display);letter-spacing:.16em}[data-theme=sky] .hl-arrow{opacity:.8;font-size:16px}[data-theme=sky] .hl-odds{font:var(--fw-text) 13px/1 var(--font-text)}[data-theme=sky] .hl-double{border-radius:var(--r-md);background:var(--c-surface);color:var(--c-text);box-shadow:var(--sh-hard-sm);border:0}[data-theme=sky] .hl-double:active:not(:disabled){transform:translateY(var(--press-y));box-shadow:var(--sh-press)}[data-theme=sky] .hl-double.on{background:var(--c-accent);color:var(--c-on-accent)}[data-theme=sky] .hl-double-word{font:var(--fw-strong) 14px/1 var(--font-text);letter-spacing:.14em}
