@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)}@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-size);height:var(--circle-size);margin:0;padding:0;list-style:none;position:relative}.botc-circle>li{transform-origin:0 100%;pointer-events:none;height:50%;position:absolute;top:0;left:50%}.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:calc(var(--circle-size) * .19 * var(--seat-scale) * .5);margin-left:calc(var(--circle-size) * .19 * var(--seat-scale) * -.25);pointer-events:all}.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;background:url(/botc/ui/token1.png) 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-token .botc-token-icon{mix-blend-mode:var(--blend);pointer-events:none;background-position:50% 30%;background-repeat:no-repeat;background-size:100%;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{width:100%;height:100%;font-size:24px}.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.png) 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.png)}.botc-player.dead.has-ghost-vote .botc-life:after{content:" ";pointer-events:none;background:url(/botc/ui/vote1.png) 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{width:100%;height:100%}.botc-grimoire[data-view=public] .botc-ghost-vote{display:none}.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.png) 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)}.botc-shroud:hover:before{opacity:.5;top:-10px;transform:scale(1)}.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:hover{z-index:30}.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-night-order span{z-index:25;width:max-content;max-width:15em;font-size:clamp(11px, calc(var(--circle-size) * .024), 17px);opacity:0;pointer-events:none;background:#111111f0;border:2px solid #000;border-radius:8px;padding:.4em .6em;line-height:1.35;transition:opacity .15s ease-in-out;position:absolute;top:50%;transform:translateY(-50%)}.botc-night-order.first span{right:calc(110% - var(--badge-size) + .35em)}.botc-night-order.other span{left:calc(110% - var(--badge-size) + .35em)}.botc-night-order em:hover+span{opacity:1}.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{z-index:4;color:#fff;width:fit-content;min-width:2.4em;max-width:160%;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{aspect-ratio:1;cursor:pointer;transform:rotate(var(--seat-upright,0deg));background:url(/botc/ui/reminder1.png) 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:hover{transform:rotate(var(--seat-upright,0deg)) 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(--circle-size) * .0185 * var(--seat-scale,1)), 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(--circle-size) * .024 * var(--seat-scale,1)), 17px);line-height:1.1;top:50%;transform:translateY(-50%)}.botc-reminder:not(.add):after{content:" ";opacity:0;pointer-events:none;background:url(/botc/ui/x.png) 50%/100% no-repeat;width:90%;height:90%;transition:opacity .2s;position:absolute;top:0}.botc-reminder:not(.add):hover:after{opacity:1}.botc-reminder:not(.add):hover .botc-reminder-icon,.botc-reminder:not(.add):hover .botc-reminder-text{opacity:.15}.botc-circle>li>.botc-reminder.add{width:calc(var(--circle-size) * .19 * var(--seat-scale) * .35);margin-left:calc(var(--circle-size) * .19 * var(--seat-scale) * -.175)}.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}.botc-reminder.add .botc-reminder-icon{filter:drop-shadow(0 0 3px #000c);background-image:url(/botc/ui/plus1.png);width:100%;height:100%}.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.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-top-status{font-size:var(--panel-font);width:min(23em,100% - 7em)}.botc-top-tools{font-size:var(--panel-font)}.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:3px solid #8a7864;border-radius:10px;padding:.35em .6em .5em;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.png) 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, 48vh)}.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(20vmin,170px);position:relative}.botc-info-exit{color:#ffffff4d;font-size:.85rem}.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-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-y:auto}.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{grid-template-columns:repeat(auto-fill,minmax(clamp(72px,8vw,112px),1fr));gap:.5rem;display:grid}.botc-role-grid>li{aspect-ratio:1;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{list-style:none}.botc-reminder-grid .botc-reminder{width:100%}