:root{--bill-accent:#3ec6e0;--bill-d1:#f6c445;--bill-d2:#5b8cff;--bill-d3:#ff8fb8;--bill-d4:#7bc67e;--bill-bg:#fff8ee;--bill-surface:#fff;--bill-ink:#1b1726;--bill-muted:#6b6478;--bill-shadow:3px 3px 0 #1b1726;--bill-line:#1b1726;--bill-danger:#e5383b;--bill-danger-text:#9e1f28}[data-scheme=dark],.dark{--bill-accent:#6fd4e8;--bill-d1:#f6c445;--bill-d2:#5b8cff;--bill-d3:#ff8fb8;--bill-d4:#7bc67e;--bill-bg:#15121f;--bill-surface:#211d2e;--bill-ink:#f4efe6;--bill-muted:#a59fb2;--bill-shadow:3px 3px 0 #07060c;--bill-line:#f4efe6;--bill-danger:#ff5c5f;--bill-danger-text:#ffc7c2}.bill-stage{border:2px solid var(--bill-ink);background:var(--bill-bg);color:var(--bill-ink);max-width:480px;box-shadow:var(--bill-shadow);-webkit-user-select:none;user-select:none;border-radius:16px;margin:0 auto;font-family:Be Vietnam Pro,system-ui,sans-serif;overflow:hidden}.bill-band{background:var(--bill-accent);height:8px}.bill-body{flex-direction:column;gap:12px;padding:12px;display:flex}.bill-hud{justify-content:space-between;align-items:center;gap:8px;display:flex}.bill-hud b{font-variant-numeric:tabular-nums;font-size:18px}.bill-sub{color:var(--bill-muted);font-size:13px;font-weight:600}.bill-live{min-height:22px;margin:0;font-size:13px;font-weight:800}.bill-live.bad{color:var(--bill-danger-text)}.bill-receipt{background:var(--bill-surface);border:2px solid var(--bill-ink);border-radius:12px;max-height:380px;overflow:hidden auto}@media (prefers-reduced-motion:reduce){.bill-item{transition:none!important}}@media (max-height:430px){.bill-receipt{max-height:148px}}.bill-edge{background:var(--bill-ink);height:12px;-webkit-mask:url(/content/games/split-the-bill/receipt-edge.svg) 0/24px 12px repeat-x;mask:url(/content/games/split-the-bill/receipt-edge.svg) 0/24px 12px repeat-x}.bill-item{border-top:2px solid color-mix(in srgb, var(--bill-ink) 14%, transparent);cursor:pointer;background:var(--bill-surface);grid-template-columns:1fr auto;align-items:center;gap:2px 8px;min-height:44px;padding:8px 10px;font-weight:800;transition:background .12s;display:grid;position:relative}.bill-item:hover{background:color-mix(in srgb, var(--bill-accent) 12%, var(--bill-surface))}.bill-item.selected{box-shadow:inset 0 0 0 3px var(--bill-accent);background:color-mix(in srgb, var(--bill-accent) 15%, var(--bill-surface))}.bill-pip{background:var(--bill-accent);border:2px solid var(--bill-ink);border-radius:2px;width:8px;height:8px;position:absolute;top:4px;right:4px}.bill-item-header{align-items:center;gap:6px;display:flex;overflow:hidden}.bill-item-name{white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.bill-item-price{font-variant-numeric:tabular-nums;font-size:14px}.bill-item-chips{flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:6px;margin-top:2px;font-size:11px;font-weight:700;display:flex}.bill-note-chip{color:var(--bill-muted);align-items:center;gap:4px;display:inline-flex}.bill-nic{flex-shrink:0;width:14px;height:14px}.bill-holder-badge{border:1.5px solid var(--bill-ink);color:#1b1726;border-radius:999px;align-items:center;gap:4px;padding:1px 6px;font-size:11px;font-weight:800;display:inline-flex}.bill-diners{grid-template-columns:1fr 1fr;gap:8px;display:grid}.bill-diner{border:2px solid var(--bill-ink);background:color-mix(in srgb, var(--diner-tint) 18%, var(--bill-surface));box-shadow:var(--bill-shadow);cursor:pointer;text-align:left;border-radius:14px;flex-direction:column;gap:4px;padding:8px;transition:transform 90ms,box-shadow 90ms;display:flex}.bill-diner:hover{transform:translateY(-1px)}.bill-diner.targetable{outline:2px dashed var(--bill-accent);outline-offset:2px}.bill-diner header{align-items:center;gap:6px;font-size:14px;display:flex}.bill-badge{flex-shrink:0;width:26px;height:26px}.bill-money{font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:2px 6px;font-size:11px;font-weight:800;display:flex}.bill-mark{align-items:center;gap:4px;font-size:11px;font-weight:800;display:flex}.bill-mark.bad{color:var(--bill-danger-text)}.bill-mark svg{flex-shrink:0;width:16px;height:16px}.bill-meter{border:2px solid var(--bill-ink);background:var(--bill-surface);border-radius:99px;height:8px;overflow:hidden}.bill-meter i{background:var(--diner-tint);height:100%;transition:width .15s;display:block}.bill-btn{border:2px solid var(--bill-ink);background:var(--bill-accent);color:#1b1726;min-height:44px;box-shadow:var(--bill-shadow);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-family:inherit;font-size:15px;font-weight:800;display:flex}.bill-btn:hover{filter:brightness(1.05)}.bill-btn:active{box-shadow:1px 1px 0 var(--bill-ink);transform:translate(1px,1px)}.bill-btn.ghost{background:var(--bill-surface);color:var(--bill-ink)}.bill-btn.off{background:var(--bill-surface);color:var(--bill-muted);box-shadow:none;cursor:not-allowed}.bill-card{border:2px solid var(--bill-ink);background:var(--bill-surface);box-shadow:var(--bill-shadow);border-radius:16px;justify-content:space-between;align-items:center;gap:8px;padding:12px;display:flex}.bill-modes{flex-direction:column;gap:8px;display:flex}.bill-mode{text-align:left;cursor:pointer;border:2px solid var(--bill-ink);background:var(--bill-surface);width:100%;box-shadow:var(--bill-shadow);color:inherit;border-radius:14px;justify-content:space-between;align-items:center;padding:10px 12px;font-family:inherit;display:flex}.bill-mode small{color:var(--bill-muted);font-size:12px;font-weight:600;display:block}.bill-mode:hover{background:color-mix(in srgb, var(--bill-accent) 10%, var(--bill-surface))}.bill-mode b{font-size:15px}.bill-sheet{border:2px solid var(--bill-ink);background:var(--bill-surface);box-shadow:var(--bill-shadow);border-radius:16px;flex-direction:column;gap:12px;padding:14px;display:flex}.bill-hero{text-align:center}.bill-hero b{letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:44px;line-height:1.1;display:block}.bill-hero span{color:var(--bill-muted);font-size:13px;font-weight:600}.bill-stats{gap:8px;display:flex}.bill-stat{background:color-mix(in srgb, var(--bill-ink) 6%, transparent);text-align:center;border-radius:12px;flex:1;padding:8px}.bill-stat span{color:var(--bill-muted);font-size:12px;font-weight:600;display:block}.bill-stat b{font-variant-numeric:tabular-nums;font-size:18px}.bill-chip{background:var(--bill-accent);color:#1b1726;border:2px solid #1b1726;border-radius:999px;align-self:flex-start;padding:2px 8px;font-size:12px;font-weight:800;display:inline-block}