.wrapper{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex}.item{-webkit-box-flex:1 200px;-moz-box-flex:1 200px;-webkit-flex:1 200px;-ms-flex:1 200px;flex:1 200px;-webkit-box-ordinal-group:2;-moz-box-ordinal-group:2;-ms-flex-order:2;-webkit-order:2;order:2}html,body{margin:0}body{min-height:100vh;max-width:100vw;top:0px;left:0px;font-family:"Liberation Serif";font-size:1.5vh;user-select:none;color:#fff;background:#000}app{max-width:100vw;width:100vw;min-height:100vh;display:flex;flex-direction:column;top:0;left:0}.big-screen{align-content:center;align-items:center;justify-content:center;height:100vh;width:100%;position:fixed;left:0;top:0;margin:0;font-size:2.7vw}nav.host-nav{position:sticky;backdrop-filter:brightness(70%);display:flex;align-items:flex-start;flex-direction:row;padding-bottom:10px;padding-top:10px;padding-left:5vw;padding-right:5vw;gap:10px}.default-button{font-size:1.3rem;border:1px solid #fff;padding:5px;background-color:#000;color:#ccc;cursor:pointer;width:fit-content;text-align:center}.default-button:hover{background-color:#fff;color:#333}.player-list,.targets{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;align-content:center;gap:10px;justify-content:space-evenly}.player-list>*,.targets>*{flex-grow:1}.lobby-player-list{overflow:hidden;padding-bottom:80px;flex-shrink:1;display:flex;flex-direction:row;flex-wrap:wrap;gap:10px;justify-items:center;justify-content:space-evenly}.player{flex-grow:0;display:flex;justify-content:stretch;margin:0px;min-width:10rem;max-width:10vw;height:4rem;text-align:center;justify-content:center}.player.marked{filter:hue-rotate(90deg)}.player{block-size:max-content}.player>button{width:160px;height:75px;border:1px solid hsl(0,68%,50%);background-color:hsla(0,68%,50%,.15);color:hsl(0,68%,50%)}.player>button:hover{filter:brightness(150%);background-color:hsla(0,68%,50%,.15);color:hsl(0,68%,50%)}.player.connected>button{background-color:hsla(120,68%,50%,.15);border:1px solid hsl(120,68%,50%);color:hsl(120,68%,50%)}.player.connected>button:hover{filter:brightness(150%)}.player.dead{filter:grayscale(100%)}.player .number{padding-top:3px;margin:0px}.player .number.not-set{border:2px solid rgba(255,0,0,.3);background-color:rgba(255,0,0,.7)}.submenu{padding:10px;position:relative;align-self:stretch;z-index:5}.submenu button{width:100%}.submenu>span{font-size:1rem;margin-bottom:0}.click-backdrop{z-index:4;background-color:rgba(0,0,0,.7);position:fixed;top:0;left:0;height:200vh;width:100vw;background-size:cover}.player-container{width:100%;margin-left:10vw;margin-right:10vw}.start-game{align-self:center;margin-bottom:30px;font-size:2rem;border:1px solid rgba(0,255,0,.7);background-color:#000;color:rgba(0,255,0,.7);cursor:pointer;position:relative;display:inline-flex;justify-content:center}.start-game:hover{background-color:rgba(0,255,0,.3)}.start-game:disabled{border:1px solid red;color:red;filter:none;background-color:rgba(255,0,0,.1)}.start-game:disabled:hover{background-color:rgba(255,0,0,.3);filter:none}button{font-size:1rem;padding-top:2px;padding-bottom:2px;border:none;outline:inherit;padding-left:5px;padding-right:5px;background-color:#000}button:disabled{background-color:rgba(128,128,128,.5);color:gray;cursor:not-allowed}button:disabled:hover::after{content:attr(reason);overflow-y:hidden;position:absolute;margin-top:100px;min-width:20vw;color:red;background-color:#000;border:1px solid rgba(255,0,0,.3);padding:3px;z-index:4;align-self:center;justify-self:center}.host-setup{display:flex;flex-direction:column;flex-wrap:nowrap;font-size:1.5em;overflow-y:hidden;width:100%}.settings{list-style:none;display:flex;flex-direction:column;margin-left:20px;margin-right:20px;gap:30px}.settings>p{text-align:center;margin:0px;padding:0px;font-size:.7em}.settings .settings-info{display:flex;flex-direction:column;flex-wrap:nowrap;gap:5px;text-align:left;width:fit-content}.wolves-intro button{align-self:center}.wolves-list{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-evenly;min-height:70vh;align-items:center}.wolves-list>*{height:max-content}.wolves-list .identity{font-size:1.5rem}.day-char{display:flex;flex-direction:column;flex-wrap:nowrap;align-items:center}.red{color:red}.character{text-align:center;border:3px solid rgba(0,0,0,.4);flex-shrink:1;flex-grow:1}.character .headline{display:flex;flex-direction:column;align-items:center;flex-wrap:nowrap;overflow:hidden;gap:5px}.character .role{font-size:1.5rem}.character.wolves,.character.scapegoat{padding-top:20px;padding-bottom:20px}.character.wolves>.role,.character.scapegoat>.role{margin:0}.character.wolves,.character.scapegoat{display:flex;flex-direction:column;justify-content:center;min-width:15vw}h1,h2,h3,h4,h5{text-align:center}button.confirm{align-self:center;margin:30px;font-size:2rem}.roles-in-setup{padding:1rem;border:4px solid rgba(0,0,255,.1);background-color:rgba(0,0,255,.05);zoom:120%}.roles-in-setup>h3{margin:0;text-align:center;color:#fff;font-weight:normal}.role-list{list-style:none;display:flex;flex-wrap:wrap;flex-direction:row;justify-content:center;padding:20px;gap:10px}.role-card{display:flex;flex-direction:row;align-items:center;justify-content:space-between;min-width:320px}.role-card button{min-width:25px;min-height:25px;background-color:hsla(0,0%,100%,.3);margin:0px;margin-left:10px;margin-right:10px;cursor:pointer}.role-card button:hover{background-color:hsla(0,0%,100%,.7)}rolecard{display:flex;flex-direction:row;align-items:stretch;width:100%;text-align:center;justify-content:space-between}bool_spacer{min-width:25px;min-height:25px;margin:0px;margin-left:10px;margin-right:10px;margin-top:5px;margin-bottom:5px;background-color:hsla(0,0%,100%,.5)}bool_role{display:flex;flex-direction:row;align-items:stretch;width:100%;text-align:center;justify-content:space-between}.wolves,.scapegoat{background-color:rgba(255,0,0,.7)}.role-card.wolves bool_role input[type=checkbox],.role-card.scapegoat bool_role input[type=checkbox]{min-width:25px;min-height:25px;opacity:100%;accent-color:rgba(255,0,0,.7);margin:0px;margin-left:10px;margin-right:10px}.role-card.village bool_role input[type=checkbox]{min-width:25px;min-height:25px;opacity:100%;accent-color:rgba(0,0,255,.7);margin:0px;margin-left:10px;margin-right:10px}.error-container{position:fixed;top:10vh;width:100vw;display:flex;flex-direction:row;align-content:center}.error-container button{background:rgba(0,0,0,0);font-size:2rem;position:sticky;display:inline-block}.error-container button:hover{filter:invert(20%);font-size:3rem}.error-message{display:flex;flex-direction:row;align-items:center;width:80%;margin:30px;text-align:center;justify-content:center;gap:30px;background-color:hsla(0,95%,61%,.7);border:1px solid hsl(0,95%,61%);backdrop-filter:grayscale(100%);padding-left:5vw;padding-right:5vw}.character{background-color:rgba(0,0,255,.7);width:fit-content;padding-left:10px;padding-right:10px;padding-top:5px;padding-bottom:5px;margin:10px}.character.wolves,.character.scapegoat{background-color:rgba(255,0,0,.7)}.character.selected{filter:hue-rotate(30deg)}.character:hover{filter:brightness(80%)}client{list-style:none;display:flex;flex-direction:column;margin-left:20px;margin-right:20px;padding:30px;gap:30px;border:2px solid #000}clients{list-style:none;display:flex;flex-wrap:wrap;flex-direction:row;font-size:2rem}.role-reveal-cards{list-style:none;display:flex;flex-wrap:wrap;flex-direction:row;justify-content:space-evenly;color:#000;align-items:center;align-content:center;gap:10px;height:var(--role-reveal-cards-height)}.role-reveal-card{justify-content:center;flex-grow:1;display:flex;align-items:center;align-content:center;flex-direction:column;gap:10px;padding:20px;border:1px solid rgba(255,0,0,.7);background-color:rgba(255,0,0,.1);min-width:100px;color:#fff}.role-reveal-card p.number{font-size:2rem}.role-reveal-card p{text-align:center}.role-reveal-card>button{border:1px solid rgba(255,0,0,.7);background-color:rgba(255,0,0,.2)}.role-reveal-card>button:hover{background-color:#fff;color:red}.role-reveal-card.ready{border:1px solid rgba(0,0,255,.7);background-color:rgba(0,0,255,.2)}.pronouns{font-size:70%;filter:opacity(70%)}.row-list,.client-lobby-player-list>.list-actual{list-style:none;display:flex;flex-wrap:wrap;flex-direction:row;font-size:2rem;justify-content:center;align-content:center;align-items:center}.row-list.margin-20,.client-lobby-player-list>.margin-20.list-actual{margin-left:20px;margin-right:20px}.row-list.margin-5,.client-lobby-player-list>.margin-5.list-actual{margin-left:5px;margin-right:5px}.gap{gap:10px}.column-list,.client-lobby-player-list{list-style:none;justify-content:center;align-content:center;align-items:center;display:flex;flex-direction:column;font-size:2rem;margin-left:20px;margin-right:20px;padding-left:5px;padding-right:5px;padding-top:5px;padding-bottom:5px}@media only screen and (max-width: 1899px){.content{margin-left:5vw;margin-right:5vw;display:flex;flex-basis:content}.story{padding-bottom:100px}}@media only screen and (max-width: 799px){.story-characters{display:flex;flex-direction:row;flex-wrap:nowrap;gap:3px;row-gap:5px;justify-content:space-between;overflow-x:scroll;padding-bottom:20px}}@media only screen and (min-width: 800px){.story-characters{display:flex;flex-direction:row;flex-wrap:wrap;gap:3px;row-gap:5px;justify-content:space-between}}@media only screen and (min-width: 1900px){.content{margin-left:5vw;margin-right:5vw;display:flex;flex-basis:content;min-height:100vh}}.sp-ace{margin:10px}.cover-of-darkness{background-color:#000;color:#fff;font-size:3rem;position:fixed;top:0;left:0;height:100vh;width:100vw;display:flex;flex-direction:column;justify-content:center;text-align:center;text-wrap:wrap}.cover-of-darkness p{padding:30px}.cover-of-darkness button{width:fit-content;text-align:center;align-self:center}.small{font-size:1.2rem}.client-nav{max-width:100%;padding:10px;height:38px;display:flex;flex-direction:row;justify-content:baseline;gap:10px}.client-nav button{text-wrap:nowrap;overflow:hidden}.ident{gap:0px;margin:0px;padding:0px}.ident .submenu{margin-top:10px;margin-bottom:10px;justify-content:center;display:none;z-index:5}.ident .submenu .button-container{display:flex;align-items:stretch}.ident .submenu.shown{display:flex;flex-direction:row;align-items:baseline}.ident .submenu button{font-size:1rem}.ident:active .submenu,.ident:focus .submenu,.ident:hover .submenu{display:flex}.baseline{align-items:baseline}error{position:absolute;top:0;left:0}.identity{list-style:none;display:flex;flex-direction:column;gap:0px;font-size:1rem;justify-content:flex-start;margin:0px;padding:0px}.identity p{margin:0px;padding:0px;text-wrap:nowrap;overflow:hidden}.identity-span{list-style:none;display:flex;flex-direction:row;flex-wrap:wrap;gap:2px;font-size:1rem;margin:0px;padding:0px;align-items:center}.identity-span span{margin:0px;padding:0px;text-wrap:nowrap;overflow:hidden}.identity-span .number{padding-right:5px;font-size:1.2em}.binary{margin:0;padding:0;font-size:1.5vw}.binary .button-container{text-align:center;padding:0;margin:0;display:flex;flex:1 1 0;gap:20px;margin-top:20px;justify-content:space-around;width:100%}.binary .button-container button{background-color:rgba(255,0,0,.1);border:3px solid rgba(255,0,0,.3);font-size:3rem;font-weight:bold;align-self:center;padding:20px;width:100%;height:100%;margin:0}.binary .button-container button:hover{background-color:rgba(255,0,0,.3);color:#fff}input,select{border:1px solid hsla(0,0%,100%,.7);background-color:hsla(0,0%,100%,.07);color:#fff;font-size:1em}input:focus,select:focus{outline:1px solid #fff;background-color:#fff;color:#000}.info-update{border:1px solid hsla(0,0%,100%,.5);padding:30px 0px 30px 0px;align-content:stretch;margin:0;position:fixed;left:5vw;z-index:3;background-color:#000;width:90vw;display:flex;flex-direction:column;flex-wrap:nowrap;align-items:center;gap:10px}.info-update>input{border:1px solid hsla(0,0%,100%,.25);background-color:#000;color:#fff;padding:0;font-size:1.5em}.info-update>input:focus{background-color:#fff;color:#000;outline:1px solid hsla(0,0%,100%,.25)}.info-update>button{font-size:1.1em}.info-update>*{margin:0;width:80% !important;text-align:center}.game-start-role{display:flex;flex-direction:column;flex-wrap:nowrap;text-align:center;align-items:center;width:100%;height:80vh;justify-content:center}.game-start-role>p{font-size:1.5em}.game-start-role>button{font-size:1.5rem;width:min(5cm,30vw)}.client-lobby-player-list{gap:10px}.client-lobby-player-list>.identity{align-self:flex-start}.client-lobby-player-list>button{width:90vw;align-self:center;color:rgba(255,0,0,.6);border:1px solid rgba(255,0,0,.6)}.client-lobby-player-list>button:hover{background-color:rgba(255,0,0,.6);color:#000}.client-lobby-player-list>button{margin-bottom:1cm}.client-lobby-player-list>.list-actual{align-items:stretch;align-content:stretch;margin:0;gap:10px;width:100%}.client-lobby-player-list>.list-actual>*{width:4cm;border:1px solid #fff;padding:10px;text-align:center}.client-lobby-player-list>.list-actual>*:hover{background-color:#fff;color:#000}.character-picker,.target-picker{display:flex;flex-direction:column;width:100%;align-items:center;color:#fff;height:var(--target-picker-height);justify-content:center}.character-picker .character,.target-picker .character{padding:.5cm}.character-picker .character *,.target-picker .character *{font-size:1.5rem}.character-picker .character.marked,.target-picker .character.marked{background-color:rgba(255,0,0,.3);border:1px solid red}.character-picker .character.marked:hover,.target-picker .character.marked:hover{color:#fff;background-color:red}.character-picker .character.dead,.target-picker .character.dead{filter:saturate(0%);border:1px solid hsla(0,0%,100%,.05)}.character-picker .character.recent-death,.target-picker .character.recent-death{background-color:rgba(128,128,128,.5);border:1px solid gray}.character-picker .character.recent-death:hover,.target-picker .character.recent-death:hover{background-color:gray}.character-picker .character,.target-picker .character{background-color:rgba(0,0,255,.3);border:1px solid blue}.character-picker .character:hover,.target-picker .character:hover{color:#fff;background-color:blue}.align-start{align-self:flex-start}.align-end{align-self:flex-end}.slot-container{display:flex;flex-direction:column;flex-wrap:nowrap;gap:3px;font-size:.7em}.slot-container .slot-options{display:flex;flex-direction:column;flex-wrap:nowrap;gap:3px;align-items:center;opacity:30%}.slot-container .slot-options:hover{opacity:100%}.slot-auras{padding-top:5px;display:flex;flex-direction:column;flex-wrap:nowrap;align-items:center;gap:2px}.slot-auras .slot-aura-list{display:flex;flex-direction:row;flex-wrap:wrap;gap:3px}.slot-auras .slot-aura-list span::after{content:", "}.slot-auras .slot-aura-list span:last-child::after{content:""}.increment-decrement{display:flex;flex-direction:row;flex-wrap:nowrap;text-align:center;justify-content:center;align-items:center;align-content:center}.increment-decrement>span{flex-grow:3}.increment-decrement>button{width:max-content;font-size:3rem;flex-grow:1}.setup-slot{text-align:center}.setup-slot button span{cursor:pointer}.setup-slot{display:flex;flex-direction:column;flex-wrap:nowrap;align-items:center;gap:3px}.setup-slot>.submenu{width:30vw}.setup-slot>.submenu .assign-list{gap:10px}.setup-slot>.submenu .assign-list .submenu button{width:10vw}.setup-slot>.submenu .assignees{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:5px}.add-role{color:#fff;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:10px;font-size:1.5rem}.add-role .role-box{width:1.25em;height:1.25em;display:flex;align-items:center;justify-content:center}.add-role .role-box>*{flex-shrink:1;width:1em}.add-role{cursor:pointer}.icon-role-add{height:48px;width:48px}.icon-fit{height:1em}.icon-15pct{width:15%}.village{--faction-color: $village_color;--faction-border: $village_border;--faction-color-faint: $village_color_faint;--faction-border-faint: $village_border_faint;background-color:rgba(0,0,255,.7);border:1px solid blue}.village.hover:hover{color:#fff;background-color:blue}.village.faint{border:1px solid rgba(0,0,255,.3);background-color:rgba(0,0,255,.1)}.village.faint.hover:hover{background-color:rgba(0,0,255,.3)}.wolves,.scapegoat{--faction-color: $wolves_color;--faction-border: $wolves_border;--faction-color-faint: $wolves_color_faint;--faction-border-faint: $wolves_border_faint;background-color:rgba(255,0,0,.7);border:1px solid red}.wolves.hover:hover,.hover.scapegoat:hover{color:#fff;background-color:red}.wolves.faint,.faint.scapegoat{border:1px solid rgba(255,0,0,.3);background-color:rgba(255,0,0,.1)}.wolves.faint.hover:hover,.faint.hover.scapegoat:hover{background-color:rgba(255,0,0,.3)}.intel{--faction-color: $intel_color;--faction-border: $intel_border;--faction-color-faint: $intel_color_faint;--faction-border-faint: $intel_border_faint;background-color:rgba(0,127.5,255,.7);border:1px solid rgb(0,127.5,255)}.intel.hover:hover{color:#fff;background-color:rgb(0,127.5,255)}.intel.faint{border:1px solid rgba(0,127.5,255,.3);background-color:rgba(0,127.5,255,.1)}.intel.faint.hover:hover{background-color:rgba(0,127.5,255,.3)}.defensive{--faction-color: $defensive_color;--faction-border: $defensive_border;--faction-color-faint: $defensive_color_faint;--faction-border-faint: $defensive_border_faint;background-color:rgba(0,255,255,.7);border:1px solid aqua}.defensive.hover:hover{color:#fff;background-color:aqua}.defensive.faint{border:1px solid rgba(0,255,255,.3);background-color:rgba(0,255,255,.1)}.defensive.faint.hover:hover{background-color:rgba(0,255,255,.3)}.offensive{--faction-color: $offensive_color;--faction-border: $offensive_border;--faction-color-faint: $offensive_color_faint;--faction-border-faint: $offensive_border_faint;background-color:rgba(127.5,0,255,.7);border:1px solid rgb(127.5,0,255)}.offensive.hover:hover{color:#fff;background-color:rgb(127.5,0,255)}.offensive.faint{border:1px solid rgba(127.5,0,255,.3);background-color:rgba(127.5,0,255,.1)}.offensive.faint.hover:hover{background-color:rgba(127.5,0,255,.3)}.starts-as-villager{--faction-color: $starts_as_villager_color;--faction-border: $starts_as_villager_border;--faction-color-faint: $starts_as_villager_color_faint;--faction-border-faint: $starts_as_villager_border_faint;background-color:rgba(255,0,255,.7);border:1px solid #f0f}.starts-as-villager.hover:hover{color:#fff;background-color:#f0f}.starts-as-villager.faint{border:1px solid rgba(255,0,255,.3);background-color:rgba(255,0,255,.1)}.starts-as-villager.faint.hover:hover{background-color:rgba(255,0,255,.3)}.traitor{--faction-color: $traitor_color;--faction-border: $traitor_border;--faction-color-faint: $traitor_color_faint;--faction-border-faint: $traitor_border_faint;background-color:rgba(191.25,0,255,.7);border:1px solid rgb(191.25,0,255)}.traitor.hover:hover{color:#fff;background-color:rgb(191.25,0,255)}.traitor.faint{border:1px solid rgba(191.25,0,255,.3);background-color:rgba(191.25,0,255,.1)}.traitor.faint.hover:hover{background-color:rgba(191.25,0,255,.3)}.drunk{background-color:rgba(255,127.5,0,.7);border:1px solid rgb(255,127.5,0)}.drunk.hover:hover{color:#fff;background-color:rgb(255,127.5,0)}.drunk.faint{border:1px solid rgba(255,127.5,0,.3);background-color:rgba(255,127.5,0,.1)}.drunk.faint.hover:hover{background-color:rgba(255,127.5,0,.3)}.assignments{display:flex;flex-direction:row;gap:0;flex-wrap:wrap;font-size:.5em;gap:10px}.assignments .assignment{color:#fff;text-align:center;padding-left:10px;padding-right:10px}.assignments .assignment>*{cursor:pointer}.roles-add-list{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;gap:5px;row-gap:10px;font-size:2em}.top-settings{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}.setup-screen .inactive{filter:brightness(0%)}.setup-screen{margin-top:2%;font-size:1.5vw;height:100vh}.setup-screen .setup{height:85%;display:flex;flex-direction:row;flex-wrap:wrap;gap:5%}.setup-screen .defensive{background-color:rgba(0,153,153,.7);border:1px solid #0cc}.category{text-align:center;display:flex;flex-direction:column}@media only screen and (max-width: 599px){.category.add-list{width:100%}}@media only screen and (min-width: 600px){.category.add-list{width:160px}}.category.add-list .hidden{display:none}.category.add-list{width:auto;flex-wrap:wrap;gap:1px}.category.add-list>.title{font-size:.5em !important;margin-bottom:0px !important;cursor:pointer}.category.add-list .category-list{gap:1px}.category.big{margin-bottom:30px;width:30%}.category.final{margin-top:1cm;margin-bottom:1cm}.category .title{text-shadow:#000 1px 1px;margin-bottom:10px}.category .count{text-align:right;left:-40px;position:relative;width:0;height:0}.category .count .scapegoats{color:rgba(255,0,255,.7);font-size:2em;position:absolute}.category .category-list{text-align:left;display:flex;flex-wrap:nowrap;flex-direction:column;gap:5px}.category .category-list .slot{display:flex;flex-direction:row;flex-wrap:nowrap}.category .category-list .slot .attributes{margin-left:10px;align-self:flex-end;display:flex;flex-direction:row;flex-wrap:nowrap;gap:10px}.category .category-list .slot .role{text-shadow:#000 1px 1px;width:100%;filter:saturate(40%);padding-left:10px;padding-right:10px}.category .category-list .slot .role.wakes{border:2px solid #ff0}li.change,li.choice{width:fit-content}li.change:hover .li-icon,li.choice:hover .li-icon{filter:brightness(5000%)}li.change:hover,li.choice:hover{backdrop-filter:invert(15%)}.li-icon{filter:grayscale(100%) brightness(150%)}.icon{width:32px;height:32px}.icon:hover{filter:contrast(120%) brightness(120%)}.qrcode{display:flex;flex-direction:column;flex-wrap:nowrap;z-index:100;position:fixed;top:0;left:0;margin:5vw;width:90vw;height:90vh;gap:1cm}.qrcode img{height:70%;width:100%}.qrcode .details{font-size:5vw;border:1px solid blue;background-color:rgba(0,0,255,.3);text-align:center}.qrcode .details>*{margin-top:.5cm;margin-bottom:.5cm}.result{display:flex;justify-content:center;align-content:center;align-items:center;flex-direction:column;width:100%;height:100%}.result-list{display:flex;flex-direction:row;flex-wrap:wrap;width:100%;justify-content:space-evenly;row-gap:.5cm}.result-list .identity{padding:1cm;border:1px solid #fff;font-size:2em;text-align:center}.check-icon{width:40vw;height:40vh;align-self:center}.insomniac{display:flex;width:100%;height:100%;flex-direction:column;justify-content:center;align-items:center}.insomniac.prompt{font-size:2em}.arcanist-result{display:flex;flex-direction:row;flex-wrap:nowrap;width:100%;gap:10px}.arcanist-result img{width:max-content !important;height:max-content !important}.prompt{display:flex;flex-direction:column;flex-wrap:nowrap;align-items:center;width:100%}.page{display:flex;flex-direction:column;flex-wrap:nowrap;align-items:center;width:100%;height:100%}.signin{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center}.signin.full-height{height:100vh;max-width:100vw}.signin .signin-box{display:flex;flex-direction:column;flex-wrap:nowrap;align-items:center;gap:3px}.signin .signin-box .field{display:flex;flex-direction:column;flex-wrap:nowrap;align-items:center;width:100%}.signin .signin-box label{font-size:1.25em}.signin .signin-box input{height:2em;width:70%}.signin .signin-box input#number{text-align:center;width:3ch}.signin .signin-box>button{margin-top:7px}.submenu:has(.signin){position:absolute;width:max-content}.submenu:has(.signin) input{font-size:1rem !important}.attribute-span{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;align-content:baseline;justify-items:baseline;gap:1ch;padding-top:2px;padding-bottom:2px;padding-left:2px;padding-right:2px}.attribute-span .inactive{filter:grayscale(100%);border:none}.alignment-eq,.roleblock-span{display:flex;flex-direction:row;flex-wrap:wrap;gap:1ch;align-items:center}.highlight-span{height:max-content;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:5px;word-wrap:normal}.highlight-span .name{color:#fff}.highlight-span .dead{text-decoration:line-through;font-style:italic}.highlight-span:hover::after{content:attr(role);overflow-y:hidden;position:absolute;margin-top:60px;color:#fff;background-color:#000;border:1px solid #fff;padding:3px;z-index:4;align-self:center;justify-self:center}.character-span{height:max-content;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:1ch}.character-span .dead{text-decoration:line-through;font-style:italic}.character-span .number{color:rgba(255,255,0,.7)}.character-span .role{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;font-size:1.5vh}.character-span .role img{vertical-align:sub}.character-span .role{padding-top:5px;padding-bottom:5px;padding-left:10px;padding-right:10px;height:100%;border:none;gap:5px}.character-span .role.wolves,.character-span .role.scapegoat{background-color:rgba(255,0,0,.1)}.character-span .role.intel{background-color:rgba(0,127.5,255,.1)}.character-span .role.defensive{background-color:rgba(0,255,255,.1)}.character-span .role.offensive{background-color:rgba(127.5,0,255,.1)}.character-span .role.village{background-color:rgba(0,0,255,.1)}.character-span{padding-right:10px}.character-span.wolves,.character-span.scapegoat,.character-span.intel,.character-span.offensive,.character-span.defensive,.character-span.village{background-color:inherit}.character-span.wolves,.character-span.scapegoat{border:1px solid rgba(255,0,0,.3)}.character-span.intel{border:1px solid rgba(0,127.5,255,.3)}.character-span.defensive{border:1px solid rgba(0,255,255,.3)}.character-span.offensive{border:1px solid rgba(127.5,0,255,.3)}.character-span.village{border:1px solid rgba(0,0,255,.3)}.character-span .icon{margin:0}.post-game{display:flex;flex-direction:column;flex-wrap:nowrap;width:100%}.role-page{width:100%;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center}.role-page h1{text-align:center;font-size:4vw}.role-page .yellow{color:#ff0}.role-page .red{color:red}.icons{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;gap:30px}.icon-info{flex-shrink:1}.info-icon-grow{flex-grow:1;width:100%;display:flex;flex-direction:column;flex-wrap:nowrap}.info-icon-grow img{flex-grow:1}.info-icon-list-grow{padding:20px 0 20px 0;flex-grow:1;width:100%;display:flex;flex-direction:row;flex-wrap:nowrap}.info-icon-list-grow img{flex-grow:1}.info-player-list{display:flex;flex-direction:column;flex-wrap:nowrap;align-items:center;width:100%;justify-content:center;gap:10px}.info-player-list.masons,.info-player-list.large{font-size:2rem;flex-wrap:wrap}.info-player-boxes{display:flex;flex-direction:row;align-items:center;width:100%;justify-content:center;gap:10px;overflow-y:hidden}.info-player-boxes .identity{font-size:auto;flex-direction:row;align-items:center;padding:5px 10px 5px 10px}.info-player-boxes .identity .number{color:rgba(255,255,0,.7);font-size:2em;padding-right:1cm}.info-player-boxes .identity .pronouns{display:none}.info-player-boxes{flex-wrap:wrap;text-align:center}.two-column{display:grid;grid-template-columns:3fr 2fr;height:100%}.seer-check{display:flex;flex-direction:column;flex-wrap:nowrap;height:100%;justify-content:space-around}.role-title-span{display:flex;flex-direction:row;flex-wrap:nowrap;height:2rem;width:fit-content;padding-top:5px;padding-bottom:5px;padding-left:5px;padding-right:10px;width:100%;align-items:center}.role-title-span img{vertical-align:text-bottom;max-height:2rem;padding-left:10px;flex-shrink:1}.role-title-span span{flex-grow:1}.role-title-span{text-align:center}.false-positives{display:flex;flex-direction:column;flex-wrap:nowrap;font-weight:bold;gap:10px}.bottom-bound{display:flex;flex-direction:column;justify-content:center;gap:10px}.joined{color:#fff;border:1px solid lime;background-color:rgba(0,255,0,.3);padding:5px 10px 5px 10px;font-size:3rem;text-align:center}.not-joined{color:#fff;border:1px solid red;background-color:rgba(255,0,0,.3);padding:5px 10px 5px 10px;font-size:3rem;text-align:center}.victory{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;font-size:3vw;height:max-content;gap:1cm;padding:1cm}.end-screen{display:flex;flex-direction:column;flex-wrap:nowrap;width:100vw;height:100vh;align-items:center;justify-content:center}.inline-icons{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:10px;width:100%}:root.big-screen{--information-height: 75vh;--target-picker-height: 100%;--role-reveal-cards-height: 100vh}:root:not(.big-screen){--information-height: auto;--target-picker-height: auto;--role-reveal-cards-height: auto}.information{font-size:1rem;padding-left:5%;padding-right:5%;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:space-around;align-items:center;gap:10px;height:var(--information-height)}.information h1,.information h2,.information h3,.information h4,.information h5,.information h6{margin:0}.information h1:first-child,.information h2:first-child,.information h3:first-child,.information h4:first-child,.information h5:first-child,.information h6:first-child{padding-top:10px}.information h1:last-child,.information h2:last-child,.information h3:last-child,.information h4:last-child,.information h5:last-child,.information h6:last-child{padding-bottom:10px}.setup-aura.active{border:hsla(120,68%,50%,.7) 1px solid;color:hsla(120,68%,50%,.7);background-color:hsla(120,68%,50%,.2)}.setup-aura.active:hover{background-color:hsla(120,68%,50%,.7);color:#fff}.aura-title{display:flex;flex-direction:row;flex-wrap:nowrap;gap:3px;align-items:center}.aura-title .title{flex-grow:1}.aura-title img,.aura-title .icon{flex-shrink:1}.guardian-select{max-height:100vh}.story-text{font-size:1.7em}.dialog{z-index:5;width:100vw;height:100vh;display:flex;flex-direction:column;flex-wrap:nowrap;position:fixed;top:0;left:0;align-items:center;justify-content:center;color:#fff}.dialog .dialog-box{border:1px solid #fff;display:flex;flex-direction:column;flex-wrap:nowrap;align-items:center;padding-left:30px;padding-right:30px;padding-top:10px;padding-bottom:10px;background-color:#000}.dialog .dialog-box .options{display:flex;flex-direction:row;flex-wrap:wrap;gap:20px}.dialog .dialog-box .options>button{min-width:4cm;font-size:1em}.dialog .close-dialog{align-self:flex-end;width:100%;margin:0;border:1px solid red;color:red}.dialog .close-dialog:hover{background-color:rgba(255,0,0,.3)}dialog::backdrop{background-color:rgba(0,0,0,.7)}.about{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center;gap:10px}.about h1,.about h2,.about h3,.about h4,.about h5,.about h6{margin:0}.about p{margin:0;text-align:center}.about a{text-decoration:underline dotted;color:#fff}.about .links{display:flex;flex-direction:column;flex-wrap:nowrap;align-items:center;width:100%;gap:10px}.about .build-info{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center;text-align:center}.about .build-info label{color:hsl(280,65%,43%)}.about .redir-url{user-select:text;color:hsla(0,0%,100%,.7)}.footer{width:100vw;display:flex;flex-direction:row;flex-wrap:nowrap;margin-top:auto;max-height:1cm;justify-content:center;background-color:#000;z-index:3;padding:10px 0 10px 0;border-top:1px solid #fff}.has-confirm{cursor:pointer}.dimmed{filter:opacity(70%)}.test-screen{display:flex;flex-direction:column;flex-wrap:nowrap;gap:10px;align-items:center;width:80vw;margin-left:10vw;margin-right:10vw}.test-screen .test-screen-selector .category .selected{background-color:rgba(0,255,0,.7);border:1px solid lime;color:#000}.test-screen .test-screen-selector .category label{font-size:2em}.test-screen .test-screen-selector .category button{color:#fff}.test-screen .test-screen-selector .category{gap:10px;display:flex;flex-direction:column;flex-wrap:nowrap;max-width:80vw}.test-screen .test-screen-selector .category .test-screens{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:10px;margin:0;padding-left:0}.test-screen .test-screen-selector .category .test-screens li{margin:0;list-style:none}.prompt-test,.result-test{display:flex;flex-direction:column;flex-wrap:nowrap;min-width:40vw;align-items:center}.prompt-test .close,.result-test .close{width:100%}.prompt-test,.result-test{font-size:2em}.prompt-test .result-number,.prompt-test .prompt-number,.result-test .result-number,.result-test .prompt-number{display:flex;flex-direction:row;flex-wrap:wrap;gap:20px}.prompt-test .result-options,.prompt-test .prompt-options,.result-test .result-options,.result-test .prompt-options{display:flex;flex-direction:column;flex-wrap:wrap;align-items:center;gap:5px;margin-top:10px}.prompt-test .result-options .option-set,.prompt-test .prompt-options .option-set,.result-test .result-options .option-set,.result-test .prompt-options .option-set{display:flex;flex-direction:row;flex-wrap:wrap;gap:5px}.prompt-test .result-options .result-option,.prompt-test .result-options .prompt-option,.prompt-test .prompt-options .result-option,.prompt-test .prompt-options .prompt-option,.result-test .result-options .result-option,.result-test .result-options .prompt-option,.result-test .prompt-options .result-option,.result-test .prompt-options .prompt-option{width:100%;padding:5px;border:1px solid #fff;display:flex;flex-direction:column;flex-wrap:nowrap;gap:5px}.inc-dec{display:flex;flex-direction:row;flex-wrap:wrap;gap:20px}.inc-dec .inc-dec-content{flex-grow:1}.top-of-day-info{width:100%;display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-start;padding:10px;gap:10vw}.top-of-day-info .info-tidbit{display:flex;flex-direction:column;flex-wrap:nowrap;align-items:center;gap:5px}.top-of-day-info .info-tidbit label{font-size:1.5em;opacity:70%}.top-of-day-info .info-tidbit .parity{font-size:2em}.top-of-day-info .info-tidbit .parity-pct{font-size:1.25em}.top-of-day-info .info-tidbit .last-nights-kills{display:flex;flex-direction:row;flex-wrap:wrap;gap:2cm}.top-of-day-info .info-tidbit .last-nights-kills .identity .number{color:red;font-size:1.5em}.top-of-day-info .info-tidbit .last-nights-kills .identity{text-align:center;font-size:1.25em}.top-of-day-info .info-tidbit .current-day{color:red;font-size:3em;flex-grow:1}.option-menu{display:flex;flex-direction:column;flex-wrap:nowrap;gap:5px}.tabs{display:flex;flex-direction:row;flex-wrap:wrap;margin:0;align-self:flex-start;width:100%}.tabs .tab-button:not(.selected){flex-grow:1;cursor:pointer}.tabs .tab-button{color:#fff;flex-grow:1;cursor:pointer;text-shadow:2px 2px #000}.story{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-evenly;row-gap:5px;margin:5vh 5vw 0px 5vw}.story .character-headline{display:flex;flex-direction:row;gap:3px;align-items:center;cursor:pointer}.story .character-headline .icon-spacer{height:32px;width:32px}.story .character-headline{padding:.2em 1em .2em 1em;min-width:5cm}.story .character-headline .identity{text-align:center;flex-grow:1}.story .actions{width:100%;display:flex;flex-direction:column}.story .no-content{filter:grayscale(60%);background-color:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.3);cursor:default}.story .no-content:hover{background-color:hsla(0,0%,100%,.05)}.story .sub-headline{display:none}.story .action,.story .change{font-size:1.25em;display:flex;flex-direction:row;gap:1ch;flex-wrap:wrap;align-items:center}.story .character-details{display:flex;flex-grow:1;border-top:none;flex-direction:column;flex-wrap:nowrap;gap:3px;padding:2px 3px 2px 3px}.story .story-time{width:100%}.story .story-time .time{width:100%;font-size:1.5em;font-weight:bold;padding:3px 0px 3px 0px;display:block}.story .story-time .time:hover{backdrop-filter:brightness(150%)}.story .story-time .details{display:flex;flex-direction:column;flex-wrap:nowrap}dialog{background-color:rgba(0,0,0,0);border:none}.object-submenu{display:flex;flex-direction:column;align-items:center;gap:5px}.object-submenu .object{width:100%;background-color:#000}.object-submenu menu{display:flex;flex-direction:column;flex-wrap:nowrap;gap:3px;align-items:center;width:100%;margin:0;padding:0}.object-submenu menu>button,.object-submenu menu>div,.object-submenu menu>div>button{width:100%}.wolves-highlight{color:rgba(255,0,0,.7)}.wolves-highlight .number{color:red}.village-highlight{color:rgba(0,0,255,.7)}.village-highlight .number{color:blue}.intel-highlight{color:rgba(0,127.5,255,.7)}.intel-highlight .number{color:rgb(0,127.5,255)}.defensive-highlight{color:rgba(0,255,255,.7)}.defensive-highlight .number{color:aqua}.offensive-highlight{color:rgba(127.5,0,255,.7)}.offensive-highlight .number{color:rgb(127.5,0,255)}.starts-as-villager-highlight{color:rgba(255,0,255,.7)}.starts-as-villager-highlight .number{color:#f0f}.traitor-highlight{color:rgba(191.25,0,255,.7)}.traitor-highlight .number{color:rgba(191.25,0,255,.7)}