:root{--bg: #160f0a;--panel: #241811;--line: #3c2a1c;--ink: #f6ecdf;--dim: #c2a487;--accent: #b5713a;--accent2: #e0a866;--danger: #c0533a;--die: #f4ead9;--wild: #e0a866}*{box-sizing:border-box}html,body{margin:0;height:100%}body{background:radial-gradient(1000px 600px at 50% -10%,#2a1b10,var(--bg));color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,sans-serif;display:flex;justify-content:center;-webkit-user-select:none;user-select:none}#app{width:100%;max-width:520px;padding:12px 12px 26px}header{text-align:center;margin-bottom:6px}h1{margin:0;font-size:28px;letter-spacing:5px;font-weight:800;color:var(--accent2);text-shadow:0 2px 0 #00000055}.sub{margin:3px 0 0;color:var(--dim);font-size:13px}.sub b{color:var(--wild)}.bar{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;align-items:center;margin:10px 0}.seg{display:inline-flex;background:var(--panel);border:1px solid var(--line);border-radius:999px;overflow:hidden}.seg button{background:none;border:none;color:var(--dim);padding:6px 12px;font:600 13px system-ui;cursor:pointer}.seg button.active{background:var(--accent);color:#1a0e06}.btn{background:var(--panel);border:1px solid var(--line);color:var(--ink);padding:8px 16px;border-radius:999px;font:700 14px system-ui;cursor:pointer}.btn:hover:not(:disabled){border-color:var(--accent2)}.btn:disabled{opacity:.38;cursor:default}.btn.primary{background:var(--accent);color:#1a0e06;border-color:var(--accent)}.btn.danger{background:var(--danger);color:#1a0606;border-color:var(--danger)}.btn.wide{width:100%}.bidbanner{display:flex;flex-direction:column;align-items:center;gap:2px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:10px;margin:8px 0}.bidbanner.empty{color:var(--dim)}.bidbanner .lbl{font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--dim)}.bidbanner .big{font-size:26px;font-weight:800;color:var(--accent2);display:flex;align-items:center;gap:8px}.bidbanner .who{font-size:12px;color:var(--dim)}.opps{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:8px 0}.opp{flex:1 1 0;min-width:90px;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:8px 6px;text-align:center;transition:border-color .15s}.opp.active{border-color:var(--accent2);box-shadow:0 0 0 1px var(--accent2) inset}.opp.out{opacity:.45}.oname{font-weight:700;font-size:13px}.ocount{font-size:11px;color:var(--dim);margin:1px 0 4px}.cup{font-size:18px;letter-spacing:-2px}.cup.dead{color:var(--danger)}.cupdice{display:flex;gap:3px;justify-content:center;flex-wrap:wrap}.turn{text-align:center;color:var(--accent2);font-size:13px;font-weight:600;min-height:18px;margin:4px 0}.mine{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:10px;margin:6px 0}.mine .label{text-align:center;font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--dim);margin-bottom:6px}.dice{display:flex;gap:10px;justify-content:center}.eliminated{text-align:center;color:var(--danger);font-weight:700;padding:6px}.die{width:48px;height:48px;border-radius:11px;background:var(--die);position:relative;box-shadow:0 3px 6px #00000073}.die.sm{width:26px;height:26px;border-radius:7px;box-shadow:0 1px 3px #0006}.die.tiny{width:20px;height:20px;border-radius:5px;box-shadow:none}.die.back{background:#2c1d12;box-shadow:none}.die.wild{background:linear-gradient(135deg,#f6e6c8,var(--wild))}.die .pip{position:absolute;width:9px;height:9px;border-radius:50%;background:#2a1206;transform:translate(-50%,-50%)}.die.sm .pip{width:5px;height:5px}.die.tiny .pip{width:4px;height:4px}.controls{margin:8px 0}.waiting{text-align:center;color:var(--dim);padding:14px;font-style:italic}.builder{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:12px}.brow{display:flex;align-items:center;gap:10px;margin-bottom:10px;flex-wrap:wrap}.blbl{font-size:12px;color:var(--dim)}.stepper{display:inline-flex;align-items:center;gap:8px;background:#1c130c;border:1px solid var(--line);border-radius:999px;padding:3px 6px}.step{width:28px;height:28px;border-radius:50%;border:none;background:var(--accent);color:#1a0e06;font:800 16px system-ui;cursor:pointer}.qval{min-width:22px;text-align:center;font-weight:800;font-size:18px;color:var(--accent2)}.faces{display:flex;gap:6px}.fbtn{background:#1c130c;border:1px solid var(--line);border-radius:8px;padding:4px;cursor:pointer;display:flex}.fbtn.sel{border-color:var(--accent2);box-shadow:0 0 0 1px var(--accent2) inset}.actions{display:flex;gap:8px}.actions .btn{flex:1}.logwrap{margin-top:8px}.log{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:8px 10px;max-height:140px;overflow-y:auto;font-size:12px;color:var(--dim)}.log .line{padding:2px 0;border-bottom:1px solid #2a1c12}.log .line:last-child{border-bottom:none}.overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#080402cc;backdrop-filter:blur(3px);padding:14px}.overlay.hidden{display:none}.modal{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:20px 22px;text-align:center;max-width:380px;width:100%}.modal h2{margin:0 0 6px;font-size:24px;color:var(--accent2)}.modal .big{font-size:30px;font-weight:800;color:var(--accent2);margin:4px 0}.modal p{margin:6px 0;color:var(--dim);font-size:14px}.modal .claim b{color:var(--ink)}.verdict{font-weight:800;font-size:15px}.verdict.true{color:#7fbf6a}.verdict.false{color:var(--danger)}.reveals{display:flex;flex-direction:column;gap:6px;margin:10px 0}.rrow{display:flex;align-items:center;gap:8px;background:#1c130c;border:1px solid var(--line);border-radius:8px;padding:5px 8px}.rn{width:78px;text-align:left;font-weight:700;font-size:13px;flex-shrink:0}.rd{flex:1;display:flex;gap:3px;flex-wrap:wrap}.rc{font-weight:800;color:var(--accent2);min-width:28px;text-align:right}.dim{color:var(--dim);font-size:12px}.note{font-size:11px;color:var(--dim)}