@font-face{font-family:Papyrus;src:url(/botc/fonts/papyrus.woff2)format("woff2"),url(/botc/fonts/papyrus.woff)format("woff"),url(/botc/fonts/papyrus.ttf)format("truetype");font-display:swap}@font-face{font-family:PiratesBay;src:url(/botc/fonts/piratesbay.ttf)format("truetype");font-display:swap}:root{--corner-inset:clamp(6px, 1vmin, 14px);--phase-bar-slot:4.5rem;--phase-bar-squeeze:1;--panel-font:clamp(12px, calc(.55rem + .95vmin), 20px);--notes-drawer-w:20rem}@media (max-aspect-ratio:1){:root{--phase-bar-squeeze:.82}}@media (max-width:359px){:root{--phase-bar-squeeze:.7}}.botc-grimoire{isolation:isolate;--townsfolk:#1f65ff;--outsider:#46d5ff;--minion:#ff6900;--demon:#ce0100;--traveler:#cc04ff;--fabled:#ffe91f;--default:#4e4e4e;--circle-size:600px;--seat-scale:1;color:#fff;width:100%;height:100%;font-family:var(--font-geist-sans), sans-serif;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;display:flex;position:relative}.botc-circle{top:var(--circle-offset-y,0px);width:var(--circle-w,var(--circle-size));height:var(--circle-h,var(--circle-size));margin:0;padding:0;list-style:none;position:relative}.botc-circle>li{left:50%;top:calc(50% - var(--spoke,50%));height:var(--spoke,50%);transform-origin:0 100%;pointer-events:none;position:absolute}.botc-circle>li:hover{z-index:200!important}.botc-circle>li>.botc-player{width:calc(var(--circle-size) * .19 * var(--seat-scale));margin-left:calc(var(--circle-size) * .19 * var(--seat-scale) / -2);transform:rotate(var(--seat-upright,0deg));pointer-events:all}.botc-circle>li>.botc-reminder{width:var(--reminder-size);margin-left:calc(var(--reminder-size) / -2);pointer-events:all}.botc-grimoire.is-list{align-items:initial;justify-content:initial;overscroll-behavior:contain;display:block;overflow-y:auto}.botc-list{--circle-size:clamp(420px, 120vw, 520px);--seat-scale:1;grid-template-columns:1fr;gap:.5rem;margin:0;padding:.5rem;list-style:none;display:grid}.botc-list[data-columns="2"]{--circle-size:clamp(300px, 56vw, 470px);grid-template-columns:repeat(2,minmax(0,1fr))}.botc-list>li{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0c080573;border:1px solid #a08c7452;border-radius:10px;flex-wrap:wrap;align-items:flex-start;gap:.45rem;padding:.45rem .55rem;display:flex}.botc-list>li>.botc-player{width:calc(var(--circle-size) * .19);flex:none;margin-bottom:0}.botc-list .botc-name{max-width:120%}.botc-list>li>.botc-reminder{--reminder-size:max(calc(var(--circle-size) * .19 * .62), 44px);width:var(--reminder-size);margin-top:calc(var(--circle-size) * .19 * .08);flex:none}.botc-list>li>.botc-reminder.add{opacity:.5}.botc-list>li:hover>.botc-reminder.add,.botc-list>li>.botc-reminder.add:focus-visible{opacity:1}.botc-circle>li.botc-hand{pointer-events:none;transition:transform .7s ease-in-out}.botc-hand>span{--hand-h:calc(var(--circle-size) * .55);--hand-w:calc(var(--circle-size) * .2);left:calc(var(--hand-w) / -2);bottom:calc(var(--hand-h) / -2);width:var(--hand-w);height:var(--hand-h);filter:drop-shadow(0 0 3px #000);background-position:50%;background-repeat:no-repeat;background-size:auto 100%;position:absolute}.botc-hand.nominee>span{background-image:url(/botc/ui/clock-big.webp);animation:1s ease-out botc-hand-cw}.botc-hand.nominator>span{background-image:url(/botc/ui/clock-small.webp);animation:1s ease-out botc-hand-ccw}@keyframes botc-hand-cw{0%{opacity:0;transform:rotate(-180deg)}to{opacity:1;transform:rotate(0)}}@keyframes botc-hand-ccw{0%{opacity:0;transform:rotate(180deg)}to{opacity:1;transform:rotate(0)}}.botc-circle>li.botc-clock-face{width:calc(var(--circle-size) * .2);height:calc(var(--circle-size) * .2);transform-origin:50%;opacity:.85;filter:drop-shadow(0 0 8px #000c);pointer-events:none;background:url(/botc/ui/demon-head.webp) 50%/auto 75% no-repeat;animation:.4s ease-out botc-clock-face-in;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes botc-clock-face-in{0%{opacity:0;transform:translate(-50%,-50%)scale(.7)}to{opacity:.85;transform:translate(-50%,-50%)scale(1)}}.botc-player.townsfolk{--color:var(--townsfolk);--blend:multiply}.botc-player.outsider{--color:var(--outsider);--blend:normal}.botc-player.minion{--color:var(--minion);--blend:multiply}.botc-player.demon{--color:var(--demon);--blend:multiply}.botc-player.traveler{--color:var(--traveler);--blend:multiply}.botc-player.fabled{--color:var(--fabled);--blend:multiply}.botc-player{--color:var(--default);--blend:multiply;z-index:2;margin-bottom:6%;position:relative}.botc-player:before{content:" ";padding-top:100%;display:block}.botc-token{aspect-ratio:1;cursor:pointer;backface-visibility:hidden;-webkit-user-select:none;user-select:none;background:url(/botc/ui/token1.webp) 50%/100% no-repeat;border-radius:50%;justify-content:center;align-items:center;width:100%;transition:transform .2s ease-in-out;display:flex;position:absolute;top:0;left:0;transform:perspective(400px)rotateY(0);box-shadow:0 0 10px #00000080}.botc-grimoire[data-view=public] .botc-token{transform:perspective(400px)rotateY(-180deg)}.botc-grimoire[data-view=public] .botc-player.is-revealed .botc-token{transform:perspective(400px)rotateY(0)}.botc-grimoire[data-view=public] .botc-player.is-revealed .botc-life{transform:perspective(400px)rotateY(180deg)}.botc-token .botc-token-icon{z-index:1;mix-blend-mode:var(--blend);pointer-events:none;background-position:50% 30%;background-repeat:no-repeat;background-size:92%;width:100%;height:100%;margin-top:3%;position:absolute}.botc-player.dead .botc-token .botc-token-icon{filter:grayscale(70%)}.botc-token .botc-leaf{pointer-events:none;background-repeat:no-repeat;background-size:100%;width:100%;height:100%;position:absolute}.botc-token .botc-token-name{z-index:2;width:100%;height:100%;font-size:24px;position:relative}.botc-token .botc-token-name text{fill:#000;stroke:#fff;stroke-width:2px;paint-order:stroke;letter-spacing:1px;font-family:Papyrus,serif;font-weight:700}.botc-token:hover .botc-token-name text{stroke:#000;fill:#fff}.botc-life{aspect-ratio:1;cursor:pointer;backface-visibility:hidden;background:url(/botc/ui/life1.webp) 50%/100% no-repeat;border-radius:50%;width:100%;transition:transform .2s ease-in-out;position:absolute;top:0;left:0;transform:perspective(400px)rotateY(180deg);box-shadow:0 0 10px #00000080}.botc-grimoire[data-view=public] .botc-life{transform:perspective(400px)rotateY(0)}.botc-player.dead .botc-life{background-image:url(/botc/ui/death1.webp)}.botc-player.dead.has-ghost-vote .botc-life:after{content:" ";pointer-events:none;background:url(/botc/ui/vote1.webp) 50%/50% no-repeat;position:absolute;inset:0}.botc-ghost-vote{z-index:5;width:clamp(11px, calc(var(--circle-size) * .036 * var(--seat-scale,1)), 26px);aspect-ratio:1;color:#fff;cursor:pointer;filter:drop-shadow(0 0 2px #000)drop-shadow(0 1px 2px #000000e6);background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:transform .15s;display:flex;position:absolute;bottom:8%;right:-2%}.botc-ghost-vote:hover{transform:scale(1.15)}.botc-ghost-vote.spent{opacity:.35}.botc-ghost-vote svg{fill:currentColor;stroke:#000;stroke-width:12px;width:100%;height:100%}.botc-grimoire[data-view=public] .botc-ghost-vote{display:none}.botc-nominate-mark{z-index:6;aspect-ratio:1;color:#ffffffbf;cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:100%;animation:.22s ease-out botc-nominate-in;display:flex;position:absolute;top:0;left:0}.botc-nominate-mark svg{fill:currentColor;stroke:#fff;stroke-width:10px;filter:drop-shadow(0 0 3px #000)drop-shadow(0 0 7px #000000d9);width:50%;height:60%;transition:transform .15s,color .15s}.botc-nominate-mark:hover{color:var(--demon)}.botc-nominate-mark:hover svg{transform:scale(1.15)}@keyframes botc-nominate-in{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.botc-vote-mark{z-index:4;aspect-ratio:1;pointer-events:none;justify-content:center;align-items:center;width:100%;animation:.2s ease-out botc-vote-mark-in;display:flex;position:absolute;top:0;left:0}.botc-vote-mark svg{fill:currentColor;stroke:#fff;stroke-width:10px;filter:drop-shadow(0 0 3px #000)drop-shadow(0 0 6px #000c);width:50%;height:60%}.botc-vote-mark.pickable{pointer-events:auto;cursor:pointer}.botc-vote-mark.pickable:hover svg{transition:transform .15s;transform:scale(1.15)}.botc-vote-mark.up svg{color:var(--demon)}.botc-vote-mark.down svg{color:var(--townsfolk);opacity:.85}@keyframes botc-vote-mark-in{0%{opacity:0;transform:scale(1.4)}to{opacity:1;transform:scale(1)}}.botc-shroud{aspect-ratio:100/45;z-index:3;cursor:pointer;transform-origin:top;filter:drop-shadow(0 0 5px #000c);width:100%;height:auto;position:absolute;top:0;left:0}.botc-shroud:before{content:" ";opacity:0;transform-origin:top;pointer-events:none;background:url(/botc/ui/shroud1.webp) 50% -10px/auto 110% no-repeat;width:100%;height:100%;margin-left:-50%;transition:all .2s;position:absolute;top:-30%;left:50%;transform:perspective(400px)scale(1.5)}@media (hover:hover){.botc-shroud:hover:before{opacity:.5;top:-10px;transform:scale(1)}}.botc-shroud,.botc-life,.botc-token{-webkit-touch-callout:none}.botc-player.dead .botc-shroud:before{opacity:1;top:0;transform:perspective(400px)scale(1)}.botc-grimoire[data-view=public] .botc-shroud{pointer-events:none;transform:perspective(400px)rotateX(90deg)}.botc-night-order{--badge-size:clamp(14px, calc(var(--circle-size) * .064 * var(--seat-scale,1)), 44px);aspect-ratio:1;z-index:4;cursor:help;pointer-events:none;width:100%;position:absolute;top:0;left:0}.botc-night-order em{width:var(--badge-size);height:var(--badge-size);color:#fff;font-size:calc(var(--badge-size) * .5);pointer-events:all;border:2px solid #000;border-radius:50%;justify-content:center;align-items:center;font-style:normal;font-weight:700;line-height:1;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 0 6px #00000080}.botc-night-order.first em{background:linear-gradient(180deg, #000, var(--townsfolk));left:-10%}.botc-night-order.other em{background:linear-gradient(180deg, #000, var(--demon));right:-10%}.botc-player.dead .botc-night-order em{color:#ddd;background:linear-gradient(#000,gray)}.botc-tip{z-index:1100;color:#fff;pointer-events:none;background:#111111f5;border:2px solid #000;border-radius:8px;max-width:min(22rem,100vw - 1rem);padding:.45rem .6rem;font-size:.78rem;line-height:1.45;animation:.12s ease-out botc-tip-in;position:fixed;box-shadow:0 6px 22px #0000008c}@keyframes botc-tip-in{0%{opacity:0}to{opacity:1}}.botc-tip-head{align-items:baseline;gap:.4em;margin:0;display:flex}.botc-tip-head strong{font-size:.95rem;font-weight:700}.botc-tip-head span{color:#ffffff73;font-size:.7rem}.botc-tip-ability{margin:.15rem 0 0}.botc-tip-hint{color:#ffffff80;margin:.3rem 0 0;font-size:.7rem}.botc-player.align-good .botc-token,.botc-player.align-evil .botc-token{outline-width:clamp(2px, calc(var(--circle-size) * .006), 5px);outline-offset:calc(-1 * clamp(2px, calc(var(--circle-size) * .006), 5px));outline-style:solid}.botc-player.align-good .botc-token{outline-color:var(--townsfolk)}.botc-player.align-evil .botc-token{outline-color:var(--demon)}.botc-name{width:fit-content;min-width:2.4em;max-width:var(--name-max,160%);z-index:4;color:#fff;font-size:clamp(10px, calc(var(--circle-size) * .032 * var(--seat-scale,1)), 20px);text-align:center;text-shadow:0 1px 2px #000,0 0 4px #000;white-space:nowrap;cursor:pointer;background:#1209058c;border:1px solid #a08c74b3;border-radius:7px;justify-content:center;align-items:baseline;gap:.3em;margin-top:3%;padding:0 .4em;line-height:1.4;transition:color .2s,background .2s;display:flex;position:relative;left:50%;transform:translate(-50%)}.botc-name .botc-seat-no{flex:none}.botc-name .botc-nick{text-overflow:ellipsis;min-width:0;overflow:hidden}.botc-name:hover{color:var(--fabled);background:#120905e0}.botc-player.dead .botc-name{color:#ffffff8c}.botc-name.selected{border-color:var(--fabled);color:var(--fabled)}.botc-reminder{--reminder-size:calc(var(--circle-size) * .19 * var(--seat-scale,1) * .5);--reminder-flip:0deg;aspect-ratio:1;cursor:pointer;transform:rotate(calc(var(--seat-upright,0deg) + var(--reminder-flip)));background:url(/botc/ui/reminder1.webp) 50%/100% no-repeat;border:2px solid #000;border-radius:50%;justify-content:center;align-items:flex-end;transition:transform .2s;display:flex;position:relative;box-shadow:0 0 4px #0009}.botc-reminder.flipped{--reminder-flip:180deg}.botc-reminder:hover{transform:rotate(calc(var(--seat-upright,0deg) + var(--reminder-flip))) scale(1.1);z-index:20}.botc-grimoire[data-view=public] .botc-reminder{opacity:0;visibility:hidden;pointer-events:none}.botc-grimoire[data-view=public] .botc-player.align-good .botc-token,.botc-grimoire[data-view=public] .botc-player.align-evil .botc-token{outline:none}.botc-reminder .botc-reminder-icon{pointer-events:none;background-position:50%;background-repeat:no-repeat;background-size:100%;width:90%;height:90%;position:absolute;top:0}.botc-reminder .botc-reminder-text{z-index:2;color:#000;width:92%;font-size:clamp(7px, calc(var(--reminder-size) * .195), 13px);text-align:center;word-break:break-word;text-shadow:0 1px 1px #f6dfbd,0 -1px 1px #f6dfbd,1px 0 1px #f6dfbd,-1px 0 1px #f6dfbd;font-weight:700;line-height:1;position:absolute;top:58%}.botc-reminder.no-icon .botc-reminder-text{width:96%;font-size:clamp(8px, calc(var(--reminder-size) * .253), 17px);line-height:1.1;top:50%;transform:translateY(-50%)}:is(.botc-circle,.botc-list)>li>.botc-reminder:not(.add):after{content:" ";opacity:0;pointer-events:none;background:url(/botc/ui/x.webp) 50%/100% no-repeat;width:90%;height:90%;transition:opacity .2s;position:absolute;top:0}:is(.botc-circle,.botc-list)>li>.botc-reminder:not(.add):hover:after{opacity:1}:is(.botc-circle,.botc-list)>li>.botc-reminder:not(.add):hover .botc-reminder-icon,:is(.botc-circle,.botc-list)>li>.botc-reminder:not(.add):hover .botc-reminder-text{opacity:.15}.botc-circle>li>.botc-reminder.add{--reminder-size:calc(var(--circle-size) * .19 * var(--seat-scale) * .35)}.botc-reminder.add{box-shadow:none;opacity:0;background:0 0;border:none;transition:opacity .2s}.botc-circle>li:hover .botc-reminder.add,.botc-reminder.add:focus-visible{opacity:1}@media (hover:none){.botc-reminder.add{opacity:.55}}.botc-reminder.add .botc-reminder-icon{filter:drop-shadow(0 0 3px #000c);background-image:url(/botc/ui/plus1.webp);width:100%;height:100%}.botc-circle>li.read-only .botc-shroud,.botc-circle>li.read-only .botc-life,.botc-circle>li.read-only .botc-ghost-vote,.botc-circle>li.read-only .botc-token,.botc-circle>li.read-only .botc-name,.botc-circle>li.read-only .botc-reminder,.botc-list>li.read-only .botc-shroud,.botc-list>li.read-only .botc-life,.botc-list>li.read-only .botc-ghost-vote,.botc-list>li.read-only .botc-token,.botc-list>li.read-only .botc-name,.botc-list>li.read-only .botc-reminder{cursor:default}li.read-only .botc-reminder:hover{transform:rotate(calc(var(--seat-upright,0deg) + var(--reminder-flip)));z-index:auto}:is(.botc-circle,.botc-list)>li.read-only>.botc-reminder:not(.add):hover:after{opacity:0}:is(.botc-circle,.botc-list)>li.read-only>.botc-reminder:not(.add):hover .botc-reminder-icon,:is(.botc-circle,.botc-list)>li.read-only>.botc-reminder:not(.add):hover .botc-reminder-text{opacity:1}li.read-only .botc-name:hover{color:#fff;background:#1209058c}li.read-only .botc-player.dead .botc-name:hover{color:#ffffff8c}li.read-only .botc-token:hover .botc-token-name text{stroke:#fff;fill:#000}li.read-only .botc-ghost-vote:hover{transform:none}.botc-player.is-poisoned .botc-token{box-shadow:0 0 10px #00000080,0 0 0 3px #e838c8bf}.botc-player.is-drunk .botc-token{box-shadow:0 0 10px #00000080,0 0 0 3px #f0a020b3}.botc-player.is-selected .botc-token{box-shadow:0 0 10px #00000080,0 0 0 4px #ffe91fd9}.botc-player.nominator .botc-token{box-shadow:0 0 10px #00000080,0 0 0 3px #1f65ffd9}.botc-player.nominated .botc-token{animation:.9s ease-in-out infinite alternate botc-nominated}@keyframes botc-nominated{0%{box-shadow:0 0 10px #00000080,0 0 0 2px #ce010080}to{box-shadow:0 0 18px #ce0100e6,0 0 0 6px #ce0100b3}}.botc-phase-bar{right:var(--corner-inset);bottom:var(--corner-inset);z-index:40;font-size:var(--panel-font);width:min(calc(var(--phase-bar-w,16em) * var(--phase-bar-squeeze)), calc(100vw - var(--corner-inset) * 2));min-height:var(--phase-bar-slot);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;max-height:min(50vh,26em);font-family:var(--font-geist-sans), sans-serif;background:#000000c7;border:2px solid #000;border-radius:10px;flex-direction:column;align-items:stretch;gap:.35em;padding:.45em .6em;display:flex;position:fixed;overflow:hidden}.botc-phase-scroll{overscroll-behavior:contain;flex-direction:column;flex:auto;align-items:stretch;gap:.35em;min-height:0;display:flex;overflow-y:auto}.botc-phase-bar>.botc-phase-fixed{flex:none}.botc-phase-bar.closed{min-height:0}@media (min-width:50rem){[data-notes=open] .botc-phase-bar{right:calc(var(--corner-inset) * 2 + var(--notes-drawer-w))}}@media (min-width:50rem) and (max-width:56rem){[data-notes=open]{--phase-bar-squeeze:.78}[data-notes=open] .botc-bluffs{--bluff-slot:clamp(40px, 6vmin, 62px)}}.botc-phase-fold{color:#ffffffb3;cursor:pointer;background:#0006;border:2px solid #ffffff40;border-radius:6px;flex:none;width:1.5em;height:1.5em;font-size:.75em;line-height:1;transition:all .15s}.botc-phase-fold:hover{border-color:var(--fabled,#ffe91f);color:var(--fabled,#ffe91f)}@media (hover:none){.botc-phase-bar button{min-height:2.2em}}.botc-top-left{font-size:var(--panel-font);min-width:0;max-width:calc(100% - 7em)}.botc-top-status{font-size:var(--panel-font);width:fit-content;max-width:min(21.5em,100%)}.botc-top-tools{font-size:var(--panel-font)}.botc-fabled{--fabled-slot:clamp(38px, max(6.5vmin, 6.9vw), 144px);pointer-events:auto;font-size:var(--panel-font);box-sizing:border-box;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);filter:drop-shadow(0 4px 6px #00000080);color:#fff;max-width:100%;font-family:var(--font-geist-sans), sans-serif;-webkit-user-select:none;user-select:none;background:#0000008c;border:2px solid #000;border-radius:10px;padding:.45em .6em}.botc-fabled h3{color:#fff9;align-items:center;gap:.5em;margin:0 0 .3em;font-size:.8em;font-weight:700;display:flex}.botc-fabled h3>span{white-space:nowrap;flex:1}.botc-fabled.closed h3{margin:0}.botc-fabled.closed ul{display:none}.botc-fabled ul{max-width:min(calc(var(--fabled-slot) * 5 + .45em * 4), 24em);flex-wrap:wrap;gap:.45em;margin:0;padding:0;list-style:none;display:flex}.botc-fabled li{width:var(--fabled-slot);aspect-ratio:1;position:relative}.botc-fabled-pick.picked:after{content:"";border:3px solid var(--fabled,#ffe91f);pointer-events:none;border-radius:50%;position:absolute;inset:-4%;box-shadow:0 0 10px #ffe91f73}.botc-role-grid>li.botc-fabled-pick:not(.picked) .botc-token{opacity:.55;transition:opacity .15s}.botc-role-grid>li.botc-fabled-pick:not(.picked):hover .botc-token{opacity:.85}.botc-bluffs{--bluff-slot:clamp(50px, 9.5vmin, 104px);left:var(--corner-inset);bottom:var(--corner-inset);z-index:40;font-size:var(--panel-font);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);filter:drop-shadow(0 4px 6px #00000080);color:#fff;font-family:var(--font-geist-sans), sans-serif;-webkit-user-select:none;user-select:none;background:#0000008c;border:2px solid #000;border-radius:10px;padding:.45em .6em;position:fixed}.botc-bluffs h3{letter-spacing:1px;align-items:center;gap:.4em;margin:0 0 .3em;font-family:PiratesBay,serif;font-size:1.05em;display:flex}.botc-bluffs h3>span{white-space:nowrap;flex:1}.botc-bluffs.closed h3{margin:0}.botc-bluffs-fold{width:1.5em;height:1.5em;color:inherit;font-family:var(--font-geist-sans), sans-serif;cursor:pointer;background:#0006;border:2px solid #ffffff40;border-radius:6px;flex:none;font-size:.75em;line-height:1;transition:all .15s}.botc-bluffs-fold:hover{border-color:var(--fabled,#ffe91f);color:var(--fabled,#ffe91f)}.botc-bluff-remove{z-index:10;color:#fff;cursor:pointer;background:#000000b3;border:2px solid #ffffff40;border-radius:50%;width:1.5em;height:1.5em;font-size:.75em;line-height:1;transition:all .15s;position:absolute;top:-.35em;right:-.35em}.botc-bluff-remove:hover{border-color:var(--demon,#ce0100);color:var(--demon,#ce0100)}.botc-bluffs ul{gap:.4em;margin:0;padding:0;list-style:none;display:flex}.botc-bluffs li{width:var(--bluff-slot);aspect-ratio:1;position:relative}.botc-bluffs.closed ul{display:none}@media (max-width:359px){.botc-bluffs{--bluff-slot:40px}}@media (max-height:600px){.botc-phase-bar{max-height:36vh}}.botc-bluff-empty{color:#00000073;width:100%;height:100%;font-size:calc(var(--bluff-slot) * .45);cursor:pointer;background:url(/botc/ui/token1.webp) 50%/100% no-repeat;border:none;border-radius:50%;padding:0;line-height:1;transition:transform .15s;box-shadow:0 0 10px #00000080}.botc-bluff-empty:hover{transform:scale(1.05)}.botc-info-stage{z-index:1000;cursor:pointer;-webkit-user-select:none;user-select:none;background:#0b0a09;flex-direction:column;justify-content:center;align-items:center;gap:3vh;padding:3vh 3vw;display:flex;position:fixed;inset:0}.botc-info-token{--info-color:#452115;--info-card-w:min(80vw, 58vh);width:var(--info-card-w);aspect-ratio:3/4;padding:calc(var(--info-card-w) * .08) calc(var(--info-card-w) * .07);background: repeating-linear-gradient(45deg, #ffffff06 0 1px, transparent 1px 9px), radial-gradient(circle at 50% 50%, var(--info-color) 0%, color-mix(in srgb, var(--info-color) 30%, #000) 100%);color:#fff;min-height:0;font-family:PiratesBay,Papyrus,serif;font-size:calc(var(--info-card-w) * .38);letter-spacing:.06em;text-align:center;overflow-wrap:break-word;border-radius:6px;flex:none;justify-content:center;align-items:center;line-height:1.2;display:flex;position:relative;overflow:hidden;box-shadow:0 0 50px #000c}.botc-info-stage.has-roles .botc-info-token{--info-card-w:min(70vw, 42vh)}.botc-info-token:after{content:" ";border:1px solid color-mix(in srgb, var(--info-color) 88%, #fff);pointer-events:none;position:absolute;inset:4%}.botc-info-roles{flex-wrap:wrap;justify-content:center;align-items:center;gap:3vmin;display:flex}.botc-info-role{aspect-ratio:1;flex:none;width:min(27vmin,240px);position:relative}.botc-info-stage.only-roles .botc-info-role{width:min(40vmin,380px)}.botc-info-stage.only-roles.single-role .botc-info-role{width:min(56vmin,520px)}.botc-info-exit{color:#ffffff4d;font-size:.85rem}.botc-draw-stage{z-index:1000;overscroll-behavior:none;color:#fff;-webkit-user-select:none;user-select:none;background:#0b0a09;flex-direction:column;justify-content:safe center;align-items:center;gap:2.5vh;padding:3vh 4vw;display:flex;position:fixed;inset:0;overflow-y:auto}.botc-draw-stage>*{filter:brightness(.75)}.botc-draw-head{text-align:center;flex-direction:column;align-items:center;gap:.35rem;display:flex}.botc-draw-turn{color:#fff6;letter-spacing:.08em;font-size:.8rem}.botc-draw-title{letter-spacing:1px;margin:0;font-family:PiratesBay,Papyrus,serif;font-size:clamp(1.15rem,4.5vw,1.9rem)}.botc-draw-hint{color:#ffffff80;max-width:32rem;font-size:.8rem;line-height:1.6}.botc-draw-grid{grid-template-columns:repeat(auto-fill,minmax(clamp(76px,20vw,124px),1fr));gap:clamp(.5rem,2vw,1rem);width:min(100%,46rem);margin:0;padding:0;list-style:none;display:grid}.botc-draw-card{aspect-ratio:1;color:#00000059;cursor:pointer;background:url(/botc/ui/token1.webp) 50%/100% no-repeat;border-radius:50%;justify-content:center;align-items:center;width:100%;font-family:Papyrus,serif;font-size:clamp(1.5rem,6vw,2.4rem);font-weight:700;line-height:1;transition:transform .15s;display:flex;box-shadow:0 0 12px #0000008c}.botc-draw-card:hover{transform:scale(1.05)}.botc-draw-card.taken{box-shadow:none;color:#fff3;cursor:default;background:0 0;border:2px dashed #ffffff1f;font-family:inherit;font-size:.7rem;font-weight:400}.botc-draw-foot{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;display:flex}.botc-draw-ask{z-index:1;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#000000b3;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.botc-draw-ask-box{text-align:center;background:#16130f;border:2px solid #000;border-radius:10px;flex-direction:column;gap:.75rem;width:min(22rem,100%);padding:1rem;display:flex;box-shadow:0 0 40px #000c}.botc-draw-stage.is-reveal{gap:2vh}.botc-draw-stage.is-reveal .botc-draw-turn{color:#ffffff9e;font-size:clamp(.95rem,3.6vw,1.3rem)}.botc-draw-token{aspect-ratio:1;flex:none;width:min(34vw,22vh);position:relative}.botc-draw-shield{color:#fde68ad9;text-align:center;background:#fbbf2414;border:1px solid #fbbf2459;border-radius:999px;align-items:center;gap:.4em;max-width:24rem;margin:0;padding:.4rem .8rem;font-size:.8rem;line-height:1.5;display:flex}.botc-draw-role{text-align:center;max-width:30rem}.botc-draw-role h2{letter-spacing:1px;margin:0;font-family:PiratesBay,Papyrus,serif;font-size:clamp(1.3rem,6vw,2.1rem)}.botc-draw-role h2 span{color:#fff6;font-family:var(--font-geist-sans), sans-serif;letter-spacing:normal;margin-left:.5em;font-size:.6em}.botc-draw-role p{color:#ffffffbf;margin:.5rem 0 0;font-size:.875rem;line-height:1.7}.botc-draw-stage.is-handback{gap:3vh}.botc-draw-lock{color:#fde68acc;background:#fbbf2414;border:2px solid #fbbf244d;border-radius:50%;justify-content:center;align-items:center;width:4.4em;height:4.4em;display:flex}.botc-draw-seats{grid-template-columns:repeat(auto-fill,minmax(clamp(76px,18vw,116px),1fr));gap:clamp(.9rem,3vw,1.6rem) clamp(.5rem,2vw,1rem);width:min(100%,48rem);margin:0;padding:0;list-style:none;display:grid}.botc-draw-seats>li{flex-direction:column;align-items:center;display:flex}.botc-draw-seat-token{aspect-ratio:1;width:100%;position:relative}.botc-draw-seat-name{text-shadow:0 1px 2px #000,0 0 4px #000;white-space:nowrap;background:#1209058c;border:1px solid #a08c74b3;border-radius:7px;justify-content:center;align-items:baseline;gap:.3em;max-width:130%;margin-top:3%;padding:0 .4em;font-size:clamp(10px,2.6vw,14px);line-height:1.5;display:flex}.botc-draw-seat-name .botc-seat-no{flex:none}.botc-draw-seat-name .botc-nick{text-overflow:ellipsis;min-width:0;overflow:hidden}.botc-modal-backdrop{z-index:60;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#000000a6;justify-content:center;align-items:flex-start;padding:1rem;display:flex;position:fixed;inset:0}.botc-modal{--circle-size:700px;--seat-scale:1;--townsfolk:#1f65ff;--outsider:#46d5ff;--minion:#ff6900;--demon:#ce0100;--traveler:#cc04ff;--fabled:#ffe91f;--default:#4e4e4e;color:#fff;background:#111111f0;border:3px solid #000;border-radius:12px;flex-direction:column;width:100%;max-width:min(1100px,100%);max-height:calc(100dvh - 2rem);padding:1rem 1.25rem 1.25rem;display:flex;position:relative;box-shadow:0 10px 40px #000000b3}.botc-sheet-seat{--circle-size:421px;--seat-scale:1}.botc-sheet-grid{grid-template-columns:repeat(auto-fill,minmax(min(23rem,100%),1fr));align-items:start;gap:.125rem 1.5rem;display:grid}.botc-sheet-team{align-items:center;gap:.5rem;display:flex}.botc-sheet-team:after{content:"";opacity:.35;background:currentColor;flex:1;height:1px}.botc-modal.wide{max-width:min(1600px,100%)}.botc-modal-head{align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.botc-modal-title{letter-spacing:1px;flex:auto;min-width:0;margin:0;font-family:PiratesBay,serif;font-size:1.35rem}.botc-modal-actions{flex-wrap:wrap;flex:0 auto;justify-content:flex-end;gap:.4rem;display:flex}.botc-modal-close{color:#fff;cursor:pointer;background:#0006;border:2px solid #ffffff40;border-radius:50%;flex:none;width:2rem;height:2rem;font-size:1rem;line-height:1;transition:all .15s}.botc-modal-close:hover{border-color:var(--demon);color:var(--demon)}.botc-modal-body{overscroll-behavior:contain;overflow:hidden auto}@media (max-width:640px){.botc-modal-backdrop{padding:0}.botc-modal{border-width:0;border-radius:0;min-height:100dvh;max-height:100dvh;padding:.7rem .75rem 1rem;max-width:none!important}.botc-modal-body{flex:auto;min-height:0}.botc-modal-title{letter-spacing:0;font-size:1.05rem}.botc-modal-close{width:1.75rem;height:1.75rem}.botc-states{gap:.25rem}.botc-states>button{padding-inline:.4rem;font-size:.6875rem}.botc-states>button svg{width:.875rem;height:.875rem}}.botc-role-group{margin-bottom:.9rem}.botc-role-group>h4{letter-spacing:1px;color:var(--group-color,#fff);margin:0 0 .4rem;font-size:.8rem;font-weight:700}.botc-role-grid{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;grid-template-columns:repeat(auto-fill,minmax(clamp(72px,8vw,112px),1fr));gap:.5rem;display:grid}@media (max-width:640px){.botc-role-grid{grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:.35rem}}.botc-role-grid>li{aspect-ratio:1;content-visibility:auto;contain-intrinsic-size:auto 56px;list-style:none;position:relative}.botc-role-grid>li.taken{opacity:.35}.botc-role-grid>li.botc-role-dim{opacity:.3;transition:opacity .15s}.botc-role-grid>li.botc-role-dim:hover{opacity:.6}.botc-role-setup{z-index:3;filter:drop-shadow(0 0 2px #000);pointer-events:none;font-size:.8rem;line-height:1;position:absolute;top:2%;left:2%}.botc-role-count{inset-inline:0;z-index:4;justify-content:center;align-items:center;gap:.25em;font-size:.75rem;display:flex;position:absolute;bottom:-.35em}.botc-role-count button{color:#fff;cursor:pointer;background:#111111e6;border:2px solid #000;border-radius:50%;width:1.5em;height:1.5em;line-height:1}.botc-role-count button:hover{border-color:var(--fabled);color:var(--fabled)}.botc-role-count span{text-align:center;text-shadow:0 0 3px #000;min-width:1.6em;font-weight:700}.botc-role-grid>li.taken:after{content:"已用";z-index:3;color:#fff;background:#000c;border-radius:4px;padding:0 .3em;font-size:.6rem;line-height:1.4;position:absolute;top:6%;right:4%}.botc-reminder-grid{grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:.5rem;display:grid}.botc-reminder-grid>li{content-visibility:auto;contain-intrinsic-size:auto 58px;list-style:none}.botc-reminder-grid .botc-reminder{width:100%}@media (max-width:640px){.botc-reminder-grid{grid-template-columns:repeat(auto-fill,minmax(58px,1fr));gap:.35rem}.botc-modal{--circle-size:520px}}.botc-swipe{list-style:none;position:relative;overflow:hidden}.botc-swipe-body{touch-action:pan-y;transition:transform .16s ease-out}.botc-swipe-body.is-dragging{transition:none}.botc-swipe-action{inset-block:0;color:#fff;background:#b91c1c;border:0;border-radius:.25rem;width:68px;font-size:.75rem;font-weight:700;position:absolute;right:0}