:root{--tap:44px;--ink:#1d2433;--paper:#faf8f2f0;--paper-solid:#faf8f2;--line:#1d243324;--accent:#0065de;--muted:#6b7280;--radius:14px;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px)}html,body{touch-action:none;overscroll-behavior:none;height:100%}body{margin:0}#app{height:100%;position:relative}#board{touch-action:none;width:100%;height:100%;display:block}#ui{pointer-events:none;color:var(--ink);font:15px/1.3 system-ui,-apple-system,sans-serif;position:absolute;inset:0}#ui button,#ui select,#ui input,#ui .sheet,#ui .overlay,#ui .log,#ui .seats,#ui .hand{pointer-events:auto}#ui button{min-height:var(--tap);min-width:var(--tap);border:1px solid var(--line);color:var(--ink);font:inherit;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;background:#fff;border-radius:12px;padding:0 14px}#ui button:disabled{opacity:.45}#ui select{min-height:var(--tap);border:1px solid var(--line);background:#fff;border-radius:10px;font-size:16px}.hud{flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:0}.hud .top{padding:calc(var(--safe-top) + 6px) calc(var(--safe-right) + 8px) 0 calc(var(--safe-left) + 8px);gap:6px;display:grid}.hud .bottom{padding:8px calc(var(--safe-right) + 8px) calc(var(--safe-bottom) + 8px) calc(var(--safe-left) + 8px);background:linear-gradient(to top, var(--paper), #faf8f200);gap:6px;display:grid}.seats{grid-template-columns:repeat(auto-fit,minmax(76px,1fr));gap:6px;display:grid}.seat{background:var(--paper);border:1px solid var(--line);border-radius:10px;flex-wrap:wrap;align-items:center;gap:2px 6px;padding:6px 8px;font-size:12px;display:flex}.seat.active{border-color:var(--ink)}.seat.me .name{font-weight:700}.seat .dot{border-radius:50%;width:10px;height:10px}.seat .name{font-weight:600}.seat .res:before{content:"◆";color:var(--muted)}.seat .cardcount:before{content:"▮";color:var(--muted)}.seat .badge{background:#f3d36b;border-radius:999px;padding:1px 6px;font-size:11px}.seat .status{color:var(--muted);font-style:italic}.seat.thinking{border-style:dashed;animation:none}.banner{background:var(--paper);text-align:center;border-radius:999px;justify-self:center;padding:6px 12px;font-weight:600}.dice{justify-self:center;gap:6px;display:flex}.dice[hidden]{display:none}.dice .die{border:1px solid var(--line);background:#fff;border-radius:8px;place-items:center;width:34px;height:34px;font-size:18px;font-weight:700;display:grid}.dice.flip .die{animation:.15s ease-out die-flip}@keyframes die-flip{0%{transform:rotateX(90deg)}to{transform:rotateX(0)}}.hand{justify-content:center;gap:6px;display:flex}.chip{min-width:var(--tap);justify-items:center;display:grid;position:relative}.chip img{width:40px;height:40px}.chip .count{font-weight:700}.hand .my-fame{background:var(--paper);border-radius:999px;align-self:center;padding:2px 8px;font-size:12px;font-weight:700}.chip .delta{opacity:0;font-size:12px;font-weight:700;position:absolute;top:-6px;right:-4px}.chip.pulse .delta{animation:.9s ease-out chip-pulse}@keyframes chip-pulse{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.cards{flex-wrap:wrap;justify-content:center;gap:6px;font-size:12px;display:flex}.cards[hidden]{display:none}.cards .title{font-weight:700}.card-kind{background:var(--paper);border:1px solid var(--line);border-radius:6px;padding:2px 8px}.card-kind .count{margin-left:4px;font-weight:700}.card-kind.empty{display:none}.bar{align-items:center;gap:6px;display:flex}.bar .quick{flex-wrap:wrap;flex:1;gap:6px;display:flex}.bar .primary{background:var(--ink);color:#fff;min-width:120px;margin-left:auto;font-weight:700}.sheet{overscroll-behavior:contain;max-height:75%;padding:12px calc(var(--safe-right) + 12px) calc(var(--safe-bottom) + 12px) calc(var(--safe-left) + 12px);background:var(--paper-solid);border-radius:var(--radius) var(--radius) 0 0;position:absolute;bottom:0;left:0;right:0;overflow-y:auto;box-shadow:0 -8px 24px #0000002e}.sheet[hidden]{display:none}.sheet-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.sheet-title{margin:0;font-size:18px}.entries{gap:8px;margin-top:8px;display:grid}.entries .entry{text-align:left;align-items:center;gap:8px;display:flex}.entry .label{font-weight:600}.entry .cost{gap:4px;margin-left:auto;display:flex}.cost-chip{align-items:center;gap:2px;font-size:13px;font-weight:700;display:inline-flex}.cost-chip img{width:22px;height:22px}.entry .reason{color:var(--muted);font-size:12px}.form{gap:10px;margin-top:8px;display:grid}.field{gap:4px;display:grid}.note{color:var(--muted);margin:0}.empty-note{color:var(--muted);margin:8px 0}.confirm{font-weight:700;background:var(--ink)!important;color:#fff!important}.stepper{border:1px solid var(--line);border-radius:10px;gap:4px;margin:0;padding:6px 8px;display:grid}.stepper legend{padding:0 4px;font-weight:600}.step-row{grid-template-columns:28px 1fr var(--tap) 32px var(--tap);align-items:center;gap:6px;display:grid}.step-row img{width:28px;height:28px}.step-row .count{text-align:center;font-weight:700}.responses{gap:4px;margin:0;padding:0;list-style:none;display:grid}.response{justify-content:space-between;gap:8px;display:flex}.response .state{color:var(--muted)}.offer-summary{margin:0;font-weight:600}.overlay{z-index:10;padding:calc(var(--safe-top) + 24px) calc(var(--safe-right) + 24px) calc(var(--safe-bottom) + 24px) calc(var(--safe-left) + 24px);-webkit-backdrop-filter:blur(18px);text-align:center;background:#faf8f2d1;place-content:center;justify-items:center;gap:16px;display:grid;position:absolute;inset:0}.handoff-screen .lead{color:var(--muted);margin:0}.handoff-screen .seat-name{color:var(--ink);border-bottom:6px solid var(--seat,var(--ink));margin:0;font-size:34px}.overlay .confirm{min-width:160px}.handoff .seats,.handoff .hand,.handoff .cards,.handoff .log,.handoff .sheet,.handoff .select-bar,.hand-hidden .hand,.hand-hidden .cards,.hand-hidden .sheet,.hand-hidden .select-bar{display:none}.select-bar{left:50%;bottom:calc(var(--safe-bottom) + 190px);background:var(--paper);pointer-events:auto;border-radius:999px;align-items:center;gap:6px;padding:6px 8px;display:flex;position:absolute;transform:translate(-50%);box-shadow:0 2px 10px #1d243329}.select-bar[hidden]{display:none}.select-bar .prompt{padding:0 6px;font-weight:600}.select-bar .victim.chosen{outline:2px solid var(--ink)}.seed-tag{top:calc(var(--safe-top) + 96px);left:calc(var(--safe-left) + 8px);background:var(--paper);color:var(--muted);border-radius:6px;padding:1px 6px;font-size:11px;position:absolute}.safe-notice{top:calc(var(--safe-top) + 124px);z-index:5;border-radius:var(--radius);background:var(--paper);pointer-events:auto;align-items:center;gap:10px;max-width:calc(100% - 32px);padding:6px 6px 6px 14px;font-size:14px;display:flex;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 2px 10px #1d243329}.safe-notice button{min-height:var(--tap);white-space:nowrap;border:0;border-radius:10px;flex:none;padding:0 16px}.gameover-title{margin:0;font-size:28px}.ranking{gap:6px;min-width:220px;margin:0;padding:0;list-style:none;display:grid}.ranking li{background:#fff;border-radius:10px;justify-content:space-between;gap:16px;padding:8px 12px;display:flex}.ranking li.winner{outline:2px solid var(--ink);font-weight:700}.log{top:calc(var(--safe-top) + 96px);right:calc(var(--safe-right) + 8px);justify-items:end;gap:4px;max-width:min(320px,80vw);display:grid;position:absolute}.log-lines{overscroll-behavior:contain;background:var(--paper);border-radius:10px;max-height:40vh;margin:0;padding:8px 12px 8px 28px;font-size:13px;display:none;overflow-y:auto}.log.open .log-lines{display:block}