:root{--bg:#10131a;--panel:#1a1f2b;--line:#2a3040;--text:#e6e9f0;--dim:#8b93a7;--accent:gold;--you:#4cd964;--danger:#ff5252}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font:14px/1.4 system-ui,sans-serif}#root{height:100vh}.center{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:100%;padding:24px;display:flex}.err,pre{color:var(--danger);white-space:pre-wrap;max-width:90vw}.lobby{flex-direction:column;gap:10px;width:min(420px,92vw);display:flex}.row{flex-wrap:wrap;gap:6px;display:flex}input{background:var(--panel);border:1px solid var(--line);color:var(--text);border-radius:6px;flex:1;min-width:90px;padding:8px}button{background:var(--panel);border:1px solid var(--line);color:var(--text);cursor:pointer;border-radius:6px;padding:8px 12px}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{opacity:.4;cursor:default}.board{flex-direction:column;gap:8px;height:100%;padding:10px;display:flex}.strip{background:var(--panel);border:1px solid var(--line);border-radius:8px;align-items:center;gap:12px;padding:6px 10px;display:flex}.strip .who{font-weight:700}.strip .merit{color:var(--accent)}.strip .bank{margin-left:auto}.foe-active,.my-active{justify-content:center;display:flex}.mid .turnbar{background:var(--panel);border:1px solid var(--line);border-radius:8px;justify-content:space-between;align-items:center;padding:6px 12px;display:flex}.turnbar .you{color:var(--you);font-weight:700}.beast{background:var(--panel);border:1px solid var(--line);text-align:center;cursor:pointer;border-radius:10px;width:150px;padding:10px}.beast.sel{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent) inset}.beast-name{margin-bottom:4px;font-weight:600}.beast-hp{color:var(--dim)}.beast-qi{justify-content:center;gap:3px;margin-top:6px;display:flex}.qi{color:#000;background:#999;border-radius:50%;width:18px;height:18px;font-size:11px;line-height:18px}.qi.Wood{background:#4caf50}.qi.Flame{background:#ff5722}.qi.Water{background:#2196f3}.qi.Thunder{background:#ffc107}.qi.Soul{background:#9c27b0}.qi.Martial{background:#b5651d}.qi.Shadow{background:#555}.qi.Metal{background:#90a4ae}.qi.Dragon{background:#7e57c2}.qi.Mortal{background:#cfd8dc}.afflict{color:var(--danger);margin-top:4px;font-size:12px}.empty{color:var(--dim);padding:20px;font-style:italic}.reserve{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.qipool{justify-content:center;gap:14px;display:flex}.qipool .dim{color:var(--dim)}.actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin-top:auto;display:flex}.concede{border-color:var(--danger);color:var(--danger);align-self:center}.log{background:var(--panel);border:1px solid var(--line);color:var(--dim);border-radius:8px;max-height:96px;padding:6px 10px;font-size:12px;overflow:auto}.setup{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:100%;padding:20px;display:flex}.hand-row{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.hand-row button.active-pick{border-color:var(--you)}.hand-row button.res-pick{border-color:var(--accent)}.confirm{font-weight:700}.ended{flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.ended h1{margin:0;font-size:48px}