@font-face{font-family:Papyrus;src:url(/botc/fonts/papyrus.woff2)format("woff2"),url(/botc/fonts/papyrus.woff)format("woff");font-display:swap}@font-face{font-family:PiratesBay;src:url(/botc/fonts/piratesbay.ttf)format("truetype");font-display:swap}:root{--botc-display:"PiratesBay", "Papyrus", serif;--botc-token-font:"Papyrus", serif;--botc-good:#1f65ff;--botc-evil:#ce0100;--botc-parchment:#e8dcc0;--botc-gold:#c9a85a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#ffffffe6;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0b0b10 url(/botc/background.jpg) 50%/cover no-repeat fixed;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}a{color:var(--botc-gold);-webkit-text-decoration:inherit;text-decoration:inherit}body{place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex}button{cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:hover{border-color:var(--botc-gold)}button:focus-visible{outline:3px solid var(--botc-gold)}.botc-token{background:url(/botc/token.png) 50%/100% no-repeat;border-radius:50%;flex-shrink:0;position:relative;box-shadow:0 0 0 2px #000,0 3px 10px #0009}.botc-token-placeholder{font-family:var(--botc-display,serif);color:#3b2a17;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.botc-token-icon{object-fit:contain;pointer-events:none;width:100%;height:100%;transition:filter .3s;position:absolute;inset:0;transform:translateY(-6%)scale(.92)}.botc-token-name{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.botc-token-name text{font-family:var(--botc-token-font);letter-spacing:.5px;fill:#000;stroke:#fff;stroke-width:2px;paint-order:stroke;font-size:17px;font-weight:700}.botc-token-dead .botc-token-icon{filter:grayscale()brightness(.6)}.botc-token-shroud{filter:drop-shadow(0 2px 3px #000000b3);pointer-events:none;width:34%;position:absolute;top:-6%;left:50%;transform:translate(-50%)}:root{--traveller:#c9a0dc}.traveller-panel{margin-top:10px}.traveller-item{align-items:flex-start}.traveller-exiled{opacity:.6}.traveller-exiled-tag{color:#c66;font-weight:600}.traveller-controls{flex-wrap:wrap;align-items:center;gap:6px;margin:3px 0;display:flex}.traveller-controls select{color:inherit;background:#1d1a17;border:1px solid #ffffff26;border-radius:6px;padding:2px 4px;font-size:.8rem}.traveller-align{border:1px solid #ffffff26;border-radius:999px;display:inline-flex;overflow:hidden}.traveller-align-btn{color:#aaa;cursor:pointer;background:0 0;border:none;padding:2px 10px;font-size:.78rem}.traveller-align-good.active{color:#fff;background:#2e5b8a}.traveller-align-evil.active{color:#fff;background:#8a2e2e}.traveller-exile-btn,.traveller-add-btn{color:inherit;cursor:pointer;background:0 0;border:1px solid #c9a85a80;border-radius:999px;padding:2px 10px;font-size:.78rem}.traveller-add{border-top:1px solid #ffffff1a;grid-template-columns:auto 1fr;align-items:center;gap:4px 10px;margin-top:10px;padding-top:8px;display:grid}.traveller-add-ability{grid-column:2}.token-circle.traveller-ring{box-shadow:0 0 0 4px var(--traveller)}.token-circle.traveller-ring.traveller-good{box-shadow:0 0 0 4px var(--traveller), 0 0 0 7px #3d7cc0}.token-circle.traveller-ring.traveller-evil{box-shadow:0 0 0 4px var(--traveller), 0 0 0 7px #c03d3d}.traveller-badge{z-index:3;background:var(--traveller);color:#1a1420;white-space:nowrap;pointer-events:none;border-radius:999px;padding:0 6px;font-size:10px;font-weight:700;position:absolute;top:12%;left:50%;transform:translate(-50%)}.token-circle.turned-ring.turned-good{box-shadow:0 0 0 4px #3d7cc0}.token-circle.turned-ring.turned-evil{box-shadow:0 0 0 4px #c03d3d}.turned-badge{z-index:3;color:#fff;white-space:nowrap;pointer-events:none;border-radius:999px;padding:0 6px;font-size:10px;font-weight:700;position:absolute;top:12%;left:50%;transform:translate(-50%)}.turned-badge-good{background:#2e5b8a}.turned-badge-evil{background:#8a2e2e}.seat-menu-anchor{z-index:200;position:absolute}.seat-menu{border:1px solid var(--botc-gold);text-align:left;background:#14100cf5;border-radius:8px;flex-direction:column;gap:5px;width:220px;max-height:420px;padding:10px;font-size:.82rem;display:flex;overflow-y:auto;box-shadow:0 6px 24px #0009}.seat-menu-header{border-bottom:1px solid #3a3a44;margin-bottom:2px;padding-bottom:6px}.seat-menu-title{color:var(--botc-gold);font-weight:700}.seat-menu-role{color:#eee}.seat-menu-muted{color:#999}.seat-menu-alive{color:#8fd18f}.seat-menu-dead{color:#ff8a80}.seat-menu-turned{font-weight:700}.seat-menu-turned-evil{color:#ff6b6b}.seat-menu-turned-good{color:#7fb2ff}.seat-menu-item,.seat-menu-panel select,.seat-menu-panel input,.seat-menu-chip{color:#ddd;text-align:left;cursor:pointer;background:#2b2b33;border:1px solid #3a3a44;border-radius:5px;padding:5px 8px;font-size:.8rem}.seat-menu-panel input{cursor:text}.seat-menu-item:disabled{opacity:.5;cursor:default}.seat-menu-item:focus-visible,.seat-menu-chip:focus-visible{outline:2px solid var(--botc-gold)}.seat-menu-kill{font-weight:600}.seat-menu-panel{flex-direction:column;gap:4px;padding-left:8px;display:flex}.seat-menu-reminders{max-height:160px;overflow-y:auto}.seat-menu-chip{padding:3px 6px;font-size:.75rem}.seat-menu-note{color:#aaa;font-size:.75rem;font-style:italic}.town-square.menu-open .token-tooltip{display:none}.town-square.swapping .token-circle{cursor:crosshair;box-shadow:0 0 0 3px var(--botc-gold), 0 0 14px #c9a85ab3}.swap-prompt{border:1px solid var(--botc-gold);z-index:30;background:#14100ceb;border-radius:8px;align-items:center;gap:10px;padding:8px 12px;font-size:.82rem;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.swap-prompt button{color:#ddd;cursor:pointer;background:#2b2b33;border:1px solid #555;border-radius:5px;padding:3px 8px}.seat-menu-st-note{color:#f0c674;white-space:pre-wrap;font-style:normal}.seat-menu-panel textarea{box-sizing:border-box;resize:vertical;width:100%;font:inherit}.timer-control{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;display:flex}.timer-control button{border-radius:999px;padding:4px 10px}.timer-label-input{width:130px}.timer-custom{gap:4px;margin:0;display:flex}.timer-custom input{width:48px}.timer-label{color:#b9ae94;text-transform:uppercase;letter-spacing:.06em;font-size:.8rem}.timer-clock{text-align:center;font-variant-numeric:tabular-nums;min-width:64px;font-family:Impact,sans-serif;font-size:1.6rem}.timer-warning .timer-clock,.timer-up .timer-clock{color:#ff5a52}.game-over-control{flex-direction:column;align-items:center;gap:6px;display:flex}.game-over-control button,.game-over-form button,.game-over-banner button{border-radius:999px;padding:4px 12px}.game-over-end,.game-over-new{opacity:.75;font-size:.8rem}.game-over-new.room-armed{opacity:1;max-width:420px}.win-alert{text-align:center;border:1px solid;border-radius:10px;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;max-width:640px;padding:8px 14px;display:flex}.win-alert-good{color:#90caf9;background:#42a5f524;border-color:#42a5f580}.win-alert-evil{color:#ef9a9a;background:#ef535026;border-color:#ef535073}.win-alert-info{color:#ffe082;background:#ffc1071f;border-color:#ffc10773}.win-alert-text strong{margin-right:4px}.game-over-form{background:#00000040;border:1px solid #fff3;border-radius:10px;flex-direction:column;align-items:center;gap:8px;padding:10px 14px;display:flex}.game-over-form input[type=text]{width:320px;max-width:80vw}.game-over-choice,.game-over-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.game-over-pick{cursor:pointer;border:1px solid #ffffff40;border-radius:999px;align-items:center;gap:4px;padding:4px 12px;display:flex}.game-over-pick input{margin:0}.game-over-pick-good.selected{background:#42a5f540;border-color:#42a5f5}.game-over-pick-evil.selected{background:#ef535040;border-color:#ef5350}.game-over-declare{font-weight:700}.game-over-banner{text-align:center;border:1px solid;border-radius:10px;flex-direction:column;align-items:center;gap:4px;padding:10px 20px;display:flex}.game-over-banner.game-over-good{background:#42a5f529;border-color:#42a5f5}.game-over-banner.game-over-evil{background:#ef535029;border-color:#ef5350}.game-over-title{font-family:var(--botc-display,serif);font-size:1.5rem}.game-over-note{font-style:italic}.game-over-hint{opacity:.7;font-size:.8rem}.nomination-panel{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:14px;flex-direction:column;gap:8px;width:min(520px,100%);padding:10px 14px;display:flex}.nomination-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.nomination-head h3{font-family:var(--botc-display);color:var(--botc-gold);margin:0;font-size:1.2rem}.nomination-threshold{opacity:.75;margin-top:-4px;font-size:.85rem}.block-status{text-align:center;background:#ffffff0d;border-radius:8px;padding:6px 8px;font-weight:600}.block-status.block-block{color:#ffb3b3;background:#ce01002e}.block-status.block-tie{color:var(--botc-gold);background:#c9a85a2e}.execute-btn{align-self:center;padding:4px 16px}.execute-btn:not(:disabled){border-color:var(--botc-evil);color:#ffb3b3}.nomination-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.nomination-list li{border-radius:6px;flex-direction:column;gap:2px;padding:2px 6px;display:flex}.nomination-list li.on-block{background:#ce01001f}.nomination-row{align-items:center;gap:8px;display:flex}.nomination-exile-tag{text-transform:uppercase;color:var(--botc-gold);font-size:.75rem}.nomination-who{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.nomination-list input,.nomination-form input{width:4.5em}.nomination-remove{padding:2px 8px}.nomination-form{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.nomination-form select{flex:1;min-width:8em}.nomination-warnings{color:#f0c674;margin:0;padding:0;font-size:.85rem;list-style:none}.nomination-form-hint{opacity:.6;margin:-2px 0 0;font-size:.75rem}.nominations-open-btn{margin-left:auto;padding:2px 10px;font-size:.85rem}.nominations-open-btn.is-open{border-color:var(--botc-gold);color:var(--botc-gold);background:#c9a85a26}.current-vote{background:#c9a85a1a;border:1px solid #c9a85a80;border-radius:8px;flex-direction:column;gap:4px;padding:8px 10px;display:flex}.current-vote-who{font-weight:600}.current-vote-tag{text-transform:uppercase;color:var(--botc-gold);margin-right:6px;font-size:.75rem}.current-vote-needs{opacity:.85;font-size:.85rem}.current-vote-count{align-items:center;gap:6px;display:flex}.current-vote-count input{width:5em}.nomination-list li.voting{background:#c9a85a1a}.nomination-voting{color:var(--botc-gold);font-size:.8rem;font-style:italic}.block-status.block-executed{color:#ffb3b3;background:#ce01002e}.execute-row{justify-content:center;gap:8px;display:flex}.day-prompts{flex-direction:column;gap:8px;display:flex}.day-prompt{color:#eee;background:#3c1414d9;border:1px solid #ef53508c;border-left:4px solid #ef5350;border-radius:8px;padding:8px 10px}.day-prompt-head{align-items:center;gap:8px;margin-bottom:4px;display:flex}.day-prompt-head h3{flex:1;margin:0;font-size:.9rem}.day-prompt-icon{object-fit:contain;width:26px;height:26px}.day-prompt-text{margin:0 0 6px;font-size:.85rem;line-height:1.4}.day-prompt-notes{color:#bbb;margin:0 0 6px;padding-left:18px;font-size:.75rem;line-height:1.35}.day-prompt-actions{flex-wrap:wrap;gap:6px;display:flex}.day-prompt-actions button{border-radius:5px;padding:4px 10px;font-size:.8rem}.day-prompt-act{color:#fff;background:#ef535040;border-color:#ef5350;font-weight:700}.slayer-row{align-items:center;gap:6px;display:flex}.tell-prompt{background:#14233cd9;border-color:#64a0f08c #64a0f08c #64a0f08c #64a0f0}.tell-prompt .day-prompt-act{background:#64a0f040;border-color:#64a0f0}.day-panel{flex-direction:column;gap:12px;display:flex}.day-panel-title{font-family:var(--botc-display);color:var(--botc-gold);text-align:center;margin:0}.day-panel-section{justify-content:center;display:flex}.day-panel .nomination-panel{box-sizing:border-box;width:100%;padding:10px}.day-trackers{flex-direction:column;gap:10px;display:flex}.day-tracker{border-left-color:#f39c12;margin:0}.day-tracker.day-tracker-spent{opacity:.65;border-left-color:#555}.day-tracker-head{border-bottom:1px solid #333;align-items:center;gap:8px;margin-bottom:8px;padding-bottom:6px;display:flex}.day-tracker-head h3{text-transform:uppercase;color:#aaa;flex:1;margin:0;font-size:.85rem}.day-tracker-icon{object-fit:contain;width:26px;height:26px}.day-tracker-status{letter-spacing:.5px;text-transform:uppercase;color:#f5b041;background:#f39c1226;border:1px solid #f39c1266;border-radius:8px;padding:2px 8px;font-size:.7rem;font-weight:700}.day-tracker-note{color:#888;margin:0 0 8px;font-size:.82rem;line-height:1.4}.day-tracker-btn{border-radius:5px;padding:4px 12px;font-size:.75rem}.day-tracker-input,.juggler-player-select,.juggler-char-select{box-sizing:border-box;color:#ddd;background:#1a1a22;border:1px solid #3a3a44;border-radius:6px;padding:6px 8px;font-size:.85rem}.day-tracker-input{width:100%}.day-tracker-input:focus{border-color:#666;outline:none}.day-tracker-choices{gap:6px;margin:6px 0 2px;display:flex}.day-tracker-choices button{border-radius:5px;flex:1;padding:4px 0}.day-tracker-choices button.active{color:#fff;background:#f39c1233;border-color:#f39c12}.savant-row{align-items:center;gap:6px;margin-bottom:6px;display:flex}.savant-true{color:#aaa;cursor:pointer;white-space:nowrap;align-items:center;gap:4px;font-size:.8rem;display:flex}.day-track-row{cursor:pointer;color:#ccc;align-items:center;gap:8px;padding:5px 0;font-size:.88rem;display:flex}.day-track-row input[type=checkbox]{cursor:pointer;accent-color:#f39c12;flex-shrink:0;width:14px;height:14px}.gossip-kill-warn{color:#ef5350;letter-spacing:.3px;margin-left:6px;font-size:.72rem;font-weight:700}.witch-curse-note{color:#ef5350;margin:6px 0 0;font-size:.8rem;font-style:italic}.juggler-rows{flex-direction:column;gap:6px;display:flex}.juggler-row{align-items:center;gap:6px;display:flex}.juggler-player-select,.juggler-char-select{flex:1;min-width:0;padding:5px 6px;font-size:.82rem}.juggler-check{text-align:center;flex-shrink:0;width:16px;font-size:.85rem;font-weight:700}.juggler-check.correct{color:#2ecc71}.juggler-check.wrong{color:#ef5350}.grimoire-board{--u:calc(100cqmin / 750);width:calc(min(100cqw,100cqh) - 16px);height:calc(min(100cqw,100cqh) - 16px);position:relative;container-type:size}.grimoire-board.picking .token-circle{cursor:crosshair;box-shadow:0 0 0 3px var(--botc-gold), 0 0 14px #c9a85ab3;border-radius:50%}.reminder-layer{pointer-events:none;z-index:5;position:absolute;inset:0}.reminder-slot{pointer-events:auto;position:absolute;transform:translate(-50%,-50%)}.reminder-slot.open{z-index:20}.reminder-btn{cursor:pointer;background:0 0;border:none;border-radius:50%;padding:0}.reminder-btn:focus-visible{outline:2px solid var(--botc-gold)}.reminder-token{background:url(/botc/token.png) 50%/100% no-repeat;border-radius:50%;position:relative;overflow:hidden;box-shadow:0 0 0 1px #000,0 2px 6px #0009}.reminder-token-icon{object-fit:contain;pointer-events:none;width:64%;height:64%;position:absolute;top:4%;left:18%}.reminder-token-text{font-family:var(--botc-token-font);font-size:7.5px;font-size:max(6px, calc(var(--rem,46px) * .163));text-align:center;color:#000;text-shadow:0 0 2px #fff,0 0 2px #fff;pointer-events:none;font-weight:700;line-height:1;position:absolute;bottom:9%;left:4%;right:4%}.reminder-menu{background:#1c1c24;border:1px solid #484860;border-radius:8px;flex-direction:column;gap:6px;min-width:170px;padding:8px;font-size:.8rem;display:flex;position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%);box-shadow:0 6px 18px #0009}.reminder-menu-title{color:var(--botc-gold);font-weight:600}.reminder-menu button,.reminder-menu select{color:#ddd;cursor:pointer;background:#2b2b33;border:1px solid #3a3a44;border-radius:5px;padding:4px 8px;font-size:.8rem}.reminder-menu .reminder-remove{color:#ff8a80}.pick-prompt{border:1px solid var(--botc-gold);pointer-events:auto;z-index:30;background:#14100ceb;border-radius:8px;align-items:center;gap:10px;max-width:280px;padding:8px 12px;font-size:.82rem;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pick-prompt button{color:#ddd;cursor:pointer;background:#2b2b33;border:1px solid #555;border-radius:5px;padding:3px 8px}.info-picker{background:#c9a85a12;border:1px solid #c9a85a40;border-radius:7px;flex-direction:column;gap:5px;margin-top:6px;padding:7px 9px;display:flex}.info-picker-recorded{border-color:#78c87873}.info-instruction{color:#aaa;margin:0;font-size:.75rem;line-height:1.35}.info-warn{color:#e0a96d;margin:0;font-size:.75rem}.info-row{flex-wrap:wrap;align-items:center;gap:6px;font-size:.78rem;display:flex}.info-row-wrap{align-items:flex-start}.info-key{color:#999;flex-shrink:0;width:78px}.info-row select,.info-number{color:#ddd;background:#1a1a22;border:1px solid #3a3a44;border-radius:5px;flex:7em;min-width:0;padding:4px 6px;font-size:.78rem}.info-number{max-width:70px}.info-pick-btn{color:#ddd;cursor:pointer;background:#2b2b33;border:1px solid #555;border-radius:50%;flex-shrink:0;width:26px;height:26px;padding:0}.info-pick-btn.active{border-color:var(--botc-gold);color:var(--botc-gold);box-shadow:0 0 6px #c9a85ab3}.info-zero{cursor:pointer}.info-chip-set{flex-wrap:wrap;gap:4px;display:flex}.info-chip{color:#888;cursor:pointer;background:#22222a;border:1px solid #444;border-radius:10px;padding:2px 8px;font-size:.74rem}.info-chip.on{border-color:var(--botc-gold);color:#eee;background:#c9a85a33}.info-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;font-size:.74rem;display:flex}.info-muted{color:#777;font-size:.74rem;font-weight:400}.info-recorded{color:#8fd18f}.info-record-btn{border:1px solid var(--botc-gold);color:#eee;cursor:pointer;background:#c9a85a26;border-radius:5px;padding:3px 10px;font-size:.76rem}.info-record-btn:disabled{opacity:.4;cursor:default}.info-kill-btn{background:#b3161b40;border-color:#b3161b;align-self:flex-start}.info-star-pass{border:1px dashed #b3161b;border-radius:6px;flex-direction:column;gap:6px;padding:6px;display:flex}.info-link-btn{color:#9ab;cursor:pointer;background:0 0;border:none;padding:0;font-size:.74rem;text-decoration:underline}.reminder-adder{border-left-color:var(--botc-gold);flex-direction:column;gap:6px;margin-bottom:10px;display:flex}.reminder-adder p{margin:0}.fabled-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.fabled-item{align-items:center;gap:10px;min-width:0;display:flex}.fabled-item .botc-token,.fabled-option .botc-token{box-shadow:0 0 0 1px #000}.fabled-text{text-align:left;flex-direction:column;flex:1;min-width:0;display:flex}.fabled-name{font-family:var(--botc-token-font);color:var(--botc-gold,#c9a85a);font-weight:800}.fabled-ability{opacity:.85;font-size:.82em;line-height:1.3}.fabled-picker{color:#e6e0d0;background:#ffffff0a;border:1px solid #c9a85a4d;border-radius:14px;width:min(560px,100%);padding:10px 14px;font-size:.9rem}.fabled-picker-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.fabled-picker-header h3{font-family:var(--botc-token-font);color:var(--botc-gold,#c9a85a);margin:0;font-size:1rem}.fabled-add-toggle{color:inherit;cursor:pointer;background:0 0;border:1px solid #c9a85a80;border-radius:999px;padding:3px 12px;font-size:.82rem}.fabled-add-toggle:disabled{opacity:.4;cursor:default}.fabled-none{color:#888;font-size:.85rem;font-style:italic}.fabled-remove{color:#c66;cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:1.3rem;line-height:1}.fabled-options{border-top:1px solid #ffffff1a;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:6px;max-height:260px;margin:10px 0 0;padding:8px 0 0;list-style:none;display:grid;overflow-y:auto}.fabled-option{width:100%;color:inherit;cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:8px;align-items:center;gap:8px;padding:6px;font-size:.8rem;display:flex}.fabled-option:hover{border-color:#c9a85a99}.pv-fabled{background:var(--pv-card,#1a161ee0);border:1px solid var(--pv-line,#c9a85a33);border-radius:14px;margin:16px;padding:12px 14px}.pv-fabled h3{font-family:var(--botc-token-font);color:var(--botc-gold,#c9a85a);margin:0 0 8px;font-size:1rem}.night-cursor-bar{z-index:2;background:#1d1a2b;border:1px solid #7b52ab;border-radius:6px;align-items:center;gap:8px;padding:6px 8px;display:flex;position:sticky;top:0}.night-cursor-bar button{color:#ddd;cursor:pointer;background:#2b2b33;border:1px solid #555;border-radius:5px;padding:4px 10px}.night-cursor-bar button:disabled{opacity:.4;cursor:default}.night-cursor-bar .night-next-btn{color:#fff;background:#7b52ab;border-color:#7b52ab;font-weight:700}.night-cursor-label{color:#ccc;flex:1;font-size:.85rem}.night-cursor-count{color:#777;font-size:.75rem}.night-step{border-bottom:1px solid #1e1e26;border-left:3px solid #0000;padding:6px 4px;font-size:.88rem}.night-step:last-child{border-bottom:none}.night-step.current{background:#f1c40f14;border-left-color:#f1c40f}.night-step.done{opacity:.55}.night-step-head{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.night-step-title{color:#ddd;flex:1}.night-step-dusk .night-step-title,.night-step-dawn .night-step-title,.night-step-minion-info .night-step-title,.night-step-demon-info .night-step-title{text-transform:uppercase;letter-spacing:.5px;color:#b9a3e3;font-size:.78rem;font-weight:700}.night-step-skip{opacity:.5;align-items:center;gap:8px;padding:2px 4px;font-size:.75rem;display:flex}.night-skip-tag{text-transform:uppercase;color:#999;border:1px solid #555;border-radius:3px;padding:0 4px;font-size:.65rem}.night-skip-reason{color:#777;font-style:italic}.night-wakes{flex-wrap:wrap;align-items:center;gap:6px;margin:4px 0 2px 24px;display:flex}.night-wake-label{text-transform:uppercase;color:#888;font-size:.65rem}.night-wake-seat{color:#eee;background:#26232f;border:1px solid #3d3850;border-radius:12px;align-items:center;gap:4px;padding:1px 8px 1px 2px;font-size:.8rem;display:inline-flex}.night-wake-seat.dead{opacity:.6}.night-seat-num{color:#1a1a1a;background:#f1c40f;border-radius:50%;justify-content:center;align-items:center;min-width:18px;height:18px;font-size:.7rem;font-weight:700;display:inline-flex}.night-really{color:#e67e22;font-size:.75rem}.night-status{text-transform:uppercase;border-radius:3px;padding:1px 4px;font-size:.65rem;font-weight:700}.night-status-poisoned{color:#fff;background:#2e7d32}.night-status-drunk{color:#fff;background:#8e44ad}.night-status-safe{color:#fff;background:#2980b9}.night-status-vortox{color:#fff;background:#c0392b}.night-live-answer{color:#7ee2a8;border:1px solid #27ae6080;border-radius:10px;padding:1px 8px;font-size:.72rem}.night-step .night-lunatic-block,.night-step .info-picker,.night-step .night-phase-instruction,.night-step .night-chip-group{margin-left:24px}.sortable-token.night-wake .token-circle{box-shadow:0 0 0 4px #f1c40f,0 0 28px 8px #f1c40fb3}.board-area{position:relative}.night-wizard{z-index:30;color:#ddd;background:#141220f7;border:1px solid #7b52ab;border-radius:12px;flex-direction:column;width:min(600px,100% - 16px);max-height:calc(100% - 16px);font-size:.9rem;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 12px 40px #0009;container:nw/inline-size}.night-wizard.with-preview{width:min(940px,100% - 16px)}.nw-head{flex-wrap:nowrap;align-items:center;gap:8px;min-width:0;padding:10px 12px 6px;display:flex}.nw-head .night-icon{flex:none;width:38px;height:38px}.nw-head .night-status,.nw-head .night-live-answer{white-space:nowrap;flex:none}.nw-title{flex:1;min-width:0}.nw-kicker{color:#999;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;font-size:.7rem}.nw-title h2{color:#f1c40f;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:1.15rem;overflow:hidden}.nw-min,.nw-more-btn{color:#ddd;cursor:pointer;white-space:nowrap;background:#2b2b33;border:1px solid #555;border-radius:6px;flex:none;height:26px;padding:0 9px;font-size:.78rem;line-height:1}.nw-min{font-size:1rem}.nw-more-btn.open{color:#8fa8ff;border-color:#8fa8ff}.nw-columns{flex:1;gap:12px;min-height:0;display:flex}.nw-body{flex:1;min-width:0;min-height:0;padding:2px 12px 8px;overflow-y:auto}.nw-woken{flex-direction:column;gap:3px;margin:0 0 6px;padding:0;list-style:none;display:flex}.nw-woken-row{white-space:nowrap;border:1px solid #3a3550;border-radius:6px;align-items:center;gap:6px;min-width:0;padding:3px 8px;display:flex}.nw-who{flex:none}.nw-role{color:#bbb;text-overflow:ellipsis;align-items:center;gap:3px;min-width:0;display:inline-flex;overflow:hidden}.nw-role img{flex:none;width:18px;height:18px}.nw-thinks{color:#aaa;text-overflow:ellipsis;font-style:italic;overflow:hidden}.nw-chip{color:#ccc;background:#3a3550;border-radius:8px;flex:none;padding:1px 6px;font-size:.7rem}.nw-chip-impaired{color:#f0a050;cursor:help;background:#f0a05033;font-weight:600}.nw-pick{color:#8fd18f;text-overflow:ellipsis;font-size:.8rem;overflow:hidden}.nw-pick.none{color:#888;font-style:italic}.nw-status{color:#aaa;flex:none;margin-left:auto;font-size:.72rem}.nw-status-seen{color:#66bb6a;font-weight:600}.nw-status-changed,.nw-status-offline{color:#f0a050}.nw-action{color:#eee;margin:4px 0 6px;font-size:.95rem;line-height:1.35}.nw-warning{margin:0 0 6px}.nw-stage-body{flex-direction:column;gap:6px;display:flex}.nw-stage-body .info-picker,.nw-stage-body .night-phase-instruction{margin:0}.nw-choice{color:#f0a050;background:#ffffff0a;border-radius:6px;margin:0;padding:4px 8px}.nw-choice.made{color:#8fd18f;font-weight:600}.nw-choice-key{color:#999;text-transform:uppercase;letter-spacing:.03em;margin-right:4px;font-size:.72rem;font-weight:400}.nw-evil-info .night-chip-group{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.nw-evil-key{color:#999;margin-right:4px;font-size:.75rem}.nw-note{color:#f0a050;margin:4px 0;font-size:.8rem}.nw-more{color:#bbb;background:#8fa8ff0f;border-left:2px solid #8fa8ff;border-radius:4px;margin-top:10px;padding:6px 10px;font-size:.8rem}.nw-more p{margin:0 0 4px}.nw-ability{color:#ccc;font-style:italic}.nw-recipients{flex-direction:column;gap:6px;margin:4px 0;padding:0;list-style:none;display:flex}.nw-card{background:#5b8cff12;border-left:2px solid #5b8cff99;border-radius:4px;padding:4px 8px;font-size:.8rem}.nw-card-title{text-transform:uppercase;color:#8fa8ff;letter-spacing:.04em;font-size:.7rem}.nw-card-chars{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.nw-card-char{align-items:center;gap:4px;font-style:italic;display:inline-flex}.nw-card-char img{width:22px;height:22px}.nw-card-grimoire{color:#b8c6ff;margin-top:4px;font-style:italic}.nw-skipped{margin-top:6px}.nw-skipped-toggle{color:#999;cursor:pointer;background:0 0;border:none;padding:0;font-size:.8rem}.nw-skipped-list{color:#aaa;margin:4px 0 0;padding:0;font-size:.8rem;list-style:none}.nw-skipped-list li{gap:8px;display:flex}.nw-nav{border-top:1px solid #2c2840;flex:none;align-items:center;gap:8px;padding:8px 12px;display:flex}.nw-nav button{cursor:pointer;border-radius:6px;font-size:.9rem}.nw-back{color:#ddd;background:#2b2b33;border:1px solid #555;padding:6px 12px}.nw-nav button:disabled{opacity:.4;cursor:default}.nw-blocker{color:#f0a050;text-align:right;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:.75rem;overflow:hidden}.nw-primary{color:#fff;white-space:nowrap;text-overflow:ellipsis;background:#7b52ab;border:1px solid #7b52ab;max-width:70%;margin-left:auto;padding:8px 16px;font-weight:700;overflow:hidden}.nw-blocker+.nw-primary{margin-left:0}.nw-end{background:#d9822b;border-color:#d9822b}.nw-overflow{position:relative}.nw-overflow-btn{color:#ddd;background:#2b2b33;border:1px solid #555;padding:6px 10px;line-height:1}.nw-overflow-menu{z-index:2;background:#1d1a2b;border:1px solid #555;border-radius:8px;flex-direction:column;min-width:220px;padding:4px;display:flex;position:absolute;bottom:calc(100% + 4px);left:0;box-shadow:0 6px 20px #00000080}.nw-overflow-menu button{color:#ddd;text-align:left;background:0 0;border:none;padding:6px 10px;font-size:.85rem}.nw-overflow-menu button:hover{background:#2b2b33}.info-tip{color:#8fa8ff;cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:.85rem;line-height:1}.info-tip-text{color:#bbb;margin-top:4px;font-size:.75rem;font-style:italic;display:block}.info-picker-wizard{gap:4px}.info-picker-wizard .info-key{width:100px}.info-footer-quiet{justify-content:flex-start;gap:10px}.night-wizard-pill{z-index:30;color:#ddd;cursor:pointer;background:#141220f2;border:1px solid #7b52ab;border-radius:999px;align-items:center;gap:10px;padding:6px 14px;font-size:.85rem;display:flex;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.nw-pill-open{color:#f1c40f;font-weight:600}.nw-lunatic{flex-direction:column;gap:6px;margin:2px 0 4px;display:flex}.nw-lunatic-row{align-items:flex-start;gap:10px;display:flex}.nw-lunatic-key{color:#aaa;flex:none;width:90px;padding-top:2px;font-size:.8rem}.nw-lunatic-seats{flex-wrap:wrap;gap:4px 12px;display:flex}.nw-lunatic-bluffs{flex-wrap:wrap;gap:6px;display:flex}.nw-lunatic-bluffs select{color:#ddd;background:#2b2b33;border:1px solid #555;border-radius:6px;padding:2px 6px;font-size:.8rem}.nw-preview-col{flex:none;width:270px;padding:0 12px 8px 0;overflow-y:auto}.nw-preview-tabs{flex-wrap:wrap;gap:4px;margin-bottom:6px;display:flex}.nw-preview-tab{color:#ddd;cursor:pointer;background:#2b2b33;border:1px solid #555;border-radius:6px;padding:2px 8px;font-size:.75rem}.nw-preview-tab.active{color:#f1c40f;border-color:#f1c40f}.nw-phone{border:2px solid #3a3550;border-radius:22px;height:max(260px,min(440px,100cqh - 170px));overflow:hidden}.player-app.pv-preview{height:100%;min-height:0;font-size:.85rem;overflow-y:auto}.player-app.pv-preview .pv-night-screen{justify-content:flex-start;padding:14px 10px}@container nw (width<=759px){.nw-preview-col{width:210px}.player-app.pv-preview{zoom:.8}}@container nw (width<=539px){.nw-columns{flex-direction:column;overflow-y:auto}.nw-body{overflow-y:visible}.nw-preview-col{width:auto;padding:0 12px 8px;overflow:visible}.nw-phone{height:320px}}.nw-grim-choice{flex-direction:column;gap:6px;display:flex}.nw-grim-modes{gap:16px;display:flex}.nw-grim-modes label{cursor:pointer;align-items:center;gap:4px;display:flex}.nw-grim-sent{color:#e0a96d;margin:0;padding-left:18px;font-size:.8rem}.fake-grim{border:1px dashed #7b52ab;border-radius:8px;flex-direction:column;gap:6px;padding:6px 8px;display:flex}.fake-grim-head{color:#aaa;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;font-size:.8rem;display:flex}.fake-grim-reset{color:#ddd;cursor:pointer;background:#2b2b33;border:1px solid #555;border-radius:6px;padding:2px 8px;font-size:.8rem}.fake-grim-seats{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.fake-grim-seat{border-bottom:1px solid #2b2b33;flex-wrap:wrap;align-items:center;gap:4px 6px;padding-bottom:4px;display:flex}.fake-grim-name{text-overflow:ellipsis;white-space:nowrap;flex:none;width:110px;font-size:.8rem;overflow:hidden}.fake-grim select{color:#ddd;background:#2b2b33;border:1px solid #555;border-radius:6px;max-width:150px;padding:1px 4px;font-size:.78rem}.fake-grim-reminders{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.fake-grim-reminder{background:#3a2f4f;border-radius:10px;align-items:center;gap:3px;padding:1px 6px;font-size:.75rem;display:inline-flex}.fake-grim-reminder select{max-width:70px}.fake-grim-reminder button{color:#ddd;cursor:pointer;background:0 0;border:none;padding:0 2px}.fake-grim-changes{color:#e0a96d;font-size:.78rem}.fake-grim-changes ul{margin:2px 0 0;padding-left:18px}body:has(.player-app:not(.pv-preview)){place-items:normal;min-width:0;display:block;overflow:visible}#root:has(.player-app:not(.pv-preview)){display:block;overflow:visible}.player-app{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--pv-bg:#0e0d12;--pv-card:#1a161ee0;--pv-text:#f1ead9;--pv-muted:#b3a990;--pv-accent:var(--botc-gold);--pv-good:#5b8cff;--pv-evil:#e0423f;--pv-line:#c9a85a33;background:linear-gradient(#0a090eb8, #0a090ee6), var(--pv-bg) url(/botc/background.jpg) center / cover fixed no-repeat;color:var(--pv-text);flex-direction:column;width:100%;min-height:100dvh;display:flex;overflow-x:hidden}.player-app button{color:inherit;font:inherit;background:0 0;border:none;border-radius:0;padding:0}.pv-offline{z-index:2;padding:4px 16px;padding-top:calc(4px + env(safe-area-inset-top));text-align:center;color:#fbc02d;border-bottom:1px solid var(--pv-line);background:#0e0d12eb;font-size:.8rem;position:sticky;top:0}.pv-main{flex:1;padding:16px 16px 104px}.pv-empty{color:var(--pv-muted);text-align:center;padding:48px 16px}.pv-tabbar{border-top:1px solid var(--pv-line);padding-bottom:env(safe-area-inset-bottom);background:#0e0d12f5;grid-template-columns:repeat(6,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.pv-tabbar button{color:var(--pv-muted);flex-direction:column;align-items:center;gap:3px;min-height:60px;padding:8px 2px 6px;display:flex}.pv-tabbar button.active{color:var(--pv-accent)}.pv-tab-icon{object-fit:cover;opacity:.6;border-radius:50%;width:32px;height:32px;transition:opacity .15s,box-shadow .15s;box-shadow:0 0 0 1.5px #000}.pv-tab-icon-notes{filter:brightness(1.6)contrast(1.3)}.pv-tabbar button.active .pv-tab-icon{opacity:1;box-shadow:0 0 0 2px var(--pv-accent)}.pv-tab-label{font-family:var(--botc-token-font);text-align:center;font-size:.72rem;font-weight:700;line-height:1.1}.pv-role{flex-direction:column;align-items:center;gap:16px;display:flex}.player-app .pv-card{background:var(--pv-card);border:1px solid var(--pv-line);text-align:center;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;box-sizing:border-box;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:100%;max-width:360px;min-height:380px;padding:24px;display:flex}.pv-card-waiting{color:var(--pv-muted)}.pv-token{pointer-events:none}.player-app .pv-card-hold{cursor:pointer;touch-action:pan-y;grid-template-areas:"face";place-items:center;display:grid}.pv-card-hold *{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.pv-face{flex-direction:column;grid-area:face;justify-content:center;align-items:center;gap:10px;width:100%;display:flex}.player-app .pv-hold-btn{width:100%;max-width:360px;min-height:96px;color:var(--pv-text);font-family:var(--botc-token-font);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:none;background:#c9a85a1a;border:1px solid #c9a85a73;border-radius:20px;font-size:1.05rem;font-weight:700}.player-app .pv-hold-btn:active{background:#c9a85a40}.player-app .pv-hold-btn:disabled{opacity:.45}.player-app .pv-got-it{width:100%;max-width:360px;min-height:52px;color:var(--pv-text);font-family:var(--botc-token-font);background:#66bb6a26;border:1px solid #66bb6a99;border-radius:14px;font-size:1rem;font-weight:700}.player-app .pv-got-it:disabled{opacity:.45}.pv-role-hint{color:var(--pv-muted);text-align:center;max-width:360px;font-size:.85rem}.pv-got-it-done{color:var(--pv-good)}.pv-role-name{font-family:var(--botc-display);font-size:2.2rem;line-height:1.1}.pv-role-type{color:var(--pv-accent);text-transform:uppercase;letter-spacing:.1em;font-size:.8rem}.pv-ability{line-height:1.4;font-family:var(--botc-token-font);margin:0;font-weight:700}.pv-dead-line{color:var(--pv-evil);font-weight:600}.pv-alignment{text-transform:uppercase;letter-spacing:.05em;margin-top:8px;font-weight:700}.pv-alignment-good{color:var(--pv-good)}.pv-alignment-evil{color:var(--pv-evil)}.pv-town{container-type:inline-size}.pv-oval{width:100%;max-width:480px;height:max(280px, min(calc(100dvh - 124px - env(safe-area-inset-bottom)), 200cqw));--ts:48px;--tw:80px;margin:0 auto;position:relative}.pv-oval-centre{text-align:center;justify-content:center;align-items:center;margin:0;display:flex;position:absolute;inset:30% 20%}.pv-ts{width:var(--tw);flex-direction:column;align-items:center;gap:2px;display:flex;position:absolute;transform:translate(-50%,-50%)}.pv-ts-token{width:var(--ts);height:var(--ts);display:block;position:relative}.pv-ts-you .botc-token{box-shadow:0 0 0 2px var(--pv-accent), 0 3px 10px #0009}.pv-ts-dead .pv-ts-name{color:var(--pv-muted);text-decoration:line-through}.pv-ts-vote{object-fit:contain;width:42%;height:42%;position:absolute;bottom:-2px;right:-6px}.pv-ts-vote-used .pv-ts-vote{opacity:.35;filter:grayscale()}.pv-ts-badge{font-family:var(--botc-token-font);color:#1b1820;font-weight:800;font-size:calc(var(--ts) * .36);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.pv-ts-name{font-family:var(--botc-token-font);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.75rem;font-weight:700;overflow:hidden}.pv-ts-pronouns{color:var(--pv-muted);text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin-top:-2px;font-size:.625rem;font-style:italic;line-height:12px;overflow:hidden}.pv-ts-you-label{background:var(--pv-accent);color:#1b1820;border-radius:6px;padding:0 4px;font-size:.6rem;font-weight:800;line-height:1.3;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}.pv-summary{font-family:var(--botc-token-font);font-size:1.05rem;font-weight:700}.pv-sheet-backdrop{z-index:5;background:#0009;align-items:flex-end;display:flex;position:fixed;inset:0}.pv-sheet{background:var(--pv-bg);border-top:1px solid var(--pv-line);width:100%;max-height:80dvh;padding:12px 16px calc(16px + env(safe-area-inset-bottom));box-sizing:border-box;border-radius:16px 16px 0 0;overflow-y:auto}.pv-sheet-head{z-index:1;background:var(--pv-bg);align-items:center;gap:12px;padding:8px 0;display:flex;position:sticky;top:-12px}.pv-sheet-title{font-family:var(--botc-token-font);flex:1;font-size:1.2rem;font-weight:800}.player-app .pv-sheet-btn{background:var(--pv-card);border:1px solid var(--pv-line);border-radius:8px;padding:8px 12px}.player-app .pv-sheet-done{background:var(--pv-accent);color:#1b1820;font-weight:700}.pv-guess-grid{grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:6px;display:grid}.player-app .pv-guess-opt{background:var(--pv-card);font-family:var(--botc-token-font);border-radius:10px;flex-direction:column;align-items:center;gap:4px;padding:8px 2px;font-size:.7rem;font-weight:700;display:flex}.player-app .pv-guess-opt.picked{outline:2px solid var(--pv-accent)}.pv-script-title{background:var(--botc-parchment);border-radius:50%;width:180px;height:180px;margin:0 auto 8px;box-shadow:0 0 0 3px #000,0 4px 16px #0009}.pv-script-title-text{box-sizing:border-box;text-align:center;font-family:var(--botc-display);color:#1b130c;justify-content:center;align-items:center;padding:24px;font-size:1.9rem;font-weight:400;line-height:1.1;display:flex}.pv-script-title img{object-fit:contain;width:100%;height:100%;display:block}.pv-script-author{text-align:center;color:var(--pv-muted,#999);margin-bottom:8px;font-size:.9rem}.pv-group-title{font-family:var(--botc-display);margin:18px 0 8px;font-size:1.6rem;font-weight:400}.pv-type-townsfolk,.pv-type-outsiders{color:var(--pv-good)}.pv-type-minions,.pv-type-demons{color:var(--pv-evil)}.pv-type-travellers{color:#c9a0dc}.pv-ts-traveller .pv-ts-token{border-radius:50%;box-shadow:0 0 0 2px #c9a0dc}.pv-ts-traveller-label{color:#1a1420;background:#c9a0dc}.pv-char{border-bottom:1px solid var(--pv-line);align-items:flex-start;gap:10px;padding:8px 0;display:flex}.pv-char-img{flex-shrink:0}.pv-char-name{font-family:var(--botc-token-font);font-size:1.05rem;font-weight:700}.pv-char-ability{color:var(--pv-muted);font-size:.85rem;line-height:1.35}.pv-subtabs{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px;display:grid}.player-app .pv-subtabs button{background:var(--pv-card);color:var(--pv-muted);border-radius:10px;padding:10px}.player-app .pv-subtabs button.active{color:var(--pv-text);outline:2px solid var(--pv-accent)}.pv-night-list{margin:0;padding:0;list-style:none}.pv-night-list li{border-bottom:1px solid var(--pv-line);align-items:center;gap:10px;padding:6px 0;display:flex}.pv-night-phase{color:var(--pv-accent);font-family:var(--botc-display);font-size:1.3rem;padding:10px 0!important}.pv-night-role{font-family:var(--botc-token-font);font-weight:700}.pv-join{box-sizing:border-box;flex-direction:column;gap:12px;width:100%;max-width:420px;margin:0 auto;padding:48px 16px;display:flex}.pv-join-logo{filter:invert()drop-shadow(0 0 12px #000c);width:120px;margin:0 auto}.pv-join-title{font-family:var(--botc-display);text-align:center;margin:0;font-size:2.4rem;font-weight:400;line-height:1.1}.pv-join-label{color:var(--pv-muted);font-size:.9rem}.pv-join-input{border:1px solid var(--pv-line);background:var(--pv-card);color:var(--pv-text);border-radius:10px;padding:14px;font-size:1.2rem}.pv-join-error{color:var(--pv-evil)}.player-app .pv-join-btn{background:var(--pv-accent);color:#1b130c;font-family:var(--botc-token-font);border-radius:10px;padding:14px;font-size:1.1rem;font-weight:800}.player-app .pv-join-btn:disabled{opacity:.5}.player-app .pv-join-btn-alt{color:var(--pv-accent);border:1px solid var(--pv-accent);background:0 0}.pv-pronouns-field{flex-direction:column;gap:8px;display:flex}.pv-pronoun-picks{flex-wrap:wrap;gap:8px;display:flex}.player-app .pv-pronoun-pick{background:var(--pv-card);color:var(--pv-muted);border:1px solid var(--pv-line);border-radius:999px;padding:6px 14px;font-size:.95rem}.player-app .pv-pronoun-pick.active{color:var(--pv-text);border-color:var(--pv-accent);outline:1px solid var(--pv-accent)}.pv-name-tab{flex-direction:column;gap:12px;display:flex}.pv-name-title{font-family:var(--botc-token-font);margin:0;font-size:1.3rem}.pv-name-hint{color:var(--pv-muted);margin:0;font-size:.9rem}.pv-join-hint{color:var(--pv-muted);text-align:center;font-size:.85rem;line-height:1.4}.pv-notes{flex-direction:column;gap:8px;display:flex}.pv-notes .pv-group-title{margin-top:0}.pv-notes-hint{color:var(--pv-muted);margin:0;font-size:.85rem}.pv-notes-text{box-sizing:border-box;border:1px solid var(--pv-line);width:100%;min-height:55vh;color:inherit;font:inherit;resize:vertical;background:#ffffff0a;border-radius:10px;padding:12px;font-size:16px;line-height:1.45}.pv-notes-text:focus{border-color:var(--pv-accent);outline:none}.pv-notes-count{color:var(--pv-muted);align-self:flex-end;font-size:.75rem}.pv-game-over{background:var(--pv-card);border:1px solid var(--pv-line);text-align:center;border-radius:14px;margin-bottom:16px;padding:16px}.pv-game-over-good{border-color:var(--pv-good)}.pv-game-over-evil{border-color:var(--pv-evil)}.pv-go-title{color:var(--pv-muted);text-transform:uppercase;letter-spacing:.14em;font-size:.8rem;font-weight:700}.pv-go-winner{font-family:var(--botc-display);margin:4px 0 0;font-size:2.4rem;font-weight:400;line-height:1.1}.pv-game-over-good .pv-go-winner{color:var(--pv-good)}.pv-game-over-evil .pv-go-winner{color:var(--pv-evil)}.pv-go-note{margin:6px 0 0;font-style:italic}.pv-go-list{text-align:left;flex-direction:column;gap:8px;margin:14px 0 0;padding:0;list-style:none;display:flex}.pv-go-seat{align-items:center;gap:10px;display:flex}.pv-go-you .pv-go-name{color:var(--pv-accent)}.pv-go-text{flex-direction:column;min-width:0;display:flex}.pv-go-name{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.pv-go-role{font-family:var(--botc-display);font-size:1.1rem}.pv-go-good{color:var(--pv-good)}.pv-go-evil{color:var(--pv-evil)}.pv-go-neutral{color:var(--pv-accent)}.pv-go-shown{color:var(--pv-muted);font-size:.8rem;font-style:italic}.pv-go-turned{text-transform:uppercase;letter-spacing:.04em;font-size:.8rem;font-weight:700}.pv-go-banner{border:1px solid var(--pv-accent);background:var(--pv-card);width:100%;color:var(--pv-text);border-radius:10px;margin-bottom:12px;padding:10px 12px;font-weight:700;display:block}.pv-night-info{flex-direction:column;gap:10px;width:100%;max-width:360px;margin:20px auto 0;display:flex}.pv-night-info h3{font-family:var(--botc-token-font);margin:0;font-size:1.1rem}.pv-info-card{background:var(--pv-card);border:1px solid var(--pv-line);border-radius:14px;overflow:hidden}.player-app .pv-info-head{text-align:left;align-items:center;gap:8px;width:100%;min-height:56px;padding:14px 16px;display:flex}.pv-info-title{font-family:var(--botc-token-font);flex:1;font-weight:700}.pv-info-new{background:var(--pv-accent);color:#1b1820;text-transform:uppercase;border-radius:8px;padding:1px 8px;font-size:.7rem;font-weight:800}.pv-info-hint{color:var(--pv-muted);font-size:.75rem}.pv-info-body{border-top:1px solid var(--pv-line);padding:0 16px 16px}.pv-info-body p{margin:12px 0 0;font-weight:600;line-height:1.4}.pv-info-chars{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:12px;display:flex}.pv-info-char{font-size:.8rem;font-family:var(--botc-token-font);flex-direction:column;align-items:center;gap:4px;font-weight:700;display:flex}.pv-tabbar button{position:relative}.pv-tab-badge{background:var(--pv-accent);border-radius:50%;width:10px;height:10px;position:absolute;top:6px;right:calc(50% - 22px);box-shadow:0 0 0 2px #000}.player-app.pv-dark{--pv-text:#8f8878;--pv-muted:#5e584c;--pv-accent:#7a6838;--pv-card:#0b0a0d;--pv-line:#c9a85a1f;background:#000}.pv-dark .pv-offline{color:#6e5f2a;background:#000}.pv-night-screen{padding:24px 16px calc(24px + env(safe-area-inset-bottom));box-sizing:border-box;flex-direction:column;flex:1;justify-content:center;display:flex}.pv-night-rest{text-align:center;-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;gap:8px;display:flex}.pv-night-moon{object-fit:contain;opacity:.18;filter:grayscale(.6);width:96px;height:96px}.pv-night-title{font-family:var(--botc-display);color:#4a463e;margin:8px 0 0;font-size:1.8rem}.pv-night-sub{font-family:var(--botc-token-font);color:#3a372f;margin:0;font-weight:700}.pv-night-cards{flex-direction:column;align-items:center;display:flex}.pv-night-cards .pv-night-info{margin-top:0}.pv-night-cards .botc-token{filter:brightness(.55)}.player-app .pv-night-done{border:1px solid var(--pv-line);width:100%;max-width:360px;min-height:52px;color:var(--pv-text);font-family:var(--botc-token-font);border-radius:14px;margin-top:16px;font-weight:700}.player-app .pv-info-grimoire{border:1px solid var(--pv-accent);width:100%;min-height:44px;font-family:var(--botc-token-font);border-radius:10px;margin-top:12px;font-weight:700}.pv-grim{z-index:4;background:var(--pv-bg);padding:calc(8px + env(safe-area-inset-top)) 16px calc(8px + env(safe-area-inset-bottom));box-sizing:border-box;flex-direction:column;display:flex;position:fixed;inset:0}.pv-grim-head{align-items:center;gap:12px;padding:4px 0 8px;display:flex}.pv-grim-title{font-family:var(--botc-token-font);flex:1;font-size:1.1rem;font-weight:800}.pv-grim-oval{flex:1;height:auto;min-height:280px}.pv-grim-centre{color:var(--pv-muted);font-size:.8rem}.pv-grim-good .pv-ts-token .botc-token{box-shadow:0 0 0 2px var(--pv-good)}.pv-grim-evil .pv-ts-token .botc-token{box-shadow:0 0 0 2px var(--pv-evil)}.pv-grim-thinks{width:45%;height:45%;position:absolute;top:-4px;right:-8px}.pv-grim-thinks .botc-token{box-shadow:0 0 0 1px var(--pv-muted)!important}.pv-grim-rems{max-width:calc(var(--tw) + 16px);justify-content:center;align-items:center;gap:1px;display:flex}.pv-grim-rems .reminder-token-text{font-size:.4rem}.pv-grim-more{color:var(--pv-muted);font-size:.65rem;font-weight:800}.pv-grim-detail{align-items:center;gap:16px;display:flex}.pv-grim-detail ul{flex-direction:column;gap:4px;margin:0;padding:0;font-weight:600;list-style:none;display:flex}.pv-grim-align-good{color:var(--pv-good)}.pv-grim-align-evil{color:var(--pv-evil)}.pv-grim-detail-rems{flex-direction:column;gap:8px;margin-top:16px;display:flex}.pv-grim-detail-rem{align-items:center;gap:12px;display:flex}.pv-choice{background:var(--pv-card);border:1px solid var(--pv-line);box-sizing:border-box;border-radius:14px;flex-direction:column;gap:10px;width:100%;max-width:360px;margin:0 auto 16px;padding:14px 16px;display:flex}.pv-choice-head{align-items:center;gap:12px;display:flex}.pv-choice-title{font-family:var(--botc-token-font);font-size:1.1rem;font-weight:700}.pv-choice-text{margin:2px 0 0;font-weight:600;line-height:1.35}.pv-choice-row{color:var(--pv-muted);flex-direction:column;gap:4px;font-size:.8rem;display:flex}.pv-choice-row select{border:1px solid var(--pv-line);min-height:48px;color:var(--pv-text);font:inherit;background:#000;border-radius:10px;padding:0 10px;font-size:1rem}.pv-choice-status{color:var(--pv-muted);margin:0;font-size:.8rem}@keyframes pv-fade-in{0%{opacity:0}to{opacity:1}}@keyframes pv-rise-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes pv-shroud-drop{0%{opacity:0;transform:translate(-50%,-60%)}to{opacity:1;transform:translate(-50%)}}.pv-nightfall{animation:.6s ease-out both pv-fade-in}.pv-preview .pv-nightfall{animation:none}.player-app.pv-daybreak{animation:.4s ease-out both pv-fade-in}.pv-ts-died .botc-token-shroud{animation:.6s ease-out both pv-shroud-drop}.pv-game-over{animation:.5s ease-out both pv-rise-in}.pv-go-seat{animation:.4s ease-out both pv-rise-in;animation-delay:calc(.2s + var(--i,0) * 40ms)}@media (prefers-reduced-motion:reduce){.pv-nightfall,.player-app.pv-daybreak,.pv-ts-died .botc-token-shroud,.pv-game-over,.pv-go-seat{animation:none}}.tvp-hint{color:#888;margin:0;font-size:.9rem}.tvp-controls{border:1px solid var(--botc-gold);z-index:1;background:#23222b;border-radius:8px;flex-direction:column;gap:10px;padding:12px;display:flex;position:sticky;top:-16px}.tvp-current{align-items:center;gap:10px;display:flex}.tvp-current>div:nth-child(2){flex:1;min-width:0}.tvp-label{color:#888;text-transform:uppercase;letter-spacing:1px;font-size:.7rem;font-weight:700}.tvp-name{font-family:var(--botc-token-font);font-size:1.1rem;font-weight:800}.tvp-close{padding:6px 14px}.tvp-toggle{cursor:pointer;align-items:center;gap:8px;font-size:.9rem;display:flex}.tvp-pager{align-items:center;gap:8px;display:flex}.tvp-pager button{white-space:nowrap;padding:6px 10px}.tvp-page{text-align:center;flex-direction:column;flex:1;align-items:center;min-width:0;font-size:.85rem;display:flex}.tvp-page-title{color:#aaa;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.75rem;overflow:hidden}.tvp-group-title{text-transform:uppercase;letter-spacing:1px;margin:0 0 6px;font-size:.8rem}.tvp-townsfolk,.tvp-outsiders{color:#6f9bff}.tvp-minions,.tvp-demons{color:#ff5a52}.tvp-grid{grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:6px;display:grid}.tvp-char{text-align:center;background:0 0;border:1px solid #0000;border-radius:8px;flex-direction:column;align-items:center;gap:4px;padding:6px 2px;font-size:.72rem;line-height:1.1;display:flex}.tvp-char:hover{border-color:#555}.tvp-char.active{border-color:var(--botc-gold);background:#c9a85a26}.log-export{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.log-status{opacity:.75;font-size:.85rem}.log-timeline{flex-direction:column;gap:6px;display:flex}.log-phase{background-color:#24242b;border-radius:10px;padding:8px 12px}.log-phase summary{cursor:pointer;font-family:var(--botc-display);color:var(--botc-gold);font-size:1.05rem}.log-phase ul{flex-direction:column;gap:3px;margin:6px 0 0;padding:0;font-size:.88rem;list-style:none;display:flex}.log-time{font-variant-numeric:tabular-nums;opacity:.55;margin-right:4px}.log-ev-death,.log-ev-execution{color:#ffb3b3}.log-ev-phase{opacity:.7}.log-empty{opacity:.6;font-style:italic}.day-recap-execution{margin:0 0 4px;font-weight:600}.day-recap-nominations{margin:0;padding-left:18px;font-size:.88rem}.setup-wizard{flex-direction:column;gap:12px;display:flex}.wizard-steps{grid-template-columns:repeat(6,1fr);gap:4px;margin:0;padding:0;list-style:none;display:grid}.wizard-step-dot button{color:#999;cursor:pointer;background:#ffffff0a;border:1px solid #333;border-radius:6px;flex-direction:column;align-items:center;gap:3px;width:100%;padding:6px 2px;font-size:.66rem;line-height:1.15;display:flex}.wizard-step-dot button:disabled{opacity:.4;cursor:not-allowed}.wizard-step-num{border:1px solid #555;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:.75rem;font-weight:700;display:inline-flex}.wizard-step-dot.done .wizard-step-num{color:#a5d6a7;background:#66bb6a2e;border-color:#66bb6a}.wizard-step-dot.current button{color:#fff;background:#ffffff14;border-width:2px}.wizard-step-dot.current .wizard-step-num{border-color:#fff}.wizard-step-name{text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}.wizard-head h2{font-family:var(--botc-display);color:var(--botc-gold,#e8d9a0);margin:0;font-size:1.25rem;font-weight:400}.wizard-detail{color:#ffb74d;overflow-wrap:anywhere;margin-top:2px;font-size:.78rem}.wizard-detail.done{color:#a5d6a7}.wizard-body{flex-direction:column;gap:12px;display:flex}.wizard-body .form-group{margin-bottom:0}.wizard-body .setup-warning{margin:0}.wizard-note{color:#aaa;overflow-wrap:anywhere;margin:0;font-size:.8rem;line-height:1.4}.wizard-link{color:inherit;cursor:pointer;font:inherit;background:0 0;border:none;padding:0;text-decoration:underline}.wizard-group h3{text-transform:uppercase;letter-spacing:1px;color:#888;margin:0 0 6px;font-size:.78rem}.wizard-shown-as{justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px;font-size:.85rem;display:flex}.wizard-shown-as select{padding:4px 6px;font-size:.85rem}.wizard-shown-as.missing select{border-color:#ffb74d}.wizard-confirm-list{margin:8px 0 0;padding:0;font-size:.85rem;list-style:none}.wizard-confirm{justify-content:space-between;gap:8px;padding:2px 0;display:flex}.wizard-confirm-state{color:#888}.wizard-confirm-confirmed .wizard-confirm-state{color:#a5d6a7}.wizard-confirm-waiting .wizard-confirm-state{color:#ffb74d}.wizard-warning{color:#ffb74d;overflow-wrap:anywhere;font-size:.85rem}.wizard-summary{color:#ccc;margin:0;padding-left:18px;font-size:.85rem;line-height:1.6}.wizard-body .fabled-picker{width:auto}.wizard-seat-line{flex-wrap:nowrap;flex:1;min-width:0}.wizard-seat-line .room-name-input{min-width:0;padding:5px 6px;font-size:.85rem}.wizard-seat-line .room-link-select{flex:none;max-width:9em}.wizard-seats .room-seat{align-items:center}.wizard-seats .room-seat-no{padding-top:0}.wizard-nav{z-index:2;background:#121016;border-top:1px solid #2a2a33;justify-content:space-between;gap:8px;margin:0 -16px -16px;padding:10px 16px 14px;display:flex;position:sticky;bottom:-16px}.wizard-nav button{color:#eee;cursor:pointer;background:#2b2b2b;border:1px solid #444;border-radius:6px;padding:8px 16px;font-size:.9rem}.wizard-next{margin-left:auto;font-weight:700}.wizard-nav button:disabled{opacity:.4;cursor:not-allowed}.setup-start-btn{color:#fff;width:100%;font-family:var(--botc-display);letter-spacing:1px;cursor:pointer;background:#5c6bc059;border:1px solid #5c6bc0;border-radius:8px;padding:14px;font-size:1.5rem}.setup-start-btn:hover{background:#5c6bc08c}.pin-counts{color:#aaa;margin-top:6px;font-size:.75rem;line-height:1.5}.pin-count-over{color:#ef5350;font-weight:700}.pin-group-count.over{color:#ffcdd2;background:#ef53504d}.pin-group-changes{text-transform:none;letter-spacing:0;color:#9fb4ff;font-weight:400}.pin-error{color:#ef9a9a;background:#ef53501f;border-radius:6px;padding:5px 8px;font-size:.75rem}.pin-hint{color:#777;font-size:.7rem}.prep-confirm-all{color:#c8e6c9;cursor:pointer;background:#66bb6a26;border:1px solid #66bb6a;border-radius:6px;align-self:flex-start;padding:6px 12px;font-size:.82rem}.prep-cards{flex-direction:column;gap:10px;display:flex}.prep-card{background:#ffffff08;border:1px solid #3a3a44;border-radius:8px;flex-direction:column;gap:6px;padding:8px 10px;display:flex}.prep-card.done{border-color:#66bb6a80}.prep-card.flagged{border-color:#ffb74d}.prep-card .info-picker{margin-top:0}.prep-head{align-items:center;gap:8px;display:flex}.prep-title{color:var(--botc-gold,#e8d9a0);flex:1;font-size:.9rem;font-weight:600}.prep-state{color:#ffb74d;white-space:nowrap;font-size:.72rem}.prep-state.done{color:#a5d6a7}.prep-who{color:#bbb;flex-wrap:wrap;align-items:center;gap:4px 8px;font-size:.76rem;display:flex}.prep-who strong{color:#eee;font-weight:600}.prep-believes{color:#e0a96d}.prep-status{text-transform:uppercase;border-radius:8px;padding:1px 6px;font-size:.68rem;font-weight:700}.prep-status-drunk{color:#ffcc80;background:#ffb74d33}.prep-status-poisoned{color:#c5e1a5;background:#9ccc6533}.prep-false-ok{color:#888;font-style:italic}.prep-flag{color:#ffb74d;flex-wrap:wrap;align-items:center;gap:6px;font-size:.76rem;display:flex}.prep-flag button{color:#ffcc80;cursor:pointer;background:0 0;border:1px solid #ffb74d;border-radius:5px;padding:3px 8px;font-size:.74rem}.script-importer-body{flex-direction:column;gap:8px;margin-top:8px;display:flex}.script-importer-text{box-sizing:border-box;resize:vertical;color:#ddd;background:#0000004d;border:1px solid #444;border-radius:6px;width:100%;padding:6px 8px;font-family:monospace;font-size:.75rem}.script-importer-actions{gap:8px;display:flex}.script-importer-btn{color:#ddd;cursor:pointer;background:#ffffff0f;border:1px solid #555;border-radius:6px;padding:5px 12px;font-size:.8rem}.script-importer-btn:disabled{opacity:.4;cursor:default}.script-importer-file input{display:none}.script-importer-error{color:#ff8a80;font-size:.8rem}.script-importer-done{color:#b9d8a6;font-size:.8rem}.script-importer-done ul{color:#e8c37a;margin:4px 0 0;padding-left:18px}.script-importer-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.script-importer-list li{color:#ccc;justify-content:space-between;align-items:center;gap:8px;font-size:.85rem;display:flex}.script-importer-author{color:#888;font-size:.75rem}.header-script-name{font-family:var(--botc-display);color:#ddd;text-align:center;max-width:72px;font-size:1.1rem;line-height:1.1}.privacy-toggle{white-space:nowrap;border-radius:999px;padding:4px 14px;font-size:.85rem}.town-view{box-sizing:border-box;flex-direction:column;align-items:center;gap:16px;height:100vh;padding:20px;display:flex;overflow:auto}.town-view-circle{aspect-ratio:1;background:#0000001a;border:1px solid #ffffff0d;border-radius:50%;flex-shrink:0;width:min(680px,90vw,100vh - 220px);position:relative}.town-view-seat{flex-direction:column;align-items:center;gap:4px;width:110px;display:flex;position:absolute;transform:translate(-50%,-50%)}.town-view-disc{background:url(/botc/token.png) 50%/cover;border-radius:50%;width:72px;height:72px;position:relative;box-shadow:0 2px 6px #0009}.town-view-disc img{width:100%;height:100%;position:absolute;inset:0}.town-view-name{text-overflow:ellipsis;white-space:nowrap;background:#14100cd9;border:1px solid #6b5a3a;border-radius:6px;max-width:100%;padding:1px 8px;font-size:.9rem;overflow:hidden}.town-view-seat.dead .town-view-name{opacity:.6;text-decoration:line-through}.town-view-tag{color:#bbb;font-size:.7rem}.town-view-vote{width:26px;height:26px}.town-view-vote.spent{opacity:.25;filter:grayscale()}.shortcut-help-backdrop{z-index:1000;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.shortcut-help{background:#16141a;border:1px solid #ffffff26;border-radius:12px;min-width:320px;max-width:90vw;padding:20px 24px}.shortcut-help h2{font-family:var(--botc-display);color:var(--botc-gold);margin:0 0 12px}.shortcut-help dl{margin:0}.shortcut-row{align-items:baseline;gap:14px;padding:4px 0;display:flex}.shortcut-row dt{min-width:70px}.shortcut-row dd{margin:0}.shortcut-help kbd{background:#ffffff1a;border:1px solid #ffffff40;border-radius:5px;padding:2px 8px;font-family:ui-monospace,monospace}.shortcut-help-note{color:#888;font-size:.85rem}.next-confirm{z-index:1000;color:#fff;background:#3a2a10;border:1px solid #e0a040;border-radius:8px;align-items:center;gap:10px;max-width:calc(100vw - 32px);padding:8px 14px;display:flex;position:fixed;top:12px;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #00000080}.next-confirm-warning{color:#ffb74d;font-weight:700}.next-confirm .next-confirm-go{color:#1a1a1a;background:#e0a040;font-weight:700}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#ffffffde;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}body{min-height:100vh;margin:0;display:flex;overflow:hidden}#root{flex:1;display:flex;overflow:hidden}.app-container{flex-direction:column;width:100%;height:100vh;display:flex;overflow:hidden}.header{color:#1b130c;background:linear-gradient(#e8dcc0f0,#d6c49ef0);border-bottom:2px solid #000;flex-shrink:0;align-items:center;gap:12px;padding:10px 16px;display:flex}.header-logo{object-fit:contain;flex-shrink:0;width:84px;height:84px}.header h1{font-family:var(--botc-display);margin:0;font-size:2.2rem;font-weight:400;line-height:1}.header .subtitle{font-family:var(--botc-token-font);margin-top:4px;font-size:.85rem;font-weight:700}.main-content{box-sizing:border-box;flex:1;gap:12px;min-height:0;padding:12px;display:flex}.sidebar{background-color:#121016eb;border:1px solid #c9a85a40;border-radius:12px;flex-direction:column;flex-shrink:0;width:350px;display:flex;overflow:hidden;box-shadow:4px 0 15px #0000004d}.sidebar h2,.sidebar h3{color:#fff;letter-spacing:1px;margin-top:0}.sidebar-tabs{border-bottom:1px solid #2a2a33;flex-shrink:0;display:flex}.sidebar-tab{color:#666;text-transform:uppercase;letter-spacing:1px;cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;flex:1;padding:10px 0;font-size:.8rem;font-weight:700;transition:color .15s,border-bottom-color .15s}.sidebar-tab.active{color:#fff}.sidebar-tab:hover:not(.active){color:#aaa}.sidebar-panel{flex-direction:column;flex:1;gap:14px;padding:16px;display:flex;overflow-y:auto}.form-group{flex-direction:column;margin-bottom:12px;display:flex}.setup-script-row{align-items:stretch;gap:8px;display:flex}.setup-script-row select{flex:1;min-width:0}.setup-script-delete{color:#bbb;cursor:pointer;background:0 0;border:1px solid #555;border-radius:6px;flex:0 auto;max-width:50%;padding:4px 10px;font-size:.75rem;line-height:1.2}.setup-script-delete:hover{color:#ff8a80;border-color:#c62828}.setup-warning{color:#e6c38c;background:#e6a23c1f;border-left:3px solid #e6a23c;margin:-4px 0 12px;padding:8px 10px;font-size:.82rem;line-height:1.35}.form-group label{text-transform:uppercase;color:#888;margin-bottom:5px;font-size:.85rem;font-weight:700}select{color:#fff;cursor:pointer;background-color:#2b2b33;border:1px solid #444;border-radius:6px;padding:10px;font-size:1rem}.generate-btn{color:#fff;cursor:pointer;letter-spacing:1px;border:none;border-radius:8px;width:100%;padding:14px;font-size:1rem;font-weight:800;transition:all .2s;box-shadow:0 4px 10px #0000004d}.generate-btn:hover{transform:translateY(-2px);box-shadow:0 6px 15px #0006}.generate-btn:disabled,.generate-btn:disabled:hover{opacity:.4;cursor:not-allowed;box-shadow:none;transform:none}select:disabled{opacity:.5;cursor:not-allowed}.info-section{flex-direction:column;gap:12px;display:flex}.info-card{background-color:#24242b;border-left:4px solid #444;border-radius:10px;padding:12px 14px}.info-card h3{text-transform:uppercase;color:#aaa;border-bottom:1px solid #333;margin-bottom:10px;padding-bottom:6px;font-size:.85rem}.distribution-grid{flex-direction:column;gap:6px;display:flex}.dist-header-row{border-bottom:1px solid #333;grid-template-columns:1fr 40px 60px;gap:8px;margin-bottom:2px;padding-bottom:4px;display:grid}.dist-col-label{text-transform:uppercase;color:#666;text-align:right;font-size:.75rem;font-weight:700}.dist-row{grid-template-columns:1fr 40px 60px;align-items:center;gap:8px;font-size:.95rem;display:grid}.dist-row-changed .dist-label{color:#f1c40f}.dist-label{color:#ccc}.dist-value{color:#3498db;text-align:right;font-size:1.05rem;font-weight:700}.dist-final{color:#888;text-align:right}.dist-value-changed{color:#f1c40f;font-weight:700}.this-game{border-left-color:#e74c3c}.this-game>summary{cursor:pointer;flex-direction:column;gap:6px;list-style:none;display:flex}.this-game>summary::-webkit-details-marker{display:none}.this-game>summary h3:before{content:"▶ ";font-size:.7em}.this-game[open]>summary h3:before{content:"▼ "}.this-game:not([open])>summary h3{margin-bottom:0}.this-game-line{color:#bbb;font-size:.82rem}.this-game-bluffs{color:#bbb;flex-wrap:wrap;align-items:center;gap:6px;font-size:.82rem;display:flex}.this-game-bluffs .pill{padding:2px 10px;font-size:.8rem}.this-game[open]>summary{margin-bottom:10px}.this-game-notes{color:#999;margin:10px 0 0;padding-left:18px;font-size:.82rem;line-height:1.45}.pill{color:#ff8a80;background-color:#3d1c1c;border:1px solid #e74c3c;border-radius:20px;padding:4px 12px;font-size:.85rem;font-weight:700}.ping-list{margin:0;padding-left:18px;font-size:.9rem;line-height:1.4}.ping-list li{margin-bottom:8px}.night-empty{color:#555;text-align:center;padding:20px 0;font-size:.9rem;font-style:italic}.night-tabs{flex-shrink:0;gap:6px;display:flex}.night-tab{color:#888;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;background:#2b2b33;border:1px solid #444;border-radius:5px;flex:1;padding:6px 0;font-size:.75rem;font-weight:700;transition:all .15s}.night-tab.active{color:#fff;background:#7b52ab;border-color:#7b52ab}.night-order-list{margin:0;padding:0;list-style:none}.night-item{border-bottom:1px solid #1e1e26;align-items:center;gap:8px;padding:5px 0;font-size:.88rem;display:flex}.night-item:last-child{border-bottom:none}.night-item-dead{opacity:.45}.night-num{color:#555;text-align:right;flex-shrink:0;width:16px;font-size:.7rem}.night-icon{object-fit:contain;flex-shrink:0;width:30px;height:30px}.night-role{color:#ddd;flex:1;min-width:0}.night-dead-marker{flex-shrink:0;width:12px}.night-phase-card{background:#7b52ab1a;border:1px solid #7b52ab47;border-radius:8px;flex-direction:column;gap:0;margin:5px 0;padding:9px 12px;list-style:none;display:flex}.night-phase-header{align-items:center;gap:7px;margin-bottom:8px;display:flex}.night-phase-title{text-transform:uppercase;letter-spacing:1.2px;color:#c9a8f0;font-size:.75rem;font-weight:700}.night-phase-row{grid-template-columns:68px 1fr;align-items:center;gap:8px;min-height:28px;display:grid}.night-phase-key{text-transform:uppercase;letter-spacing:.5px;color:#555;text-align:right;font-size:.68rem;font-weight:700}.night-phase-note{color:#555;margin-top:4px;padding-left:76px;font-size:.75rem;font-style:italic}.night-chip-group{flex-wrap:wrap;gap:5px;display:flex}.night-chip{white-space:nowrap;border-radius:12px;padding:3px 10px;font-size:.8rem;font-weight:600}.night-chip-demon{color:#ef8080;background:#ef535024;border:1px solid #ef535073}.night-chip-minion{color:#ffa040;background:#ffa0401f;border:1px solid #ffa04066}.night-chip-bluff{color:#7ab8e8;background:#5b9bd51f;border:1px solid #5b9bd561}.night-lunatic-block{background:#7b52ab1a;border:1px solid #7b52ab40;border-radius:6px;flex-direction:column;gap:0;margin-top:7px;padding:8px 10px;display:flex}.town-square-area{box-sizing:border-box;background-color:#08080c59;border-radius:12px;flex-direction:column;flex:1;gap:10px;min-width:0;min-height:0;padding:10px;display:flex;position:relative}.grimoire-body{flex:1;gap:12px;min-height:0;display:flex}.board-area{flex:1;justify-content:center;align-items:center;min-width:0;min-height:0;display:flex;container-type:size}.grimoire-side{flex-direction:column;flex-shrink:0;gap:12px;width:clamp(250px,24vw,380px);padding-right:2px;display:flex;overflow-y:auto}.grimoire-side>*{flex-shrink:0}.grimoire-side .nomination-panel,.grimoire-side .fabled-picker{width:auto}.grimoire-side .traveller-panel{margin-top:0}.hint-text{color:#666;text-align:center;background-color:#0000004d;border-radius:14px;padding:5px 14px;font-size:.8rem;font-style:italic}.game-bar{background:#0000004d;border:1px solid #ffffff14;border-radius:12px;flex-wrap:wrap;flex-shrink:0;justify-content:center;align-items:center;gap:8px 18px;padding:6px 10px;display:flex}.game-counts{color:#999;text-transform:uppercase;letter-spacing:.06em;flex-wrap:wrap;align-items:baseline;gap:4px 16px;font-size:.8rem;display:flex}.game-count strong{color:#fff;letter-spacing:.5px;margin-right:2px;font-family:Impact,sans-serif;font-size:1.5rem;font-weight:400}.live-strip{background-color:#27ae601a;border:1px solid #27ae604d;border-radius:20px;flex-wrap:wrap;align-items:center;gap:6px 14px;padding:6px 16px;font-size:.9rem;display:flex}.live-strip-item{color:#ccc}.live-strip-vortox{background-color:#ef53501a;border-color:#ef535059}.live-vortox-warn{color:#ef5350;font-size:.85rem;font-weight:700}.live-badge{color:#fff;letter-spacing:1px;background:#27ae60;border-radius:3px;flex-shrink:0;padding:2px 6px;font-size:.6rem;font-weight:700}.empty-state{color:#444;flex-direction:column;align-items:center;gap:20px;font-size:1.5rem;font-weight:700;display:flex}.empty-state .icon{opacity:.2;font-size:5rem}.sortable-token:hover{z-index:100}.token-circle{position:relative}.token-tooltip{visibility:hidden;opacity:0;z-index:999;pointer-events:none;text-align:left;background:#1e1e2a;border:1px solid #484860;border-radius:8px;width:210px;padding:10px 12px;transition:opacity .12s,visibility .12s;position:absolute;bottom:calc(100% + 14px);left:50%;transform:translate(-50%);box-shadow:0 6px 24px #000000b3}.token-tooltip:after{content:"";border:6px solid #0000;border-top-color:#484860;position:absolute;top:100%;left:50%;transform:translate(-50%)}.token-circle:hover .token-tooltip{visibility:visible;opacity:1}.token-circle.tooltip-below .token-tooltip{top:calc(100% + 14px);bottom:auto}.token-circle.tooltip-below .token-tooltip:after{border-top-color:#0000;border-bottom-color:#484860;top:auto;bottom:100%}.tooltip-type{letter-spacing:1px;text-transform:uppercase;margin-bottom:4px;font-size:.65rem;font-weight:700}.tooltip-type-townsfolk{color:#5b9bd5}.tooltip-type-outsider{color:#26c6da}.tooltip-type-minion{color:#ffa040}.tooltip-type-demon{color:#ef5350}.tooltip-type-traveller{color:#c9a0dc}.tooltip-role{color:#fff;margin-bottom:6px;font-size:.9rem;font-weight:700}.tooltip-ability{color:#b0b0c8;font-size:.8rem;font-style:italic;line-height:1.45}.seat-note-marker{z-index:3;text-align:center;color:#1a1a20;pointer-events:none;background:#f0c674;border-radius:50%;width:1.6em;height:1.6em;font-size:11px;line-height:1.6em;position:absolute;bottom:4%;right:4%;box-shadow:0 1px 3px #0009}.tooltip-note{color:#f0c674;white-space:pre-wrap;border-top:1px solid #484860;margin-top:6px;padding-top:6px;font-size:.8rem}.tooltip-note:first-child{border-top:none;margin-top:0;padding-top:0}.tooltip-pronouns{color:#bbb;margin-top:6px;font-size:.8rem;font-style:italic}.tooltip-pronouns:first-child{margin-top:0}.town-square{box-sizing:border-box;background-color:#0000001a;border:1px solid #ffffff0d;border-radius:50%;width:100%;height:100%;position:relative}.seat-anchor{position:relative;transform:translate(-50%,-50%)}.player-token-container{width:var(--token,100px);height:var(--token,100px);position:relative}.token-circle{cursor:pointer;border-radius:50%}.seat-number{z-index:4;left:50%;bottom:calc(100% - var(--u,1px) * 6);box-sizing:border-box;min-width:calc(var(--u,1px) * 24);height:calc(var(--u,1px) * 16);line-height:calc(var(--u,1px) * 14);font-size:max(9px, calc(var(--u,1px) * 11));text-align:center;color:#ccc;-webkit-user-select:none;user-select:none;pointer-events:none;background:#141218e6;border:1px solid #fff3;border-radius:8px;padding:0 4px;font-weight:700;position:absolute;transform:translate(-50%)}.seat-name{z-index:3;top:calc(100% - var(--u,1px) * 4);box-sizing:border-box;max-width:var(--name-w,120px);height:calc(var(--u,1px) * 18);min-height:14px;line-height:max(14px, calc(var(--u,1px) * 18));color:#fff;font-size:max(10px, calc(var(--u,1px) * 12));text-align:center;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#14100cd9;border:1px solid #6b5a3a;border-radius:4px;padding:0 6px;position:absolute;left:50%;overflow:hidden;transform:translate(-50%)}.seat-pronouns{z-index:3;top:calc(100% - var(--u,1px) * 4 + max(14px, calc(var(--u,1px) * 18)));box-sizing:border-box;max-width:calc(var(--name-w,120px) * .75);font-size:max(9px, calc(var(--u,1px) * 9));line-height:max(10px, calc(var(--u,1px) * 10));color:#c9bfa8;text-shadow:0 0 3px #000,0 0 2px #000;text-align:center;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;-webkit-user-select:none;user-select:none;padding:0 2px;font-style:italic;position:absolute;left:50%;overflow:hidden;transform:translate(-50%)}.seat-pronouns-no-name{top:calc(100% - var(--u,1px) * 4)}.phase-control{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:10px;padding:4px;display:flex}.phase-control button{border-radius:999px;padding:4px 12px}.phase-label{text-align:center;min-width:90px;font-family:var(--botc-display);font-size:1.4rem}.phase-night .phase-label{color:#9fb4ff}.phase-day .phase-label{color:var(--botc-gold)}.phase-reminder{color:#ffb74d;white-space:nowrap;background:#ffb74d1f;border:1px solid #ffb74d66;border-radius:999px;padding:3px 10px;font-size:.85rem}.evil-wins-strip{color:#ef5350;letter-spacing:.5px;background:#ef535026;border:1px solid #ef535066;border-radius:10px;padding:6px 14px;font-size:.9rem;font-weight:700;display:block}.night-phase-instruction{color:#888;margin:4px 0 8px;font-size:.82rem;font-style:italic;line-height:1.4}.chip-seat{opacity:.5;margin-left:5px;font-size:.78em;font-weight:400}.night-day-answer{letter-spacing:.5px;border-radius:8px;flex-shrink:0;padding:1px 7px;font-size:.65rem;font-weight:700}.night-day-answer.yes{color:#2ecc71;background:#27ae6026;border:1px solid #27ae6066}.night-day-answer.no{color:#555;background:#ffffff0d;border:1px solid #ffffff1a}.held-badge{z-index:4;font-size:max(9px, calc(var(--u,1px) * 10));color:#f0d9a0;white-space:nowrap;-webkit-user-select:none;user-select:none;pointer-events:none;background:#3c285ae6;border:1px solid #b496e680;border-radius:8px;padding:0 6px;font-weight:600;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ghost-vote{z-index:3;cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:none;border-radius:50%;width:34%;height:34%;padding:0;transition:transform .15s,opacity .15s,filter .15s;position:absolute;top:69%;left:69%}.ghost-vote img{filter:drop-shadow(0 2px 3px #000000b3);width:100%;height:100%;display:block}.ghost-vote:hover{transform:scale(1.1)}.ghost-vote.ghost-vote-spent{opacity:.35;filter:grayscale()}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#333;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#444}.pin-section{margin-top:12px}.pin-section-toggle{color:#ccc;letter-spacing:.5px;cursor:pointer;text-align:left;background:0 0;border:1px solid #333;border-radius:8px;align-items:center;gap:8px;width:100%;padding:6px 12px;font-size:.82rem;font-weight:600;transition:border-color .2s,background .2s;display:flex}.pin-section-toggle:hover{background:#ffffff0a;border-color:#555}.pin-toggle-arrow{color:#888;font-size:.65rem}.pin-count-badge{color:#fff;border-radius:10px;margin-left:auto;padding:1px 7px;font-size:.72rem;font-weight:700;line-height:1.4}.pin-role-groups{flex-direction:column;gap:10px;margin-top:8px;display:flex}.pin-group-header{letter-spacing:1px;text-transform:uppercase;color:#888;align-items:center;gap:6px;margin-bottom:5px;font-size:.7rem;font-weight:700;display:flex}.pin-group-count{color:#ccc;background:#ffffff1f;border-radius:8px;padding:0 6px;font-size:.68rem}.pin-role-chips{flex-wrap:wrap;gap:5px;display:flex}.pin-chip{cursor:pointer;color:#bbb;background:#ffffff0a;border:1px solid #333;border-radius:20px;align-items:center;gap:5px;padding:3px 8px 3px 4px;font-size:.75rem;transition:border-color .15s,background .15s;display:flex}.pin-chip:hover{color:#eee;background:#ffffff14;border-color:#555}.pin-chip-active{color:#fff;font-weight:600}.pin-chip-img{object-fit:contain;background:#1a1a1a;border-radius:50%;flex-shrink:0;width:26px;height:26px}.pin-chip-name{white-space:nowrap}.pin-clear-btn{color:#888;cursor:pointer;background:0 0;border:1px solid #444;border-radius:6px;align-self:flex-start;padding:4px 10px;font-size:.72rem;transition:color .2s,border-color .2s}.pin-clear-btn:hover{color:#ccc;border-color:#666}.room-panel{flex-direction:column;gap:10px;display:flex}.room-status{justify-content:space-between;align-items:baseline;gap:8px;font-size:.9rem;display:flex}.room-count{opacity:.7;font-size:.8rem}.room-warn{background:#ffaa0026;border:1px solid #ffaa0080;border-radius:6px;padding:6px 10px;font-size:.85rem}.room-traveller-tag{color:#c9a0dc;font-size:.8rem;font-weight:600}.room-actions{flex-wrap:wrap;gap:8px;display:flex}.room-actions button{flex:1;padding:8px;font-size:.85rem}.room-seats{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.room-seat{background:#ffffff0a;border-radius:6px;align-items:flex-start;gap:8px;padding:6px 8px;display:flex}.room-seat-no{opacity:.7;min-width:1.5em;padding-top:4px;font-weight:700}.room-seat-line{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.room-seat-line select,.room-link-select,.room-name-input{color:inherit;background:#2b2b2b;border:1px solid #444;border-radius:4px;padding:3px 4px;font-size:.8rem}.room-name-input{flex:1;min-width:6em}.room-seat-name{flex:1;font-weight:600}.room-small-btn{padding:2px 8px;font-size:.75rem}.room-panel .room-seat{align-items:center;padding:4px 8px}.room-panel .room-seat-no{padding-top:0}.room-panel .room-seat-name{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:6px;min-width:0;display:flex;overflow:hidden}.room-panel .room-seat-pronouns{opacity:.65;font-size:.85em;font-weight:400}.room-panel .room-link-select{max-width:9em}.room-footer{border-top:1px solid #ffffff14;flex-direction:column;gap:10px;margin-top:6px;padding-top:10px;display:flex}.room-actions button,.room-small-btn,.room-clear-btn,.room-recover button{color:#eee;background:#2b2b2b;border:1px solid #444}.room-actions button:disabled{opacity:.45;cursor:not-allowed}.room-clear-btn,.room-actions .room-armed,.room-armed{border-color:#c62828}.room-actions .room-armed{flex-basis:100%}.room-recover{flex-direction:column;gap:6px;display:flex}.room-recover input{color:inherit;background:#2b2b2b;border:1px solid #444;border-radius:4px;padding:6px;font-size:.85rem}.tv-town{position:relative}.tv-block{text-align:center;background:var(--tv-card);border:1px solid var(--tv-line);border-radius:1.6vh;flex-direction:column;align-items:center;gap:.8vh;max-width:46cqmin;padding:1.6vh 1.6vw;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 3vh #000c}.tv-block-status{font-family:var(--botc-display);color:var(--tv-text);font-size:3.8vh;line-height:1.1}.tv-block-block .tv-block-status,.tv-block-executed .tv-block-status{color:var(--tv-evil)}.tv-block-tie .tv-block-status{color:var(--botc-gold)}.tv-block-open{text-transform:uppercase;letter-spacing:.08em;color:#1a1206;background:var(--botc-gold);border-radius:1vh;padding:.3vh 1.2vw;font-size:2.2vh;font-weight:800}.tv-block-voting .tv-block-status b{color:#ff5a52;font-weight:inherit}.tv-block-numbers{justify-content:center;gap:2.4vw;display:flex}.tv-block-number{flex-direction:column;align-items:center;display:flex}.tv-block-number b{color:var(--tv-text);font-size:6vh;line-height:1}.tv-block-number span{color:var(--tv-muted);text-transform:uppercase;letter-spacing:.05em;font-size:1.7vh}.tv-block-meta{color:var(--tv-muted);text-transform:uppercase;letter-spacing:.05em;font-size:1.9vh}.tv-dawn{z-index:11;box-sizing:border-box;background:#060509e6;justify-content:center;align-items:center;padding:4vh 4vw;animation:.8s ease-out tv-dawn-in;display:flex;position:absolute;inset:0;overflow:hidden}.tv-dawn-card{text-align:center;box-sizing:border-box;background:var(--tv-card);border:1px solid var(--tv-line);border-radius:2vh;flex-direction:column;align-items:center;gap:2vh;width:70vw;padding:5vh 4vw;display:flex}.tv-dawn-icon{filter:drop-shadow(0 1vh 3vh #000000b3);height:18vh}.tv-dawn-text{font-family:var(--botc-display);color:var(--botc-gold);margin:0;font-size:10vh;font-weight:400;line-height:1.15}@keyframes tv-dawn-in{0%{opacity:0}to{opacity:1}}.tv-game-over{z-index:12;box-sizing:border-box;background:#060509f0;flex-direction:column;align-items:center;gap:2vh;padding:4vh 4vw;animation:.8s ease-out tv-go-in;display:flex;position:absolute;inset:0;overflow:hidden}.tv-go-head{text-align:center;flex-shrink:0}.tv-go-title{text-transform:uppercase;letter-spacing:.16em;color:var(--tv-muted);font-size:2.6vh;font-weight:700}.tv-go-winner{font-family:var(--botc-display);margin:.4vh 0 0;font-size:11vh;font-weight:400;line-height:1}.tv-game-over-good .tv-go-winner{color:var(--tv-good)}.tv-game-over-evil .tv-go-winner{color:var(--tv-evil)}.tv-go-note{color:var(--tv-text,#eee);margin:1vh 0 0;font-size:3vh;font-style:italic}.tv-go-grid{--go-token:min(calc(46vh / var(--go-rows) - 6vh), calc(84vw / var(--go-cols) - 3vw));grid-template-columns:repeat(var(--go-cols), 1fr);flex:1;grid-auto-rows:1fr;align-content:center;gap:1.6vh 1vw;width:100%;min-height:0;margin:0;padding:0;list-style:none;display:grid}.tv-go-seat{text-align:center;flex-direction:column;align-items:center;gap:.4vh;min-width:0;display:flex}.tv-go-seat .botc-token{flex-shrink:0;box-shadow:0 0 0 2px #000,0 .6vh 2vh #000000b3}.tv-go-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:2.6vh;font-weight:700;overflow:hidden}.tv-go-role{font-family:var(--botc-display);font-size:2.6vh;line-height:1.1}.tv-go-good{color:var(--tv-good)}.tv-go-evil{color:var(--tv-evil)}.tv-go-neutral{color:var(--botc-gold)}.tv-go-shown{color:var(--tv-muted);font-size:1.8vh;font-style:italic}.tv-go-turned{text-transform:uppercase;letter-spacing:.04em;font-size:1.8vh;font-weight:700}@keyframes tv-go-in{0%{opacity:0}to{opacity:1}}.tv-go-seat{animation:.5s ease-out both tv-go-seat-in;animation-delay:calc(.4s + var(--go-i,0) * var(--go-step,60ms))}@keyframes tv-go-seat-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.tv-game-over,.tv-go-seat{animation:none}}.tv-timer{flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;min-width:11vw;padding:0 1.2vw;display:flex}.tv-timer-label{color:var(--tv-muted);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;text-overflow:ellipsis;max-width:16vw;font-size:1.6vh;overflow:hidden}.tv-timer-clock{font-variant-numeric:tabular-nums;white-space:nowrap;font-family:Impact,sans-serif;font-size:7vh;font-weight:400;line-height:1}.tv-timer-paused .tv-timer-clock{color:var(--tv-muted)}.tv-timer-warning .tv-timer-clock{color:var(--tv-evil)}.tv-top-slot:has(>.tv-timer-up){border-color:var(--tv-evil);animation:1s step-end infinite tv-timer-flash}.tv-timer-up .tv-timer-clock{color:var(--tv-evil);font-family:var(--botc-display);font-size:5vh}@keyframes tv-timer-flash{50%{background:#ff5a5259}}@media (prefers-reduced-motion:reduce){.tv-top-slot:has(>.tv-timer-up){background:#ff5a5240;animation:none}}.tv-sound{color:var(--tv-muted);cursor:pointer;opacity:.6;white-space:nowrap;background:0 0;border:1px solid #c9a22759;border-radius:1.2vh;align-self:center;padding:.8vh .9vw;font-size:1.8vh;line-height:1}.tv-sound:hover,.tv-sound:focus-visible{opacity:1}.tv-sound{padding:.6vh .7vw;font-size:2.4vh}.tv-sound svg{display:block}.tv-sound-locked{color:var(--tv-text);opacity:.85}body:has(.tv-app){place-items:normal;min-width:0;display:block;overflow:hidden}#root:has(.tv-app){max-width:none;padding:0;display:block}.tv-app{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--tv-text:#f4eedd;--tv-muted:#b9ae94;--tv-good:#6f9bff;--tv-evil:#ff5a52;--tv-line:#c9a85a4d;--tv-card:#120f16e6;--tv-safe-x:3vw;--tv-safe-y:3.5vh;--tv-shade:#08070c99, #08070cd1;padding:var(--tv-safe-y) var(--tv-safe-x);box-sizing:border-box;color:var(--tv-text);background:#0b0a0f url(/botc/background.jpg) 50%/cover no-repeat;grid-template-rows:13vh minmax(0,1fr);grid-template-columns:28vw minmax(0,1fr) 23vw;gap:1.6vh 1.2vw;font-size:1.8vh;line-height:1.25;display:grid;position:fixed;inset:0;overflow:hidden}.tv-app-day,.tv-app-night{--tv-shade:#301e0a6b, #1a1006b3}.tv-app:before,.tv-app:after{content:"";z-index:-1;pointer-events:none;position:absolute;inset:0}.tv-app:before{background:linear-gradient(var(--tv-shade))}.tv-app:after{opacity:0;background:linear-gradient(#040616c7,#02030ce6)}.tv-app-night:before{opacity:0}.tv-app-night:after{opacity:1}.tv-waiting{color:var(--tv-muted);text-align:center;justify-content:center;align-items:center;height:100%;font-size:2.6vh;display:flex}.tv-top{grid-column:1/-1;grid-template-columns:subgrid;min-width:0;min-height:0;display:grid}.tv-top-main{grid-column:1/3;align-items:stretch;gap:1vw;min-width:0;min-height:0;display:flex}.tv-top-main:last-child{grid-column:1/-1}.tv-phase,.tv-top-slot,.tv-stats{background:var(--tv-card);border:1px solid var(--tv-line);border-radius:1.6vh}.tv-top-slot{flex-shrink:0;align-items:stretch;display:flex}.tv-top-slot:empty{display:none}.tv-top-fill{flex:1}.tv-phase{font-family:var(--botc-display);white-space:nowrap;align-items:center;gap:1.2vw;padding:0 1.6vw;font-size:6.4vh;line-height:1;display:flex}.tv-phase img{object-fit:cover;border-radius:50%;width:9vh;height:9vh;box-shadow:0 0 0 2px #000}.tv-phase-night{color:#a9bcff}.tv-phase-day{color:var(--botc-gold)}.tv-phase-setup{color:var(--tv-muted);font-size:5vh}.tv-phase-setup img{display:none}.tv-stats{align-items:center;padding:0 .6vw;display:flex}.tv-stat{flex-direction:column;justify-content:center;align-items:center;padding:0 .8vw;display:flex}.tv-stat b{font-family:Impact,sans-serif;font-size:6.4vh;font-weight:400;line-height:1}.tv-stat span{color:var(--tv-muted);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;font-size:1.6vh}.tv-fullscreen{color:var(--tv-text);background:var(--tv-card);border:1px solid var(--botc-gold);cursor:pointer;border-radius:1.2vh;align-self:center;padding:1.4vh 1.4vw;font-size:2.2vh}.tv-distribution{grid-column:3;justify-content:space-evenly;min-width:0;padding:0 .4vw;container-type:inline-size}.tv-distribution .tv-stat{flex:auto;min-width:0;padding:0}.tv-distribution .tv-stat span{letter-spacing:.02em;font-size:min(1.6vh,3.9cqi)}.tv-distribution:has(.tv-stat-travellers) .tv-stat span{font-size:min(1.3vh,3.2cqi)}.tv-distribution .tv-stat-townsfolk b,.tv-distribution .tv-stat-outsiders b{color:var(--tv-good)}.tv-distribution .tv-stat-minions b,.tv-distribution .tv-stat-demons b{color:var(--tv-evil)}.tv-distribution .tv-stat-travellers b{color:#c9a0dc}.tv-offline{z-index:40;top:var(--tv-safe-y);left:var(--tv-safe-x);right:var(--tv-safe-x);text-align:center;color:#1a1206;background:#f2b632;border-radius:1.6vh;padding:1.8vh 2vw;font-size:3.6vh;font-weight:800;position:absolute;box-shadow:0 1vh 4vh #000000b3}.tv-panel{background:var(--tv-card);border:1px solid var(--tv-line);box-sizing:border-box;border-radius:1.6vh;min-height:0;padding:1.4vh 1vw;overflow:hidden}.tv-group-title{font-family:var(--botc-display);font-weight:400;font-size:calc(3.4vh * var(--fit,1));color:var(--botc-gold);margin:0 0 .4vh;line-height:1.1}.tv-type-townsfolk,.tv-type-outsiders{color:var(--tv-good)}.tv-type-minions,.tv-type-demons{color:var(--tv-evil)}.tv-type-travellers{color:#c9a0dc}.tv-script{--tv-row:calc(5.2vh * var(--fit,1));--tv-char-icon:calc(var(--tv-row) * 1.3);justify-content:space-evenly;gap:calc(.6vh * var(--fit,1));font-size:calc(3vh * var(--fit,1));background:linear-gradient(#1a151eeb,#0c0a10f0);flex-direction:column;padding:1.6vh 1.4vw;display:flex}.tv-script .tv-group-title{margin:0 0 calc(.5vh * var(--fit,1));font-size:calc(3.6vh * var(--fit,1));align-items:center;gap:.8vw;display:flex}.tv-script .tv-group-title:after{content:"";opacity:.45;background:linear-gradient(90deg,currentColor,#0000);border-radius:.1vh;flex:1;order:1;height:.2vh}.tv-group-label{text-shadow:0 .2vh .6vh #000}.tv-char-grid{grid-auto-flow:column;grid-template-columns:repeat(var(--cols,2), minmax(0, 1fr));grid-template-rows:repeat(var(--rows,1), minmax(var(--tv-row), auto));gap:calc(.7vh * var(--fit,1)) 1vw;padding-left:.2vw;display:grid}.tv-script .tv-group{flex-shrink:0}.tv-char-grid-single{grid-template-columns:auto;justify-content:center}.tv-char{min-width:0;min-height:var(--tv-row);align-items:center;gap:.5vw;display:flex}.tv-char-icon{width:var(--tv-char-icon);height:var(--tv-char-icon);margin:calc(var(--tv-row) * -.15) 0;object-fit:contain;filter:drop-shadow(0 .2vh .4vh #000000e6);flex-shrink:0}.tv-char-text{flex-direction:column;min-width:0;display:flex}.tv-char-name{font-family:var(--botc-token-font);color:var(--tv-text);font-weight:800;line-height:1.12;font-size:calc(1em * var(--name-fit,1));text-shadow:0 .15vh .4vh #000}.tv-char-tag{color:var(--botc-gold);white-space:nowrap;margin-top:.1vh;font-size:.6em;font-weight:700;line-height:1.1}.tv-right{flex-direction:column;gap:1.6vh;min-height:0;display:flex}.tv-right>.tv-night{flex:1}.tv-night{--tv-night-icon:calc(5vh * var(--fit,1));font-size:calc(2.2vh * var(--fit,1));grid-template-columns:1fr 1fr;align-items:start;gap:.5vw;padding:1vh .6vw;display:grid}.tv-night-on-first{grid-template-columns:1.3fr 1fr}.tv-night-on-other{grid-template-columns:1fr 1.3fr}.tv-night-col{border:1px solid #0000;border-radius:1.2vh;min-width:0;padding:.6vh .4vw;transition:opacity .4s,background .4s}.tv-night-active{border-color:var(--botc-gold);background:#c9a85a24}.tv-night-active .tv-group-title{color:#ffe39a}.tv-night-dim{opacity:.6}.tv-night .tv-group-title{font-size:calc(2.8vh * var(--fit,1))}.tv-night-list{margin:0;padding:0;list-style:none}.tv-night-list li{min-height:var(--tv-night-icon);align-items:center;gap:.3vw;display:flex}.tv-night-list li>span{font-family:var(--botc-token-font);min-width:0;font-weight:700;line-height:1.05}.tv-night-icon{width:var(--tv-night-icon);height:var(--tv-night-icon);object-fit:contain;filter:drop-shadow(0 .2vh .3vh #000000e6);flex-shrink:0}.tv-night-phase{padding:calc(.4vh * var(--fit,1)) 0}.tv-night-phase>span{color:var(--tv-muted);padding-left:.3vw;font-style:italic}.tv-fabled{--tv-fabled-icon:5vh;flex-wrap:wrap;flex-shrink:0;align-items:baseline;gap:1vw;font-size:1.5vh;display:flex}.tv-fabled .fabled-list{flex-basis:100%;gap:.8vh}.tv-fabled .fabled-item{gap:.6vw}.tv-fabled .fabled-name{font-size:2.1vh}.tv-fabled .tv-group-title{margin:0;font-size:2.6vh}.tv-town{justify-content:center;align-items:center;min-width:0;min-height:0;display:flex;container-type:size}.tv-circle{aspect-ratio:1;--tok:min(17cqmin, calc(200cqmin / var(--n)));width:min(100cqw,100cqh);position:relative}.tv-circle:before{content:"";border:.25vh dashed #c9a85a40;border-radius:50%;position:absolute;inset:9%}.tv-circle-centre{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.tv-circle-logo{opacity:.9;filter:drop-shadow(0 0 2vh #000c);width:42%}.tv-circle-title{text-align:center;width:50%;font-family:var(--botc-display);color:var(--botc-gold,#c9a85a);text-shadow:0 0 2vh #000,0 .3vh .6vh #000;font-size:9cqmin;line-height:1.05}.tv-demon{filter:invert()drop-shadow(0 0 2vh #000c);width:28%}.tv-join-big{text-align:center;background:var(--tv-card);border:1px solid var(--tv-line);border-radius:2vh;flex-direction:column;align-items:center;gap:1vh;width:46%;padding:2vh 1.4vw;display:flex;box-shadow:0 0 4vh #000c}.tv-join-big-qr{aspect-ratio:1;background:#fff;border-radius:1vh;width:78%;overflow:hidden}.tv-join-big-qr svg{width:100%;height:100%;display:block}.tv-join-big-label{color:var(--tv-muted);text-transform:uppercase;letter-spacing:.08em;font-size:2.4vh}.tv-join-big-url{overflow-wrap:anywhere;color:var(--tv-text);font-size:3.6vh;line-height:1.1}.tv-seat{width:var(--tok);height:var(--tok);position:absolute;transform:translate(-50%,-50%)}.tv-seat-disc{background:url(/botc/token.png) 50%/100% no-repeat;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 .25vh #000,0 .6vh 1.6vh #000000b3}.tv-seat-name{z-index:1;font-family:var(--botc-token-font);color:#2a1f14;text-align:center;font-weight:800;font-size:calc(var(--tok) * var(--name-scale,.2));-webkit-line-clamp:2;line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;padding:0 9%;line-height:1.05;display:-webkit-box;position:relative;overflow:hidden}.tv-seat-pronouns{z-index:1;max-width:76%;font-size:calc(var(--tok) * .1);color:#6b5640;white-space:nowrap;text-overflow:ellipsis;margin-top:2%;font-style:italic;line-height:1.1;position:relative;overflow:hidden}.tv-seat-dead .tv-seat-pronouns{z-index:2;color:#a89f8c;text-shadow:0 0 .4vh #000}.tv-seat-big-no{z-index:1;font-family:var(--botc-display);color:#2a1f14;font-size:calc(var(--tok) * .5);line-height:1;position:relative}.tv-seat-no{border:.2vh solid var(--botc-gold);width:30%;height:30%;color:var(--botc-gold);font-family:Impact,sans-serif;font-size:calc(var(--tok) * .16);background:#1a1410;border-radius:50%;justify-content:center;align-items:center;line-height:1;display:flex;position:absolute;top:-2%;left:-2%}.tv-seat-dead .tv-seat-disc:after{content:"";background:#0000009e;position:absolute;inset:0}.tv-seat-shroud{z-index:1;object-fit:fill;opacity:.55;pointer-events:none;width:56%;height:100%;position:absolute;top:-3%;left:50%;transform:translate(-50%)}.tv-seat-dead .tv-seat-name,.tv-seat-dead .tv-seat-big-no{z-index:2;color:#c9c0ac;text-shadow:0 0 .4vh #000,0 0 .8vh #000}.tv-seat-dead .tv-seat-no{color:var(--tv-muted);border-color:var(--tv-muted)}.tv-seat-vote{z-index:3;border-radius:50%;width:36%;height:36%;position:absolute;bottom:-4%;right:-4%;box-shadow:0 0 0 .3vh #ffd76a,0 0 1.6vh .3vh #ffd76acc}.tv-seat-vote img{object-fit:contain;border-radius:50%;width:100%;height:100%;display:block}.tv-seat-vote-used .tv-seat-vote{box-shadow:0 0 0 .2vh #555}.tv-seat-vote-used .tv-seat-vote img{filter:grayscale()brightness(.5)}.tv-seat-vote-used .tv-seat-vote:after{content:"";background:var(--tv-evil);border-radius:1vh;width:12%;height:116%;position:absolute;top:-8%;left:50%;transform:translate(-50%)rotate(45deg)}.tv-seat:has(.tv-seat-marks){z-index:5}.tv-seat-marks{z-index:2;flex-direction:column;align-items:center;gap:.3vh;display:flex;position:absolute;top:calc(100% + .4vh);left:50%;transform:translate(-50%)}.tv-seat-mark{white-space:nowrap;font-size:max(1.2vh, calc(var(--tok) * .11));text-transform:uppercase;letter-spacing:.04em;border-radius:1vh;padding:.1vh .5vw;font-weight:800;line-height:1.3}.tv-seat-mark-nominator{color:#1a1206;background:#c9a85ae6}.tv-seat-mark-nominee{color:#1a0606;background:#ff5a52e6}.tv-hands{z-index:0;pointer-events:none;filter:drop-shadow(0 0 .6vh #000000e6);width:100%;height:100%;position:absolute;inset:0;overflow:visible}.tv-hand{stroke-linecap:round}.tv-hand-big{stroke:#ff5a52;stroke-width:1.1px}.tv-hand-small{stroke:var(--botc-gold,#c9a85a);stroke-width:1.9px}.tv-hands-exile .tv-hand-big{stroke:#e0e0e0}.tv-hand-hub{fill:var(--botc-gold,#c9a85a);stroke:#1a1206;stroke-width:.4px}.tv-seat{z-index:4}.tv-seat-voting-nominee .tv-seat-disc{box-shadow:0 0 0 .5vh #ff5a52,0 0 3vh #ff5a52cc}.tv-seat-voting-nominator .tv-seat-disc{box-shadow:0 0 0 .5vh var(--botc-gold,#c9a85a), 0 0 3vh #c9a85ab3}.tv-phase-card{z-index:20;box-sizing:border-box;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:3vh;padding:6vh 6vw;animation:.5s ease-out tv-card-in;display:flex;position:absolute;inset:0}.tv-phase-card-night{color:#c6d3ff;background:radial-gradient(circle,#10163af2,#02030cfa)}.tv-phase-card-day,.tv-phase-card-dawn{color:#ffe39a;background:radial-gradient(circle,#5c3e16f2,#1c1206fa)}.tv-phase-card-icon{object-fit:cover;border-radius:50%;width:24vh;height:24vh;box-shadow:0 0 0 .4vh #000,0 0 6vh #000c}.tv-phase-card-title{font-family:var(--botc-display);margin:0;font-size:16vh;font-weight:400;line-height:1}.tv-phase-card-body{color:var(--tv-text);max-width:80vw;font-size:4vh}@keyframes tv-card-in{0%{opacity:0;transform:scale(1.04)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.tv-phase-card{animation:none}}.tv-seat-traveller .tv-seat-disc{box-shadow:0 0 0 .5vh #c9a0dc,0 .6vh 1.6vh #000000b3}.tv-seat-traveller-icon{z-index:3;object-fit:contain;filter:drop-shadow(0 .2vh .4vh #000000e6);width:40%;height:40%;position:absolute;top:-6%;right:-8%}.tv-seat-traveller-tag{z-index:2;white-space:nowrap;color:#1a1420;font-size:max(1.2vh, calc(var(--tok) * .11));background:#c9a0dceb;border-radius:1vh;padding:0 .5vw;font-weight:800;line-height:1.3;position:absolute;top:calc(100% + .2vh);left:50%;transform:translate(-50%)}.tv-seat-traveller:has(.tv-seat-marks) .tv-seat-marks{top:calc(100% + 2.4vh)}.tv-seat-lower .tv-seat-marks{flex-direction:column-reverse;top:auto;bottom:calc(100% + .4vh)}.tv-spotlight{z-index:10;box-sizing:border-box;--tv-spot-token:34vh;background:#060509e6;justify-content:center;align-items:center;gap:2vw;padding:4vh 4vw;display:flex;position:absolute;inset:0;overflow:hidden}.tv-spotlight>section{background:var(--tv-card);border:1px solid var(--tv-line);box-sizing:border-box;border-radius:2vh;min-height:0}.tv-spotlight-card{text-align:center;flex-direction:column;align-items:center;gap:1.6vh;width:60vw;max-height:100%;padding:4vh 3vw;display:flex}.tv-spotlight-card .botc-token{flex-shrink:0;box-shadow:0 0 0 2px #000,0 1vh 4vh #000000b3}.tv-spotlight-name{font-family:var(--botc-display);color:var(--botc-gold);margin:0;font-size:9vh;font-weight:400;line-height:1}.tv-spotlight-type{text-transform:uppercase;letter-spacing:.12em;font-size:2.6vh;font-weight:700}.tv-spotlight-good{color:var(--tv-good)}.tv-spotlight-evil{color:var(--tv-evil)}.tv-spotlight-ability{margin:0;font-size:4.2vh;line-height:1.3}.tv-spotlight-notes{--tv-spot-token:24vh;align-items:stretch}.tv-spotlight-notes .tv-spotlight-card{justify-content:center;width:32vw;padding:3vh 2vw}.tv-spotlight-notes .tv-spotlight-name{font-size:6.4vh}.tv-spotlight-notes .tv-spotlight-ability{font-size:3vh}.tv-spotlight-wiki{flex-direction:column;flex:1;min-width:0;padding:3vh 2.4vw;display:flex}.tv-spotlight-wiki-head{border-bottom:1px solid var(--tv-line);justify-content:space-between;align-items:baseline;gap:1vw;margin-bottom:1.6vh;padding-bottom:1vh;display:flex}.tv-spotlight-wiki-head h2{font-family:var(--botc-display);color:var(--botc-gold);margin:0;font-size:4.6vh;font-weight:400;line-height:1.1}.tv-spotlight-wiki-head span{color:var(--tv-muted);white-space:nowrap;font-size:2.4vh}.tv-spotlight-wiki-body{min-height:0;font-size:calc(3vh * var(--fit,1));flex:1;line-height:1.35;overflow:hidden}.tv-spotlight-wiki-body p{margin:0 0 calc(1.4vh * var(--fit,1))}.tv-spotlight-bullet{padding-left:1.6vw;position:relative}.tv-spotlight-bullet:before{content:"•";color:var(--botc-gold);position:absolute;left:.3vw}.tv-spotlight-source{color:var(--tv-muted);text-align:right;margin-top:1vh;font-size:1.6vh;font-style:italic}.tv-app-fade:after{transition:opacity 1.5s ease-in-out}.tv-app-fade.tv-app-night:before{transition:opacity 0s linear 1.5s}.tv-phase-card-timed{animation:tv-card-in .5s ease-out, tv-card-out .4s ease-in var(--tv-card-out,3.1s) forwards}@keyframes tv-card-out{0%{opacity:1}to{opacity:0}}.tv-seat-just-died .tv-seat-shroud{animation:tv-shroud-drop .6s ease-out var(--tv-drop-delay,0s) both}.tv-seat-just-died .tv-seat-disc:after{animation:tv-fade-in .6s ease-out var(--tv-drop-delay,0s) both}@keyframes tv-shroud-drop{0%{opacity:0;transform:translate(-50%,-40%)}to{opacity:.55;transform:translate(-50%)}}@keyframes tv-fade-in{0%{opacity:0}to{opacity:1}}.tv-seat-pulse .tv-seat-disc{animation:.5s ease-in-out 2 tv-seat-pulse}@keyframes tv-seat-pulse{50%{transform:scale(1.08)}}.tv-block-enter{animation:.4s ease-out both tv-block-enter}@keyframes tv-block-enter{0%{opacity:0;transform:translateY(1.5vh)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.tv-app-fade:after,.tv-app-fade.tv-app-night:before{transition:none}.tv-phase-card-timed,.tv-seat-just-died .tv-seat-shroud,.tv-seat-just-died .tv-seat-disc:after,.tv-seat-pulse .tv-seat-disc,.tv-block-enter{animation:none}}