:root{--bg: #0c0f16;--panel: #161b27;--line: #28324a;--ink: #eaf0fb;--dim: #93a3c4;--accent: #6d7bff;--accent2: #9aa6ff;--danger: #ef5d6d;--die: #f4f1ff;--wild: #ffd166;--eye: #ff8a5c}*{box-sizing:border-box}html,body{margin:0;height:100%}body{background:radial-gradient(1100px 640px at 50% -12%,#1b2236,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:26px;letter-spacing:4px;font-weight:800;color:var(--accent2);text-shadow:0 2px 0 #00000066}.sub{margin:3px 0 0;color:var(--dim);font-size:13px}.sub b{color:var(--eye)}.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:#0b0e16}.campaign{font-size:12px;color:var(--dim);background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:6px 12px;font-weight:700}.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:#0b0e16;border-color:var(--accent)}.btn.danger{background:var(--danger);color:#1a0606;border-color:var(--danger)}.btn.wide{width:100%}.reader{background:linear-gradient(180deg,#1a2030,var(--panel));border:1px solid var(--line);border-radius:12px;padding:10px 12px;margin:8px 0}.readhead{display:flex;align-items:center;gap:8px}.reye{font-size:16px;filter:drop-shadow(0 0 4px var(--eye))}.rtitle{font-weight:700;font-size:13px;flex:1}.rconf{font-size:11px;color:var(--dim);background:#0e1320;border:1px solid var(--line);border-radius:999px;padding:2px 8px}.meter{position:relative;height:16px;background:#0e1320;border:1px solid var(--line);border-radius:999px;overflow:hidden;margin:8px 0 4px}.meter .fill{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,#4cc28a,var(--wild) 55%,var(--danger));transition:width .35s ease}.meter .mlabel{position:absolute;right:8px;top:0;line-height:16px;font-size:11px;font-weight:800;color:#0b0e16;mix-blend-mode:difference}.rcaption{font-size:11px;color:var(--dim)}.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;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 #00000080}.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:#1c2436;box-shadow:none}.die.wild{background:linear-gradient(135deg,#fff3d6,var(--wild))}.die .pip{position:absolute;width:9px;height:9px;border-radius:50%;background:#1a1326;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:#0e1320;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:#0b0e16;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:#0e1320;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 #1d2435}.log .line:last-child{border-bottom:none}.overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#04060cd1;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:390px;width:100%}.modal h2{margin:0 0 6px;font-size:23px;color:var(--accent2)}.modal .big{font-size:38px;margin:4px 0}.modal p{margin:6px 0;color:var(--dim);font-size:14px}.modal .campnote b{color:var(--accent2)}.modal .claim b{color:var(--ink)}.verdict{font-weight:800;font-size:15px}.verdict.true{color:#62c98a}.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:#0e1320;border:1px solid var(--line);border-radius:8px;padding:5px 8px}.rn{width:86px;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)}