.bar{flex-direction:column;gap:12px;display:flex}.bar-hero{border-radius:var(--r-lg);border:2px solid var(--line);background:radial-gradient(120% 140% at 0% 0%, #ffb45e38, transparent 55%), var(--surface-2);grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:18px;padding:16px 18px;display:grid}@media (width<=640px){.bar-hero{grid-template-columns:1fr}}.bar-hero__eyebrow{color:var(--ink-3);text-transform:uppercase;letter-spacing:.04em;font-size:11.5px;font-weight:800}.bar-hero__level{font-family:var(--font-display);color:var(--ink);margin:2px 0 8px;font-size:28px;font-weight:700}.bar-hero__level.is-tipsy{color:var(--sun-deep)}.bar-hero__level.is-buzzed{color:var(--coral)}.bar-hero__level.is-drunk,.bar-hero__level.is-wasted{color:var(--coral-deep)}.bar-hero__hint{color:var(--ink-2);margin-top:8px;font-size:13px}.bar-hero__hand ul{color:var(--ink);flex-direction:column;gap:6px;margin:6px 0 0;padding:0;font-weight:700;list-style:none;display:flex}.bar-hero__hand li{align-items:center;gap:8px;display:flex}.bar-hero__hand p{margin:6px 0 0}.bar-meter{border-radius:var(--r-pill);background:var(--surface-sunk);height:12px;position:relative;overflow:hidden}.bar-meter__fill{border-radius:inherit;background:linear-gradient(90deg, var(--sun), var(--coral));transition:width var(--t-med) var(--ease-out);position:absolute;inset:0 auto 0 0}.bar-meter__tick{background:#ffffffd9;width:2px;position:absolute;top:2px;bottom:2px}.bar-dim{color:var(--ink-3);font-weight:600}.bar-cutoff{border-radius:var(--r-md);background:var(--coral-soft);color:var(--coral-deep);align-items:center;gap:8px;margin:0;padding:10px 14px;font-weight:700;display:flex}.bar-heading{font-family:var(--font-display);color:var(--ink);margin:6px 0 0;font-size:17px}.bar-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.bar-item{border-radius:var(--r-md);border:2px solid var(--line);background:var(--surface);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;display:grid}.bar-item.is-refused{opacity:.55}.bar-item__name{color:var(--ink);font-weight:800}.bar-item__blurb{color:var(--ink-2);font-size:12.5px}.bar-item__tags{flex-wrap:wrap;gap:6px;margin-top:5px;display:flex}.bar-item__buy{min-width:76px}.bar-swatch{color:#3a2e4d;background:color-mix(in srgb, var(--swatch) 55%, white);width:34px;height:34px;box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--swatch) 80%, black 10%);border-radius:50%;flex:none;place-items:center;display:inline-grid}.bar-hero__hand .bar-swatch{width:26px;height:26px}.bar-tag{border-radius:var(--r-pill);background:var(--sun-soft);color:var(--sun-ink);padding:1px 8px;font-size:11.5px;font-weight:800}.bar-tag.is-zero{background:var(--mint-soft);color:var(--mint-deep)}.bar-tag.is-smoke{background:var(--grape-soft);color:var(--grape-deep)}.bar-tag.is-time{background:var(--sky-soft);color:var(--sky-deep)}.bar-note{color:var(--ink-3);text-align:center;margin:4px 0 0;font-size:12px}.held-actions{justify-content:center;gap:8px;margin-bottom:8px;display:flex}.held-actions__btn{border-radius:var(--r-pill);background:var(--surface);box-shadow:var(--shadow-sm);color:var(--ink);font:inherit;cursor:pointer;pointer-events:auto;border:0;align-items:center;gap:6px;padding:5px 12px 5px 6px;font-size:13px;font-weight:800;display:inline-flex}.held-actions__btn:hover{box-shadow:var(--shadow-md)}.held-actions__btn kbd{background:var(--sun);min-width:22px;height:22px;color:var(--sun-on);font:inherit;border-radius:7px;place-items:center;font-size:12px;display:inline-grid}.hud-buzz{border-radius:var(--r-pill);background:var(--surface);box-shadow:var(--shadow-sm);color:var(--coral-deep);pointer-events:auto;align-items:center;gap:6px;padding:4px 10px 4px 6px;font-size:13px;font-weight:800;display:inline-flex}.hud-buzz__icon{background:var(--coral-soft);border-radius:50%;place-items:center;width:22px;height:22px;display:inline-grid}.hud-buzz.is-tipsy{color:var(--sun-ink)}.hud-buzz.is-tipsy .hud-buzz__icon{background:var(--sun-soft)}