.appear{animation:appearAnim .2s ease-out 1;-webkit-animation:appearAnim .2s ease-out 1}@keyframes appearAnim{0%{opacity:1%}}@-webkit-keyframes appearAnim{0%{opacity:1%}}.disappear{animation:disappearAnim .2s linear 1;-webkit-animation:disappearAnim .2s linear 1}@keyframes disappearAnim{to{opacity:1%}}@-webkit-keyframes disappearAnim{to{opacity:1%}}.transitionMaxHeight{overflow-y:hidden;transition:max-height .2s ease-in-out}.curtainMenu{background:#222;height:100vh;left:-100vw;opacity:0;overflow:hidden;position:fixed;top:0;transition:.25s;width:100vw;z-index:1}.curtainMenu[open]{left:0;opacity:1}.curtainMenu a,.curtainMenu button{font-size:20px}.curtainMenu .closeCurtainBtn{font-size:40px;position:absolute;right:35px;top:15px}.closeCurtainBtn{background:none;border:none;padding:0}.curtainMenuContent{display:flex;flex-flow:column;margin:64px auto;max-height:calc(100vh - 128px);max-width:50vh;overflow:auto;text-align:center;width:70vw}.curtainMenuContent>.row>*{flex:1;margin-right:0}.curtainMenuContent>hr{margin:6px}.autogrowWrap{display:grid}.autogrowWrap:after{content:attr(data-replicated-value) " ";visibility:hidden;white-space:pre-wrap}.autogrowWrap>textarea{overflow:hidden;resize:none}.autogrowWrap:after,.autogrowWrap>textarea{border:1px solid #666;font-family:Open Sans,sans-serif;font-size:13px;grid-area:1/1/2/2;margin:1px;padding:2px}#characterPane{position:relative}#characterPane>details{margin:0;min-width:24px;padding:0}#characterPane>details[open]{max-width:400px;width:33vw}#characterPane>details>summary{text-orientation:mixed;writing-mode:vertical-lr}#characterPane>details[open]>summary{text-orientation:unset;writing-mode:unset}#characterPane>details>summary{flex:0 1 0}#characterListContainer{bottom:0;left:0;overflow-y:auto;position:absolute;right:0;top:60px}#addCharacterButton{margin-bottom:6px;width:100%}ol#characterList{align-items:stretch;display:flex;flex:1 1 auto;flex-flow:column;list-style:none;margin:0;overflow:auto;padding:0;user-select:none}.characterListItem{align-items:center;border:2px solid #222;display:flex;flex-flow:row nowrap;margin:0 3px 0 0;overflow:hidden;padding:6px;position:relative}.characterListItem:focus-visible,.characterListItem:hover{border-color:#eee}.characterListItem:after{content:"∙";font-size:20px;padding:0 3px 0 9px;text-shadow:-5px -5px 0 #eee,0 -5px 0 #eee,5px -5px 0 #eee,-5px 0 0 #eee,5px 0 0 #eee,-5px 5px 0 #eee,0 5px 0 #eee,5px 5px 0 #eee}.characterListName{flex:1 1 0;font-weight:700;letter-spacing:1px;pointer-events:none;transform-origin:left;transition:all .1s ease-out}ol#characterList:after{content:"";height:12px;pointer-events:none}.characterListItem button{background:none;border:none}.characterListItem:focus-visible button,.characterListItem:hover button,.characterListItemSelected button{border:none}.characterListItem button:focus,.characterListItem button:focus-visible,.characterListItem button:hover{background:#3977ff}.characterListItem>button,.characterListItem>span{opacity:.5;transition:all .1s ease-out}.characterListItem>button:hover,.characterListItemSelected>button,.characterListItemSelected>span{opacity:1}.characterListItemSelected>.characterListName{color:#eee;letter-spacing:0;opacity:1;transform:scale(1.15)}.characterListItemSelected:focus-visible,.characterListItemSelected:hover{border-color:#eee}.characterListThumbnail{left:calc(100% - 260px);max-height:150px;max-width:150px;opacity:.25;pointer-events:none;position:absolute;top:calc(50% - 54px);transition:all .2s ease-out}.characterListItem:focus-visible>.characterListThumbnail,.characterListItem:hover>.characterListThumbnail{opacity:.5}.characterListItemSelected>.characterListThumbnail{opacity:1!important}#characterImagePreview{height:200px;position:relative;width:200px}#characterImagePreview>*{position:absolute}#characterImagePreviewSpinner{animation:spin 2.618s linear infinite;-webkit-animation:spin 2.618s linear infinite;border:6px solid #666;border-radius:50%;border-top-color:#fff;bottom:75px;left:50px;right:50px;top:25px}.curvedCharacterNameSvg{font-size:24px;height:200px;pointer-events:none;width:200px}#curvedCharacterNameTextPath{font-family:Papyrus,serif;font-weight:700;letter-spacing:1px;paint-order:stroke;stroke:#fff;stroke-width:2px;text-shadow:none;user-select:none}.imageSettingsGrid{display:grid;gap:6px;grid-template-columns:auto 1fr auto;margin-bottom:6px;max-width:400px}@font-face{font-family:Papyrus;src:url(../fonts/papyrus.eot) format("embedded-opentype"),url(../fonts/papyrus.woff2) format("woff2"),url(../fonts/papyrus.woff) format("woff"),url(../fonts/papyrus.ttf) format("truetype"),url(../fonts/papyrus.svg) format("svg")}#characterStyledImageDisplay{margin-top:3%}#characterStyledImageDisplay,#tokenBackground{max-height:200px;max-width:200px}.characterImageRow{display:flex;flex-flow:row}@media only screen and (max-width:600px){.characterImageRow{flex-flow:column}}[role=alertdialog],[role=dialog]{align-items:center;background:radial-gradient(farthest-corner at 50% 35%,#000,rgba(0,0,0,.4),#000);box-sizing:border-box;display:flex;flex-flow:column nowrap;justify-content:space-around;left:0;min-height:100vh;min-width:100vw;overflow:auto;position:absolute;top:0;z-index:2}[role=alertdialog]:before,[role=dialog]:before{content:"";flex:1 1 0}[role=alertdialog]:after,[role=dialog]:after{content:"";flex:2 2 0}.dialogBox{background:#222;border:1px solid #3977ff;box-shadow:0 2px 4px 0 #3977ff;display:flex;flex:0 1 auto;flex-flow:column;max-height:70vh;max-width:90vw;overflow:auto;padding:1rem}.dialogBox>*{margin-block-end:1em}.dialogBox>:last-child{margin-block-end:0}.dialogBox>p,.dialogBox>pre{margin-block-start:0}.dialogBox>p{max-width:600px}.dialogBox>pre{background:#333;border:1px solid #666;max-height:300px;overflow:auto;padding:3px}.dialogBtnGroup{align-self:stretch;display:flex;flex-flow:row}.dialogBtnGroup>button{flex:1}.dialogBtnGroup:empty{display:none}.shareDlgList{border:1px solid #333;display:grid;gap:6px;grid-template-columns:1fr auto;max-height:50vh;max-width:90vw;overflow-x:hidden;overflow-y:auto;padding:6px}.shareDlgList>button{font-weight:400;padding:0 6px}.openDlgList{align-content:stretch;border:1px solid #333;display:flex;flex-flow:column nowrap;max-height:50vh;max-width:90vw;overflow-x:hidden;overflow-y:auto;padding:6px}.openDlgList>button{font-weight:400;min-height:24px;overflow:hidden;padding:2px 6px;text-align:left;white-space:nowrap}.openDlgList>button:focus{border:1px solid #3977ff}.openDlgList>button:focus-visible,.openDlgList>button:hover{background:#3977ff;border:1px solid #3977ff}.openDlgList>p{margin:6px}.openDlgList>p:first-child{margin-top:0}.openSharedList{display:grid;grid-template-columns:1fr auto auto}.spinner{align-self:center;animation:spin 2.618s linear infinite;-webkit-animation:spin 2.618s linear infinite;border:3px solid #666;border-radius:50%;border-top-color:#fff;display:inline-block;flex:0 0 auto;height:50px;margin-bottom:1em;width:50px}@keyframes spin{to{transform:rotate(1turn)}}@-webkit-keyframes spin{to{-webkit-transform:rotate(1turn)}}ul.spinnerMessages{align-items:center;display:flex;flex:0 1 auto;flex-flow:column;font-size:12px;list-style:none;margin:0;overflow:auto;overflow-x:hidden;padding:0}ul.spinnerMessages>li{margin:3px 6px;text-align:left}.hasDialog{overflow:hidden}.importOfficialList{border:1px solid #666;overflow-x:hidden;overflow-y:auto;padding:6px;width:50vw}.importOfficialList button{font-weight:400;margin:0 6px 6px 0}.importOfficialList button:focus{border:1px solid #3977ff}.importOfficialList button:focus-visible,.importOfficialList button:hover{background:#3977ff;border:1px solid #3977ff}li[draggable=true]{border:0 solid #222;cursor:grab;position:relative}li[draggable=true]:before{top:-3px}li[draggable=true]:after,li[draggable=true]:before{background:#3977ff;content:"";height:0;left:0;pointer-events:none;position:absolute;right:0;z-index:1}li[draggable=true]:after{bottom:-3px}.dragging{overflow:hidden}.dropBefore{border-top:12px solid #3977ff}.dropAfter{border-bottom:12px solid #3977ff}.dropAfter:after,.dropBefore:before{height:6px!important}body{background-color:#222;color:#eee;font-family:Open Sans,sans-serif;font-size:13px;margin:0;padding:0}h1,h2,h3,h4,h5,h6{margin:3px 0}a,button,summary{color:#eee;font-weight:700;letter-spacing:1px}button,summary{background:#333;border:1px solid #666;cursor:pointer;font-family:Open Sans,sans-serif;font-size:13px;padding:2px;text-decoration:none}button{padding-left:6px;padding-right:6px}button:focus-visible,button:hover,summary:focus-visible,summary:hover{background:#3977ff;border:1px solid #3977ff}button:focus,summary:focus{border:1px solid #3977ff}input:not([type]),input[type=email],input[type=password],input[type=text],select,textarea{background-color:#222;border:1px solid #666;color:#eee}input:not([type]):focus-visible,input:not([type]):hover,input[type=email]:focus-visible,input[type=email]:hover,input[type=password]:focus-visible,input[type=password]:hover,input[type=text]:focus-visible,input[type=text]:hover,select:focus-visible,select:hover,textarea:focus-visible,textarea:hover{border:1px solid #3977ff}input[type=checkbox]{align-items:center;appearance:none;background:#333;border:1px solid #666;color:#eee;cursor:pointer;display:flex;height:16px;justify-content:center;margin:0 6px 0 0;width:16px}input[type=checkbox]:hover{background:#3977ff;border:1px solid #3977ff}input[type=checkbox]:checked:before{content:"\2713"}input[type=text]:read-only{background-color:#333;color:#999}input[type=text]:read-only:focus-visible,input[type=text]:read-only:hover{border:1px solid #999}textarea{resize:both}details{margin-bottom:6px}summary::marker{color:#666;content:"▶ ";padding:0;width:40px}details[open]>summary::marker{content:"▼ "}summary:hover::marker{color:#eee}summary{background:none;border:1px solid #66666600;margin-bottom:6px;user-select:none}:disabled{filter:blur(1px) opacity(50%) invert(25%)}img[src=""]{visibility:hidden}#app{display:flex;flex-flow:column;height:100vh;margin:0;padding:0}#main-row{align-items:stretch;display:flex;flex:1 1 0;flex-flow:row nowrap;margin:3px 0 3px 6px;overflow:hidden;position:relative}ul#status{display:flex;flex:none;flex-flow:row;list-style:none;margin:6px;padding:0}#status>li{margin-right:12px}#menu>#windowTitle{font-weight:700;margin:auto;text-align:center}.twoColumnGrid{display:grid;gap:6px;grid-template-columns:auto 1fr}.fieldgroup{border-left:4px solid #666;grid-column-end:3;grid-column-start:1;padding-left:6px}.row{display:flex;flex-flow:row}.row>*{margin-right:6px}.row>:last-child{margin-right:0}.column{display:flex;flex-flow:column nowrap}.column>*{margin-bottom:6px}.column>:last-child{margin-right:0}.hidden{display:none!important}.uploadCompleteGrid{display:grid;gap:6px;grid-template-columns:auto 1fr auto}.uploadCompleteGrid>a{letter-spacing:0}.nowrap{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.importCharacter{display:flex;margin:2px;padding:2px 2px 2px 5px}.importCharacter>*{flex-basis:auto}#menu{align-items:center;background:#333;display:flex;flex:none;flex-flow:row;list-style:none;margin:0 0 6px;padding:0 6px}#menu>div,ol#menu>li{margin:0 12px 0 0}ol#menu>li{display:flex;flex-flow:column;padding:0 3px}.dim{color:#999}.dropdown{border:1px solid transparent;cursor:pointer;padding:3px 6px;position:relative}.dropdownContent{box-shadow:0 2px 4px 0 #3977ff;display:none;flex:auto;flex-flow:column;left:0;min-width:150px;position:absolute;top:24px;z-index:1}.dropdownContent>a,.dropdownContent>span{background:#333;border:1px solid #666;color:#eee;cursor:pointer;font-family:Open Sans,sans-serif;font-size:13px;font-weight:700;letter-spacing:1px;padding:2px 6px;text-decoration:none}.dropdownContent>a:focus-visible,.dropdownContent>a:hover{background:#3977ff;border:1px solid #3977ff}.dropdownContent>a:active,.dropdownContent>a:focus{border:1px solid #3977ff}.dropdownContent>*{display:flex;justify-content:space-between;white-space:nowrap}.dropdown:focus,.dropdown:focus-visible,.dropdown:hover{border-color:#3977ff}.dropdown:focus .dropdownContent,.dropdown:focus-visible .dropdownContent,.dropdown:focus-within .dropdownContent,.dropdown:hover .dropdownContent{display:flex;flex-flow:column nowrap}.toLeft{left:unset;right:0}.dropRight{position:relative}.dropRight>:first-child{align-items:center;display:flex;flex:1 0 0;justify-content:space-between;padding:2px 6px}.dropRight>:first-child:after{border-bottom:5px solid transparent;border-left:10px solid #666;border-top:5px solid transparent;content:"";height:0;width:0}.dropRight>:first-child:focus-visible:after,.dropRight>:first-child:hover:after{border-left-color:#eee}.dropdownContentRight{box-shadow:0 2px 4px 0 #3977ff;display:none;flex:auto;flex-flow:column nowrap;left:100%;min-width:150px;position:absolute;top:0;z-index:1}.dropRight:focus-within>.dropdownContentRight,.dropRight:hover>.dropdownContentRight{display:flex}.dropdownContentRight>*{display:flex;justify-content:space-between}.nightOrderList{display:flex;flex-flow:column nowrap;list-style:none;margin:0;padding:0;user-select:none}.nightOrderList:after{content:"";height:12px;pointer-events:none}.nightOrderItem{align-items:center;border:2px solid #222;display:flex;flex-flow:row nowrap;overflow:hidden;padding:0 0 0 6px;position:relative}.nightOrderItem:focus,.nightOrderItem:hover{border-color:#eee}.nightOrderItem>*{flex:0 0 auto}.ordinal{min-width:36px;text-align:center}.nightOrderItem:before{content:"∙";font-size:20px;padding:0 11px 0 6px;text-shadow:-5px -5px 0 #eee,0 -5px 0 #eee,5px -5px 0 #eee,-5px 0 0 #eee,5px 0 0 #eee,-5px 5px 0 #eee,0 5px 0 #eee,5px 5px 0 #eee}.nightOrderName{width:100px}.nightOrderReminder{flex:1 1 auto}.nightOrderThumbnail{margin:-10px 2px -15px 0;max-height:31px;position:unset;width:31px}.nightOrderItem button{background:none;border:none}.nightOrderItem button,.nightOrderItem:focus-visible button,.nightOrderItem:hover button{border:none}.nightOrderItem button:focus,.nightOrderItem button:focus-visible,.nightOrderItem button:hover{background:#3977ff}body{scrollbar-color:#666 #333}::-webkit-scrollbar,::-webkit-scrollbar-corner,::-webkit-scrollbar-resizer{background:transparent}::-webkit-scrollbar{height:12px;width:12px}::-webkit-scrollbar-track{background:#333}::-webkit-scrollbar-thumb{background:#666}::-webkit-scrollbar-thumb:hover,::-webkit-scrollbar-track-piece:hover{background:#3977ff}input[type=range]{appearance:none;background:none;margin:0 6px 0 0}input[type=range]::-webkit-slider-runnable-track{background:#333;border:1px solid #666;cursor:pointer;height:4px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#444;border:1px solid #666;border-radius:3px;cursor:pointer;height:16px;margin-top:-7px;width:24px}input[type=range]:focus-visible::-webkit-slider-thumb,input[type=range]:hover::-webkit-slider-thumb{background-color:#3977ff;border-color:#3977ff}input[type=range]::-moz-range-track{background:#333;border:1px solid #666;cursor:pointer;height:4px}input[type=range]::-moz-range-thumb{background:#444;border:1px solid #666;border-radius:3px;cursor:pointer;height:16px;width:24px}input[type=range]:focus-visible::-moz-range-thumb,input[type=range]:hover::-moz-range-thumb{background-color:#3977ff;border-color:#3977ff}#tabs{display:flex;flex:4;flex-flow:column nowrap;overflow:hidden}#tabHolder{display:flex;flex:1 1 0;flex-flow:column nowrap;overflow:auto}#tabBar{display:flex;flex:0 0 auto;flex-flow:row nowrap;margin-bottom:3px}.tabButton{background:none;border:none;border-bottom:2px solid #666;margin:0;padding:3px 6px 6px}.tabButton:focus-visible,.tabButton:hover{background:#333;border:none;border-bottom:2px solid #3977ff}.selectedTabBtn,.selectedTabBtn:focus,.selectedTabBtn:focus-visible,.selectedTabBtn:hover{background:#333;border:none;border-bottom:4px solid #3977ff;padding-top:0}.separator{background:#666;margin:6px;padding:1px}.tab{display:none;flex-flow:column nowrap;margin-right:6px}.activeTab{display:flex}option{background-color:#222!important}.teamColorTownsfolk{background-image:linear-gradient(90deg,#1f65ff 2px,#1f65ff00 0,#1f65ff00 25%,#1f65ff40,#1f65ff00)}.teamColorOutsider{background-image:linear-gradient(90deg,#46d5ff 2px,#46d5ff00 0,#46d5ff00 25%,#46d5ff40,#46d5ff00)}.teamColorMinion{background-image:linear-gradient(90deg,#ff6900 2px,#ff690000 0,#ff690000 25%,#ff690040,#ff690000)}.teamColorDemon{background-image:linear-gradient(90deg,#ce0100 2px,#ce010000 0,#ce010000 25%,#ce010040,#ce010000)}.teamColorTraveller{background-image:linear-gradient(90deg,#22222200 2px,#222 0,#222 25%,#222222c0,#222),linear-gradient(180deg,#1f65ff 50%,#ce0100 0)}.teamColorFabled{background-image:linear-gradient(90deg,#ffe91f 2px,#ffe91f00 0,#ffe91f00 25%,#ffe91f30,#ffe91f00)}.teamColorJinxes{background-image:linear-gradient(90deg,#ccc 2px,#cccccc00 0,#cccccc00 25%,#cccccc40,#66666630)}