:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#edf2ff;background:#101827;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,PingFang SC,Noto Sans SC,sans-serif}*{box-sizing:border-box}body{background:#101827;min-width:320px;margin:0}button,input{font:inherit}button{min-height:42px;color:inherit;cursor:pointer;background:#1c2940;border:1px solid #40506e;border-radius:6px;padding:.55rem .85rem}button:hover:not(:disabled){background:#263955;border-color:#89b4ff}button:disabled{opacity:.45;cursor:not-allowed}input{width:100%;color:inherit;background:#0d1627;border:1px solid #40506e;border-radius:6px;padding:.7rem .8rem}input:focus{outline-offset:1px;outline:2px solid #7ca8fb}label{color:#c9d5ec;gap:.4rem;font-size:.88rem;display:grid}.app-shell{width:min(100%,720px);min-height:100vh;padding:max(1rem, env(safe-area-inset-top)) 1rem calc(1.5rem + env(safe-area-inset-bottom));margin:0 auto}.topbar{justify-content:space-between;align-items:center;min-height:48px;margin-bottom:1.2rem;display:flex}.brand{letter-spacing:.03em;background:0 0;border:0;padding:0;font-size:1.1rem;font-weight:800}.connection,.tag,.sequence{color:#b9cae6;font-size:.76rem}.connection{color:#72d5a5}.page{gap:.9rem;display:grid}.intro{padding-top:9vh}.heading{margin-bottom:.5rem}.heading h1,.room-summary h1{margin:.15rem 0 .45rem;font-size:clamp(1.8rem,7vw,2.6rem);line-height:1.1}.heading p{color:#b9cae6;margin:0;line-height:1.6}.eyebrow{color:#91b7ff;letter-spacing:.12em;margin:0;font-size:.72rem;font-weight:700}.panel{background:#17243a;border:1px solid #334461;border-radius:7px;padding:1rem}.stack{gap:.75rem;display:grid}.row,.section-title,.room-summary,.player,.deck-row,.reveal-row,.share-link{align-items:center;gap:.65rem;display:flex}.section-title,.room-summary{justify-content:space-between}.section-title span{color:#b9cae6;text-align:right;font-size:.8rem}.grow{flex:1}.wide{width:100%}.primary{color:#07101f;background:#5689ed;border-color:#8eaeff;font-weight:750}.primary:hover:not(:disabled){background:#78a5ff}.secondary{background:#21314b}.icon-command{min-width:42px;padding:.4rem .6rem;font-size:.78rem}.text-command{color:#bac9e3;background:0 0;border:0;text-decoration:underline}.roles{flex-wrap:wrap;gap:.4rem;display:flex}.role-token,.tag{background:#22324c;border:1px solid #40516e;border-radius:4px;padding:.26rem .45rem;font-size:.78rem}.compact{max-height:5.8rem;overflow:auto}.notice{color:#d3dcf0;background:#202c42;border:1px solid #616e86;border-radius:6px;margin:0;padding:.75rem .85rem}.error{color:#ffd0d9;background:#3c2030;border-color:#b85f75}.room-summary{margin:.2rem 0}.room-name{margin:.15rem 0 0;font-size:1.05rem}.recommended summary{color:#c9d5ec;cursor:pointer;padding:.3rem 0}.recommended[open] summary{margin-bottom:.5rem}.player-list{gap:.5rem;display:grid}.player{justify-content:flex-start;min-height:30px}.player-name{flex:1}.drag-handle{color:#8b9bb8;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;padding:0 .3rem}.player.dragging{opacity:.55}.player.self{background:#1f3350;border-radius:5px;margin:0 -.4rem;padding:.25rem .4rem}.player.self span:first-child{color:#eaf1ff;font-weight:700}.tag.you{color:#a9c8ff;background:#1d2c46;border-color:#4f6ea3}.host{color:#f5d48a;background:#352a18;border-color:#7d6331}.remove{color:#ffb9c5;background:0 0;border-color:#754052;min-height:30px;padding:.25rem .5rem;font-size:.75rem}.share-link{background:#0d1627;border-radius:5px;align-items:flex-start;padding:.65rem}.invite{justify-items:center;gap:.75rem;display:grid}.qr{background:#fff;border-radius:6px;place-items:center;padding:.55rem;display:grid}.share-link a{color:#9fc0ff;overflow-wrap:anywhere;flex:1;min-width:0;font-size:.82rem}.deck-editor{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.45rem;display:grid}.deck-row{border-bottom:1px solid #2f405c;justify-content:space-between;padding:.45rem .15rem}.count-button{min-width:42px;font-weight:700}.count-button.on{background:#2b4770;border-color:#8baeff}.deal-panel{text-align:center}.deal-role{font-size:1.35rem}.night-clock{background:#202d4a;justify-content:space-between;align-items:center;display:flex}.night-clock h2{margin:.2rem 0 0}.night-clock>strong{color:#9fbfff;font-size:1.8rem}.op-label{color:#a9bfe6;margin-left:.5rem;font-size:.8rem;font-weight:500}.next-step{color:#8b9bb8;opacity:.65;margin:.4rem 0 0;font-size:.82rem}.muted{color:#b9cae6}.choice-grid{grid-template-columns:repeat(auto-fit,minmax(132px,1fr));gap:.55rem;display:grid}.choice{text-align:left;background:#1e2d46}.choice.selected{background:#2b4770;border-color:#8baeff;box-shadow:inset 0 0 0 1px #8baeff}.tag.wolf{color:#ffc3d0;background:#402131;border-color:#984a61}.tag.tanner{color:#ffdca8;background:#3a2c12;border-color:#8a6a2f}.tag.win{color:#9ff0c4;background:#143527;border-color:#3f7d5c}.tag.lose{color:#c9d5ec;background:#22324c;border-color:#4a5a78}.tag.dead{color:#ffc3d0;background:#402131;border-color:#984a61}.tag.lone{color:#ffd9a0;vertical-align:middle;background:#3a2c12;border-color:#8a6a2f;margin-left:.4rem;font-size:.62rem}.reveal-row .tag{margin-left:.35rem}.reveal-row{border-bottom:1px solid #31435f;justify-content:space-between;align-items:flex-start;padding:.55rem 0;font-size:.88rem}.reveal-row span{text-align:right;color:#c1cce1}.vote-group{border-bottom:1px solid #2f405c;padding:.5rem 0}.vote-group:last-of-type{border-bottom:0}.vote-group.killed{background:#984a6129;border-radius:5px;margin:0 -.4rem;padding:.5rem .4rem}.vote-head{align-items:center;gap:.5rem;display:flex}.vote-head strong{flex:1}.vote-group p{margin:.3rem 0 0;font-size:.84rem}@media (width>=700px){.app-shell{padding-top:1.5rem}.intro{padding-top:14vh}}