:root{--ground:#0d1017;--panel:#151a24;--raised:#1e2533;--rule:#283043;--rule-strong:#3b4661;--ink:#eef1f7;--ink-2:#aab4cc;--ink-3:#7c88a6;--azure:#2a5fc9;--azure-ink:#8fb2ff;--azure-wash:#142443;--gules:#c2352d;--gules-ink:#ff8a7f;--gules-wash:#3a1719;--or:#e8b42c;--or-ink:#f3c95a;--on-or:#17130a;--mark-vert:#3d9a5b;--mark-tawny:#94613d;--mark-tenne:#d0662a;--mark-teal:#2a9d97;--mark-murrey:#c85a8e;--radius:4px;--tap:52px;--font:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:var(--ground);color:var(--ink);font:400 1rem/1.45 var(--font);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}*,:before,:after{box-sizing:border-box}body{overscroll-behavior-y:none;min-height:100dvh;margin:0}h1,h2,h3,h4,p{margin:0}h1{letter-spacing:-.01em;text-wrap:balance;font-size:1.375rem;font-weight:750;line-height:1.2}::selection{background:var(--azure);color:var(--ink)}:focus-visible{outline:2px solid var(--or);outline-offset:2px}*{scrollbar-width:thin;scrollbar-color:var(--rule-strong) transparent}button,input,select{font:inherit;color:inherit}button{cursor:pointer;touch-action:manipulation}button:disabled{cursor:default}.icon{fill:none;stroke:currentColor;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;flex:none}.mark{flex:none;display:block}.screen{flex-direction:column;min-height:100dvh;display:flex;overflow-x:clip}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.top{z-index:2;min-height:52px;padding:env(safe-area-inset-top) max(.5rem, env(safe-area-inset-right), calc((100% - 560px) / 2 + .5rem)) 0 max(1rem, env(safe-area-inset-left), calc((100% - 560px) / 2 + 1rem));background:var(--ground);border-bottom:1px solid var(--rule);align-items:center;gap:.75rem;display:flex;position:sticky;top:0}.top-actions{flex:none;align-items:center;gap:.25rem;margin-left:auto;display:flex}.middle{flex-direction:column;flex:1;gap:1.5rem;width:100%;max-width:560px;margin:0 auto;padding:1rem 1rem 1.5rem;display:flex}.middle.center{text-align:center;justify-content:center;gap:1rem}.tray{z-index:2;width:100%;max-width:560px;padding:.75rem max(1rem, env(safe-area-inset-right)) calc(.75rem + env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));background:var(--ground);border-top:1px solid var(--rule);flex-direction:column;gap:.5rem;margin:0 auto;display:flex;position:sticky;bottom:0}.stack{flex-direction:column;gap:.75rem;display:flex}.grow{flex:1;min-width:0}.label{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2);font-size:.75rem;font-weight:700}section>.label,.seats-head{margin-bottom:.5rem}.muted{color:var(--ink-2)}.small{font-size:.8125rem}.hint{color:var(--ink-2);margin-top:.5rem;font-size:.875rem}.error{color:var(--gules-ink)}.you{color:var(--ink-3);margin-left:.4rem;font-size:.75rem}.code-lg{letter-spacing:.18em;font-variant-numeric:tabular-nums;font-size:2.75rem;font-weight:800;line-height:1}.code-sm{letter-spacing:.16em;font-weight:750}.plate{border-radius:var(--radius);background:var(--or);width:100%;min-height:56px;color:var(--on-or);letter-spacing:.01em;border:0;padding:.75rem 1rem;font-size:1.0625rem;font-weight:750;transition:background-color .16s ease-out,transform .12s ease-out}.plate:active:not(:disabled){background:var(--or-ink);transform:translateY(1px)}.plate:disabled{background:var(--raised);color:var(--ink-3)}.plate.evil:not(:disabled){background:var(--gules);color:var(--ink)}.btn{border:1px solid var(--rule-strong);border-radius:var(--radius);background:var(--panel);justify-content:center;align-items:center;gap:.5rem;min-height:48px;padding:.5rem 1rem;font-weight:600;transition:background-color .16s ease-out,border-color .16s ease-out;display:inline-flex}.btn:active:not(:disabled){background:var(--raised)}.btn:disabled{color:var(--ink-3);border-color:var(--rule)}.btn.small{min-height:44px;padding:.25rem .75rem;font-size:.875rem}.btn.ghost{color:var(--ink-2);background:0 0;border-color:#0000}.btn.ghost[aria-pressed=true]{color:var(--ink);border-color:var(--rule-strong)}.btn.danger{color:var(--gules-ink)}.btn.danger.armed{background:var(--gules);border-color:var(--gules);color:var(--ink)}.btnrow{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.iconbtn{border-radius:var(--radius);width:44px;height:44px;color:var(--ink-2);background:0 0;border:0;place-items:center;display:inline-grid}.iconbtn:active{background:var(--raised)}.field{flex-direction:column;gap:.375rem;display:flex}.field>span{color:var(--ink-2);font-size:.875rem;font-weight:600}input:not([type]),input[type=text],select{border:1px solid var(--rule-strong);border-radius:var(--radius);background:var(--panel);width:100%;min-height:52px;caret-color:var(--or);padding:.5rem .875rem;font-size:1.0625rem}input::placeholder{color:var(--ink-3)}input:focus,select:focus{border-color:var(--or);outline:none}.code-input{text-transform:uppercase;letter-spacing:.3em;font-weight:700}.joinrow{align-items:flex-end;gap:.5rem;display:flex}.joinrow .btn{min-height:52px}.toggle{border-bottom:1px solid var(--rule);cursor:pointer;align-items:flex-start;gap:.75rem;padding:.75rem 0;display:flex}.toggle.readonly{cursor:default}.toggle input{-webkit-appearance:none;appearance:none;border:1.5px solid var(--rule-strong);background:var(--panel) center / 16px no-repeat;width:22px;height:22px;cursor:inherit;border-radius:3px;flex:none;margin:.1rem 0 0}.toggle input:checked{border-color:var(--or);background-color:var(--or);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2317130a' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5 9.5 17 19 7'/%3E%3C/svg%3E")}.toggle>span{flex-direction:column;gap:.125rem;display:flex}.toggle .muted{font-size:.875rem}.options{border-top:1px solid var(--rule)}.side{letter-spacing:.08em;text-transform:uppercase;margin-left:.5rem;font-size:.6875rem;font-weight:700}.side.good{color:var(--azure-ink)}.side.evil{color:var(--gules-ink)}.seats,.plain{margin:0;padding:0;list-style:none}.seats{border-top:1px solid var(--rule)}.row{width:100%;min-height:var(--tap);border:0;border-bottom:1px solid var(--rule);text-align:left;background:0 0;align-items:center;gap:.625rem;padding:.375rem .25rem;display:flex}button.row:disabled{color:inherit}button.row.link{justify-content:space-between}.seatno{width:1.25rem;color:var(--ink-3);font-variant-numeric:tabular-nums;text-align:right;font-size:.8125rem}.seatname{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.seats-head{justify-content:space-between;align-items:center;gap:.5rem;min-height:36px;display:flex}.seats-head .label{margin:0}.row.pick{padding-inline-start:.5rem;padding-inline-end:.5rem;transition:background-color .14s ease-out,color .14s ease-out}.row.pick:disabled{color:var(--ink-3)}.row.pick.chosen{background:var(--or);color:var(--on-or)}.row.pick.chosen .you,.row.pick.chosen .tag,.row.pick.chosen .away,.row.pick.chosen .crown,.row.pick.chosen .status,.row.pick.chosen .vote.no,.row.pick.chosen .vote.yes{color:var(--on-or);border-color:currentColor}.seat-tags{flex-wrap:wrap;flex:0 auto;justify-content:flex-end;align-items:center;gap:.375rem;max-width:62%;display:flex}.seat-tags:empty{display:none}button.row:active:not(:disabled),.cheque:active,.reveal:active{background:var(--raised)}.row.pick.chosen:active{background:var(--or-ink)}@media (hover:hover){.btn:hover:not(:disabled),button.row:hover:not(:disabled):not(.chosen),.cheque:hover,.iconbtn:hover{background:var(--raised)}.plate:hover:not(:disabled){background:var(--or-ink)}}.tag{border:1px solid var(--rule-strong);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);border-radius:3px;flex:none;padding:.0625rem .375rem;font-size:.6875rem;font-weight:700}.tag.good{color:var(--azure-ink);border-color:var(--azure)}.tag.evil{color:var(--gules-ink);border-color:var(--gules)}.status{color:var(--ink-2);flex:none;font-size:.8125rem}.vote{border:1px solid var(--rule-strong);letter-spacing:.06em;text-transform:uppercase;border-radius:3px;flex:none;align-items:center;gap:.2rem;padding:.0625rem .375rem .0625rem .25rem;font-size:.6875rem;font-weight:700;display:inline-flex}.vote .icon{stroke-width:2.5px}.vote.yes{color:var(--ink);border-color:var(--ink-2)}.vote.no{color:var(--ink-2)}.crown{color:var(--or);display:inline-flex}.away{color:var(--ink-3);flex:none;align-items:center;gap:.25rem;font-size:.8125rem;display:inline-flex}.name{align-items:center;gap:.4rem;display:inline-flex}.cheque{border:1px solid var(--rule-strong);border-radius:var(--radius);background:var(--panel);grid-template-columns:repeat(5,1fr);width:100%;padding:0;display:grid;overflow:hidden}.cell{border-right:1px solid var(--rule-strong);color:var(--ink-3);flex-direction:column;align-items:center;gap:.25rem;padding:.5rem .125rem;display:flex;position:relative}.cell:last-child{border-right:0}.cell .qn{font-variant-numeric:tabular-nums;font-size:.75rem;font-weight:700}.cell .cap{letter-spacing:.03em;text-align:center;text-transform:uppercase;font-size:.625rem;font-weight:600;line-height:1.15}.cell>*{position:relative}.tally{stroke:currentColor;stroke-width:2px;stroke-linecap:round}.tally .strike{stroke-width:2.25px}.cell.now{color:var(--ink);box-shadow:inset 0 0 0 2px var(--or)}.cell.now .qn{color:var(--or-ink)}.cell.won,.cell.lost{color:var(--ink)}.cell.won:before,.cell.lost:before{content:"";transform-origin:bottom;animation:.42s cubic-bezier(.16,1,.3,1) both flood;position:absolute;top:0;bottom:0;left:0;right:0}.cell.won:before{background:var(--azure)}.cell.lost:before{background:var(--gules)}@keyframes flood{0%{transform:scaleY(0)}}.rejections{align-items:center;gap:.625rem;margin-top:-.75rem;display:flex}.rejections .label{font-size:.6875rem}.notches{gap:4px;display:flex}.notch{border:1px solid var(--rule-strong);border-radius:1px;width:16px;height:8px}.notch.last{border-color:var(--gules)}.notch.on{background:var(--gules);border-color:var(--gules)}.phase{flex-direction:column;gap:.375rem;display:flex}.phase p{color:var(--ink-2);text-wrap:pretty}.verdict{border-radius:var(--radius);flex-direction:column;gap:.375rem;padding:1.25rem 1rem;display:flex}.verdict h1{font-size:1.625rem}.verdict h3{font-size:1.125rem;line-height:1.25}.verdict.small{margin-bottom:.5rem;padding:.875rem 1rem}.verdict.good{background:var(--azure)}.verdict.evil{background:var(--gules)}.band{border:1px solid var(--rule-strong);border-radius:var(--radius);background:var(--panel);flex-wrap:wrap;align-items:center;gap:.5rem .75rem;padding:.75rem .875rem;animation:.22s ease-out both lit;display:flex}.band p,.band>span[role=status]{flex:14rem;font-weight:600}button.band{text-align:left;width:100%;color:var(--ink)}.band-hint{color:var(--ink-2);font-size:.8125rem}.band .secret{flex-basis:100%;font-size:1.125rem}.band.good{background:var(--azure-wash);border-color:var(--azure)}.band.evil{background:var(--gules-wash);border-color:var(--gules)}.band.warn{border-color:var(--or)}@keyframes lit{0%{opacity:0;transform:translateY(-4px)}}.pair{grid-template-columns:1fr 1fr;gap:.625rem;display:grid}.token{border-radius:var(--radius);letter-spacing:.02em;border:1.5px solid #0000;justify-content:center;align-items:center;gap:.5rem;min-height:64px;font-size:1.125rem;font-weight:800;transition:transform .12s ease-out,filter .12s ease-out;display:inline-flex}.token:active:not(:disabled){filter:brightness(1.1);transform:translateY(1px)}.token.approve,.token.reject{background:var(--panel);border-color:var(--ink-2);color:var(--ink)}.token.success{background:var(--azure);color:var(--ink)}.token.fail{background:var(--gules);color:var(--ink)}.token:disabled{background:var(--panel);border-color:var(--rule);color:var(--ink-3)}.waiting{min-height:56px;color:var(--ink-2);align-items:center;gap:.5rem;display:flex}.chosen-line{justify-content:space-between;align-items:center;gap:.5rem;min-height:56px;display:flex}.chosen-line p{color:var(--ink-2)}.chosen-line .btn{white-space:nowrap;flex:none}.tray-row{grid-template-columns:auto 1fr;align-items:center;gap:.5rem;display:grid}.tray-row .btn{min-height:56px}.chosen-line strong{color:var(--ink)}.tray-note{color:var(--ink-2);text-align:center;font-size:.875rem}.linkmark{text-overflow:ellipsis;border:1px solid var(--rule-strong);min-width:0;color:var(--ink-2);white-space:nowrap;border-radius:999px;align-items:center;gap:.375rem;padding:.1875rem .5rem;font-size:.8125rem;font-weight:600;display:inline-flex;overflow:hidden}.linktext{text-overflow:ellipsis;min-width:0;overflow:hidden}.linkmark.offline{background:var(--raised);color:var(--ink)}.spinner{border:2px solid var(--rule-strong);border-top-color:var(--ink);border-radius:50%;width:12px;height:12px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.notices{flex-direction:column;gap:.5rem;display:flex}.notice{border:1px solid var(--or);border-radius:var(--radius);background:var(--panel);align-items:center;gap:.5rem;padding:.25rem .25rem .25rem .875rem;display:flex}.notice span{flex:1}.sheet{border:1px solid var(--rule-strong);background:var(--panel);width:100%;max-width:560px;max-height:88dvh;color:var(--ink);overscroll-behavior:contain;border-bottom:0;border-radius:8px 8px 0 0;margin:0 auto;padding:0;position:fixed;top:auto;bottom:0;left:0;right:0;overflow:auto}.sheet[open]{animation:.22s cubic-bezier(.16,1,.3,1) rise}.sheet::backdrop{background:#05070cbd}@keyframes rise{0%{opacity:0;transform:translateY(24px)}}.sheet-body{padding:.5rem 1rem calc(1.25rem + env(safe-area-inset-bottom));flex-direction:column;gap:1rem;display:flex}.sheet-head{justify-content:space-between;align-items:center;min-height:48px;display:flex}.sheet-head h2{font-size:1.125rem}.reveal{border:1.5px dashed var(--rule-strong);border-radius:var(--radius);background:var(--ground);min-height:200px;color:var(--ink);flex-direction:column;justify-content:center;align-items:center;gap:.5rem;display:flex}.reveal span{color:var(--ink-2)}.rolecard{flex-direction:column;gap:1rem;display:flex}.rolecard .plain li{padding:.375rem 0}.role-field{border-radius:var(--radius);padding:1.25rem 1rem}.role-field.good{background:var(--azure)}.role-field.evil{background:var(--gules)}.role-field .label{color:var(--ink);opacity:.9}.role-field h3{letter-spacing:-.01em;margin-top:.25rem;font-size:2rem;font-weight:800;line-height:1.1}.history{flex-direction:column;gap:1.25rem;display:flex}.history h3{border-bottom:1px solid var(--rule);align-items:center;gap:.5rem;padding-bottom:.375rem;font-size:1rem;display:flex}.proposal{border-bottom:1px solid var(--rule);padding:.5rem 0}.proposal .muted{margin-top:.125rem;font-size:.875rem}.masthead{flex-direction:column;gap:.625rem;display:flex}.title-row{align-items:center;gap:.75rem;display:flex}.emblem{flex:none}.masthead h1{letter-spacing:-.03em;font-size:3rem;font-weight:800;line-height:1}.lede{color:var(--ink-2);max-width:34ch;font-size:1.0625rem}.recent .row{color:var(--ink)}.lobby-head{flex-direction:column;gap:.5rem;display:flex}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.spinner{border-top-color:var(--ink-2)}}.middle.wide{max-width:760px}.explore{flex-direction:column;gap:.75rem;display:flex}.explore>.label{margin:0}.search{border:1px solid var(--rule-strong);border-radius:var(--radius);background:var(--panel);min-height:52px;color:var(--ink-2);align-items:center;gap:.5rem;padding:0 .875rem;display:flex}.search:focus-within{border-color:var(--or)}.search input{min-width:0;min-height:50px;caret-color:var(--or);background:0 0;border:0;outline:none;flex:1;padding:0;font-size:1.0625rem}.chips{scrollbar-width:none;gap:.375rem;padding-bottom:.125rem;display:flex;overflow-x:auto}.chip{border:1px solid var(--rule-strong);min-width:44px;min-height:44px;color:var(--ink-2);font-variant-numeric:tabular-nums;background:0 0;border-radius:999px;flex:none;padding:0 .875rem;font-weight:600}.chip[aria-pressed=true]{border-color:var(--or);color:var(--or-ink);box-shadow:inset 0 0 0 1px var(--or)}.chip:disabled{color:var(--ink-3);border-color:var(--rule)}.chip:disabled[aria-pressed=true]{color:var(--or-ink);border-color:var(--or)}.grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.gamecard{border:1px solid var(--rule-strong);border-radius:var(--radius);background:var(--panel);width:100%;height:100%;color:var(--ink);text-align:left;align-items:flex-start;gap:.875rem;padding:1rem;text-decoration:none;transition:background-color .16s ease-out,border-color .16s ease-out;display:flex}.gamecard:active:not(:disabled){background:var(--raised)}.gamecard[aria-current=true]{border-color:var(--or)}.gamecard:disabled{color:var(--ink-3)}.gamecard-body{flex-direction:column;gap:.25rem;min-width:0;display:flex}.gamecard-name{font-size:1.125rem;font-weight:750;line-height:1.25}.gamecard-meta{color:var(--ink-2);font-variant-numeric:tabular-nums;font-size:.8125rem}.gamecard-blurb{color:var(--ink-2);font-size:.875rem}.gamecard-tags{flex-wrap:wrap;gap:.375rem;margin-top:.375rem;display:flex}.empty{color:var(--ink-2);flex-direction:column;align-items:flex-start;gap:.75rem;padding:1rem 0;display:flex}.back{min-height:44px;color:var(--ink-2);align-items:center;gap:.25rem;font-weight:600;text-decoration:none;display:inline-flex}a.row{color:var(--ink);text-decoration:none}.about{max-width:65ch;color:var(--ink-2);flex-direction:column;gap:.75rem;display:flex}.game-row{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);align-items:center;gap:.75rem;padding:.75rem 0;display:flex}.game-row .grow{flex-direction:column;display:flex}.label.spaced{margin-top:1.25rem}.btn.plain.armed{border-color:var(--or);color:var(--or-ink)}@media (hover:hover){.gamecard:hover:not(:disabled){background:var(--raised)}.chip:hover:not(:disabled){color:var(--ink)}}:root{--purpure:#7a4fc4;--purpure-ink:#c9adff}.tag.tanner{color:var(--purpure-ink);border-color:var(--purpure)}.side.tanner{color:var(--purpure-ink)}.verdict.tanner,.role-field.tanner{background:var(--purpure)}.toggle>.stepper{flex-direction:row;flex:none;align-items:center;margin:-.625rem 0 -.625rem -.625rem;display:inline-flex}.stepper .count{text-align:center;font-variant-numeric:tabular-nums;min-width:1.25rem;font-weight:700}.night-panel{flex-direction:column;gap:1rem;display:flex}.cards3{grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid}.facedown{border:1.5px solid var(--rule-strong);border-radius:var(--radius);background:var(--panel);min-height:96px;color:var(--ink-2);font-variant-numeric:tabular-nums;font-size:1.375rem;font-weight:800}.facedown[aria-pressed=true]{border-color:var(--or);background:var(--or);color:var(--on-or)}.faceup{border:1px solid var(--rule-strong);border-radius:var(--radius);flex-direction:column;align-items:center;gap:.375rem;padding:.75rem .25rem;display:flex}.was{color:var(--ink-3);flex:none;font-size:.75rem}.day-head{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.countdown{font-variant-numeric:tabular-nums;font-size:1.625rem;font-weight:800}.countdown.done{color:var(--or-ink);font-size:1.125rem}.clues li,.nightlog li{border-bottom:1px solid var(--rule);padding:.375rem 0}.nightlog li{color:var(--ink-2)}