:root{color-scheme:dark;font:16px/1.5 system-ui,sans-serif;background:#141c20;color:#f1e4cc}*{box-sizing:border-box}body{margin:0}header{padding:22px 5%;display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid #394245}.brand{font-weight:800;letter-spacing:.14em}.badge,.muted{color:#b3b8ae;font-size:13px}main{max-width:1000px;margin:auto;padding:24px}h1{font:600 clamp(25px,5vw,46px)/1.12 Georgia,serif;margin:18px 0}h2{font-size:17px;margin-top:24px}p{max-width:550px}button,input{font:inherit;border-radius:10px;padding:12px 16px;border:1px solid #62695e}button{cursor:pointer;background:#c59a53;color:#171e1f;font-weight:650;min-height:46px}button:disabled{opacity:.45;cursor:wait}input{background:#202b30;color:#fff;max-width:200px;text-transform:uppercase}button:focus-visible,input:focus-visible{outline:3px solid #f5da7e;outline-offset:3px}.join,.roomline,.foot{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:20px 0}.roomline h1{font-size:26px}.players{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}.player{background:#243037;border:1px solid #465258;border-radius:12px;padding:12px}.player.active{border:2px solid #e6b469}.player.dead{opacity:.55}.cards{display:flex;gap:10px;overflow-x:auto;padding:5px 2px 15px}.card{min-width:130px;max-width:170px;min-height:120px;white-space:normal;background:#e7d8b7;color:#202624;text-align:left;font-size:14px}.card.picked{outline:3px solid #eea63f}.card small{display:block;font-weight:400;margin-top:7px}#status{font-size:19px;padding:18px 0}#actions{display:flex;gap:8px;flex-wrap:wrap}#actions button{background:#344b4e;color:#f8ecd5;border-color:#567174}#connection{font-size:13px;color:#a7b9ab}#error{color:#ffb8a6;white-space:pre-line}#events{font:13px/1.6 monospace;overflow-wrap:anywhere}details{margin:24px 0}.foot button{font-size:13px;background:transparent;color:#d8d2c4}#rolebox{margin:18px 0}#role{margin-left:12px}#selection{color:#e9c68a}[hidden]{display:none!important}