:root{color-scheme:dark;--bg: #0a0b10;--bg-2: #12141c;--bg-3: #1a1e2b;--ink: #f4ecdc;--muted: #a89f8d;--line: rgba(244, 236, 220, .1);--gold: #d7b36a;--gold-2: #f0d48a;--danger: #d45b4a;--townsfolk: #5b93ff;--outsider: #5ee0d8;--minion: #e07a3a;--demon: #d94b4b;--traveller: #b57bff;--fabled: #d7b36a;--loric: #7ad07a;--shadow: 0 22px 50px rgba(0, 0, 0, .4);--font: "Source Sans 3", system-ui, sans-serif;--display: "Fraunces", Georgia, serif;--nav: 4.8rem}*{box-sizing:border-box}html,body,#root{height:100%}.access-gate{min-height:100%;display:grid;place-items:center;padding:1.5rem;background:radial-gradient(900px 420px at 0% -10%,rgba(215,179,106,.12),transparent 50%),radial-gradient(700px 400px at 100% 0%,rgba(91,147,255,.1),transparent 45%),var(--bg)}.access-gate__card{width:min(24rem,100%);display:grid;gap:.75rem;padding:1.4rem 1.35rem 1.25rem;border-radius:18px;border:1px solid var(--line);background:#12141ceb;box-shadow:var(--shadow)}.access-gate__eyebrow{margin:0;color:var(--gold);text-transform:uppercase;letter-spacing:.16em;font-size:.68rem}.access-gate__card h1{margin:0;font-family:var(--display);font-size:1.55rem;font-weight:600}.access-gate__card label{display:grid;gap:.35rem;color:var(--muted);font-size:.9rem}.access-gate__card input{width:100%;color:var(--ink);background:var(--bg-2);border:1px solid var(--line);border-radius:10px;padding:.65rem .75rem;font:inherit}.access-gate__error{margin:0;color:var(--danger);font-size:.9rem}html,body{overflow:hidden;overscroll-behavior:none}html.no-zoom,html.no-zoom body,html.no-zoom .dialog-backdrop,html.no-zoom .screen-cover{touch-action:pan-x pan-y}#root{overflow:auto}body{margin:0;font-family:var(--font);color:var(--ink);background:radial-gradient(900px 420px at 0% -10%,rgba(215,179,106,.12),transparent 50%),radial-gradient(700px 380px at 100% 0%,rgba(91,147,255,.08),transparent 46%),var(--bg)}button,input,select,textarea{font:inherit;color:inherit}form{margin:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}button{background:var(--bg-3);border:1px solid var(--line);border-radius:999px;padding:.7rem 1rem;cursor:pointer;touch-action:manipulation}button.primary,.primary-link{display:inline-flex;justify-content:center;align-items:center;background:var(--gold);color:#1a1408;border:0;font-weight:700;text-decoration:none;border-radius:999px;padding:.75rem 1.1rem}button.danger{background:transparent;border-color:#d45b4a8c;color:#ffb4aa}button:disabled,button[aria-disabled=true]{opacity:.38;cursor:not-allowed}h1,h2,h3{font-family:var(--display);font-weight:600;margin:0 0 .35rem}p{margin:0 0 .7rem}a{color:var(--gold-2)}.muted{color:var(--muted)}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.68rem;color:var(--gold);margin:0 0 .15rem}.app-shell{position:fixed;inset:0;overflow:hidden;display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr auto;grid-template-areas:"top" "main" "nav"}.topbar{grid-area:top;display:flex;justify-content:space-between;flex-wrap:wrap;gap:.35rem .8rem;align-items:center;padding:calc(.85rem + env(safe-area-inset-top)) calc(1rem + env(safe-area-inset-right)) .55rem calc(1rem + env(safe-area-inset-left));border-bottom:1px solid var(--line);background:#0a0b10db;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.brand{min-width:0}.brand h1{font-size:1.2rem;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar__actions{display:flex;gap:.45rem;align-items:center;flex-shrink:0}.topbar--guide{align-items:flex-start;flex-wrap:wrap}.topbar--guide .night-helper{flex:1 1 100%;min-width:0}.topbar--guide-min .night-helper{flex:1 1 14rem;min-width:0}.topbar--guide .topbar__actions{margin-left:auto}.kids-help{margin:0;font-size:.78rem;line-height:1.35;color:var(--muted)}.section-head .toggle{justify-self:start}.section-head__tools{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem}.toggle{display:flex;align-items:center;gap:.45rem;background:transparent;border:0;padding:.2rem;font-size:.82rem;color:var(--muted)}.toggle.is-on{color:var(--ink)}.toggle__track{width:2.2rem;height:1.25rem;border-radius:999px;background:#2a3144;position:relative;display:block}.toggle.is-on .toggle__track{background:#3d6a3a}.toggle__knob{position:absolute;top:2px;left:2px;width:1rem;height:1rem;border-radius:50%;background:#f4ecdc;transition:left .16s ease}.toggle.is-on .toggle__knob{left:1rem}.lang{display:flex;background:var(--bg-3);border:1px solid var(--line);border-radius:999px;padding:.12rem}.lang button{border:0;background:transparent;padding:.35rem .55rem;font-size:.75rem;font-weight:700;color:var(--muted)}.lang button.is-active{background:var(--gold);color:#1a1408}.workspace{grid-area:main;min-width:0;min-height:0;padding:1rem calc(1rem + env(safe-area-inset-right)) 1rem calc(1rem + env(safe-area-inset-left));overflow:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.tabbar{grid-area:nav;position:sticky;bottom:0;display:grid;grid-template-columns:repeat(5,1fr);gap:.15rem;padding:.35rem .35rem max(.35rem,calc(env(safe-area-inset-bottom) - 1.6rem));background:#0a0b10f0;border-top:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:5}.tabbar button{display:grid;justify-items:center;gap:.15rem;border:0;background:transparent;border-radius:14px;padding:.45rem .2rem .4rem;font-size:.68rem;color:var(--muted)}.tabbar svg{width:1.25rem;height:1.25rem}.tabbar button.is-active{background:var(--bg-3);color:var(--gold-2)}.stack,.section-head{display:grid;gap:.75rem}.section-head p{margin:0}.setup-steps{display:grid;gap:.65rem}.setup-card{display:grid;grid-template-columns:auto 1fr auto;gap:.9rem;align-items:center;text-align:left;border-radius:20px;padding:.95rem 1rem;background:linear-gradient(180deg,#1b2030,#151924)}.setup-card.is-next{border-color:#d7b36a73;box-shadow:inset 0 0 0 1px #d7b36a33}.setup-card.is-done .setup-card__num{background:#7ad07a2e;color:#b7e7b4}.setup-card.is-next .setup-card__num{background:var(--gold);color:#1a1408}.setup-card__num{width:2.1rem;height:2.1rem;border-radius:50%;display:grid;place-items:center;background:#d7b36a29;color:var(--gold-2);font-family:var(--display);font-size:.95rem}.setup-card__copy{display:grid;gap:.12rem}.setup-card__copy small{color:var(--muted)}.setup-card__edition-logo{width:2.5rem;height:2.5rem;object-fit:contain}.setup-secondary{display:flex;flex-wrap:wrap;gap:.55rem}.edition-grid{display:grid;gap:.6rem}.edition-card{display:flex;align-items:center;gap:.75rem;text-align:left;border-radius:16px;padding:.85rem 1.1rem;font-family:var(--display);font-size:1.05rem}.edition-card__logo{width:2.75rem;height:2.75rem;object-fit:contain;flex:0 0 auto}.edition-card__copy{display:grid;gap:.18rem;min-width:0}.edition-card small,.botc-hit small{color:var(--muted);font-family:inherit;font-size:.78rem;font-weight:500}.edition-card--browse{border-style:dashed}.custom-script{display:grid;gap:.75rem}.custom-script label{display:grid;gap:.35rem;font-size:.92rem}.custom-script input[type=file]{padding:.45rem 0;background:transparent;border:0}.botc-search{display:grid;gap:.55rem}.botc-search>input{width:100%;background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:.65rem .75rem;font-size:16px}.botc-browser{display:flex;flex-direction:column;min-height:0;flex:1;max-height:min(72dvh,680px)}.dialog__body:has(.botc-browser){display:flex;flex-direction:column;overflow:hidden;padding-right:0}.dialog:has(.botc-browser){height:min(88dvh,820px)}.botc-browser__head{flex-shrink:0;display:grid;gap:.55rem}.botc-browser__results{flex:1;min-height:0;overflow:auto;-webkit-overflow-scrolling:touch;margin:0 -.15rem;padding:0 .15rem}.botc-browser__pager{flex-shrink:0;padding-top:.35rem}.botc-search__actions{display:flex;gap:.5rem}.botc-search__actions button{flex:1}.botc-more-toggle.is-on{color:var(--gold-2);border-color:var(--gold);background:#2a2418}.botc-more-panel{display:grid;gap:.7rem;padding:.8rem .85rem;border:1px solid var(--line);border-radius:16px;background:var(--bg)}.botc-more-panel label{display:grid;gap:.35rem;font-size:.88rem;color:var(--muted)}.botc-more-panel input,.botc-more-panel select{width:100%;background:var(--bg-2);border:1px solid var(--line);border-radius:12px;padding:.65rem .75rem;color:inherit}.botc-more-panel select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:calc(100% - 16px) calc(50% - 3px),calc(100% - 11px) calc(50% - 3px);background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:2rem}.botc-filters{display:flex;flex-wrap:wrap;gap:.4rem}.botc-filters button{padding:.32rem .75rem;font-size:.78rem}.botc-filters button.is-on{color:var(--gold-2);border-color:var(--gold);background:#2a2418}.botc-results{display:grid;gap:.5rem}.botc-hit{display:grid;gap:.18rem;text-align:left;border-radius:16px;padding:.85rem 1rem}.botc-hit strong{font-family:var(--display);font-weight:600}.botc-pager{display:flex;align-items:center;justify-content:space-between;gap:.55rem}.botc-pager button{flex:0 0 auto}.botc-pager .muted{text-align:center}.edition-card.is-selected,.role-card.is-selected{background:#2a2418;border-color:var(--gold);box-shadow:inset 0 0 0 1px #d7b36a47}.role-grid{display:grid;gap:.55rem}.role-card{display:flex;flex-direction:column;gap:.12rem;text-align:left;border-radius:18px;padding:.45rem .65rem;background:var(--bg-3);border:1px solid var(--line)}.role-card.is-selectable{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.role-card.is-selectable:focus-visible{outline:2px solid rgba(215,179,106,.7);outline-offset:2px}.role-card__select{display:grid;grid-template-columns:auto 1fr;gap:.65rem;align-items:center;text-align:left;min-width:0;width:100%;background:transparent;border:0;border-radius:0;padding:0;box-shadow:none;pointer-events:none}.role-card__select:disabled{opacity:1;cursor:default}.role-card .character-token,.role-card .character-token *,.role-card .role-icon,.role-card .role-icon *{pointer-events:none}.role-card__text{display:grid;gap:.12rem;min-width:0}.role-card__text strong{display:flex;align-items:center;gap:.4rem}.role-card__ability{display:grid;grid-template-columns:1fr auto;gap:.25rem;align-items:start;min-width:0;margin-left:calc(48px + .65rem)}.role-card__ability-text{color:var(--muted);font-size:.8rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.role-card__ability.is-expanded .role-card__ability-text{display:block;-webkit-line-clamp:unset;overflow:visible}.role-card__more{flex:0 0 auto;width:1.55rem;height:1.55rem;padding:0;border-radius:999px;display:grid;place-items:center;font-size:.72rem;line-height:1;color:var(--gold-2);background:#d7b36a1f;border-color:#d7b36a59;pointer-events:auto;touch-action:manipulation}@media(min-width:521px){.role-card__more{display:none}}.setup-dot{width:.45rem;height:.45rem;border-radius:50%;background:var(--danger);display:inline-block}.picker-toolbar{flex-shrink:0;display:grid;gap:.5rem;padding:.05rem 0 .65rem;background:var(--bg-2);border-bottom:1px solid var(--line)}.picker{display:flex;flex-direction:column;min-height:0;flex:1}.picker-list{display:grid;gap:.8rem;flex:1;min-height:0;overflow:auto;padding:.75rem .1rem .75rem 0}.picker-footer{flex-shrink:0;display:grid;gap:.5rem;padding:.7rem 0 max(.35rem,env(safe-area-inset-bottom));background:var(--bg-2);border-top:1px solid var(--line)}.picker-counts-check,.picker-compact-check{font-size:.88rem;color:var(--muted)}.picker-setup{flex-shrink:0;border-bottom:1px solid var(--line);background:#0a0b108c}.picker-setup summary{cursor:pointer;padding:.55rem .1rem;font-size:.88rem;color:var(--gold-2);list-style:none}.picker-setup summary::-webkit-details-marker{display:none}.picker-setup summary:before{content:"▸ "}.picker-setup[open] summary:before{content:"▾ "}.picker-setup__body{display:grid;gap:.45rem;max-height:min(28dvh,220px);overflow:auto;padding:0 .1rem .65rem;-webkit-overflow-scrolling:touch}.role-grid--compact{grid-template-columns:repeat(auto-fill,minmax(5.2rem,1fr));gap:.5rem .35rem;justify-items:center}.role-card--compact.role-card--tokens{background:transparent;border:0;box-shadow:none;padding:0;gap:.25rem}.role-card--compact.role-card--tokens.is-selected{background:transparent;border-color:transparent;box-shadow:none}.role-card--compact.role-card--tokens.is-selected .role-card__select{background:#d7b36a29;box-shadow:inset 0 0 0 2px var(--gold)}.role-card--compact .role-card__select{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.3rem;padding:.35rem .2rem .45rem;border-radius:16px;background:transparent;pointer-events:none}.role-card--compact .character-token{width:72px}.role-card--compact .role-card__badge{font-size:.68rem;line-height:1.2;max-width:5.5rem}.picker-link{display:flex;justify-content:space-between;gap:.7rem;align-items:center;width:100%;text-align:left;padding:.7rem .8rem;border-radius:14px;background:var(--bg-3)}.picker-link span{color:var(--muted);font-size:.84rem}.picker-link strong{color:var(--gold-2);font-size:.84rem;white-space:nowrap}.player-count,.row-actions,.url-row{display:flex;gap:.7rem;align-items:center}.player-count{background:transparent;padding:0}.player-count span{color:var(--muted);min-width:4.2rem}.player-count strong{min-width:1.5rem;text-align:right;font-family:var(--display);font-size:1.15rem}.player-count input[type=range],.url-row input,textarea,label input:not([type=checkbox]){width:100%;background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:.65rem .75rem}.player-count input[type=range]{-webkit-appearance:none;appearance:none;height:6px;padding:0;border:0;background:#2a3144;border-radius:999px}.player-count input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--gold);border:2px solid #1a1408;box-shadow:0 0 0 1px #d7b36a66}.player-count input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--gold);border:2px solid #1a1408}.count-pills{display:flex;flex-wrap:wrap;gap:.4rem}.pill{display:inline-flex;align-items:center;padding:.28rem .6rem;border-radius:999px;background:var(--bg-3);border:1px solid var(--line);font-size:.78rem;color:var(--muted)}.pill.is-ok{color:#c8ecc6;border-color:#7ad07a59;background:#7ad07a1a}.pill.is-off{color:var(--gold-2);border-color:#d7b36a47}.pill.is-changed{box-shadow:inset 0 0 0 1px #d7b36a59}.setup-note{margin:0;font-size:.86rem}.setup-note strong{margin-right:.25rem}.setup-note--muted{color:var(--muted)}.setup-note--lunatic{color:var(--text)}.setup-note--lunatic strong{color:var(--gold-2)}.setup-or-choice{display:grid;gap:.35rem}.setup-or-choice__options{display:flex;flex-wrap:wrap;gap:.35rem}.setup-or-choice__options button{padding:.35rem .7rem;border-radius:999px;border:1px solid var(--line);background:var(--bg-3);color:var(--text);font-size:.82rem}.setup-or-choice__options button.is-active{border-color:var(--gold);color:var(--gold-2);background:#d7b36a1f}.drunk-picker{display:grid;gap:.75rem}.drunk-choice{width:100%;padding:.7rem .9rem;border-radius:14px}.drunk-choice.is-selected{background:var(--gold);color:#1a1408;border-color:var(--gold)}.dialog-backdrop--nested{z-index:10030}.role-card__badge{font-style:normal;font-size:.72rem;font-weight:700;color:var(--gold-2)}.role-card__copies{display:inline-flex;align-items:center;gap:.35rem;margin-left:calc(48px + .65rem);margin-bottom:.15rem;pointer-events:auto;touch-action:manipulation}.role-card__copy-btn{width:1.7rem;height:1.7rem;border-radius:999px;border:1px solid var(--line);background:var(--bg-2);color:var(--text);font-size:1.05rem;line-height:1;padding:0;display:grid;place-items:center}.role-card__copy-btn:disabled{opacity:.35}.role-card__copy-count{min-width:2rem;text-align:center;font-size:.82rem;font-weight:700;color:var(--gold-2)}textarea{width:100%;resize:vertical}.file-button input{display:none}.file-button{display:inline-flex;justify-content:center;padding:.7rem 1rem;border-radius:999px;background:var(--bg-3);border:1px solid var(--line)}.error{color:#ffb4aa}.draw-reveal{display:grid;justify-items:center;align-content:center;justify-self:center;gap:.85rem;text-align:center;padding:.4rem .2rem calc(.8rem + env(safe-area-inset-bottom))}.draw-reveal h3{margin:0;font-size:clamp(1.6rem,7vw,2.4rem)}.draw-reveal p{margin:0;max-width:28rem;color:var(--muted);font-size:1.02rem;line-height:1.45}.draw-reveal__lunatic-note{color:var(--text)!important;font-size:1.05rem!important}.draw-reveal__lunatic-note strong{color:var(--gold-2)}.draw-reveal label,.draw-reveal .primary{width:min(100%,22rem)}.draw-reveal .primary{min-height:3rem;font-size:1.05rem}.bag-hint{text-align:center}.bag-mode{display:inline-flex;gap:.25rem;padding:.2rem;margin:0 auto .35rem;border-radius:999px;background:#00000047;border:1px solid var(--line)}.bag-mode button{min-width:5.5rem;padding:.45rem .9rem;border-radius:999px;border:0;background:transparent;color:var(--muted);font-size:.88rem;touch-action:manipulation}.bag-mode button.is-active{background:#d7b36a33;color:var(--gold-2);box-shadow:inset 0 0 0 1px #d7b36a73}.setup-draw-mode{width:100%;justify-content:center;margin:.35rem 0 0}.setup-options{display:grid;gap:.45rem;justify-items:start;padding:.15rem 0 0}.setup-options__recycle{font-size:.88rem}.setup-options__select-all{font-size:.85rem;padding:.35rem .7rem;width:fit-content}.setup-options__help{margin:0;max-width:26rem;text-align:left;font-size:.82rem;line-height:1.35}.buffet-draft{display:grid;gap:.65rem;justify-items:center;width:min(100%,28rem);margin:.35rem auto 0}.buffet-draft__turn{margin:0;font-size:1.05rem;color:var(--gold-2);text-align:center}.buffet-draft__pool,.buffet-draft__note{margin:0;text-align:center;font-size:.82rem}.bag-draw--buffet{position:relative;width:min(28rem,100%);padding-top:6.5rem;overflow:visible}.bag-draw__tokens-triple{position:absolute;left:50%;top:.25rem;z-index:6;display:flex;justify-content:center;align-items:flex-start;gap:1.35rem;width:min(100%,26rem);transform:translate(-50%);pointer-events:none}.bag-draw__tokens-triple.is-pickable{pointer-events:auto}.bag-draw__buffet-token{display:grid;gap:.3rem;justify-items:center;width:5.5rem;padding:0;border:0;background:transparent;touch-action:manipulation;-webkit-tap-highlight-color:transparent;pointer-events:none}.bag-draw__tokens-triple.is-pickable .bag-draw__buffet-token{pointer-events:auto}.bag-draw__buffet-token strong{font-size:.78rem;text-align:center;color:var(--gold-2);text-shadow:0 1px 4px rgba(0,0,0,.75);line-height:1.15}.bag-draw__tokens-triple .bag-draw__token{position:relative;left:auto;right:auto;top:auto;width:5.25rem;height:5.25rem;transform:none;flex:0 0 auto}.bag-draw__tokens-triple .bag-draw__token.is-emerging .bag-draw__motion{opacity:0;transform:translate3d(0,7.5rem,0) scale(.55);animation:buffet-token-rise 1.5s cubic-bezier(.22,.61,.36,1) both}.bag-draw__tokens-triple .bag-draw__token.is-emerging .bag-draw__flip{transform:rotateY(180deg) rotateX(-14deg);animation:bag-token-spin 1.5s linear both}.bag-draw__tokens-triple .bag-draw__buffet-token.is-ready .bag-draw__motion{opacity:1;transform:translateZ(0) scale(1);animation:none}.bag-draw__tokens-triple .bag-draw__buffet-token.is-ready .bag-draw__flip{transform:rotateY(0) rotateX(0);animation:none}.bag-draw__tokens-triple .bag-draw__buffet-token.is-ready .bag-draw__sparkles,.bag-draw__tokens-triple .bag-draw__buffet-token.is-ready .bag-draw__rays{display:none}.bag-draw__tokens-triple .bag-draw__buffet-token:nth-child(2) .bag-draw__motion,.bag-draw__tokens-triple .bag-draw__buffet-token:nth-child(2) .bag-draw__flip{animation-delay:.08s}.bag-draw__tokens-triple .bag-draw__buffet-token:nth-child(3) .bag-draw__motion,.bag-draw__tokens-triple .bag-draw__buffet-token:nth-child(3) .bag-draw__flip{animation-delay:.16s}.bag-draw{display:grid;justify-items:center;gap:.55rem;margin:.55rem auto .2rem;width:min(18rem,100%);overflow:visible;padding-top:1.25rem}.bag-draw__press{position:relative;width:min(12.5rem,58vw);height:min(16.25rem,72vw);margin:1.4rem 0 .35rem;padding:0;border:0;background:transparent;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transform-origin:center top;animation:bag-entice 3.5s ease-in-out infinite;overflow:visible}.bag-draw__press:disabled{cursor:default}.bag-draw__press.is-empty{opacity:.55;animation:none}.bag-draw__press.is-pulling .bag-draw__art,.bag-draw__press.is-emerging .bag-draw__art{animation:bag-squeeze .55s ease-out;transform-origin:center top}.bag-draw__glow{position:absolute;inset:-18% -22% -8%;border-radius:50%;background:radial-gradient(circle,rgba(138,43,226,.38),rgba(75,0,130,.16) 42%,transparent 68%);pointer-events:none;z-index:0;animation:bag-glow 3.5s ease-in-out infinite}.bag-draw__press.is-emerging .bag-draw__glow{animation:bag-glow-burst 1.5s ease-out forwards}.bag-draw__burst{position:absolute;left:50%;top:8%;width:0;height:0;z-index:3;pointer-events:none;opacity:0}.bag-draw__press.is-emerging .bag-draw__burst{animation:bag-burst-flash 1.5s ease-out forwards}.bag-draw__burst:before,.bag-draw__burst:after{content:"";position:absolute;left:50%;top:50%;width:9rem;height:9rem;margin:-4.5rem 0 0 -4.5rem;border-radius:50%;border:2px solid rgba(214,180,255,.55);box-shadow:0 0 24px #ba78ff8c,inset 0 0 30px #ffe6a040}.bag-draw__burst:after{width:12rem;height:12rem;margin:-6rem 0 0 -6rem;border-color:#ffdc8c59;animation-delay:.08s}.bag-draw__art{position:relative;z-index:1;width:100%;height:100%;pointer-events:none}.botc-bag{position:relative;width:100%;height:100%;background:linear-gradient(to bottom,indigo,#301934);border:4px solid #3a0b5c;border-radius:50% 50% 30% 30%/50% 50% 20% 20%;box-shadow:0 8px 12px #0000004d;display:flex;align-items:center;justify-content:center;overflow:visible}.botc-bag__lid{position:absolute;top:-7.5%;left:50%;width:60%;height:7.5%;margin-left:-30%;background:indigo;border-radius:50%;border:4px solid #3a0b5c;box-sizing:border-box}.botc-bag__shine{position:absolute;inset:14% 18% auto;height:28%;border-radius:50%;background:radial-gradient(ellipse at 40% 30%,rgba(255,255,255,.16),transparent 70%);pointer-events:none}.botc-bag__count{position:relative;z-index:1;font-size:3rem;font-weight:700;color:#fff;text-shadow:2px 2px 4px #000;line-height:1;font-family:var(--display)}.bag-draw__token{position:absolute;left:50%;top:22%;z-index:5;width:7.25rem;height:7.25rem;transform:translate(-50%);pointer-events:none;perspective:2400px;perspective-origin:50% 50%}.bag-draw__motion{position:absolute;inset:0;width:100%;height:100%;transform-style:preserve-3d;will-change:transform,opacity}.bag-draw__token.is-emerging .bag-draw__motion{animation:bag-token-rise 1.5s cubic-bezier(.22,.61,.36,1) forwards}.bag-draw__flip{position:absolute;inset:0;width:100%;height:100%;transform-style:preserve-3d;will-change:transform;backface-visibility:hidden}.bag-draw__token.is-emerging .bag-draw__flip{animation:bag-token-spin 1.5s linear forwards}.bag-draw__rim{display:none}.bag-draw__face{position:absolute;inset:0;width:100%;height:100%;display:grid;place-items:center;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:50%;background:transparent}.bag-draw__face--front{transform:translateZ(1px) rotateY(0)}.bag-draw__face--back{transform:translateZ(-1px) rotateY(180deg)}.bag-draw__role,.bag-draw__token .character-token,.bag-draw__token .role-icon{width:100%!important;height:auto;max-width:none;margin:0;position:relative;z-index:2}.bag-draw__face .character-token{display:block;line-height:0}.bag-draw__face .character{width:100%}.bag-draw__face .character--blank{--top-leaf: var(--no-leaf);--left-leaf: var(--no-leaf);--right-leaf: var(--no-leaf);--setup-leaf: var(--no-leaf)}.bag-draw__rays{position:absolute;left:50%;top:50%;width:11rem;height:11rem;margin:-5.5rem 0 0 -5.5rem;z-index:0;pointer-events:none;background:conic-gradient(from 0deg,transparent 0deg,rgba(255,230,150,.45) 7deg,transparent 14deg,transparent 45deg,rgba(200,150,255,.4) 52deg,transparent 59deg,transparent 90deg,rgba(255,210,120,.35) 97deg,transparent 104deg,transparent 135deg,rgba(180,140,255,.4) 142deg,transparent 149deg,transparent 180deg,rgba(255,235,180,.3) 187deg,transparent 194deg,transparent 225deg,rgba(210,160,255,.35) 232deg,transparent 239deg,transparent 270deg,rgba(255,220,140,.3) 277deg,transparent 284deg,transparent 315deg,rgba(190,150,255,.35) 322deg,transparent 329deg,transparent 360deg);-webkit-mask-image:radial-gradient(circle,transparent 22%,#000 40%,#000 50%,transparent 68%);mask-image:radial-gradient(circle,transparent 22%,#000 40%,#000 50%,transparent 68%);opacity:0;will-change:transform,opacity;animation:bag-rays 1.5s ease-out forwards}.bag-draw__sparkles{position:absolute;inset:-24%;z-index:3;pointer-events:none}.bag-draw__sparkles i{position:absolute;width:.4rem;height:.4rem;border-radius:50%;background:#ffe9a8;box-shadow:0 0 8px 2px #ffdc8ce6,0 0 14px 3px #b478ff80;opacity:0;animation:bag-sparkle 1.4s ease-out forwards}.bag-draw__sparkles i:nth-child(1){left:6%;top:30%;animation-delay:.15s}.bag-draw__sparkles i:nth-child(2){left:80%;top:16%;width:.3rem;height:.3rem;animation-delay:.28s}.bag-draw__sparkles i:nth-child(3){left:90%;top:54%;animation-delay:.4s}.bag-draw__sparkles i:nth-child(4){left:10%;top:70%;width:.28rem;height:.28rem;animation-delay:.5s}.bag-draw__sparkles i:nth-child(5){left:48%;top:2%;width:.5rem;height:.5rem;background:#e8d0ff;animation-delay:.22s}.bag-draw__sparkles i:nth-child(6){left:64%;top:80%;animation-delay:.58s}.bag-draw__caption{margin:0;font-weight:700;color:var(--gold-2)}.bag-draw__nudge{margin:0;font-size:.9rem}@keyframes bag-entice{0%,78%,to{transform:rotate(0) scale(1)}81%{transform:rotate(-3deg) scale(1.04)}84%{transform:rotate(3deg) scale(1.04)}87%{transform:rotate(-2deg) scale(1.03)}90%{transform:rotate(2deg) scale(1.03)}93%{transform:rotate(-1deg) scale(1.01)}96%{transform:rotate(0) scale(1)}}@keyframes bag-glow{0%,78%,to{opacity:.4;transform:scale(.96)}84%{opacity:1;transform:scale(1.08)}}@keyframes bag-glow-burst{0%{opacity:.5;transform:scale(1)}35%{opacity:1;transform:scale(1.35)}to{opacity:.75;transform:scale(1.2)}}@keyframes bag-squeeze{0%{transform:scale(1)}28%{transform:scale(.94,.88)}55%{transform:scale(1.03,1.04)}to{transform:scale(1)}}@keyframes bag-burst-flash{0%{opacity:0;transform:scale(.2)}18%{opacity:1;transform:scale(.85)}to{opacity:0;transform:scale(1.55)}}@keyframes bag-token-rise{0%{opacity:0;transform:translate3d(0,calc(var(--bag-h, 16.25rem) * .215),0) scale(.58)}14%{opacity:1}to{opacity:1;transform:translate3d(0,calc(var(--bag-h, 16.25rem) * -.35),0) scale(1.12)}}@keyframes buffet-token-rise{0%{opacity:0;transform:translate3d(0,7.5rem,0) scale(.55)}16%{opacity:1}to{opacity:1;transform:translateZ(0) scale(1)}}@keyframes bag-token-spin{0%{transform:rotateY(180deg) rotateX(-14deg)}to{transform:rotateY(720deg) rotateX(0)}}@keyframes bag-rays{0%{opacity:0;transform:scale(.55) rotate(0)}35%{opacity:.8}to{opacity:0;transform:scale(1.22) rotate(140deg)}}@keyframes bag-sparkle{0%{opacity:0;transform:scale(.2) translateY(8px)}30%{opacity:1;transform:scale(1.2) translateY(0)}to{opacity:0;transform:scale(.4) translateY(-18px)}}@media(prefers-reduced-motion:reduce){.bag-draw__press,.bag-draw__glow,.bag-draw__token.is-emerging .bag-draw__motion,.bag-draw__token.is-emerging .bag-draw__flip,.bag-draw__rays,.bag-draw__sparkles i,.bag-draw__press.is-emerging .bag-draw__burst{animation:none}.bag-draw__token.is-emerging .bag-draw__motion{opacity:1;transform:translate3d(0,-96px,0) scale(1.1)}.bag-draw__tokens-triple .bag-draw__token.is-emerging .bag-draw__motion{transform:translateZ(0) scale(1)}.bag-draw__token.is-emerging .bag-draw__flip{transform:rotateY(0)}.bag-draw__rays,.bag-draw__sparkles i{opacity:0}}.bag-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:.85rem;width:min(22rem,100%);margin:.35rem auto .15rem}.bag-grid button{aspect-ratio:1;width:4.7rem;height:4.7rem;flex:0 0 4.7rem;font-size:1.55rem;font-family:var(--display);border-radius:50%;touch-action:manipulation;-webkit-user-select:none;user-select:none;background:radial-gradient(circle at 35% 30%,#3a3348,#1a1522 62%);border:2px solid rgba(215,179,106,.35)}.bag-grid button.is-drawn{opacity:.28}.reveal{display:grid;justify-items:center;gap:1rem}.character-token{position:relative;width:min(72vw,20rem);flex:0 0 auto}.character{--no-leaf: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);--top-leaf: var(--no-leaf);--left-leaf: var(--no-leaf);--right-leaf: var(--no-leaf);--setup-leaf: var(--no-leaf);--shadow-offset: .1em;--shadow-rotation: 1;--shadow-amount: calc(var(--shadow-offset) * var(--shadow-rotation));--reminder-offset: 2.5%;--night-order-display: none;position:relative;display:grid;width:100%;aspect-ratio:1 / 1;border-radius:50%;background-color:#fffef0;background-image:var(--left-leaf),var(--top-leaf),var(--right-leaf),var(--setup-leaf),url(/token/clockface-2.webp),url(/token/character-token-noise.webp);background-position:50% 50%;background-repeat:no-repeat,no-repeat,no-repeat,no-repeat,no-repeat,repeat;background-size:contain,contain,contain,contain,60%,auto;box-shadow:inset .1em .1em .2em #fff3,inset 0 0 .7em #8a4d0f,var(--shadow-amount) var(--shadow-amount) .2em #000c}.character.is-upside-down{--shadow-rotation: -1;transform:rotate(180deg)}.character.is-dead{filter:grayscale(1) brightness(.8)}.character.is-dead .character__image{visibility:hidden}.character--top-1{--top-leaf: url(/token/top-1.webp)}.character--top-2{--top-leaf: url(/token/top-2.webp)}.character--top-3{--top-leaf: url(/token/top-3.webp)}.character--top-4{--top-leaf: url(/token/top-4.webp)}.character--top-5{--top-leaf: url(/token/top-5.webp)}.character--top-6{--top-leaf: url(/token/top-6.webp)}.character--left-1{--left-leaf: url(/token/left-1.webp)}.character--right-1{--right-leaf: url(/token/right-1.webp)}.character--right-2{--right-leaf: url(/token/right-2.webp)}.character--setup{--setup-leaf: url(/token/setup.webp)}.pad.is-night-order .night-badges{display:flex}.character[data-first-night]:before,.character[data-other-night]:after{border-radius:50%;color:#fff;font-weight:700;width:25%;aspect-ratio:1 / 1;display:var(--night-order-display, none);justify-content:center;align-items:center;align-self:flex-start;font-size:.85em;line-height:1;grid-area:1 / -1;z-index:2;margin-top:var(--reminder-offset)}.character.is-upside-down[data-first-night]:before,.character.is-upside-down[data-other-night]:after{transform:rotate(180deg);margin-top:0;margin-bottom:var(--reminder-offset);align-self:flex-end}.character[data-first-night]:before{content:attr(data-first-night);background-image:linear-gradient(to bottom,#006,#00c);margin-left:var(--reminder-offset);margin-right:auto}.character.is-upside-down[data-first-night]:before{margin-left:auto;margin-right:var(--reminder-offset)}.character[data-other-night]:after{content:attr(data-other-night);background-image:linear-gradient(to bottom,#600,#c00);margin-left:auto;margin-right:var(--reminder-offset)}.character.is-upside-down[data-other-night]:after{margin-left:var(--reminder-offset);margin-right:auto}.character__image,.character__text,.character__shroud{grid-area:1 / -1;z-index:1}.character__image{display:flex;align-items:center;justify-content:center}.character__icon{width:90%;aspect-ratio:1 / 1;object-fit:contain}.character__text{width:100%;height:100%;color:#16130d;font-size:13px}.character__name{font-family:var(--display);font-weight:500;letter-spacing:.06em;fill:currentColor}.character__shroud{--background-width: calc(75% * (233 / 419));z-index:2;background-image:url(/token/shroud.webp),linear-gradient(to bottom,#555 57%,transparent 57%);background-size:auto 75%,var(--background-width) auto;background-repeat:no-repeat;background-position:50% 0;filter:drop-shadow(.1em .1em .2em rgba(0,0,0,.8))}.character__player-name{display:block;position:absolute;top:100%;width:100%;padding:.15em 0;text-align:center;color:#16130d;font-family:var(--display);font-size:.8em;background-color:#fffef0;background-image:url(/token/character-token-noise.webp);box-shadow:inset .1em .1em .2em #fff3,inset 0 0 .7em #8a4d0f,.1em .1em .2em #000c}.reminder-disc{position:relative;width:min(72vw,20rem);flex:0 0 auto}.reminder{display:grid;width:100%;aspect-ratio:1 / 1;border-radius:50%;background-color:#101128;box-shadow:inset .1em .1em .2em #ffffff1a,inset 0 0 1em #111324,inset 0 0 .5em #111324,.1em .1em .2em #000c}.reminder__image,.reminder__text{grid-area:1 / -1;z-index:1}.reminder__image{display:flex;align-items:center;justify-content:center}.reminder__icon{width:70%;aspect-ratio:1 / 1;object-fit:contain}.reminder__icon--storyteller{width:36%;mix-blend-mode:lighten}.reminder__mark{display:grid;place-items:center;width:42%;aspect-ratio:1 / 1;border-radius:50%;background:#d7b36a29;color:var(--gold-2);font-family:var(--display);font-size:1.55em;font-weight:600;line-height:1}.reminder__text{width:100%;height:100%;color:#fff;font-size:1.2em;letter-spacing:.05em;pointer-events:none;overflow:visible}.reminder__text text{font-family:var(--display);font-weight:500;letter-spacing:.05em;fill:currentColor}.character-token--tiny .character__text,.app-shell.is-tokens .bluff__name,.app-shell.is-tokens .show-token-pick span,.app-shell.is-tokens .info-token-either__choice strong,.app-shell.is-tokens .info-token-stage__role strong,.app-shell.is-tokens .info-token-bluff em,.app-shell.is-tokens .draw-reveal h3{display:none}.app-shell.is-tokens .bluff .character-token,.app-shell.is-tokens .show-token-pick .character-token,.app-shell.is-tokens .role-card .character-token,.app-shell.is-tokens .jinx-pair .character-token{width:100%}.token-face{position:relative;display:grid;place-items:center;border-radius:50%;background:transparent;overflow:visible;flex:0 0 auto;line-height:0}.token-face__art{display:grid;width:100%;height:100%;border-radius:50%;overflow:hidden;filter:drop-shadow(0 10px 16px rgba(0,0,0,.45))}.token-face img{display:block;width:100%;height:100%;object-fit:contain;transform:translateY(6%)}.token-face__shroud{position:absolute;left:50%;top:2%;width:54%;height:82%;transform:translate(-50%);background:url(/token/shroud.webp) no-repeat center / contain;pointer-events:none;z-index:1;filter:drop-shadow(.1em .1em .2em rgba(0,0,0,.8))}.token-face.is-dead .token-face__art{filter:grayscale(1) brightness(.55)}.token-face__initial{font-family:var(--display);font-size:1.4rem;width:100%;height:100%;display:grid;place-items:center;border-radius:50%;background:#1a1a1a;border:2px solid var(--gold)}.token--townsfolk .token-face__initial{border-color:var(--townsfolk)}.token--outsider .token-face__initial{border-color:var(--outsider)}.token--minion .token-face__initial{border-color:var(--minion)}.token--demon .token-face__initial{border-color:var(--demon)}.token--traveller .token-face__initial{border-color:var(--traveller)}.token--fabled .token-face__initial{border-color:var(--fabled)}.token--loric .token-face__initial{border-color:var(--loric)}.grimoire{display:grid;gap:.7rem;min-height:calc(100dvh - 9.5rem)}.grimoire--focus{min-height:100%;gap:0}.app-shell--grimoire-focus{grid-template-rows:1fr}.app-shell--grimoire-focus .workspace{padding:0;min-height:0}.app-shell--grimoire-focus .grimoire--focus .pad{position:fixed;inset:env(safe-area-inset-top) 0 0 0;z-index:1;width:auto;min-height:0;margin:0;border-radius:0;border:0}.app-shell--grimoire-focus .pad__exit-focus{top:.55rem}.grimoire__header{position:relative;display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem;flex-wrap:wrap;min-height:4.6rem}.grimoire__toolbar,.chip-row{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.grimoire__toolbar{flex-direction:column;align-items:flex-start;gap:.55rem}.grimoire__toolbar-actions{display:flex;gap:.4rem;flex-wrap:wrap;align-items:center}.toolbar-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.6rem clamp(.55rem,2.2vw,.8rem);font-size:clamp(.85rem,3.6vw,.95rem);white-space:nowrap}.toolbar-btn svg{width:1.1rem;height:1.1rem;flex:0 0 auto}.toolbar-btn--add{background:#3d6a3a;border-color:#4f8a4a;color:#f4ecdc;font-weight:600}.bluffs{display:grid;justify-items:center;gap:.5rem}.bluffs__title{margin:0;text-align:center;font-size:1.05rem;color:var(--gold-2)}.bluffs__note{margin:0;max-width:22rem;text-align:center;font-size:.82rem;line-height:1.35;color:var(--muted)}.bluffs__row{display:flex;gap:1rem;flex-wrap:wrap;align-items:flex-end;justify-content:center}.bluffs__actions{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center}.bluff-show{display:grid;justify-items:center;gap:1.2rem;width:100%}.token-show{display:grid;justify-items:center;gap:1.1rem;width:min(32rem,100%);padding-bottom:.2rem}.token-show .character-token{margin-bottom:1.4em}.bluff-show__title{margin:0;color:var(--gold-2);font-size:clamp(1.2rem,5vw,1.6rem)}.bluff-show__row{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:1.6rem 1rem}.bluff-show__row .character-token{width:min(42vw,12rem)}.bluff-show--with-info .info-token--hero{width:min(58vw,16rem);height:min(58vw,16rem);padding:1.1rem;font-size:clamp(1.15rem,4.6vw,1.75rem)}.bluff-show--with-info .bluff-show__row .character-token{width:min(28vw,8rem)}.bluff-show__check{margin-top:.2rem;color:var(--muted);font-size:.92rem}.bluff{width:auto;min-width:5.6rem;height:auto;border-radius:16px;padding:.3rem .35rem .45rem;background:transparent;display:grid;justify-items:center;gap:.28rem;overflow:visible}.bluff .token-face{background:#141414;border-radius:50%}.bluff__mark{width:84px;height:84px;border-radius:50%;display:grid;place-items:center;background:#141414;color:var(--muted);font-family:var(--display);font-size:1.8rem;font-style:normal}.bluff__name{font-size:.8rem;font-style:normal;font-weight:600;text-align:center;max-width:6.4rem;line-height:1.2;color:var(--ink)}.player-preview{display:grid;justify-items:center;gap:.4rem;margin-bottom:.3rem;padding:.55rem .45rem .25rem}.player-preview__token{overflow:visible}.player-preview__name{font-size:1.05rem}.player-reminders{display:grid;gap:.3rem;width:100%}.player-reminders__row{display:flex;flex-wrap:wrap;justify-content:center;gap:.45rem}.player-reminder{display:grid;justify-items:center;gap:.2rem;width:4.4rem;padding:0;border:0;background:none;color:inherit;font:inherit}.player-reminder span{font-size:.72rem;line-height:1.2;text-align:center}.player-preview__token.is-used .token-face{transform:rotate(180deg)}.player-preview__token.is-dead .token-face__art{filter:grayscale(1) brightness(.55)}.player-preview__token.is-flipped.is-good .token-face__art,.player-preview__token.is-flipped.is-good .character__icon{filter:hue-rotate(215deg) saturate(1.35)}.player-preview__token.is-flipped.is-evil .token-face__art,.player-preview__token.is-flipped.is-evil .character__icon{filter:hue-rotate(-215deg) saturate(1.35)}.pad{position:relative;z-index:0;isolation:isolate;--grimoire-scale: 1;width:calc(100% * var(--grimoire-scale));margin-inline:auto;min-height:calc(min(82dvh,52rem) * var(--grimoire-scale));--player-token-scale: 1;--reminder-token-scale: 1;--player-token: calc( clamp(84px, 23vw, 120px) * var(--player-token-scale) * var(--grimoire-scale) );--reminder-token: calc( clamp(46px, 12vw, 64px) * var(--reminder-token-scale) * var(--grimoire-scale) );border-radius:28px;background:radial-gradient(circle at 50% 48%,rgba(215,179,106,.08),transparent 52%),radial-gradient(circle at 50% 50%,#1e1828,#100e16 68%);border:1px solid var(--line);overflow:hidden;touch-action:pan-y;box-shadow:inset 0 0 80px #00000059}.pad:before{content:"";position:absolute;inset:8%;border:1px dashed rgba(215,179,106,.14);border-radius:50%;pointer-events:none}.pad.is-horseshoe:before{inset:4% 6% 10%;clip-path:inset(0 0 22% 0)}.pad__options{display:grid;gap:.2rem;padding:.35rem .5rem;border-radius:12px;background:#0a0b10d1;border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:.78rem;touch-action:manipulation}.grimoire__header>.pad__options{flex:1 1 0;min-width:0;max-width:12rem}.pad__options .check{white-space:normal;line-height:1.2}.pad__options .pad__focus-btn{max-width:100%;padding-inline:.6rem;white-space:normal;line-height:1.15}.pad__size{display:grid;justify-items:start;gap:.3rem}.pad__size-controls{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .85rem}.pad__size-row{display:flex;align-items:center;gap:.35rem;min-height:1.7rem}.pad__size-label{font-size:.78rem;color:var(--muted);white-space:nowrap}.pad__size-stepper{display:inline-flex;align-items:center;gap:.25rem;flex-shrink:0}.pad__size-btn{width:1.55rem;height:1.55rem;border-radius:999px;border:1px solid var(--line);background:var(--bg-2);color:var(--text);font-size:1rem;line-height:1;padding:0;display:grid;place-items:center}.pad__size-btn:disabled{opacity:.35}.pad__size-value{min-width:2.6rem;text-align:center;font-size:.78rem;font-weight:700;color:var(--gold-2);font-variant-numeric:tabular-nums}.pad__size-toggle{font-size:.72rem;padding:.25rem .55rem;border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--muted);white-space:nowrap}.pad__focus-btn,.pad__exit-focus{font-size:.72rem;padding:.35rem .55rem;white-space:nowrap}.pad__exit-focus{position:absolute;top:calc(.55rem + env(safe-area-inset-top));right:.55rem;z-index:10001;padding:.35rem .55rem;border-radius:12px;font-size:.72rem;white-space:nowrap;background:#0a0b10d1;border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.pad__stats{display:grid;gap:.2rem;padding:.4rem .55rem;border-radius:12px;background:#0a0b10d1;border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:right;touch-action:manipulation}.pad__stats p{display:flex;flex-direction:column;gap:.02rem;margin:0;line-height:1.15}.pad__stats strong{font-size:1.02rem;font-variant-numeric:tabular-nums;color:var(--gold-2)}.pad__stats span{font-size:.68rem;color:var(--muted)}.pad__seating{position:relative;flex:0 0 auto;z-index:1;display:grid;gap:.28rem;justify-items:center;padding:.35rem .45rem;border-radius:12px;background:#0a0b10d1;border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);touch-action:manipulation}.pad__seating-row{display:flex;gap:.28rem}.pad__seat-btn--zoom{font-size:1.15rem;line-height:1;color:var(--gold-2)}.pad__seat-btn{display:grid;place-items:center;width:2rem;height:2rem;padding:0;border-radius:999px;background:var(--bg-3);border:1px solid var(--line);color:var(--muted)}.pad__seat-btn svg{width:1.15rem;height:1.15rem}.pad__seat-btn.is-active{color:var(--gold-2);border-color:#d7b36a8c;background:#d7b36a1f}.pad__seat-btn:disabled{opacity:.35}.pad__empty{position:absolute;inset:0;display:grid;place-items:center;color:var(--muted);padding:2rem;text-align:center;z-index:1}.pad__tokens{position:absolute;inset:0;pointer-events:none}.pad__tokens>*{pointer-events:auto}.pad__tokens--players{z-index:1}.pad__tokens--reminders{z-index:2}.board-token,.reminder-token{position:absolute;transform:translate(-50%,-50%);background:transparent;border:0;padding:0;display:grid;justify-items:center;gap:.08rem;width:max-content;touch-action:none;cursor:grab;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-user-drag:none}.board-token img,.reminder-token img,.board-token .character__icon,.reminder-token .character__icon{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none}.board-token .token-face{width:var(--player-token);height:var(--player-token)}.board-token__art{position:relative;width:var(--player-token);height:var(--player-token)}.board-token.is-token .character-token{width:var(--player-token)}.board-token.is-token .character__player-name{font-size:.7em}.board-token.is-token.is-flipped.is-good .character__icon{filter:hue-rotate(215deg) saturate(1.35)}.board-token.is-token.is-flipped.is-evil .character__icon{filter:hue-rotate(-215deg) saturate(1.35)}.night-badges{position:absolute;top:3%;left:0;right:0;display:flex;align-items:center;gap:.15rem;padding:0 4%;z-index:2;pointer-events:none}.night-badges--first{justify-content:flex-start}.night-badges--other{justify-content:flex-end}.night-badge{width:24%;max-width:1.65rem;aspect-ratio:1 / 1;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:.68rem;font-weight:700;line-height:1}.character .night-badges{top:2.5%;padding:0 2.5%}.character .night-badge{font-size:.8em}.character.is-upside-down .night-badge{transform:rotate(180deg)}.night-badge--first{background-image:linear-gradient(to bottom,#006,#00c)}.night-badge--other{background-image:linear-gradient(to bottom,#600,#c00)}.reminder-token .token-face{width:var(--reminder-token);height:var(--reminder-token)}.reminder-token.is-token .reminder-disc{width:var(--reminder-token)}.board-token .token-face__art,.reminder-token .token-face__art{filter:drop-shadow(0 4px 8px rgba(0,0,0,.4))}.board-token.is-dragging,.reminder-token.is-dragging{cursor:grabbing;transition:none;filter:drop-shadow(0 10px 18px rgba(0,0,0,.5))}.board-token.is-drag-armed,.reminder-token.is-drag-armed{transform:translate(-50%,-50%) scale(1.08);filter:drop-shadow(0 0 12px rgba(215,179,106,.55));transition:transform .12s ease,filter .12s ease}.board-token__player,.board-token__name,.reminder-token__label{font-size:.74rem;background:#0a0b10e0;padding:.1rem .45rem;border-radius:999px}.board-token__labels{position:absolute;top:100%;left:50%;transform:translate(-50%);display:grid;justify-items:center;gap:.08rem;padding-top:.12rem;pointer-events:none}.reminder-token__label{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:.12rem;pointer-events:none}.board-token__player,.board-token__name{text-align:center;line-height:1.2;white-space:nowrap}.reminder-token__label{font-size:.66rem;max-width:7rem;text-align:center;line-height:1.2}.board-token__player{font-size:.82rem;font-weight:700}.board-token__player.is-empty{font-weight:500;color:var(--muted);background:transparent;border:1px dashed var(--line)}.board-token__name{color:var(--gold-2);font-size:.7rem}.board-token.is-used .token-face{transform:rotate(180deg)}.board-token.is-flipped.is-good .token-face__art,.show-token.is-flipped.is-good .token-face__art,.show-token.is-flipped.is-good .character__icon{filter:hue-rotate(215deg) saturate(1.35) drop-shadow(0 10px 16px rgba(0,0,0,.45))}.board-token.is-flipped.is-evil .token-face__art,.show-token.is-flipped.is-evil .token-face__art,.show-token.is-flipped.is-evil .character__icon{filter:hue-rotate(-215deg) saturate(1.35) drop-shadow(0 10px 16px rgba(0,0,0,.45))}.board-token.is-dead .token-face__art,.board-token.is-dead.is-flipped .token-face__art{filter:grayscale(1) brightness(.55)}.board-token.is-waking .token-face,.board-token.is-waking .board-token__art,.board-token.is-waking.is-token .character-token{box-shadow:0 0 0 5px #e83d84,0 0 22px 6px #e83d84e6;border-radius:50%}.board-token.is-drop-target .token-face,.board-token.is-drop-target .board-token__art,.board-token.is-drop-target.is-token .character-token{box-shadow:0 0 0 5px var(--gold-2),0 0 22px 6px #d7b36ad9;border-radius:50%}.board-token.is-drop-target{z-index:30}.pad.is-picking .board-token.is-pickable .token-face,.pad.is-picking .board-token.is-pickable .board-token__art,.pad.is-picking .board-token.is-pickable.is-token .character-token{box-shadow:0 0 0 3px #78d2a0e6;border-radius:50%}.pad.is-picking .board-token.is-pickable{z-index:20}.pad.is-picking .board-token.is-not-pickable{opacity:.38}.action-grid{display:grid;grid-template-columns:1fr 1fr;gap:.45rem}.action-btn{display:flex;align-items:center;justify-content:center;gap:.4rem;text-align:center;min-height:2.7rem;padding:.55rem;line-height:1.15}.action-btn svg,.action-btn__shroud{width:1.2rem;height:1.2rem;flex:0 0 auto}.action-btn__shroud{object-fit:contain;filter:drop-shadow(0 1px 1px rgba(0,0,0,.45))}.align-dot{width:.85rem;height:.85rem;border-radius:50%;flex:0 0 auto;box-shadow:inset 0 0 0 1px #ffffff40}.align-dot.is-good{background:#5b93ff}.align-dot.is-evil{background:#d94b4b}.reminder-picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(5.4rem,1fr));gap:.55rem}.reminder-picker.is-tokens{grid-template-columns:repeat(auto-fill,minmax(4.6rem,1fr))}.reminder-picker.is-tokens .reminder-pick{gap:0;padding:.2rem}.reminder-picker.is-tokens .reminder-disc{width:100%}.reminder-pick{display:grid;justify-items:center;gap:.3rem;padding:.35rem .2rem .45rem;border-radius:16px;background:transparent;text-align:center}.reminder-pick span{font-size:.72rem;line-height:1.2}.reminder-pick.is-selected{background:#d7b36a24;box-shadow:inset 0 0 0 2px var(--gold)}.reminder-pick--custom{align-self:start}.reminder-pick__blank{display:grid;place-items:center;width:72px;aspect-ratio:1;border-radius:18px;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.06),transparent 55%),#14151f;box-shadow:inset 0 0 0 1px #ffffff14,inset 0 0 1.1em #0000008c;color:#7a7a86;filter:grayscale(1)}.reminder-picker.is-tokens .reminder-pick__blank{width:100%}.reminder-pick__blank svg{width:42%;height:42%}.reminder-picker__actions{display:flex;gap:.5rem;flex-wrap:wrap;position:sticky;bottom:0;padding-top:.35rem;background:linear-gradient(transparent,var(--bg-2) 28%)}.reminder-preview{display:grid;justify-items:center;gap:.5rem;text-align:center;padding:.6rem 0 .35rem}.reminder-description{margin:.15rem 0 .65rem;white-space:pre-wrap;text-align:center;line-height:1.45}.reminder-show-note{margin:0;max-width:36rem;padding:1.5rem;font-family:var(--display);font-size:clamp(1.4rem,5vw,2.2rem);line-height:1.35;text-align:center;white-space:pre-wrap}.custom-reminder{display:grid;gap:.65rem}.custom-reminder label{display:grid;gap:.35rem;color:var(--muted);font-size:.92rem}.custom-reminder input,.custom-reminder textarea{width:100%;color:var(--ink);background:var(--bg-2);border:1px solid var(--line);border-radius:10px;padding:.55rem .7rem;font:inherit}.custom-reminder__preview{display:grid;place-items:center;width:4.5rem;aspect-ratio:1;margin:0 auto;border-radius:50%;background:#101128;overflow:hidden}.custom-reminder__preview img{width:78%;aspect-ratio:1;object-fit:contain;mix-blend-mode:lighten}.reminder-preview .reminder-disc{width:min(72vw,12rem)}.dialog-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#050609c7;display:grid;place-items:end center;z-index:10000;padding:.55rem;overflow:auto}.dialog-backdrop.dialog-backdrop--center{place-items:center;padding:1rem}.dialog-backdrop.dialog-backdrop--cover{place-items:stretch;padding:0;background:#08090d;z-index:10020;overflow:hidden}.dialog{width:min(640px,100%);max-width:100%;min-width:0;max-height:min(92%,900px);overflow:hidden;display:flex;flex-direction:column;background:var(--bg-2);border:1px solid var(--line);border-radius:24px 24px 18px 18px;box-shadow:var(--shadow);padding:.85rem .9rem 1rem}.dialog.dialog--cover{width:100%;max-width:none;height:100%;max-height:none;border-radius:0;border:0;padding:calc(.75rem + env(safe-area-inset-top)) 1rem calc(1rem + env(safe-area-inset-bottom))}.dialog--cover .dialog__body{overflow:auto}.dialog--cover .dialog__body:has(.show-token-stage){display:flex;flex-direction:column;justify-content:center;align-items:stretch}.dialog:has(.bag-grid):not(.dialog--cover),.dialog:has(.bag-draw):not(.dialog--cover){height:min(88%,44rem);max-height:min(88%,44rem)}.bag-stage{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;min-height:12rem;overflow:visible}.dialog--cover .dialog__body:has(.bag-stage){display:flex;overflow:hidden}.dialog--cover .bag-stage{flex:1;min-height:0;width:100%}.dialog__body:has(.bag-stage){display:flex;flex-direction:column;overflow:hidden}.bag-stage{flex:1;min-height:0;width:100%;justify-content:flex-start}.bag-stage>.bag-hint,.bag-stage>.bag-mode,.bag-stage>.buffet-draft{flex:0 0 auto}.bag-stage .bag-hint{margin:0;font-size:.9rem;line-height:1.3}.bag-draw{flex:1 1 auto;min-height:0;width:100%;margin:0;padding-top:0;container-type:size;align-content:center;--bag-h: min(16.25rem, 72vw, 62cqh)}.bag-draw--buffet{--offer: clamp(4rem, min(26cqw, 24cqh), 6rem)}.bag-draw--buffet:has(.bag-draw__tokens-triple){--bag-h: min(14rem, 60vw, 40cqh);padding-top:calc(var(--offer) + 2.8rem);align-content:start}.bag-draw__press{height:var(--bag-h);width:calc(var(--bag-h) * .77);margin:min(1.4rem,5cqh) 0 .25rem}.bag-draw__token{top:22%;width:calc(var(--bag-h) * .446);height:calc(var(--bag-h) * .446)}.bag-draw__tokens-triple{gap:.5rem}.bag-draw__buffet-token{width:calc(var(--offer, 5.25rem) * 1.2)}.bag-draw__buffet-token strong{font-size:.74rem;overflow-wrap:anywhere}.bag-stage:has(.bag-draw__tokens-triple)>.bag-hint{display:none}.bag-draw__tokens-triple .bag-draw__token{width:var(--offer, 5.25rem);height:var(--offer, 5.25rem)}.bag-grid{flex:1 1 auto;min-height:0;align-content:center;container-type:size;gap:.6rem;margin:0 auto}.bag-grid button{--slot: clamp(2.4rem, min(19cqh, 21cqw), 4.7rem);width:var(--slot);height:var(--slot);flex:0 0 var(--slot);font-size:calc(var(--slot) * .33)}.dialog:has(.bag-reveal) .dialog__head{display:none}.bag-stage:has(.bag-reveal) .bag-grid,.bag-stage:has(.bag-reveal) .bag-hint{pointer-events:none;visibility:hidden}.bag-reveal{position:absolute;inset:0;z-index:2;background:#08090d;overflow:auto;display:flex;flex-direction:column;justify-content:center}.dialog__head-spacer{width:2.2rem;height:2.2rem}.dialog--wide{width:min(920px,100%)}.dialog__head{display:flex;justify-content:space-between;gap:1rem;align-items:center;margin-bottom:.7rem;flex-shrink:0}.dialog__head h2{margin:0;font-size:1.25rem}.icon-button{background:var(--bg-3);width:2.2rem;height:2.2rem;padding:0;font-size:1.4rem;line-height:1}.dialog__body{display:grid;gap:.8rem;overflow:auto;min-height:0;flex:1;padding-right:.15rem}.dialog__body:has(.picker){display:flex;flex-direction:column;overflow:hidden;padding-right:0}.dialog:has(.picker){height:min(92dvh,900px)}.night-list ol,.jinx-list,.info-tokens{list-style:none;padding:0;margin:0;display:grid;gap:.6rem}.night-tabs{display:grid;grid-template-columns:1fr 1fr;gap:.25rem;padding:.2rem;background:var(--bg-3);border-radius:999px;border:1px solid var(--line)}.night-tabs button{border:0;background:transparent;padding:.55rem .8rem}.night-tabs button.is-active{background:var(--gold);color:#1a1408;font-weight:700}.night-tabs--compact{flex:1;min-width:0}.night-tabs--compact button{padding:.4rem .45rem;font-size:.78rem}.night-helper{display:grid;gap:.55rem;min-width:0}.night-helper.is-min{display:flex;align-items:center;gap:.28rem}.night-helper__chip{display:flex;align-items:center;gap:.45rem;min-width:0;flex:1;background:var(--bg-3);border:1px solid var(--line);border-radius:999px;padding:.22rem .65rem .22rem .22rem;text-align:left}.night-helper__chip-text{display:grid;min-width:0}.night-helper__chip-text em,.night-helper__count,.night-helper__chip-count{font-style:normal;font-size:.68rem;color:var(--muted)}.night-helper__chip-text strong{font-size:.92rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.night-helper__chip-count{flex:0 0 auto;font-variant-numeric:tabular-nums}.night-helper__skip{width:2.15rem;height:2.15rem;padding:0;flex:0 0 auto;font-size:1.35rem;line-height:1}.night-helper__top{display:flex;align-items:center;gap:.45rem}.night-helper__min{flex:0 0 auto;padding:.4rem .7rem;font-size:.78rem}.night-helper__step{display:flex;align-items:flex-start;gap:.7rem;width:100%}.night-helper__face{flex:0 0 auto;width:2.75rem;display:grid;place-items:center}button.night-helper__face{background:transparent;border:0;padding:0;border-radius:50%;box-shadow:none}button.night-helper__face:focus-visible{box-shadow:0 0 0 2px #d7b36ab3}.night-helper.is-min .night-helper__face{width:2.1rem}.night-helper .character-token{width:2.75rem}.night-helper .character__text{display:none}.night-helper.is-min .character-token{width:2.1rem}.night-phase{display:block;flex:0 0 auto;border-radius:50%;overflow:hidden;box-shadow:0 0 0 1px #d7b36a59}.night-phase svg{display:block;width:100%;height:100%}.night-helper.is-min .night-glyph,.night-helper.is-min .night-helper__mark{width:2.1rem;height:2.1rem;font-size:.82rem}.night-helper__mark{width:2.75rem;height:2.75rem;border-radius:50%;display:grid;place-items:center;background:#3a3348;color:var(--gold-2);font-weight:800}.night-helper__copy{min-width:0;flex:1;display:grid;gap:.2rem}.night-helper__headline{display:flex;flex-wrap:wrap;align-items:center;column-gap:.5rem;row-gap:.28rem;width:100%}.night-helper__copy strong{font-family:var(--display);font-size:1.12rem;flex:1 1 auto;min-width:0}.night-helper__who{font-family:inherit;font-size:.68em;font-weight:600;letter-spacing:0}.night-helper__headline .night-helper__nav{flex:0 0 auto;margin-left:auto}.night-helper__copy p,.night-helper__empty{margin:0;color:var(--muted);font-size:.9rem;line-height:1.35}.night-helper__note{color:#f0c36a!important}.night-helper__copy .night-helper__note strong{font-family:inherit;font-size:inherit;font-weight:700;color:inherit}.night-helper__nav{display:flex;justify-content:flex-end;gap:.35rem}.night-helper__nav button,.night-helper__nav button.primary{padding:.28rem .7rem;font-size:.78rem;font-weight:600}.night-helper__nav button:disabled{opacity:.4}.night-helper.is-min .night-guide{display:none}.night-guide{display:grid;gap:.45rem;min-width:0}.night-guide__actions,.night-guide__row,.night-guide__numbers{display:flex;flex-wrap:wrap;gap:.4rem}.night-guide__action{padding:.35rem .7rem;font-size:.8rem;font-weight:600}.night-guide__pick{display:grid;gap:.25rem;padding:.45rem .55rem;border-radius:12px;background:#d7b36a1f;border:1px solid rgba(215,179,106,.35)}.night-guide__pick p{margin:0;font-size:.75rem;color:var(--muted)}.night-guide__pick strong{font-size:.9rem}.night-guide__pick button{justify-self:start;padding:.28rem .65rem;font-size:.78rem}.night-guide__pick-actions,.pad__pick-actions{display:flex;gap:.4rem;justify-content:center;flex-wrap:wrap}.night-guide__pick-actions button{justify-self:unset}.night-guide__wake-note{display:block;font-size:.82rem;line-height:1.35;color:#f0c36a}.night-guide__bluff-row .bluff.is-selected{box-shadow:inset 0 0 0 2px var(--gold);border-radius:16px}.night-guide__numbers button{min-width:2.6rem;font-size:1.15rem;font-weight:700}.night-guide__digit{font-size:clamp(6rem,28vw,11rem);font-weight:800;line-height:1;color:var(--gold-2)}.pad__pick{position:absolute;left:50%;bottom:.7rem;transform:translate(-50%);z-index:10000;display:grid;gap:.2rem;justify-items:center;max-width:min(92%,22rem);padding:.45rem .7rem;border-radius:14px;background:#0a0b10e6;border:1px solid rgba(215,179,106,.45);text-align:center;touch-action:manipulation}.pad__pick p{margin:0;font-size:.72rem;color:var(--muted)}.pad__pick strong{font-size:.88rem}.pad__pick button{margin-top:.15rem;padding:.28rem .7rem;font-size:.78rem}.night-step,.jinx-list li,.night-special{display:flex;align-items:center;gap:.75rem;background:var(--bg-3);border-radius:16px;padding:.85rem .9rem;overflow:visible}button.night-step,button.night-special{width:100%;text-align:left;justify-content:flex-start;color:inherit}button.night-special{justify-content:center}.night-step.is-current,.night-special.is-current{box-shadow:inset 0 0 0 1px #d7b36ab3;background:#232838}.night-step.is-dead{opacity:.6}.night-special{justify-content:center;color:var(--gold-2);font-family:var(--display)}.night-step__icon{flex:0 0 2.75rem;width:2.75rem;height:2.75rem;display:flex;align-items:center;justify-content:center;overflow:visible}.night-step__text{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:.12rem}.night-step__note{font-weight:700;color:#f0c36a}.night-step .character-token{width:2.75rem;overflow:visible}.night-step .character-token .character{width:100%;height:auto;aspect-ratio:1 / 1}.night-step .character__text{display:none}.character-token--tiny .character{--top-leaf: var(--no-leaf);--left-leaf: var(--no-leaf);--right-leaf: var(--no-leaf);--setup-leaf: var(--no-leaf)}.night-glyph{width:2.75rem;height:2.75rem;border-radius:50%;display:grid;place-items:center;background:#b32626;color:#fff;border:0;padding:0;font-family:var(--font);font-weight:800;font-size:1.05rem;line-height:1;letter-spacing:0;text-align:center}.night-glyph--minion{background:#c44528}.night-glyph--demon{background:#b32626}.night-step>div span,.jinx-list p{color:var(--muted);display:block}.jinx-pair{display:flex;gap:.25rem}.info-tokens{grid-template-columns:repeat(auto-fill,6.6rem);gap:.65rem .75rem;justify-content:center}.info-tokens li{display:grid;gap:.3rem;width:6.6rem;background:none;padding:0;border-radius:0}.info-token{width:6.6rem;height:6.6rem;border-radius:50%;border:0;padding:.45rem;color:#fff;font-weight:800;text-align:center;line-height:1.15;font-size:.84rem;display:grid;place-items:center;background:radial-gradient(circle at 32% 28%,rgba(255,255,255,.24),transparent 46%),var(--token-color, #d7b36a);box-shadow:0 6px 14px #00000052}.info-token--hero{width:min(86vw,24rem);height:min(86vw,24rem);margin:0;padding:1.1rem;font-size:clamp(2rem,9vw,3.6rem);font-weight:800;cursor:default;line-height:1.05}.info-token--hero span{max-width:100%;overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto}.info-token--badge{width:min(52vw,13.5rem);height:min(52vw,13.5rem);margin:0;padding:.85rem;font-size:clamp(1.55rem,6.5vw,2.45rem);font-weight:800;cursor:default;line-height:1.1}.info-token--badge span{max-width:100%;overflow-wrap:anywhere}.info-with-role{display:grid;justify-items:center;gap:.85rem;width:min(32rem,100%)}.info-with-role__face{display:grid;justify-items:center}.info-with-role__face .character-token,.info-with-role__face .role-icon,.info-with-role__face .token-face{width:min(220px,58vw)}.screen-cover{position:fixed;inset:0;z-index:2147483000;background:#08090d;display:flex;flex-direction:column;padding:max(.55rem,env(safe-area-inset-top)) 1rem max(.8rem,env(safe-area-inset-bottom));overflow:auto;overscroll-behavior:contain;touch-action:manipulation}.screen-cover__close{align-self:flex-end;flex:0 0 auto}.screen-cover__body{flex:1 1 auto;display:grid;place-items:center;align-content:center;min-height:0}.info-token-stage{display:grid;justify-items:center;gap:1.1rem;width:100%}.info-token-stage__role{display:grid;justify-items:center;gap:.55rem;text-align:center}.info-token-caption{margin:0;font-family:var(--display);font-size:clamp(2.4rem,11vw,4.2rem);font-weight:800;line-height:1.05;color:var(--gold-2);text-align:center}.info-token-either{display:grid;justify-items:center;gap:.85rem;width:100%}.info-token-either__stack{display:grid;justify-items:center;gap:.55rem;width:100%}.info-token-either__block{display:grid;justify-items:center;gap:.55rem}.info-token-either__choice{display:grid;justify-items:center;gap:.4rem;text-align:center}.info-token-either__or{font-family:var(--display);font-size:clamp(2.2rem,10vw,3.8rem);font-weight:800;line-height:1;color:var(--gold-2);text-align:center}.info-token-bluffs{display:flex;flex-wrap:wrap;justify-content:center;gap:.85rem}.info-token-names{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem 1.2rem}.info-token-names strong{font-family:var(--display);font-size:clamp(1.6rem,7vw,2.8rem);font-weight:700;color:var(--gold-2)}.info-token-bluff{display:grid;justify-items:center;gap:.3rem}.info-token-bluff em{font-style:normal;font-size:.85rem}.info-token-bluff.is-empty{width:6.8rem;color:var(--muted)}.info-token-bluff.is-empty span{width:4.8rem;height:4.8rem;border-radius:50%;display:grid;place-items:center;background:#141414;font-size:1.4rem}.qr-wrap{display:grid;justify-items:center;gap:.5rem;background:#fff;color:#111;border-radius:16px;padding:1rem}.qr-wrap .muted{color:#555}.qr-wrap__link{display:block;line-height:0;border-radius:8px}.qr-wrap__link:focus-visible{outline:2px solid var(--gold-2);outline-offset:4px}.sheet-include{display:grid;gap:.4rem}.sheet-include span{font-size:.92rem;color:var(--muted)}.sheet-include select{width:100%;max-width:22rem}.sheet{max-width:960px;margin:0 auto;padding:1.2rem 1rem 2rem;display:grid;gap:1.3rem}.sheet-fold{border:1px solid var(--line);border-radius:14px;padding:.35rem .85rem .85rem;background:var(--bg-2)}.sheet-fold summary{cursor:pointer;list-style:none;font-size:1.15rem;font-weight:700;padding:.55rem 0;color:var(--gold-2)}.sheet-fold summary::-webkit-details-marker{display:none}.sheet-fold summary:before{content:"▸ ";display:inline-block;transition:transform .15s ease}.sheet-fold[open] summary:before{transform:rotate(90deg)}.sheet-fold .sheet-grid,.sheet-fold .sheet-token-grid{margin-top:.35rem}.sheet-tokens-toggle{margin-top:.7rem}.sheet-grid{display:grid;gap:.7rem}.sheet-token-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(8rem,1fr));gap:.85rem;justify-items:center}.sheet-token{display:grid;gap:.45rem;justify-items:center;text-align:center;max-width:9.5rem}.sheet-token__ability{margin:0;font-size:.82rem;line-height:1.35;color:var(--muted)}.sheet-role{display:grid;grid-template-columns:auto 1fr;gap:.8rem;background:var(--bg-2);border-radius:18px;padding:.8rem}.ccc{display:grid;gap:.55rem;margin-top:.4rem}.ccc a{display:block;width:fit-content;max-width:100%}.ccc img{display:block;width:min(9rem,100%);height:auto}.credit{font-size:.8rem}.check{display:flex;gap:.5rem;align-items:center}.check input,label input[type=checkbox]{accent-color:var(--gold);width:1.05rem;height:1.05rem}.team-block{display:grid;gap:.55rem}.team-block h3{font-size:1rem;color:var(--gold-2)}.show-tokens-launch{width:100%}.show-token-picker{display:grid;gap:1rem}.show-token-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(4.1rem,1fr));gap:.4rem .3rem}.show-token-pick{display:grid;justify-items:center;gap:.3rem;padding:.3rem .15rem .4rem;background:transparent;text-align:center}.show-token-pick.is-selected{background:#d7b36a2e;border-color:var(--gold)}.show-token-pick span{font-size:.7rem;line-height:1.2}.show-token-stage{display:grid;justify-items:center;gap:1rem}.show-token-row{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.8rem}.show-token-ability{text-align:center;color:var(--muted);max-width:28rem;margin:0}.show-token-lunatic-note{text-align:center;max-width:28rem;margin:0;font-size:.95rem;line-height:1.35}.show-token-lunatic-note strong{color:var(--gold-2)}.show-token-stage .action-grid{width:min(22rem,100%)}@media(max-width:520px){.brand h1{font-size:1.05rem;max-width:46vw}.row-actions,.url-row{flex-direction:column;align-items:stretch}.row-actions button,.url-row button{width:100%}.player-count span{min-width:auto}.topbar--guide{flex-direction:column;align-items:stretch}.topbar--guide .topbar__actions{width:100%;justify-content:flex-end}.topbar--guide .toggle__label{display:none}}@media(min-width:700px){.role-grid,.sheet-grid,.edition-grid{grid-template-columns:1fr 1fr}.edition-card--browse{grid-column:1 / -1}.botc-search{grid-template-columns:1fr auto;align-items:start}.botc-search>input{grid-column:1}.botc-search__actions{grid-column:2}.botc-search__actions button{flex:0 0 auto}.botc-more-panel{grid-column:1 / -1}}@media(min-width:900px){.app-shell{grid-template-columns:220px 1fr;grid-template-rows:auto 1fr;grid-template-areas:"top top" "nav main"}.workspace{padding:1.25rem 1.6rem 2rem}.tabbar{position:static;grid-template-columns:1fr;align-content:start;border-top:0;border-right:1px solid var(--line);padding:1rem .8rem;background:#0a0b108c}.tabbar button{grid-template-columns:auto 1fr;justify-items:start;align-items:center;gap:.7rem;padding:.75rem .85rem;font-size:.95rem}.setup-steps{grid-template-columns:1fr;max-width:40rem}.dialog-backdrop{place-items:center;padding:1.2rem}.dialog-backdrop.dialog-backdrop--cover{place-items:stretch;padding:0}.dialog{border-radius:22px}.dialog.dialog--cover{border-radius:0}.brand h1{font-size:1.7rem;max-width:none}.pad{min-height:68dvh}}.crash{display:grid;gap:.75rem;max-width:32rem;margin:0 auto;padding:max(2rem,env(safe-area-inset-top)) 1rem 2rem;min-height:100dvh;align-content:center;background:var(--bg);color:var(--ink)}.crash--compact{min-height:0;padding:1.5rem 0;align-content:start}.crash h2,.crash p{margin:0}.crash__detail{overflow-wrap:anywhere;font-size:.8rem;color:var(--muted)}.crash__actions{display:flex;flex-wrap:wrap;gap:.5rem}.night-guide__warn{margin:0;padding:.5rem .7rem;border-radius:12px;border:1px solid rgba(240,180,80,.55);background:#f0b4501f;color:#ffd99a;font-size:.9rem}.night-guide__action--key{border-color:var(--gold);color:var(--gold-2)}.night-guide__action--warn{border-color:#f0b450bf;color:#ffd99a}.night-guide__row:has(.is-suggested){padding:6px}.night-guide__row button.is-suggested{outline:3px solid #f4ecdc;outline-offset:3px;box-shadow:0 0 22px #f0d48abf}.night-guide__row button:not(.is-suggested):has(~.is-suggested),.night-guide__row .is-suggested~button:not(.is-suggested){opacity:.55}.night-guide__suggest{margin:0;color:var(--muted);font-size:.9rem;line-height:1.4}.starpass__choices{display:grid;gap:.5rem}button.player-remove{justify-self:end;padding:.35rem .8rem;font-size:.8rem}.confirm__message{margin:0;color:var(--muted);line-height:1.45}.confirm__actions{display:flex;justify-content:flex-end;gap:.5rem}button.danger.confirm__go{background:var(--danger);border-color:var(--danger);color:#fff;font-weight:700}.game-log h3{margin:.5rem 0 0}.game-log__phase{display:flex;align-items:center;gap:.75rem}.game-log__phase strong{min-width:6rem;text-align:center;color:var(--gold-2);font-family:var(--display);font-size:1.15rem}.game-log__timeline{display:grid;gap:.6rem}.game-log__group h4{margin:0 0 .3rem;color:var(--muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.game-log__group ul,.game-log__saved,.game-log__players{list-style:none;margin:0;padding:0;display:grid;gap:.35rem}.game-log__event,.game-log__saved button{width:100%;text-align:left;border-radius:12px;padding:.55rem .75rem;background:var(--bg-2)}.game-log__event--death{border-color:#d45b4a73}.game-log__event--revive{border-color:#7ad07a73}.game-log__event--note{color:var(--muted);font-style:italic}.game-log__saved button{display:grid;gap:.15rem}.game-log__players li{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:.5rem}.game-log__players input:not([type=checkbox]){min-width:0;background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:.45rem .6rem}.game-log__players .is-good{color:var(--townsfolk)}.game-log__players .is-evil{color:var(--demon)}.game-log__form{display:grid;gap:.7rem}.game-log__form label{display:grid;gap:.3rem;color:var(--muted);font-size:.9rem}.game-log__form select,.game-log__note input{width:100%;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:.6rem .75rem}.game-log__note{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.5rem}.game-log__buttons{display:flex;flex-wrap:wrap;gap:.5rem}.game-log__ended{margin:0;color:var(--gold-2)}.game-log__error{margin:0;color:var(--danger)}.game-log__chips{display:flex;flex-wrap:wrap;gap:.4rem;margin:0;padding:0;border:0}.game-log__chips legend{margin-bottom:.3rem;color:var(--muted);font-size:.9rem}.game-log__chips button{padding:.45rem .75rem;font-size:.88rem}.game-log__chips button.is-on{background:#d7b36a2e;border-color:var(--gold);color:var(--gold-2)}.game-log__preview{display:grid;gap:.2rem;margin:0;padding:.6rem .75rem;border-radius:12px;background:var(--bg);border:1px dashed var(--line)}.game-log__preview .muted{font-size:.75rem;text-transform:uppercase;letter-spacing:.06em}.report{display:grid;gap:1.5rem;max-width:44rem;margin:0 auto;padding:max(1.5rem,env(safe-area-inset-top)) 1rem 3rem;color:var(--ink)}.report h1,.report h2,.report h3,.report p{margin:0}.report__head{display:grid;gap:.35rem;text-align:center}.report__head h1{font-family:var(--display);font-size:clamp(1.7rem,7vw,2.4rem)}.report__winner{justify-self:center;margin-top:.5rem!important;padding:.35rem 1rem;border-radius:999px;font-weight:700;border:1px solid var(--line)}.report--good .report__winner{color:#cfe0ff;background:#5b93ff2e;border-color:#5b93ff80}.report--evil .report__winner{color:#ffc9c2;background:#d94b4b2e;border-color:#d94b4b80}.report__players{display:grid;grid-template-columns:repeat(auto-fill,minmax(10.5rem,1fr));gap:.6rem}.report__player{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.6rem;padding:.6rem;border-radius:14px;background:var(--bg-2);border:1px solid var(--line);border-left:3px solid var(--townsfolk)}.report__player.is-evil{border-left-color:var(--demon)}.report__player.is-dead{border-left-color:var(--muted)}.report__player div{display:grid;gap:.05rem;min-width:0}.report__player strong{overflow-wrap:anywhere}.report__player span{font-size:.85rem}.report__timeline{display:grid;gap:1rem}.report__timeline h2{font-family:var(--display)}.report__phase h3{margin-bottom:.45rem;color:var(--gold-2);font-size:.85rem;text-transform:uppercase;letter-spacing:.1em}.report__phase--day h3{color:#f6dfa0}.report__phase ol{list-style:none;margin:0;padding:0;display:grid;gap:.4rem}.report__row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.6rem;padding:.5rem .65rem;border-radius:12px;background:var(--bg-2);border:1px solid var(--line)}.report__row--death{border-color:#d45b4a73}.report__row--note .report__text{color:var(--muted);font-style:italic}.report__faces{display:flex;gap:.2rem}.report__faces:empty{display:none}.report__row:has(.report__faces:first-child:empty){grid-template-columns:minmax(0,1fr) auto}.report__top{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.report__top .eyebrow{margin:0}.report__face{display:inline-flex;padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer}.report__face:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.report__character{display:grid;justify-items:center;gap:.75rem;text-align:center}.report__character p{margin:0;line-height:1.45}.report__team{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.report__team--townsfolk{color:var(--townsfolk)}.report__team--outsider{color:var(--outsider)}.report__team--minion{color:var(--minion)}.report__team--demon{color:var(--demon)}.report__team--traveller{color:var(--traveller)}.report__icon{display:inline-flex}.report__icon.is-dead{filter:grayscale(1);opacity:.75}.report__icon.is-dead:has(.token-face){filter:grayscale(1) brightness(3) contrast(.8);opacity:.85;border-radius:50%;background:radial-gradient(circle,rgba(244,236,220,.16) 55%,transparent 72%)}.report__token{flex:0 0 auto}.gameover{position:relative;display:grid;justify-items:center;gap:.6rem;width:min(100%,26rem);text-align:center;isolation:isolate}.gameover__reason{margin:0;color:var(--muted);font-size:1.05rem}.gameover__title{margin:0;font-family:var(--display);font-size:clamp(2.2rem,11vw,3.4rem);animation:gameover-pop .7s cubic-bezier(.2,1.4,.4,1) both}.gameover__winner{margin:0 0 1.25rem;font-size:clamp(1.4rem,7vw,2rem);animation:gameover-pop .7s .25s cubic-bezier(.2,1.4,.4,1) both}.gameover--good .gameover__winner{color:#cfe0ff;text-shadow:0 0 24px rgba(91,147,255,.8)}.gameover--evil .gameover__winner{color:#ff9d8f;text-shadow:0 0 24px rgba(217,75,75,.9)}.gameover__actions{display:grid;gap:.6rem;width:min(100%,18rem)}.celebrate{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.celebrate--good{background:radial-gradient(circle at 50% 38%,rgba(240,212,138,.28),transparent 60%)}.celebrate--evil{background:radial-gradient(circle at 50% 120%,rgba(217,75,75,.45),transparent 65%);animation:evil-pulse 2.4s ease-in-out infinite}.celebrate__piece{position:absolute;left:var(--x);display:block;animation-delay:var(--delay);animation-duration:var(--duration);animation-iteration-count:infinite;animation-timing-function:linear}.celebrate--good .celebrate__piece{top:-5vh;width:.55rem;height:.9rem;border-radius:2px;animation-name:confetti-fall}.celebrate--good .celebrate__piece--0{background:var(--gold-2)}.celebrate--good .celebrate__piece--1{background:var(--townsfolk)}.celebrate--good .celebrate__piece--2{background:#f4ecdc}.celebrate--evil .celebrate__piece{bottom:-5vh;width:.45rem;height:.45rem;border-radius:50%;filter:blur(.5px);animation-name:ember-rise;animation-timing-function:ease-out}.celebrate--evil .celebrate__piece--0{background:#ff5a3c;box-shadow:0 0 10px #ff5a3c}.celebrate--evil .celebrate__piece--1{background:#ffb347;box-shadow:0 0 10px #ffb347}.celebrate--evil .celebrate__piece--2{background:#b3122a;box-shadow:0 0 12px #d94b4b}@keyframes confetti-fall{0%{transform:translateZ(0) rotate(0);opacity:1}to{transform:translate3d(var(--drift),112vh,0) rotate(var(--spin));opacity:.9}}@keyframes ember-rise{0%{transform:translateZ(0) scale(1);opacity:0}15%{opacity:1}to{transform:translate3d(var(--drift),-105vh,0) scale(.3);opacity:0}}@keyframes evil-pulse{50%{opacity:.6}}@keyframes gameover-pop{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}@media(prefers-reduced-motion:reduce){.celebrate__piece{display:none}.celebrate--evil,.gameover__title,.gameover__winner{animation:none}}@media(pointer:coarse){input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea{font-size:max(16px,1em)!important}}