/* /last-slice: the case's page (public/last-slice-page.js). Sits on daily.css, blind-rank.css and straight-face.css (the
   banner, stage, faces and offers); this file is the hub, the lock, the kitchen and the crowd's bars. */
.ls{--a:#f2c94c;--b:#c8402c}
.ls .parts{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:10px}
.ls .part{appearance:none;width:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;text-align:left;border-radius:16px;padding:14px 16px;background:var(--panel-2);border:2px solid transparent;color:var(--text);font:inherit;cursor:pointer}
.ls button.part:hover,.ls button.part:focus-visible{border-color:var(--a)}
.ls .part.off{opacity:.55;cursor:default}
.ls .part .k{font-family:var(--face),sans-serif;font-size:1.7rem;color:var(--a);width:1.2ch}
.ls .part b{display:block}.ls .part small{display:block;color:var(--muted);font-size:.875rem}
.ls .part i{font-style:normal;font-weight:800;font-size:.8125rem;color:var(--a);text-align:right}
.ls .opts{display:grid;gap:10px;margin-top:18px}
.ls .opt{appearance:none;text-align:left;border-radius:14px;padding:15px 16px;min-height:54px;font:800 1.0625rem "Plus Jakarta Sans",sans-serif;color:var(--text);background:var(--panel-2);border:2px solid transparent;cursor:pointer}
.ls .opt:hover,.ls .opt:focus-visible{border-color:var(--a)}
.ls .opt.no{opacity:.45;text-decoration:line-through;cursor:default;border-color:transparent}
.ls .say{min-height:1.5em;margin-top:12px;font-weight:800}
.ls .watch{margin-top:14px}.ls .watch summary{cursor:pointer;color:var(--muted);font-weight:800}
.ls .clip{display:block;width:100%;max-width:300px;aspect-ratio:9/16;margin:12px auto 0;border-radius:16px;background:#000}
.ls .scene{position:relative;margin-top:14px;border-radius:18px;overflow:hidden;border:1px solid var(--line)}
.ls .kitchen{display:block;width:100%;height:auto}
.ls .spot{position:absolute;appearance:none;background:transparent;border:2px dashed transparent;border-radius:14px;cursor:pointer;padding:0}
.ls .spot:hover,.ls .spot:focus-visible{border-color:rgba(242,201,76,.8);background:rgba(242,201,76,.12);outline:none}
.ls .spot.found{border:2px solid rgba(87,208,138,.85);background:rgba(87,208,138,.1)}
.ls .clue{min-height:3em;margin-top:12px;font-weight:800;font-size:1.0625rem;line-height:1.35}
.ls .found{margin:6px 0 0;padding-left:1.2em;color:var(--muted);font-size:.9375rem}.ls .found li{margin-top:4px}
.ls .seat.asked .who::after{content:" ✓";color:#57d08a}
.ls .bars{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:8px}
.ls .bars li{display:grid;grid-template-columns:7.2em 1fr 3em;align-items:center;gap:10px;font-size:.9375rem}
.ls .bars b{display:block;height:14px;border-radius:99px;background:var(--panel-2);background:linear-gradient(90deg,var(--a),var(--b))}
.ls .bars i{font-style:normal;font-weight:800;text-align:right;font-variant-numeric:tabular-nums}
.ls .bars .me span{font-weight:800;color:var(--a)}
.ls a.btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
@media (prefers-reduced-motion:no-preference){.ls .spot:not(.found){animation:ls-hint 3.2s ease-in-out infinite}.ls .spot:nth-child(odd){animation-delay:-1.6s}}
@keyframes ls-hint{0%,86%,100%{border-color:transparent}93%{border-color:rgba(242,201,76,.45)}}