.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;top:0;left:0;display:block;position:absolute}.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;block-size:max-content}.player.marked{filter:hue-rotate(90deg)}.player>button{width:100%;height:100%;border:1px solid #d62929;background-color:rgba(214,41,41,.15);color:#d62929}.player>button:hover{filter:brightness(150%);background-color:rgba(214,41,41,.15);color:#d62929}.player.connected>button{background-color:rgba(41,214,41,.15);border:1px solid #29d629;color:#29d629}.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>label{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}.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{padding-top:20px;padding-bottom:20px;display:flex;flex-direction:column;justify-content:center;min-width:15vw}.character.wolves>.role{margin:0}h1,h2,h3,h4,h5{text-align:center}button.confirm{align-self:center;margin:30px;font-size:2rem}.roles-in-setup{border:1px solid rgba(255,255,255,.6);padding:10px}.roles-in-setup>h3{margin:0;text-align:center;color:rgba(255,255,255,.6)}.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:rgba(255,255,255,.3);margin:0px;margin-left:10px;margin-right:10px;cursor:pointer}.role-card button:hover{background-color:rgba(255,255,255,.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:rgba(255,255,255,.5)}bool_role{display:flex;flex-direction:row;align-items:stretch;width:100%;text-align:center;justify-content:space-between}.wolves{background-color:rgba(255,0,0,.7)}.role-card.wolves 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:rgba(250,61,61,.7);border:1px solid #fa3d3d;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{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,.signin,.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,.margin-20.signin,.client-lobby-player-list>.margin-20.list-actual{margin-left:20px;margin-right:20px}.row-list.margin-5,.margin-5.signin,.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}}@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}.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{background-color:rgba(255,255,255,.1);color:#fff;border:2px solid rgba(255,255,255,.2);margin:10px}.info-update{font-size:2rem;align-content:stretch;margin:0;position:absolute;left:0;z-index:3;background-color:#000;min-width:2cm}.info-update *{margin:0;width:100%;text-align:center}.game-start-role{display:flex;flex-direction:column;flex-wrap:nowrap;text-align:center;align-items:center;width:100%}.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);margin-bottom:1cm}.client-lobby-player-list>button:hover{background-color:rgba(255,0,0,.6);color:#000}.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;background-color:rgba(0,0,255,.3);border:1px solid blue}.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 rgba(255,255,255,.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:hover,.target-picker .character:hover{color:#fff;background-color:blue}.align-start{align-self:flex-start}.align-end{align-self:flex-end}.increment-decrement{display:flex;flex-direction:row;flex-wrap:nowrap;text-align:center;justify-content:center;align-items:center;align-content:center}.increment-decrement>label{flex-grow:3}.increment-decrement>button{width:max-content;font-size:3rem;flex-grow:1}.setup-slot{text-align:center;display:flex;flex-direction:column;flex-wrap:nowrap;align-items:center}.setup-slot button label{color:#fff;cursor:pointer}.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;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{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{background-color:rgba(0,0,255,.3)}.wolves{--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{color:#fff;background-color:red}.wolves.faint{border:1px solid rgba(255,0,0,.3);background-color:rgba(255,0,0,.1)}.wolves.faint: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,128,255,.7);border:1px solid #0080ff}.intel:hover{color:#fff;background-color:#0080ff}.intel.faint{border:1px solid rgba(0,128,255,.3);background-color:rgba(0,128,255,.1)}.intel.faint:hover{background-color:rgba(0,128,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{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{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(128,0,255,.7);border:1px solid #8000ff}.offensive:hover{color:#fff;background-color:#8000ff}.offensive.faint{border:1px solid rgba(128,0,255,.3);background-color:rgba(128,0,255,.1)}.offensive.faint:hover{background-color:rgba(128,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{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{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,0,255,.7);border:1px solid #bf00ff}.traitor:hover{color:#fff;background-color:#bf00ff}.traitor.faint{border:1px solid rgba(191,0,255,.3);background-color:rgba(191,0,255,.1)}.traitor.faint:hover{background-color:rgba(191,0,255,.3)}.drunk{background-color:rgba(255,128,0,.7);border:1px solid #ff8000}.drunk:hover{color:#fff;background-color:#ff8000}.drunk.faint{border:1px solid rgba(255,128,0,.3);background-color:rgba(255,128,0,.1)}.drunk.faint:hover{background-color:rgba(255,128,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:space-around;row-gap:10px;font-size:2em}.top-settings{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}.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 .category{margin-bottom:30px;width:30%;text-align:center;display:flex;flex-direction:column}.setup-screen .category.final{margin-top:1cm;margin-bottom:1cm}.setup-screen .category .title{text-shadow:#000 3px 2px;margin-bottom:10px}.setup-screen .category .count{text-align:right;left:-40px;position:relative;width:0;height:0}.setup-screen .category .category-list{text-align:left;flex:1,1,100%;display:flex;flex-wrap:nowrap;flex-direction:column;gap:5px}.setup-screen .category .category-list .slot{display:flex;flex-direction:row;flex-wrap:nowrap}.setup-screen .category .category-list .slot .attributes{margin-left:10px;align-self:flex-end;display:flex;flex-direction:row;flex-wrap:nowrap;gap:10px}.setup-screen .category .category-list .slot .role{text-shadow:#000 3px 2px;width:100%;filter:saturate(40%);padding-left:10px;padding-right:10px}.setup-screen .category .category-list .slot .role.wakes{border:2px solid #ff0}li.change,li.choice{width:fit-content}li.change:hover,li.choice:hover{backdrop-filter:invert(15%)}li.change:hover .li-icon,li.choice:hover .li-icon{filter:brightness(5000%)}.li-icon{filter:grayscale(100%) brightness(150%)}.icon{width:32px;height:32px}.icon:hover{filter:contrast(120%) brightness(120%)}.inactive{filter:brightness(0%)}.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{justify-content:center;text-align:center}.signin label{font-size:1.5rem}.signin.full-height{height:100vh}.signin input{height:2rem;text-align:center}.signin input #number{font-size:2rem;max-width:50vw}.submenu:has(.signin){position:absolute;width:max-content}.submenu:has(.signin) input{font-size:1rem !important}.story .cast{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px;justify-content:center}.story .time-period{user-select:text}.story .time-period .day{display:flex;flex-direction:column;flex-wrap:wrap;align-items:center}.story .time-period .day .executed{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}.story .time-period .night>label{margin-left:10vw;font-size:2rem;font-weight:lighter}.story .time-period .night ul.changes,.story .time-period .night ul.choices{display:flex;flex-direction:column;flex-wrap:nowrap;gap:10px}.story .time-period .night ul.changes>li,.story .time-period .night ul.choices>li{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:10px}.story .time-period .night ul.changes span,.story .time-period .night ul.choices span{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:10px}.attribute-span{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:baseline;align-content:baseline;justify-content:baseline;justify-items:baseline;padding-top:5px;padding-bottom:5px;padding-left:5px;padding-right:10px}.attribute-span:has(.killer){border:1px solid rgba(212,85,0,.5)}.attribute-span:has(.powerful){border:1px solid rgba(0,173,193,.5)}.attribute-span:has(.inactive){border:1px solid rgba(255,255,255,.3)}.attribute-span img{vertical-align:sub}.attribute-span.execution{border:1px solid rgba(255,255,255,.3)}.alignment-eq{border:1px solid #0080ff;background-color:rgba(0,128,255,.1);padding-top:5px;padding-bottom:5px;padding-left:10px;padding-right:10px}.alignment-eq img{vertical-align:sub}.character-span{height:max-content;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:5px;padding-right:10px}.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;padding-top:5px;padding-bottom:5px;padding-left:10px;padding-right:10px;height:100%;border:none;gap:5px}.character-span .role img{vertical-align:sub}.character-span .role.wolves{background-color:rgba(255,0,0,.1)}.character-span .role.intel{background-color:rgba(0,128,255,.1)}.character-span .role.defensive{background-color:rgba(0,255,255,.1)}.character-span .role.offensive{background-color:rgba(128,0,255,.1)}.character-span .role.village{background-color:rgba(0,0,255,.1)}.character-span.wolves,.character-span.intel,.character-span.offensive,.character-span.defensive,.character-span.village{background-color:inherit}.character-span.wolves{border:1px solid rgba(255,0,0,.3)}.character-span.intel{border:1px solid rgba(0,128,255,.3)}.character-span.defensive{border:1px solid rgba(0,255,255,.3)}.character-span.offensive{border:1px solid rgba(128,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;flex-wrap:wrap;text-align:center}.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}.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;text-align: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}.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}.add-player{background-color:#000;border:1px solid #fff;padding:20px;margin:0px}.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:rgba(41,214,41,.7) 1px solid;color:rgba(41,214,41,.7);background-color:rgba(41,214,41,.2)}.setup-aura.active:hover{background-color:rgba(41,214,41,.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}.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}.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:#8526b5}.about .redir-url{user-select:text;color:rgba(255,255,255,.7)}.footer{width:100vw;display:flex;flex-direction:row;flex-wrap:nowrap;overflow:hidden;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{gap:10px;display:flex;flex-direction:column;flex-wrap:nowrap;max-width:80vw}.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 .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;font-size:2em}.prompt-test .close,.result-test .close{width:100%}.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{text-align:center;font-size:1.25em}.top-of-day-info .info-tidbit .last-nights-kills .identity .number{color:red;font-size:1.5em}.top-of-day-info .info-tidbit .current-day{color:red;font-size:3em;flex-grow:1}