:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;--font-xl: 3.2rem;--font-lg: 2.4rem;--font-md: 1.6rem;--font-sm: 1.2rem;color-scheme:light dark;color:var(--color-content);background-color:var(--color-background);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{height:100%;min-height:100%;margin:0}body,#root{height:100%}h1{font-size:3.2rem;line-height:3.2rem}h1,h2,h3{margin:0;padding:0}*{box-sizing:border-box}.locked,.prohibited,.correct{position:relative}.locked{border:2px solid var(--color-warning)!important}.locked:after{content:"🔒"!important}.prohibited:after{content:"🚫"}.correct:after,.locked:after,.prohibited:after{position:absolute;top:0;right:0;padding:2px 5px}.correct:after{content:"✅"}@property --gradientColor{syntax: "<color>"; initial-value: transparent; inherits: false;}@property --gradientColor2{syntax: "<color>"; initial-value: transparent; inherits: false;}:root{--color-content: #fefefe;--color-border: #555;--color-accent: #422162;--color-background: #242424;--color-interactive: #000;--color-interactive-hover: color-mix( in srgb, var(--color-interactive) 100%, #fff 10% );--color-highlight: #444;--color-highlight-hover: color-mix( in srgb, var(--color-highlight) 100%, #fff 5% );--color-positive: #208127;--color-positive-hover: color-mix( in srgb, var(--color-positive) 100%, #fff 10% );--color-negative: #af3636;--color-negative-hover: color-mix( in srgb, var(--color-negative) 100%, #fff 10% );--color-warning: rgb(176, 156, 6);--color-village: rgb(55, 116, 228);--color-werewolves: rgb(172, 33, 33)}.b-1{border:1px solid var(--color-border)}.team-neutral,.team-village,.team-werewolves{background:linear-gradient(to right,var(--gradientColor) 0%,var(--gradientColor2) 100%);text-shadow:0px 2px 3px #333}.team-village{--gradientColor: var(--color-village)}.team-werewolves{--gradientColor: var(--color-werewolves)}.team-neutral{--gradientColor: var(--color-highlight)}:root{--space-xs: .5rem;--space-sm: 1rem;--space-md: 2rem;--space-lg: 4rem;--space-xl: 5rem}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-around{justify-content:space-around}.justify-between{justify-content:space-between}.justify-evenly{justify-content:space-evenly}.justify-stretch{justify-content:stretch}.align-start{align-items:flex-start}.align-center{align-items:center}.align-end{align-items:flex-end}.align-stretch{align-items:stretch}.align-baseline{align-items:baseline}.flex-0{flex:0!important}.flex-1{flex:1!important}.flex-2{flex:2!important}.flex-wrap{flex-wrap:wrap!important}.p-0{padding:0!important}.p-xs{padding:var(--space-xs)!important}.p-sm{padding:var(--space-sm)!important}.p-md{padding:var(--space-md)!important}.p-lg{padding:var(--space-lg)!important}.p-xl{padding:var(--space-xl)!important}.p-x-0{padding-left:0!important;padding-right:0!important}.p-x-xs{padding-left:var(--space-xs)!important;padding-right:var(--space-xs)!important}.p-x-sm{padding-left:var(--space-sm)!important;padding-right:var(--space-sm)!important}.p-x-md{padding-left:var(--space-md)!important;padding-right:var(--space-md)!important}.p-x-lg{padding-left:var(--space-lg)!important;padding-right:var(--space-lg)!important}.p-x-xl{padding-left:var(--space-xl)!important;padding-right:var(--space-xl)!important}.p-y-0{padding-top:0!important;padding-bottom:0!important}.p-y-xs{padding-top:var(--space-xs)!important;padding-bottom:var(--space-xs)!important}.p-y-sm{padding-top:var(--space-sm)!important;padding-bottom:var(--space-sm)!important}.p-y-md{padding-top:var(--space-md)!important;padding-bottom:var(--space-md)!important}.p-y-lg{padding-top:var(--space-lg)!important;padding-bottom:var(--space-lg)!important}.p-y-xl{padding-top:var(--space-xl)!important;padding-bottom:var(--space-xl)!important}.p-b-0{padding-bottom:0!important}.p-b-xs{padding-bottom:var(--space-xs)!important}.p-b-sm{padding-bottom:var(--space-sm)!important}.p-b-md{padding-bottom:var(--space-md)!important}.p-b-lg{padding-bottom:var(--space-lg)!important}.p-b-xl{padding-bottom:var(--space-xl)!important}.p-t-0{padding-top:0!important}.p-t-xs{padding-top:var(--space-xs)!important}.p-t-sm{padding-top:var(--space-sm)!important}.p-t-md{padding-top:var(--space-md)!important}.p-t-lg{padding-top:var(--space-lg)!important}.p-t-xl{padding-top:var(--space-xl)!important}.p-l-0{padding-left:0!important}.p-l-xs{padding-left:var(--space-xs)!important}.p-l-sm{padding-left:var(--space-sm)!important}.p-l-md{padding-left:var(--space-md)!important}.p-l-lg{padding-left:var(--space-lg)!important}.p-l-xl{padding-left:var(--space-xl)!important}.p-r-0{padding-right:0!important}.p-r-xs{padding-right:var(--space-xs)!important}.p-r-sm{padding-right:var(--space-sm)!important}.p-r-md{padding-right:var(--space-md)!important}.p-r-lg{padding-right:var(--space-lg)!important}.p-r-xl{padding-right:var(--space-xl)!important}.b-b-1{border-bottom:1px solid var(--color-border)}:root{--color-text-positive: #34d83f;--color-text-negative: #e04444;--color-text-warning: rgb(240, 213, 8)}.text-village{color:color-mix(in srgb,var(--color-village) 100%,#ffffff 20%)}.text-werewolves{color:color-mix(in srgb,var(--color-werewolves) 100%,#ffffff 20%)}.text-positive{color:var(--color-text-positive)}.text-negative{color:var(--color-text-negative)}.text-warning{color:var(--color-text-warning)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-compact{line-height:1}.header{padding:var(--space-xs);height:var(--space-md);background-color:var(--color-accent);font-weight:700;position:fixed;top:0;left:0;width:100%;display:flex;justify-content:center;align-items:center;box-sizing:border-box}.button{border-radius:var(--space-xs);border:2px solid transparent;padding:0 var(--space-md);font-size:1rem;font-weight:500;font-family:inherit;background-color:var(--color-interactive);cursor:pointer;color:#fff;text-shadow:0px 2px 3px #333;position:relative}.button:hover{background-color:color-mix(in srgb,var(--color-interactive) 90%,#fff 20%)}.button--sm{padding:var(--space-xs)}.button--md{padding:var(--space-sm) var(--space-sm)}.button--lg{height:var(--space-lg);padding:var(--space-xs) var(--space-md)}.button--xl{height:var(--space-xl);padding:var(--space-xs) var(--space-sm)}.button--highlight{background-color:var(--color-highlight)}.button--highlight:hover{background-color:var(--color-highlight-hover)}.button--positive{background-color:var(--color-positive)}.button--positive:hover{background-color:var(--color-positive-hover)}.button--negative{background-color:var(--color-negative)}.button--negative:hover{background-color:var(--color-negative-hover)}.button--icon{font-size:2rem;line-height:1rem}.button--disabled{opacity:.5;cursor:not-allowed}.dialog{height:100%;width:100%;box-sizing:border-box;border:0;padding:0;background-color:#242424}.dialog::backdrop{background:#333;opacity:.9}.dialog__wrapper{height:100%;width:100%;display:flex;flex-direction:column}.dialog__header{padding:var(--space-sm);text-align:center;border-bottom:1px solid var(--color-highlight)}.dialog__content{flex:1;display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-sm);overflow-y:scroll}.dialog__footer{padding:var(--space-xs);background:var(--color-highlight);display:flex;gap:var(--space-xs)}.row-xs{--flex-row-gap: var(--space-xs)}.row-sm{--flex-row-gap: var(--space-sm)}.row-md{--flex-row-gap: var(--space-md)}.row-lg{--flex-row-gap: var(--space-lg)}.row-xl{--flex-row-gap: var(--space-xl)}.row{width:100%;display:flex;flex-direction:row;gap:var(--flex-row-gap);box-sizing:border-box;flex-wrap:nowrap}.radio__group{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm)}.radio__option{display:block;height:var(--space-xl);padding:var(--space-sm);border:2px solid transparent;border-radius:8px;background-color:var(--color-interactive);cursor:pointer;display:flex;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box;font-size:var(--font-md)}.radio__option input[type=radio]{position:fixed;opacity:0;pointer-events:none}.radio__option:hover{background-color:var(--color-interactive-hover)}.radio__option--disabled{cursor:not-allowed;background-color:transparent;border:2px solid var(--color-interactive);color:#333}.radio__option--disabled:hover{background-color:transparent}.radio__option--selected{border:2px solid var(--color-positive)}.radio__option span{display:block;font-size:1.4rem}.radio__option small{display:block;font-size:.8rem}.radio__checkbox{display:none}.column-xs{--flex-column-gap: var(--space-xs)}.column-sm{--flex-column-gap: var(--space-sm)}.column-md{--flex-column-gap: var(--space-md)}.column-lg{--flex-column-gap: var(--space-lg)}.column-xl{--flex-column-gap: var(--space-xl)}.column{flex:1;display:flex;flex-direction:column;gap:var(--flex-column-gap);box-sizing:border-box;overflow:hidden}.column>*{width:100%}.event{padding:var(--space-xs) var(--space-sm);border:1px solid var(--color-border);border-radius:50px}.event__icon{font-size:1.25rem;flex:0}.event__source,.event__target{gap:0!important}.event__role{text-shadow:1px 1px 1px black;line-height:1.1}.overflow{height:auto;overflow:auto;-webkit-overflow-scrolling:touch;flex:10}.phase-layout{display:grid;gap:var(--space-xs);height:100%}.phase-layout.phase-layout--hasHeader{grid-template-rows:auto 1fr}.phase-layout.phase-layout--hasFooter{grid-template-rows:1fr auto}.phase-layout.phase-layout--hasHeader.phase-layout--hasFooter{grid-template-rows:auto 1fr auto}.phase-layout__header{display:flex;flex-direction:column;gap:var(--space-xs)}.phase-layout__content{overflow:auto;min-height:0}.phase-layout__footer{display:flex;flex-direction:column;gap:var(--space-xs)}.win{border:2px solid var(--color-text-warning);border-radius:50px;padding:var(--space-xs);margin:var(--space-xs);background:linear-gradient(to right,var(--color-warning) 0%,transparent 25%,transparent 75%,var(--color-warning) 100%)}.todo{padding:var(--space-xs);background-color:var(--color-interactive);border-radius:var(--space-xs);box-sizing:border-box;border:3px solid transparent;border:2px solid transparent}.todo--complete{border:2px solid var(--color-positive)}.todo__message{flex:1}.todo__input{display:block;height:var(--space-md);width:var(--space-md)}.todo--hasSelect{grid-template-columns:1fr auto auto}.todo__message{justify-self:start}.todo__ability{justify-self:center;text-align:center}.select{border-radius:var(--space-xs);border:0px solid transparent;font-size:1rem;font-weight:500;font-family:inherit;background-color:var(--color-interactive);color:#fff;transition:all .16s ease;cursor:pointer;appearance:none;text-align:center;position:relative}.select--sm{padding:var(--space-xs) var(--space-xs)}.select--md{padding:var(--space-sm) var(--space-xs)}.select--lg{height:var(--space-lg);padding:var(--space-md) var(--space-xs)}.select--xl{height:var(--space-xl);padding:var(--space-lg) var(--space-xs)}.select--highlight{background-color:var(--color-highlight)}.select--highlight:hover{background-color:var(--color-highlight-hover)}.select--positive{background-color:var(--color-positive)}.select--positive:hover{background-color:var(--color-positive-hover)}.select--negative{background-color:var(--color-negative)}.select--negative:hover{background-color:var(--color-negative-hover)}.select--disabled{cursor:not-allowed;opacity:.5}.select:focus{outline:2px solid var(--color-focus);outline-offset:2px}.fieldset{box-sizing:border-box;overflow:hidden;padding:var(--space-xs);margin:0}.fieldset legend{padding:0;margin:0;text-align:left;padding:0 var(--space-xs)}.text{height:var(--space-lg);color:var(--color-content);background-color:var(--color-interactive);border:0;padding:0 var(--space-xs);font-size:var(--font-md)}.text:hover{background-color:var(--color-interactive-hover)}.count__value{width:1rem}@keyframes pulse{0%{transform:scale(1)}20%{transform:scale(1)}30%{transform:scale(1) rotate(-10deg);filter:drop-shadow(0 0 2rem var(--color-accent))}70%{transform:scale(1.2) rotate(60deg);filter:drop-shadow(0 0 2rem red)}to{transform:scale(1);filter:drop-shadow(0 0 2rem var(--color-accent))}}.icon{transform-origin:60% 60%;text-align:center;line-height:8rem;font-size:8rem;animation-name:pulse;animation-duration:3s;animation-fill-mode:both;animation-timing-function:cubic-bezier(.075,.82,.165,1);cursor:default;transform:scale(1);filter:drop-shadow(0 0 2rem var(--color-accent))}.centered{position:fixed;left:50%;top:50%;translate:-50% -50%;display:grid;place-content:center;text-align:center}.roles-list{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-md);background-color:var(--color-highlight);border-radius:4px}.role-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm)}.role-name{font-weight:500}.role-count{font-size:var(--font-md);color:var(--color-accent)}:root{--header-size: var(--space-md);--main-padding: var(--space-xs);--footer-size: calc(var(--space-lg) + calc(2 * var(--space-xs)));--header-padding: calc(var(--header-size) + var(--main-padding));--footer-padding: calc(var(--footer-size) + var(--main-padding))}.main{padding:var(--header-padding) var(--space-xs) var(--footer-padding);box-sizing:border-box;display:flex;flex-direction:column;gap:var(--space-md);height:100%}.help-modal-tabs{margin-bottom:var(--space-xs);padding-bottom:var(--space-xs);border-bottom:1px solid var(--color-border, #e0e0e0)}.help-modal-section{margin-bottom:1.5rem}.help-modal-empty{margin:0;font-size:.875rem;opacity:.6;font-style:italic}.help__item{flex:0 1 49%;padding:var(--space-xs);border:1px solid var(--color-border);border-radius:4px}.help-modal-player-name{font-weight:600;margin-bottom:.25rem}.help-modal-player-role{font-size:.875rem;opacity:.8;margin-bottom:.25rem}.help-modal-player-effects{font-size:.75rem;opacity:.6;font-style:italic}.help-modal-events-list{display:flex;flex-direction:column;gap:.75rem}.help-modal-event-item{padding:.75rem;border:1px solid var(--color-border, #e0e0e0);border-radius:4px;background-color:var(--color-background-secondary, #fafafa)}.help-modal-event-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.help-modal-event-type{font-weight:600;font-size:.875rem}.help-modal-event-phase{font-size:.75rem;opacity:.6}.help-modal-event-details{display:flex;align-items:center;gap:.5rem;font-size:.875rem}.help-modal-event-arrow{opacity:.5}.help-modal-event-source,.help-modal-event-target{font-weight:500}.footer{position:fixed;bottom:0;left:0;width:100%;display:flex;flex-direction:row;background-color:var(--color-highlight);padding:var(--space-xs);gap:var(--space-xs);box-sizing:border-box}