:root{--good:#3376b0;--evil:#711815;--fabled:#c69a3d;--loric:#3d7a4e;--parchment:#decda6;--onyx:#050a0f;--silver:#c0c4cc;--test:#802ea8;--admin:#00bcd4;--input-border:#711815;--error-red:#ff5a50;--nomination-red:#962c26;--on-the-block-red:#ff2d20;--slide-thumb-highlight:#be463c;--slide-arrow-red:#be584b;--players-ink:#78c878;--alive-ink:#e2606e;--good-ink:#6daee7;--evil-ink:#d65c54;--fabled-ink:#deb660;--loric-ink:#70bc85;--townsfolk-ink:#6daee7;--outsider-ink:#a8daf6;--minion-ink:#e88e4a;--demon-ink:#d65c54}@font-face{font-family:Montserrat;font-weight:400;src:url(/static/fonts/Montserrat-Regular.woff2)format("woff2");font-display:optional}@font-face{font-family:Montserrat;font-weight:700;src:url(/static/fonts/Montserrat-Bold.woff2)format("woff2");font-display:swap}@font-face{font-family:Montserrat;font-weight:900;src:url(/static/fonts/Montserrat-Black.woff2)format("woff2");font-display:swap}@font-face{font-family:Anton;font-weight:400;src:url(/static/fonts/Anton-Regular.woff2)format("woff2");font-display:swap}@font-face{font-family:GoudyStM;src:url(/static/fonts/GoudyStM.woff2)format("woff2"),url(/static/fonts/GoudyStM.woff)format("woff");font-display:optional}:root{--font:"Montserrat";--number-font:"Montserrat";--token-number-font:"Anton";--corner:.3rem;--button-width:15rem;--default-backdrop:url(/static/backgrounds/night_townsquare.png)}html{background:var(--onyx);min-height:100%}body{color:var(--parchment);font-family:var(--font), Georgia, "Times New Roman", serif;margin:0}img{-webkit-touch-callout:none}.app-page{--backdrop:var(--default-backdrop);color:var(--parchment);font-family:var(--font), Georgia, "Times New Roman", serif;isolation:isolate;min-height:100%;padding:.5rem 1rem 2rem;position:relative}.app-page.bare-bar{padding:.25rem}.backdrop{background:var(--backdrop) center / cover no-repeat;pointer-events:none;z-index:-1;width:100%;height:100lvh;position:fixed;top:0;left:0}.darkened .backdrop{background:linear-gradient(#050a0fb8, #050a0fb8), var(--backdrop) center / cover no-repeat}.backdrop.none{background:0 0}.page,.page.thin{--page-width:40rem;max-width:40rem;margin:0 auto}.page.wide{--page-width:60rem;max-width:60rem}.page.full{--page-width:100%;max-width:none}.numeric,input[type=number],input[inputmode=numeric]{font-family:var(--number-font), var(--font), sans-serif}h1,h2{letter-spacing:.05em;font-weight:400}th{font-weight:400}a{color:var(--good)}input[type=text],input[type=email],input[type=password],input[type=number],input[type=search],textarea.parchment,select.parchment{background:var(--parchment);border:2px solid var(--input-border);box-sizing:border-box;color:var(--onyx);font:inherit;padding:.4rem}button,a.button,div.button{background:var(--parchment);border:2px solid var(--onyx);border-radius:var(--corner);box-sizing:border-box;color:var(--onyx);cursor:pointer;font:inherit;padding:.4rem .8rem}a.button{text-align:center;text-decoration:none;display:inline-block}button.bare{color:inherit;background:0 0;border:0;border-radius:0;padding:0}button:disabled.dim,a.button.dim{cursor:default}.storyteller{color:var(--fabled)}button.test,a.button.test{border-color:var(--test);color:var(--test)}button.admin,a.button.admin{border-color:var(--admin)}button.dangerous,a.button.dangerous{border-color:var(--evil);color:var(--evil)}.characters{grid-template-columns:repeat(auto-fill,minmax(22rem,1fr));gap:.9rem 2rem;display:grid}.dim{filter:grayscale();opacity:.3}.page-head,.controls,hr.major-bar{border:0;border-bottom:2px solid var(--fabled)}hr.major-bar{margin:2.5rem 0}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:.5rem 1rem;padding-bottom:.25rem;display:flex}.page-head h1{margin:0}.page-head .subtitle{opacity:.8;margin:0;font-style:italic}.page-head .aside{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.controls{flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;padding:.75rem 0;display:flex}.controls form{align-items:center;gap:.5rem;display:flex}.apart{margin-left:auto}.stack{gap:.4rem;display:grid}.column{width:var(--button-width);margin:0 auto}.stack>input,.stack>button,.stack>a.button,.stack>form>button{width:100%}.rule{letter-spacing:.2em;text-transform:uppercase;align-items:center;gap:.75rem;margin:1.5rem 0 .75rem;font-size:1.5em;display:flex}.rule:before{background:var(--fabled);content:"";opacity:.5;flex:1;height:1px}.error{border-left:4px solid var(--evil);margin:1rem 0;padding:.5rem 1rem}.code{letter-spacing:.3em;font-size:2rem}.centred{text-align:center}ol,ul{line-height:1.8}code{color:var(--fabled)}.flavor-fixed{width:var(--button-width)}.flavor-fit{width:fit-content}.flavor-full{width:100%;display:block}.align-left,.align-center,.align-right{display:block}.align-left{margin-left:0;margin-right:auto}.align-center{margin-left:auto;margin-right:auto}.align-right{margin-left:auto;margin-right:0}div.button.still{cursor:default;text-align:center}.switch{color:var(--parchment);align-items:center;gap:.5rem;text-decoration:none;display:flex}button.switch{color:var(--parchment);text-align:left}.switch .track{border:1px solid var(--parchment);background:0 0;border-radius:.75rem;flex:none;width:2.6rem;height:1.4rem;display:block;position:relative}.switch .knob{background:var(--parchment);border-radius:50%;width:1rem;height:1rem;transition:left .1s;display:block;position:absolute;top:.2rem;left:.2rem}.switch[aria-checked=true] .track{background:var(--fabled)}.switch[aria-checked=true] .knob{background:var(--onyx);left:1.4rem}button.gear{color:var(--parchment);font-size:1.5rem;line-height:1}button.gear.big{font-size:2.4rem}.icon{flex:none;width:1em;height:1em;display:inline-block}.icon.glyph{background-color:currentColor}.gallery{background:var(--onyx);box-sizing:border-box;color:var(--parchment);font-family:var(--font), Georgia, serif;min-height:100vh;padding:1rem 1.5rem 3rem}.gallery-header a,.gallery-group a{color:var(--fabled-ink)}.gallery-header h1{margin:.25rem 0}.gallery-back{font-size:.9rem}.gallery-meta{opacity:.85;margin:.25rem 0}.gallery-description{opacity:.9;max-width:60rem;margin:.25rem 0 .75rem}.gallery-group .gallery-kind{justify-self:start}.gallery-kind{border-radius:var(--corner);letter-spacing:.05em;text-transform:uppercase;border:1px solid;padding:0 .35rem;font-size:.75rem}.gallery-kind.component{color:var(--good-ink)}.gallery-kind.modal{color:var(--fabled-ink)}.gallery-kind.screen{color:var(--loric-ink)}.gallery-search{width:100%;max-width:24rem}.gallery-group h2{border-bottom:1px solid #c69a3d80;margin:1.75rem 0 .5rem;font-size:1.2rem}.gallery-group ul{margin:0;padding:0;list-style:none}.gallery-group li{grid-template-columns:minmax(12rem,16rem) 7rem 1fr;align-items:baseline;gap:.75rem;padding:.2rem 0;line-height:1.5;display:grid}.gallery-summary{opacity:.75}.gallery-examples{flex-wrap:wrap;gap:.4rem;margin-bottom:.75rem;display:flex}.gallery-examples button{padding:.2rem .6rem;font-size:.85rem}.gallery-examples button.chosen{background:var(--fabled)}.gallery-triggers{flex-wrap:wrap;gap:.4rem;margin-bottom:.5rem;display:flex}.gallery-triggers button{padding:.2rem .6rem;font-size:.85rem}.gallery-body{grid-template-columns:minmax(0,3fr) minmax(20rem,2fr);align-items:start;gap:1rem;display:grid}@media (width<=70rem){.gallery-body{grid-template-columns:minmax(0,1fr)}}.gallery-frame{border:1px solid #decda659;flex-direction:column;min-height:12rem;display:flex;position:relative;overflow:hidden;transform:translateZ(0)}.gallery-scroll{flex:1;min-height:12rem;overflow:auto}.gallery-frame.component .gallery-scroll{overflow:visible}.gallery-scroll .app-page{box-sizing:border-box;min-height:100%}.gallery-failure{background:var(--onyx);border-left:4px solid var(--error-red);color:var(--parchment);margin:1rem;padding:.75rem 1rem}.gallery-failure pre{white-space:pre-wrap}.gallery-editor{gap:.5rem;display:grid;position:sticky;top:.5rem}.gallery-editor-bar{align-items:center;gap:.5rem;display:flex}.gallery-editor-bar button{padding:.25rem .8rem}.gallery-spacer{flex:1}.gallery-dirty{color:var(--fabled-ink);font-size:.85rem;font-style:italic}.field-table{border-collapse:collapse;width:100%;margin-bottom:.75rem}.field-table th,.field-table td{text-align:left;vertical-align:middle;padding:.2rem .5rem .2rem 0}.field-table th{white-space:nowrap;font-weight:400}.field-kind{opacity:.75;white-space:nowrap;font-family:Courier New,Courier,monospace;font-size:.8rem}.field-table input[type=text],.field-table input[type=number]{box-sizing:border-box;width:100%}.field-table .field-json{font-family:Courier New,Courier,monospace;font-size:.8rem}.field-table .field-json.bad{outline:2px solid var(--error-red)}.gallery-json{box-sizing:border-box;color:var(--parchment);resize:vertical;tab-size:2;background:#0d1218;border:1px solid #decda659;width:100%;height:35vh;padding:.5rem;font-family:Courier New,Courier,monospace;font-size:.8rem;line-height:1.35}.gallery-problem{color:var(--error-red);margin:0}.gallery-log ol{max-height:14rem;margin:.4rem 0 0;padding-left:1.25rem;font-size:.85rem;line-height:1.5;overflow:auto}.gallery-hint{opacity:.7;font-size:.85rem}.gallery-time{opacity:.6}.gallery-answered{color:var(--loric-ink)}.scrim{z-index:10;background:#050a0fe6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.scrim .dismiss{display:block;position:absolute;inset:0}.scrim .close{color:var(--parchment);z-index:2;font-size:2rem;line-height:1;position:absolute;top:1rem;right:1.5rem}.scrim .panel{background:var(--onyx);border:2px solid var(--parchment);box-sizing:border-box;text-align:center;z-index:1;width:80%;max-width:22rem;max-height:90%;padding:1.5rem;position:relative;overflow-y:auto}.scrim .panel h2{margin-top:0}.scrim .panel.shelf-panel{width:95%;max-width:62rem;overflow:visible}.scrim .panel.dialog{align-content:center;justify-items:center;gap:.6rem;width:min(22rem,92%);max-width:none;display:grid}.scrim .panel.dialog button:not(.bare){overflow-wrap:anywhere;max-width:100%;width:var(--button-width)}.scrim .panel.dialog input{max-width:100%;width:var(--button-width)}.scrim .held{z-index:1;position:relative}.shelf{text-align:left;max-height:60vh;margin-right:-1.5rem;padding-right:1.75rem;overflow-y:auto}.scrim .panel .wide{border:2px solid var(--parchment);box-sizing:border-box;color:var(--parchment);background:0 0;border-radius:0;width:100%;margin:1rem 0 2.5rem;padding:.6rem;display:block}.bug-report-button{z-index:40;width:2.25rem;height:2.25rem;position:fixed;bottom:.75rem;right:.75rem}.bug-report-beetle{background:var(--parchment);width:100%;height:100%;display:block;-webkit-mask:url(/static/bug_icons/beetle.png) 50%/contain no-repeat;mask:url(/static/bug_icons/beetle.png) 50%/contain no-repeat}.bug-report-form{flex-direction:column;gap:1rem;display:flex}.bug-report-kinds{justify-content:center;gap:1.25rem;display:flex}.bug-report-form textarea{box-sizing:border-box;width:100%;min-height:8rem}.bug-report-attach{flex-direction:column;gap:.25rem;display:flex}.bug-report-picture{flex-direction:column;align-items:center;gap:.5rem;display:flex}.bug-report-picture img{border:1px solid var(--parchment);max-width:100%;max-height:10rem}.home{display:inline-flex}.home img{width:2.25rem;height:2.25rem}.site-bar{justify-content:space-between;align-items:center;margin-bottom:.25rem;padding-bottom:.25rem;display:flex}.site-bar-end,.site-bar-start{align-items:center;gap:.5rem;display:flex}.ccc{height:1.75rem;display:block}.bare-bar .site-bar{pointer-events:none;z-index:8;border-bottom:0;margin:0;padding:0;position:absolute;top:.5rem;left:.5rem;right:.5rem}.bare-bar .site-bar-start,.bare-bar .site-bar-end{pointer-events:auto}.bare-bar .current-game{display:none}.menu{position:relative}.menu summary{cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:.26rem;width:2.25rem;height:2.25rem;list-style:none;display:flex}.menu summary::-webkit-details-marker{display:none}.menu summary span{background:var(--parchment);border-radius:.1rem;width:1.07rem;height:.14rem;display:block}.menu-panel{background:var(--onyx);border:2px solid var(--parchment);border-radius:var(--corner);z-index:5;min-width:9rem;display:grid;position:absolute;top:calc(100% + .5rem);right:0}.menu .menu-panel a,.menu .menu-panel button{box-sizing:border-box;color:var(--parchment);cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;border-radius:0;width:100%;padding:.6rem 1rem;text-decoration:none}.menu-panel a:hover,.menu-panel button:hover{background:#ffffff14}.slide{background:var(--parchment);border:2px solid var(--evil);isolation:isolate;border-radius:999px;max-width:22rem;height:2.5rem;margin:.75rem auto;position:relative}.slide-bar{appearance:none;border-radius:inherit;box-sizing:border-box;cursor:grab;z-index:2;background:0 0;border:0;width:calc(100% - .5rem);height:100%;margin:0;padding:0;position:absolute;inset:0 .25rem}.slide-bar::-webkit-slider-runnable-track{background:0 0;border:0}.slide-bar::-moz-range-track{background:0 0;border:0}.slide-bar::-moz-range-progress{background:0 0;border:0}.slide-bar::-webkit-slider-thumb{appearance:none;background:var(--thumb-paint);cursor:grab;border:0;border-radius:50%;width:2rem;height:2rem;box-shadow:0 1px 3px #050a0f99}.slide-bar::-moz-range-thumb{background:var(--thumb-paint);cursor:grab;border:0;border-radius:50%;width:2rem;height:2rem;box-shadow:0 1px 3px #050a0f99}.slide-label{background:linear-gradient(90deg, var(--onyx) 35%, var(--fabled) 50%, var(--onyx) 65%) 100% 0 / 300% 100% no-repeat;color:#0000;box-sizing:border-box;letter-spacing:.05em;pointer-events:none;text-align:center;z-index:1;-webkit-background-clip:text;background-clip:text;justify-content:center;align-items:center;padding:0 .75rem 0 2.25rem;line-height:2.25rem;display:flex;position:absolute;inset:0}.slide-smear{background:var(--smear-image,url(/static/smears/smear-v2-01.webp)) 0 0 / 100% 100% no-repeat;clip-path:inset(0 calc((100% + var(--smear-shift,0rem) - 2rem) * (1 - var(--slid,0))) 0 0 round 0 1rem 1rem 0);height:var(--smear-height,2rem);left:calc(.25rem + var(--smear-shift,0rem));opacity:calc(var(--slid,0) * 1000 * var(--smear-opacity,1));pointer-events:none;top:calc(50% - var(--smear-height,2rem) / 2 - var(--smear-rise,0rem));width:calc(100% - .5rem - var(--smear-shift,0rem));z-index:1;position:absolute}.slide-label.wrapped{line-height:1.05}@media (prefers-reduced-motion:no-preference){.slide-label{animation:8s linear infinite slide-shimmer}}@keyframes slide-shimmer{0%,75%{background-position:100% 0}87.499%{background-position:0 0}87.5%{background-position:100% 0}to{background-position:0 0}}.refusal-actions{max-width:100%;width:var(--button-width);align-items:center;gap:.5rem;margin:.75rem auto 0;display:flex}.refusal-actions .slide{flex:1;min-width:0;max-width:none;margin:0}.refusal-actions>:not(.slide){flex:none}.explains{display:inline-flex}.reasons{background:var(--onyx);border:1px solid var(--parchment);pointer-events:none;z-index:20;max-width:24rem;padding:.5rem .75rem;position:fixed}.reasons ul{margin:0;padding-left:1.2rem;line-height:1.5}.reasons .problem{color:var(--error-red)}.controls input[type=number].target{width:3.5rem}.controls label{align-items:center;gap:.35rem;display:inline-flex}.committed{color:var(--fabled)}.overrides{justify-items:start;gap:.75rem;display:grid}.overrides h2{margin:0;font-size:1.1rem}.token{vertical-align:middle}.token.large{width:5em;height:5em}.token.small{width:2em;height:2em}.token.tiny{width:1.4em;height:1.4em}.token.unpictured{box-sizing:border-box;color:var(--parchment);text-align:center;border:2px solid;border-radius:50%;justify-content:center;align-items:center;display:inline-flex;overflow:hidden;container-type:inline-size}.token.unpictured>span{padding:0 8%;font-size:17cqw;line-height:1.1}.token.unpictured.townsfolk,.token.unpictured.outsider{color:var(--good)}.token.unpictured.minion,.token.unpictured.demon{color:var(--evil)}.token.unpictured.fabled{color:var(--fabled-ink)}.token.unpictured.loric{color:var(--loric-ink)}.token.unpictured.dim{opacity:.4}button.token-press{display:block}.struck{line-height:0;display:inline-block;position:relative}.struck:after{background:var(--error-red);content:"";width:100%;height:3px;position:absolute;top:calc(50% - 1.5px);left:0;transform:rotate(45deg)}.character{text-align:left;gap:.6rem;display:flex}.character>.token,.character>.struck .token,.character>form .token,.character>.token-press .token{flex:none;width:5em;height:5em}.character .name{display:block}.character .name-link{color:inherit;text-decoration:none}.character .name-link:hover{text-decoration:underline}.character .ability{opacity:.9}.character.pressed-entry{cursor:pointer}button.character{color:inherit;font:inherit;width:100%}.character img.jinx-icon{vertical-align:middle;width:2em;height:2em;margin:-1em 0 -1em .3rem;position:relative}.character.compact>.token{width:2em;height:2em}.tally{color:var(--parchment);letter-spacing:normal}.tally .chosen{text-align:right;width:1.2em;display:inline-block}.copies{color:var(--parchment);vertical-align:middle;align-items:center;gap:.2em;height:1em;margin-left:.75em;display:inline-flex}.copies button{box-sizing:border-box;border-width:1px;height:1.25em;padding:0 .45em;font-size:.8em;line-height:1}.copies .number{margin-left:.25em}.copies button[disabled]{cursor:default;opacity:.35}.bag-tokens{flex-wrap:wrap;justify-content:center;gap:1.25rem;margin:1rem 0;display:flex}.bag-tokens .token{width:5em;height:5em}.token-face{aspect-ratio:1;isolation:isolate;position:relative;container-type:inline-size}.token-face>img:first-child,.token-face>img.token-halo+img,.token-face>.token-base:first-child,.token-face>img.token-halo+.token-base{width:100%;display:block}.token-base{aspect-ratio:1;display:block;position:relative}.token-layer{pointer-events:none;max-width:none;position:absolute}.token-face>.token-ring{z-index:4}.token-face>img.token-halo{pointer-events:none;z-index:-1;max-width:none;position:absolute}@media (prefers-reduced-motion:no-preference){.token-face>img.token-halo.green{animation:.7s linear infinite token-halo-turn}}@keyframes token-halo-turn{to{transform:rotate(1turn)}}.token-face .token-number{color:var(--evil);font-family:var(--token-number-font), var(--number-font), sans-serif;-webkit-text-stroke:.04em var(--onyx);font-size:55cqw;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.token-name-ring{width:100%;height:100%;position:absolute;top:0;left:0;overflow:visible}.token-name-ring text{text-anchor:middle;font-family:inherit;font-size:16px}.token-name-ring text.good{fill:var(--good)}.token-name-ring text.evil{fill:var(--evil)}.token-head{width:85.64%;position:absolute;top:4.18%;left:7.18%}.night-number{aspect-ratio:1;border:1px solid var(--onyx);color:#fff;text-shadow:0 .06em .1em #0009;z-index:5;border-radius:50%;justify-content:center;align-items:center;width:24%;font-size:11cqw;display:flex;position:absolute;top:38%;box-shadow:inset 0 -.12em .2em #00000073,0 .08em .18em #0009}.night-number.first{background:radial-gradient(circle at 35% 30%, color-mix(in srgb, var(--good) 45%, white) 0%, var(--good) 45%, color-mix(in srgb, var(--good) 55%, black) 100%);left:-8%}.night-number.setup{background:radial-gradient(circle at 35% 30%, color-mix(in srgb, var(--loric) 45%, white) 0%, var(--loric) 45%, color-mix(in srgb, var(--loric) 55%, black) 100%);border:1px solid var(--onyx);cursor:grab;text-shadow:none;touch-action:none;z-index:5;border-radius:50%;padding:0;font-size:11cqw;top:-8%;left:38%;box-shadow:inset 0 -.12em .2em #00000073,0 .08em .18em #0009}.night-number.setup>span{background:linear-gradient(90deg, #fff 35%, var(--fabled-ink) 50%, #fff 65%) 100% 0 / 300% 100% no-repeat;color:#0000;filter:drop-shadow(0 .06em .08em #0009);-webkit-background-clip:text;background-clip:text}@media (prefers-reduced-motion:no-preference){.night-number.setup>span{animation:8s linear infinite setup-shimmer}}@keyframes setup-shimmer{0%,75%{background-position:100% 0}87.499%{background-position:0 0}87.5%{background-position:100% 0}to{background-position:0 0}}.night-number.other{background:radial-gradient(circle at 35% 30%, color-mix(in srgb, var(--evil) 45%, white) 0%, var(--evil) 45%, color-mix(in srgb, var(--evil) 55%, black) 100%);right:-8%}.night-number.asleep{filter:grayscale()brightness(.8)}button.night-number.first,button.night-number.other{border:1px solid var(--onyx);color:#fff;cursor:pointer;z-index:5;border-radius:50%;padding:0;font-size:11cqw;box-shadow:inset 0 -.12em .2em #00000073,0 .08em .18em #0009}.night-number.pick{background:radial-gradient(circle at 35% 30%, color-mix(in srgb, var(--fabled) 45%, white) 0%, var(--fabled) 45%, color-mix(in srgb, var(--fabled) 55%, black) 100%);color:var(--onyx);text-shadow:none;z-index:5;top:-8%;left:38%}.ability-card{background:var(--onyx);border:2px solid var(--parchment);border-radius:var(--corner);color:var(--parchment);pointer-events:none;z-index:70;gap:.2rem;width:max-content;max-width:min(18rem,100vw - 1rem);padding:.5rem .7rem;font-size:.9rem;line-height:1.3;display:grid;position:fixed;transform:translate(-50%);box-shadow:0 .4rem 1rem #0009}.ability-card strong.good{color:var(--good-ink,var(--good))}.ability-card strong.evil{color:var(--evil-ink,var(--evil))}.ability-card strong.fabled{color:var(--fabled-ink)}.ability-card strong.loric{color:var(--loric-ink)}.token-face>.token-face-in{position:absolute;inset:0}.token-face>.token-press{cursor:pointer;border-radius:50%;position:absolute;inset:12%}.spent-x{filter:drop-shadow(0 0 .5cqw #000);pointer-events:none;z-index:5;width:14%;position:absolute;top:8%;left:16%}.spent-x path{fill:none;stroke:#d01c1c;stroke-linecap:round;stroke-width:2.4px}.token-menu-slot{z-index:5;position:absolute}.sheet,.back{margin-bottom:3rem}.extras{flex-wrap:wrap;align-items:center;gap:.75rem;min-height:5em;display:flex}.extras img{display:block}.page-head .token{width:5em;height:5em}.back .character .token,.back .token{width:2em;height:2em}.nights{gap:2rem;display:flex}.night{flex:0 0 13rem}.night ol{padding:0;list-style:none}.night li{align-items:center;gap:.4rem;display:flex}.night .number{opacity:.6;width:1.2rem}.night-face{flex:none;display:inline-flex;position:relative}.night li.dead .number,.night li.dead .night-name,.night li.dead .night-face>.token{filter:grayscale(.5);opacity:.65}.night li.dead .night-face:after{content:"";pointer-events:none;background:linear-gradient(to top right, transparent calc(50% - 1.5px), var(--evil) calc(50% - 1.5px), var(--evil) calc(50% + 1.5px), transparent calc(50% + 1.5px));width:1em;height:1em;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.night-face .spent-x{filter:drop-shadow(0 0 1px #000);width:1em;height:1em;top:50%;left:50%;transform:translate(-50%,-50%)}.night li.current{border-radius:var(--corner);outline:2px solid var(--parchment);outline-offset:2px}.nights.even .night,.middle{flex:1}.jinx{align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.pair{flex:none;display:flex}.count-table{border-collapse:collapse;background:#decda666;width:100%;margin-top:1.5rem}.count-table th,.count-table td{text-shadow:-1px -1px #000,1px -1px #000,-1px 1px #000,1px 1px #000;border:1px solid #decda64d;padding:.2rem .4rem}.count-table tr>:first-child{text-align:left}.count-table .numeric{text-align:center}button.add-fabled{border:1px solid var(--fabled);color:var(--fabled);background:0 0;border-radius:0;align-self:center;padding:.1em .4em;font-size:1.6rem;line-height:1}@media (width<=40rem){.nights{display:block}.night{margin-bottom:2rem}}.head-fabled{display:inline-block}.reminder-token{aspect-ratio:1;position:relative;container-type:inline-size}.reminder-face{width:100%;height:100%;display:block;position:relative}.reminder-face>img.reminder-moon,.reminder-face>.reminder-moon{width:100%;display:block}.reminder-icon{pointer-events:none;position:absolute}.reminder-text{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:visible}.reminder-text text{fill:#000;text-anchor:middle;font-family:inherit;font-weight:700}.reminder-glyph.over-words{font-size:40cqw;top:34%}.reminder-glyph{color:var(--onyx);font-family:var(--number-font), sans-serif;font-size:60cqw;font-weight:700;line-height:1;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%)}.reminder-token .reminder-lock{background:var(--onyx);border:1px solid var(--parchment);color:var(--parchment);z-index:2;border-radius:50%;justify-content:center;align-items:center;width:22%;height:22%;padding:0;display:flex;position:absolute;top:14.64%;left:85.36%;transform:translate(-50%,-50%)}.reminder-token .reminder-lock.locked{border-color:var(--fabled-ink);color:var(--fabled-ink)}.reminder-lock svg{width:62%;height:62%}.reminder-inspected{filter:drop-shadow(0 .5rem 1rem #000000bf);z-index:60;position:fixed;transform:translate(-50%,-50%)}@media (prefers-reduced-motion:no-preference){.reminder-inspected{animation:.12s ease-out reminder-inspect}}@keyframes reminder-inspect{0%{opacity:0;transform:translate(-50%,-50%)scale(.6)}}.wake-screen{--wake-token:16rem;box-sizing:border-box;text-align:center;flex-direction:column;align-items:center;gap:.75rem;width:100%;max-width:36rem;display:flex}.wake-caption{margin:0}.wake-number{margin:0;font-size:5rem;line-height:1}.wake-answer{margin:0;font-size:1.8rem}.wake-answer.yes,.wake-answer.good{color:var(--good-ink)}.wake-answer.no,.wake-answer.evil{color:var(--evil-ink)}.wake-word{margin:0;font-size:1.8rem;font-style:italic}.wake-tokens{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.wake-token,.wake-shown{width:min(var(--wake-token), 80vw)}.wake-tokens>:not(:only-child){width:min(var(--wake-token), 42vw)}.wake-shown{flex-direction:column;gap:.4rem;margin:0;display:flex}.wake-shown .wake-token{width:100%}.wake-shown-name{font-size:1.4rem}.wake-players{flex-wrap:wrap;justify-content:center;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.wake-players li{background:var(--parchment);border-radius:var(--corner);color:var(--onyx);padding:.2rem .75rem}.wake-slots{gap:.5rem;display:flex}.wake-slot{border:2px dashed var(--parchment);border-radius:50%;width:3rem;height:3rem}.wake-direction,.wake-grimoire{fill:none;height:5rem;stroke:var(--parchment);stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;width:5rem}.wake-direction.anticlockwise{transform:scaleX(-1)}.character-ability{align-items:center;gap:1rem;display:flex}.character-ability p{margin:0;font-size:1.2rem}.character-tokens{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.character-token{width:9rem}.character-reminder{width:6rem}.character-night{flex-wrap:wrap;align-items:flex-start;gap:2rem;display:flex}.character-component{color:var(--fabled);margin:0 0 .5rem}.param-table table{border-collapse:collapse;margin-bottom:.75rem}.param-table th,.param-table td{text-align:left;vertical-align:middle;padding:.3rem .75rem .3rem 0}.param-table th{font-weight:400}.param-allowed{max-width:var(--button-width);opacity:.8;overflow-wrap:anywhere;width:var(--button-width);font-family:monospace}.param-table input[type=text],.param-table select{width:14rem;max-width:60vw}.character-night .wake-screen{--wake-token:9rem;max-width:20rem}.param-table input[type=number]{width:6rem}.gallery-tiles{grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:1.5rem;padding:0;list-style:none;display:grid}.gallery-tiles button{color:var(--parchment);text-align:center;width:100%;display:block}.gallery-tiles img{border:1px solid var(--fabled);box-sizing:border-box;object-fit:cover;width:100%;height:10rem;margin-bottom:.4rem;display:block}.gallery-tiles .name{word-break:break-all}.composition-link{text-align:center;margin:1rem auto 0}.composition-link a{width:var(--button-width);display:inline-block}.image-viewer{z-index:10;background:#050a0fe6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.image-viewer .dismiss{display:block;position:absolute;inset:0}.image-viewer figure{text-align:center;z-index:1;margin:0;position:relative}.image-viewer img{object-fit:contain;max-width:70vw;max-height:80vh;display:block}.image-viewer figcaption{margin-top:.75rem}.image-viewer .step,.image-viewer .close{color:var(--parchment);z-index:2;position:absolute}.image-viewer .step{padding:0 1rem;font-size:3rem;line-height:1;top:50%;transform:translateY(-50%)}.image-viewer .previous{left:1rem}.image-viewer .next{right:1rem}.image-viewer .close{font-size:2rem;top:1rem;right:1.5rem}.scripts{grid-template-columns:repeat(3,1fr);gap:1.5rem;padding:0;list-style:none;display:grid}.scripts .tile{color:var(--parchment);text-align:center;width:100%;text-decoration:none;display:block}.scripts img{max-width:100%;max-height:7rem;margin:0 auto .4rem;display:block}.scripts .chosen{outline:2px solid var(--fabled);outline-offset:.5rem}.script-buttons{grid-template-columns:repeat(3, minmax(0, var(--button-width)));justify-content:center;gap:.75rem;padding:0;list-style:none;display:grid}.script-buttons a.button,.script-buttons button{white-space:normal;width:100%}.script-buttons .chosen{outline:2px solid var(--fabled);outline-offset:.25rem}.search{gap:.5rem;display:flex}.search input{flex:1}.results{border-collapse:collapse;width:100%;margin-top:1rem}.results td,.results th{text-align:left;padding:.2rem .5rem}.results .numeric{text-align:right}.results a.button{text-align:center;white-space:normal;width:var(--button-width)}.results select{background:var(--parchment);border:2px solid var(--input-border);color:var(--onyx);font:inherit}.landing{text-align:center}.landing .error{text-align:left}.landing .logo{width:75vw;height:auto;margin:1.5rem 0 2rem;display:block;position:relative;left:50%;transform:translate(-50%)}.drifting-clouds{pointer-events:none;z-index:-1;position:fixed;inset:0;overflow:hidden;transform:translateZ(0)}.drifting-cloud{max-width:none;animation-name:drifting-cloud;animation-timing-function:linear;animation-fill-mode:both;position:absolute;left:0}@keyframes drifting-cloud{0%{transform:translateX(var(--from))}to{transform:translateX(var(--to))}}@media (prefers-reduced-motion:reduce){.drifting-cloud{animation-play-state:paused}}.scrim .panel.json-panel{width:92%;max-width:44rem}.json-text{box-sizing:border-box;resize:vertical;width:100%;height:60vh;margin-bottom:1rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.8rem}.json-button-words{font-size:.5em}.code-box{align-items:center;gap:.4rem;display:inline-flex}button.participant-state:disabled{cursor:default;opacity:1}.player-controls-key{color:var(--parchment);display:inline-flex}.neighbours{width:var(--button-width);justify-content:space-between;margin:.5rem auto;display:flex}.neighbours button.neighbour-cancel{color:var(--error-red);opacity:.8;vertical-align:middle;width:1em;height:1em;margin:0 .35em;line-height:1;text-decoration:none;display:inline-flex}.neighbours button.neighbour-cancel:hover{opacity:1}.neighbours .nobody{visibility:hidden}.neighbours button.bare{color:inherit;text-decoration:underline}.join-column,.seat-column{width:var(--button-width);gap:.4rem;display:inline-grid}.seat-column button,.test-tools button{width:100%}button.setup-card{text-align:center;width:var(--button-width);margin:.5rem auto 1.5rem;display:block}button.setup-card:disabled{cursor:default;opacity:.85}.setup-card .script-icon{object-fit:contain;width:100%;height:7rem;margin:0 auto .4rem;display:block}.seated{border-collapse:collapse;margin:0 auto}.seated td{border:0;padding:.15rem 0}.seated td.sat{width:1.25em;padding-right:.4rem}.seated .tick{font-size:.9em;font-style:normal}.seated button.name-press{color:inherit;text-decoration:underline}.seated .divider td{padding:0}.block-break{height:.9rem;position:relative}.block-break:before{background:var(--fabled);content:"";opacity:.5;height:1px;position:absolute;top:50%;left:0;right:0}.nib{background:var(--fabled);cursor:grab;border:0;border-radius:50%;width:.65rem;height:.65rem;padding:0;display:block;position:absolute;top:50%;right:0;transform:translateY(-50%)}.seated tr[draggable=true]{cursor:grab}.seated tr.drop-above td{box-shadow:inset 0 2px 0 var(--fabled)}.seated tr.drop-below td{box-shadow:inset 0 -2px 0 var(--fabled)}.block-break.drop-here:before{opacity:1;height:2px}.seated.moving-a-run .block-break:before{opacity:.8}.test-tools,.test-token-tools{width:var(--button-width);gap:.4rem;display:inline-grid}.test-token-tools button{width:100%}.test-tools form.pair{gap:.4rem;display:flex}.test-tools form.pair input{width:4.5rem}.test-tools form.pair button{flex:1}.settings-list{justify-items:start;gap:.75rem;display:grid}.settings-list h2{margin:0;font-size:1.1rem}.settings-list select{background:var(--parchment);border:2px solid var(--input-border);color:var(--onyx);font:inherit;padding:.4rem}.player-tools{gap:.6rem;display:grid}.player-tools .neighbours{width:100%;margin:.15rem 0}.player-tools form{gap:.4rem;display:flex}.player-tools .alone{justify-content:center;display:flex}.player-tools .alone button,.player-tools .alone a.button{width:var(--button-width)}.player-tools input[type=text]{flex:1;min-width:0}.scrim .panel.townsquare-panel{width:95%;max-width:40rem}.townsquare-panel h2{justify-content:center;align-items:center;gap:.75rem;display:flex}.townsquare-panel textarea{box-sizing:border-box;resize:vertical;width:100%;height:50vh;font-family:monospace;font-size:.8rem}.townsquare-panel .copy svg{fill:none;height:1.5rem;stroke:var(--parchment);stroke-width:2px;width:1.5rem}.townsquare-panel .copied{min-height:1.2em;margin:.5rem 0 0}.night-order-panel{flex-wrap:wrap;justify-content:center;gap:1rem 2rem;display:flex}.scrim .panel.night-order-panel{width:95%;max-width:40rem}.night-order-panel ol{text-align:left;margin:0;padding:0;list-style:none}.night-order-panel li{align-items:center;gap:.5rem;margin:.2rem 0;display:flex}.night-order-panel img{width:2rem;height:2rem}.night-order-panel .step-number{text-align:right;min-width:1.5em}.town-refusal{z-index:9;width:min(36rem,100vw - 2rem);position:fixed;top:3.5rem;left:50%;transform:translate(-50%)}.game-page.by-night .backdrop:after{content:"";background:#00000080;position:absolute;inset:0}.game-page{-webkit-user-select:none;user-select:none}.game-page img{-webkit-user-drag:none}.game-page input,.game-page textarea,.game-page [contenteditable]{-webkit-user-select:text;user-select:text}.seat-sides{flex-wrap:wrap;justify-content:center;gap:1.5rem;display:flex}.seat-side{flex:12rem}.token-choice-grid{flex-wrap:wrap;justify-content:center;display:flex}.token-cell{box-sizing:border-box}.token-choice-grid.cols-2 .token-cell{width:50%;padding:7.1429%}.token-choice-grid.cols-3 .token-cell{width:33.3333%;padding:4.7619%}.token-choice-grid.cols-4 .token-cell{width:25%;padding:3.5714%}.token-cell button{color:var(--onyx);-webkit-tap-highlight-color:transparent;width:100%;display:block;position:relative}.token-cell button:focus:not(:focus-visible){outline:none}.token-cell button:disabled{cursor:default}.token-choice-grid.claiming .token-cell{opacity:0;transition:opacity var(--token-select-duration,.3s) ease}.token-choice-grid.claiming .token-cell.chosen{opacity:1;z-index:1}.token-choice-grid.claiming .token-cell button{pointer-events:none}.token-choice-grid.claiming .token-cell.chosen .token-number{opacity:0;transition:opacity var(--token-select-duration,.3s) ease}.token-cell.dimmed button:after{content:"";background:#050a0f99;border-radius:50%;position:absolute;inset:0}.character-reveal{--token-size:16rem;margin:calc(var(--token-size) / 3) auto 1.5rem;max-width:var(--token-size);perspective:60rem;text-align:center;container-type:inline-size}.character-reveal.arriving{transition:transform var(--token-select-duration,.3s) ease-in-out}.character-reveal.arriving .token-face-in{animation:token-face-comes-in var(--token-select-duration,.3s) ease-in}@keyframes token-face-comes-in{0%{opacity:0}}.token-flip-inner{transform-style:preserve-3d;transition:transform var(--token-flip-duration,.7s) ease;width:100%;padding-top:100%;position:relative;transform:rotateY(180deg)}.character-reveal.pre-reveal .token-flip-inner{transform:rotateY(0)}.token-flip-face{backface-visibility:hidden;position:absolute;inset:0}.token-flip-front{border-radius:50%;overflow:hidden;transform:rotateY(180deg)}.reveal{text-align:center}.fingerprint{background:var(--parchment);border:2px solid var(--evil);-webkit-tap-highlight-color:transparent;border-radius:50%;justify-content:center;align-items:center;width:6rem;height:6rem;padding:0;display:inline-flex}button.fingerprint{cursor:pointer}button.fingerprint:focus:not(:focus-visible){outline:none}.fingerprint img{width:68%;display:block}.reveal-prompt{margin:.5rem 0 0}.reveal-area{min-height:18rem}.reveal-slot{text-align:center;justify-items:center;display:grid}.reveal-slot>*{grid-area:1/1}.reveal-ghost{align-self:start;transition:opacity .3s}.character-reveal:not(.pre-reveal)~.reveal-slot .reveal-ghost,.reveal-ghost.turned,.reveal.pending-reveal.reveal-visible.turned{opacity:0;pointer-events:none}.reveal.pending-reveal{opacity:0;transition:opacity var(--token-select-duration,.3s) ease-in}.reveal.pending-reveal.reveal-visible{opacity:1}.reveal-text{opacity:1;transition:opacity .3s ease calc(var(--token-flip-duration,.7s) - .3s)}.character-reveal.pre-reveal~.reveal-slot .reveal-text{opacity:0;pointer-events:none}.reveal-text,.test-token-tools{z-index:1;position:relative}.reveal-text{width:calc(50% + 8rem);margin-left:auto;margin-right:auto}.reveal-text button{width:var(--button-width)}.character-role{font-size:var(--role-size,1.4em);font-weight:400}.character-name.good{color:var(--good)}.character-name.evil{color:var(--evil)}.shown-to{flex-direction:column;align-items:center;width:100%;display:flex}.shown-to-name{color:var(--parchment);letter-spacing:.08em;text-align:center;margin:0 0 .75rem;font-size:1.4rem}button.night-moon{aspect-ratio:1;border:2px solid var(--evil);box-sizing:border-box;cursor:pointer;background:#050a0f8c;border-radius:50%;place-items:center;width:clamp(2.5rem,9cqw,3.5rem);display:grid;position:relative}button.night-moon.dim{cursor:default;opacity:.4}.night-moon-halo{pointer-events:none;max-width:none;position:absolute}button.night-moon.lit{box-shadow:0 0 .6rem .2rem #ffffffbf,0 0 1.6rem .4rem #ffffff59}.night-moon-face{background:var(--parchment);width:62%;height:62%;position:relative;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21 12.8A9 9 0 1 1 11.2 3a7 7 0 0 0 9.8 9.8z'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21 12.8A9 9 0 1 1 11.2 3a7 7 0 0 0 9.8 9.8z'/%3E%3C/svg%3E") 50%/contain no-repeat}.night-moon-key{background:var(--onyx);border:1px solid var(--evil);color:var(--parchment);pointer-events:none;border-radius:50%;place-items:center;width:34%;height:34%;font-size:clamp(.55rem,2cqw,.75rem);line-height:1;display:grid;position:absolute;top:68.36%;left:68.36%}.night-runner{box-sizing:border-box;flex-direction:column;max-width:40rem;min-height:calc(100dvh - 1rem);margin:0 auto;padding:0 0 1rem;display:flex}.night-runner-step{flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.night-runner-step.anchored{justify-content:flex-start}.night-runner-step .slide{width:100%}.night-runner-step .slide+.button,.night-runner-step .slide+button{margin-top:.5rem}.night-heading{align-items:center;gap:.5rem;font-size:2rem;display:flex}.night-count{font-size:inherit;text-align:center;width:4ch}.night-step-text{text-align:center;font-size:1.5rem}.night-step-title{color:var(--fabled);letter-spacing:.1em;text-transform:uppercase;font-size:1rem}.evil-shown{text-align:left;grid-template-columns:auto 1fr;align-items:center;gap:3rem 1.25rem;font-size:2rem;display:grid}.evil-shown p{margin:0}.evil-icon{width:clamp(4rem,18vw,7rem);display:block}.night-bar{justify-content:space-between;align-items:center;display:flex}.night-bar-end{width:3.5rem}.night-wake{margin:.5rem 0 0;font-size:2rem}.night-wake-token{width:min(10.5rem,53vw);margin:0 auto}.pick-step,.night-confirm{flex-direction:column;align-items:center;gap:1rem;display:flex}.bluff-stack{flex-direction:column;align-items:center;gap:.5rem;display:flex}.bluff-token{width:min(16rem,80vw,33.3333dvh - 4.33333rem)}.bluffs-shown{flex-direction:column;gap:.5rem;display:flex}.wake-step a.wake-wiki{text-decoration:underline}.wake-droisoned{border:2px solid var(--evil);border-radius:var(--corner);color:var(--evil-ink);letter-spacing:normal;text-transform:none;padding:.1rem .6rem;font-size:.65em}.night-runner-step>.wake-step{align-self:stretch}.night-moment{flex-direction:column;flex:1;display:flex}.night-moment-body{flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;display:flex}.wake-step>.wake-section:first-child .rule{margin-top:0}.wake-section{align-self:stretch;font-size:1rem}.wake-step .character-role{margin:.5rem 0 0;font-size:1.1rem}.wake-reminders{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:.75rem;display:flex}.wake-reminder{width:4.5rem;position:relative}.wake-reminder.disabled:after{background:linear-gradient(to top right, transparent calc(50% - 2px), var(--evil) calc(50% - 2px), var(--evil) calc(50% + 2px), transparent calc(50% + 2px));content:"";pointer-events:none;position:absolute;inset:0}.shown-preview{align-self:stretch;width:100%;margin-top:1rem;font-size:1rem}.shown-fact{flex-direction:column;align-items:center;gap:.2rem;margin-bottom:.5rem;display:flex}.shown-fact input[type=text],.shown-fact select{width:14rem}.shown-fact input[type=number]{width:6rem}.shown-truth{opacity:.75;margin:0;font-size:1rem}.pick-fingerprints{justify-content:center;gap:1.5rem;display:flex}.pick-fingerprint{flex-direction:column;align-items:center;gap:.3rem;margin:0;display:flex}.picked-character{width:min(10rem,40vw)}.picked-characters{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.night-confirm p{margin:0}.night-confirm-label{opacity:.8}.night-confirm-stub{opacity:.7;font-size:1rem;font-style:italic}.night-bar-middle{gap:.5rem;display:flex}.night-bar svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.5px;width:1.75rem;height:1.75rem}button.night-back{color:var(--parchment);padding:.4rem}button.night-forward{background:var(--loric);border-radius:var(--corner);color:var(--parchment);padding:.4rem 1rem}.night-bar .dim{cursor:default;opacity:.35}.night-room{container:night-room/inline-size}.night-order-page{text-align:left;align-self:stretch;margin-top:1rem;font-size:1rem}@container night-room (width>=84rem){.night-runner.with-order{position:relative}.night-runner.with-order .night-runner-step{position:static}.night-order-page{box-sizing:border-box;flex-direction:column;width:40rem;margin-top:0;display:flex;position:absolute;top:0;bottom:1rem;left:calc(100% + 2rem)}.night-order-page .rule{margin-top:0}.night-order-page.fitted li{font-size:min(1rem, calc(var(--row) * .6));height:var(--row)}.night-order-page.fitted li .token{height:calc(var(--row) - 2px);width:calc(var(--row) - 2px)}.night-runner.with-order{margin-left:max(0px,50cqw - 41rem);margin-right:auto}}@container night-room (width>=124rem){.night-runner.with-order{margin:0 auto}}.night-order-end{justify-content:center;margin-top:auto;padding-top:.75rem;display:flex}.night-grimoire{position:relative}.night-key{background:var(--onyx);border:1px solid var(--evil);color:var(--parchment);pointer-events:none;border-radius:50%;place-items:center;width:1.1rem;height:1.1rem;font-size:.7rem;line-height:1;display:grid;position:absolute;bottom:-.55rem;right:-.55rem}.seating-circle{aspect-ratio:1;width:100%;max-width:calc(100vh - 4rem);margin:1.5rem auto;position:relative;overflow:clip;container-type:inline-size}.town-stage{justify-content:center;align-items:center;min-height:calc(100dvh - .5rem);display:flex;overflow:clip}.town-stage~.dock-room{display:none}.seating-circle.town-view{flex:none;max-width:calc(100dvh - 2.5rem);margin:0 auto;overflow:visible}@media (orientation:portrait){.seating-circle.town-view{max-width:calc(100dvh - 12.5rem)}}.seating-circle ol{margin:0;padding:0;list-style:none;position:absolute;inset:0}.seating-circle li{--a:calc((var(--top) - var(--i)) * 360deg / var(--n));margin:calc(var(--size) * -.5cqw);transform:rotate(var(--a)) translateY(calc(var(--radius,34cqw) * -1)) rotate(calc(var(--a) * -1));width:calc(var(--size) * 1cqw);position:absolute;top:50%;left:50%}.circle-tokens{pointer-events:none;z-index:2}.circle-tokens>li{pointer-events:none}.circle-tokens .seat-token{pointer-events:auto}.circle-tokens .seat-token,.circle-tokens .seat-face,.circle-tokens .flipper,.circle-tokens .face,.circle-tokens .token-face{border-radius:50%}.circle-tokens .token-face>img,.circle-tokens .token-name-ring{pointer-events:none}.circle-names{z-index:2}.seating-circle li.unchosen .seat-token{opacity:.4}.seat-token{aspect-ratio:1;position:relative}.seat-token>img:first-child{width:100%;display:block}.flipper{transform-style:preserve-3d;transition:transform .6s;position:relative}.face{backface-visibility:hidden;position:relative}.face-back{position:absolute;inset:0;transform:rotateY(180deg)}.face-back>img{width:100%;display:block}.public-view .flipper{transform:rotateY(180deg)}.seat-token .shroud-toggle{cursor:pointer;z-index:4;width:36%;height:34%;position:absolute;top:-6%;left:32%}.seat-token .shroud-toggle.beneath-bead{height:18%;top:17%}.seat-token .shroud-ghost{opacity:0;pointer-events:none;z-index:4;transition:opacity .1s}.seat-token .shroud-ghost.shown{opacity:1}.seat-token .shroud{pointer-events:none;z-index:4;max-width:none;position:absolute}.seating-circle .circle-names li.dead .circle-name{opacity:.55}.seat-token .dead-vote{aspect-ratio:1;z-index:6;padding:0;position:absolute}.seat-token .dead-vote img{pointer-events:none;max-width:none;position:absolute}.seat-token .dead-vote.spent{opacity:.25}.seat-token button.dead-vote{cursor:pointer;pointer-events:auto}.circle-centre{pointer-events:none;text-align:center;width:40cqw;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.centre-logo{max-width:34cqw;max-height:20cqw;margin:0 auto;display:block}.centre-name{margin:0;font-size:4cqw}.centre-counts,.centre-phase{white-space:nowrap;margin:.2em 0 0;font-size:clamp(.7rem,3.4cqw,1.2rem)}.centre-counts>span{margin:0 .25em}.circle-centre .icon{fill:currentColor;vertical-align:-.2em;width:1.1em;height:1.1em}.corner{gap:1cqw;display:flex;position:absolute}.fabled-corner{top:0;left:0}.seat-token .pick-press{z-index:5;border-radius:50%;position:absolute;inset:0}.seating-circle li.refused .seat-token{opacity:.35}.night-corner{right:0;top:calc(50cqw - var(--radius,34cqw) - var(--size) * .5cqw);z-index:6}.fabled-token{width:11cqw;display:block;position:relative}.seating-circle .circle-names{pointer-events:none}.seating-circle .circle-names li{aspect-ratio:1}.seating-circle .circle-names button{pointer-events:auto}.seating-circle .circle-name{font-size:min(1rem, calc(var(--size) * .22cqw));text-align:center;text-overflow:ellipsis;white-space:nowrap;width:calc(var(--size) * .75cqw);position:absolute;top:100%;left:50%;overflow:hidden;transform:translate(-50%)}.seating-circle .circle-name .name-button{background:var(--parchment);box-sizing:border-box;color:var(--onyx);font:inherit;text-overflow:ellipsis;border:0;border-radius:999px;width:100%;padding:.05em .5em;line-height:1.1;display:block;overflow:hidden}.seating-circle .circle-name button.name-button{cursor:pointer}.seating-circle .circle-name.expanded{z-index:8;width:max-content;overflow:visible}.seating-circle .circle-name.expanded .name-button{overflow:visible}.circle-reminders{pointer-events:none;z-index:3;position:absolute;inset:0}.circle-reminder{pointer-events:auto;position:absolute;transform:translate(-50%,-50%)}.circle-reminder .reminder-token{filter:drop-shadow(0 .2cqw .4cqw #0009)}.circle-reminder.draggable{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.circle-reminder.carried{opacity:.3}.dragged-reminder{cursor:grabbing;filter:drop-shadow(0 .4rem .6rem #000000b3);pointer-events:none;z-index:50;position:fixed}.seat-token>.seat-face{width:100%;height:100%;position:relative}@media (prefers-reduced-motion:no-preference){.dragged-reminder.gliding{animation:.2s ease-out reminder-glides}}@keyframes reminder-glides{0%{transform:translate(var(--glide-x), var(--glide-y))}}.token-burger{cursor:pointer;width:100%}.token-burger svg{width:100%;display:block}.token-burger circle{fill:var(--onyx);stroke:var(--parchment);stroke-width:1.2px}.token-burger path{stroke:var(--parchment);stroke-linecap:round;stroke-width:2px}.token-menu{background:var(--onyx);border:2px solid var(--parchment);border-radius:var(--corner);color:var(--parchment);z-index:9;gap:.5rem;padding:.5rem .75rem;display:grid;position:fixed;box-shadow:0 .4rem 1rem #0009}.day-arrows{pointer-events:none;z-index:5;position:absolute;inset:0;overflow:visible}.day-arrow .arrow-line{fill:none;stroke-linecap:round;stroke-width:.8px}.day-arrow.nomination .arrow-line{stroke:var(--nomination-red)}.arrowhead.nomination path{fill:var(--nomination-red);stroke:var(--nomination-red)}.day-arrow.nomination.on-block .arrow-line{stroke:var(--on-the-block-red)}.arrowhead.block path{fill:var(--on-the-block-red);stroke:var(--on-the-block-red)}.day-arrow.claim .arrow-line{stroke:var(--good-ink)}.arrowhead.claim path{fill:var(--good-ink);stroke:var(--good-ink)}.day-arrow .arrow-hit{cursor:pointer;fill:none;pointer-events:stroke;stroke:#0000;stroke-width:3px}.day-arrow .arrow-votes circle{fill:#000;stroke:var(--fabled);stroke-width:.25px}.day-arrow .arrow-votes text{dominant-baseline:central;fill:#fff;text-anchor:middle}.day-arrow .arrow-votes.pressable{cursor:pointer;pointer-events:all}.claim-tray{z-index:5;flex-direction:column;gap:1cqw;display:flex;position:absolute;bottom:1.5%;left:1.5%}.claim-token{cursor:pointer;border-radius:50%;width:7cqw}.claim-token.picked .reminder-token{box-shadow:0 0 0 .6cqw var(--good-ink);border-radius:50%}.claim-token.in-use{visibility:hidden}.circle-slot{z-index:1;width:min(22rem,50cqw);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.circle-slot.beneath{width:min(22rem,100%)}.reminder-pile{pointer-events:none;position:absolute;inset:0}.pile-token{pointer-events:auto;transform:translate(-50%, -50%) rotate(var(--tilt,0deg));position:absolute}.pile-token.draggable{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.pile-token .reminder-token{filter:drop-shadow(0 .15cqw .3cqw #0009)}@media (prefers-reduced-motion:no-preference){.circle-reminder.arriving{animation:.15s ease-out reminder-arrives}}@keyframes reminder-arrives{0%{transform:translate(calc(-50% + var(--from-x,0%)), calc(-50% + var(--from-y,0%)))}}.pile-reach{aspect-ratio:1;border:2px solid var(--fabled);pointer-events:none;background:radial-gradient(circle,#c69a3d47,#c69a3d14 70%,#0000);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.reminder-pile.receiving .pile-token .reminder-token{filter:drop-shadow(0 0 .8cqw var(--fabled))}.reminder-bag{pointer-events:auto;z-index:4;position:absolute;bottom:1.5%;left:1.5%}.reminder-bag .bag-icon{color:var(--parchment);justify-content:center;align-items:center;font-size:6cqw;display:flex;position:relative}.reminder-bag .bag-icon.empty{filter:grayscale()}.reminder-bag .bag-icon.receiving{color:var(--fabled-ink);filter:drop-shadow(0 0 1.2cqw var(--fabled))}.bag-count{background:var(--onyx);border:1px solid var(--parchment);text-align:center;border-radius:999px;min-width:1.6em;padding:0 .3em;font-size:.3em;position:absolute;bottom:-.2em;right:-.4em}.bag-overlay{background:var(--onyx);border:2px solid var(--parchment);border-radius:var(--corner);width:21rem;max-height:60vh;margin-bottom:.4rem;padding:.6rem;position:absolute;bottom:100%;left:0;overflow:auto;box-shadow:0 .5rem 1.5rem #0009}.bag-overlay .bag-tokens{grid-template-columns:repeat(auto-fill,minmax(4.5rem,1fr));gap:.4rem;display:grid}.bag-token.draggable{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.bag-maker{margin-top:.5rem}.bag-maker .bag-token{width:4.5rem}.bag-maker form{grid-template-columns:4.5rem 1fr auto;align-items:center;gap:.5rem;display:grid}.bag-maker textarea{resize:vertical}.hidden-tokens{pointer-events:auto;justify-content:center;gap:1cqw;margin-bottom:1cqw;display:flex}.hidden-token{cursor:grab;touch-action:none;width:calc(var(--size) * .66cqw)}.dock{border:2px solid var(--parchment);border-radius:var(--corner);z-index:4;background:#050a0fd9;gap:.5rem;padding:.4rem;display:flex;position:fixed}.dock .dock-button{color:var(--parchment);cursor:pointer;font:inherit;background:0 0;border:0;border-radius:0;flex-direction:column;align-items:center;gap:.1rem;padding:0;font-size:.7rem;text-decoration:none;display:flex}.dock .dock-button[aria-pressed=true]{color:var(--fabled)}.dock .icon{fill:currentColor;width:1.8rem;height:1.8rem}.dock kbd{font:inherit;opacity:.6}@media (orientation:portrait){.dock{bottom:.5rem;left:50%;transform:translate(-50%)}.dock-room{height:5rem}}@media (orientation:landscape){.dock{flex-direction:column;top:50%;right:.5rem;transform:translateY(-50%)}}.scrim .panel.votes-panel{border-color:var(--fabled);background:#000}.votes-panel label{flex-direction:column;align-items:center;gap:.75rem;display:flex}.votes-panel input{text-align:center;width:5ch;font-size:1.5rem}.composer{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:2rem;display:grid}.composer-stage{position:sticky;top:1rem}@media (width<=50rem){.composer{grid-template-columns:minmax(0,1fr)}.composer-stage{position:static}}.composer-controls .rule:first-child{margin-top:0}.composer-row{grid-template-columns:9rem minmax(0,1fr);align-items:center;gap:.75rem;min-height:2.4rem;margin:.35rem 0;display:grid}.composer-row[title] .composer-what{cursor:help;-webkit-text-decoration:underline dotted #decda680;text-decoration:underline dotted #decda680}.composer-row input[type=text],.composer-row select{box-sizing:border-box;width:14rem;max-width:100%}.composer-row input[type=checkbox]{justify-self:start;width:1.1rem;height:1.1rem;margin:0}.composer-row select{background:var(--parchment);border:2px solid var(--input-border);color:var(--onyx);font:inherit;justify-self:start;padding:.3rem}.stage{aspect-ratio:1;max-width:32rem;margin:0 auto;position:relative;overflow:visible;container-type:inline-size}.stage .clip{border-radius:50%;position:absolute;overflow:hidden}.stage img{height:auto;display:block;position:absolute}.stage .name-svg{width:100%;height:100%;position:absolute;top:0;left:0;overflow:visible}.stage .number-layer{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.stage .number-text{line-height:1}.stage .dim-layer{pointer-events:none;background:#000;border-radius:50%;width:100%;height:100%;position:absolute;top:0;left:0}.stage img.halo{pointer-events:none;position:absolute}@media (prefers-reduced-motion:no-preference){.stage img.halo.turning{animation:.7s linear infinite halo-turn}}@keyframes halo-turn{to{transform:rotate(1turn)}}.screens{background:var(--parchment);box-sizing:border-box;grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(5,1fr);gap:3px;height:100vh;padding:3px;display:grid;position:fixed;inset:0}.screens iframe{background:var(--onyx);border:0;width:100%;height:100%}.nomination-lines-count{justify-content:center;align-items:center;gap:1rem;display:flex}.nomination-lines-count .numeric{text-align:center;min-width:2ch;font-size:1.5rem}.slidebar-controls{gap:.6rem;display:grid}.slidebar-controls label{grid-template-columns:12rem 1fr 3rem;align-items:center;gap:.75rem;display:grid}:is(.slidebar-controls label:has(select),.slidebar-controls label:has(input[type=text])){grid-template-columns:12rem 1fr}.slidebar-stage{margin:0 auto}.slidebar-css{white-space:pre-wrap;background:#050a0f99;padding:.75rem}.imagery-tokens{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:color-mix(in srgb, var(--onyx) 85%, transparent);z-index:10;justify-content:center;gap:2rem;margin:1.5rem 0;padding:.5rem 0;display:flex;position:sticky;top:0}.imagery-token{width:min(12rem,40vw);position:relative}.imagery-token .imagery-shroud,.imagery-worn .imagery-shroud,.imagery-token .imagery-fist,.imagery-worn .imagery-fist{pointer-events:none;z-index:4;max-width:none;position:absolute}.imagery-worn .token-ring{z-index:5}.imagery-token .imagery-fist,.imagery-worn .imagery-fist{z-index:6}.imagery-token .imagery-fist.spent{opacity:.25}.imagery-fist-press{aspect-ratio:1;z-index:7;position:absolute}.imagery-choices{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.imagery-option{position:relative}.imagery-choice-number{opacity:.7;pointer-events:none;font-size:.75rem;position:absolute;top:-.2rem;left:-.6rem}.imagery-choices button.imagery-choice{border-radius:50%;width:4.5rem}.imagery-worn{display:block;position:relative}.imagery-choice img,.imagery-choice .token-base{width:100%;display:block}.imagery-choices button.imagery-choice.chosen{box-shadow:0 0 0 3px var(--fabled)}.imagery-choice:disabled{opacity:.35}.token-imagery-commit{margin-top:2rem}.tokens-table{border-collapse:collapse;width:100%}.tokens-table th{letter-spacing:.05em;opacity:.7;text-align:left;padding:.25rem .75rem;font-weight:400}.tokens-table td{border-top:1px solid color-mix(in srgb, var(--parchment) 25%, transparent);vertical-align:middle;padding:.5rem .75rem}.tokens-character{align-items:center;gap:.75rem;min-width:12rem;display:flex}.tokens-token{flex:none;width:4.5rem}.tokens-ability{max-width:28rem}.tokens-reminders{flex-wrap:wrap;gap:.6rem;display:flex}.kinded{cursor:pointer;width:4.5rem}.kinded .reminder-token{border-radius:50%}.kinded.kind-setup .reminder-token{box-shadow:0 0 0 5px var(--loric-ink)}.kinded.kind-eager .reminder-token{box-shadow:0 0 0 5px var(--good-ink)}.kinded.kind-other .reminder-token{box-shadow:0 0 0 5px var(--evil-ink)}.kinded.kind-off .reminder-token{filter:grayscale();opacity:.35}.token-key .kind-setup{color:var(--loric-ink)}.token-key .kind-eager{color:var(--good-ink)}.token-key .kind-other{color:var(--evil-ink)}.token-key .kind-off{opacity:.5}.add-token-panel form{justify-items:center;gap:.75rem;display:grid}.add-token-panel label{gap:.25rem;width:100%;display:grid}.add-token-preview{width:6rem}.export-panel textarea{box-sizing:border-box;width:100%;font-family:monospace}.account-settings{gap:.6rem;display:grid}.account-setting{gap:.15rem;display:grid}.account-setting small{opacity:.75}.scrim .panel.dialog.user-modal{width:min(37.5rem,92%);min-height:26rem}.user-modal .switch{width:var(--button-width);justify-content:center}