@import url(https://fonts.googleapis.com/css2?family=Questrial&family=Manrope:wght@500&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Questrial,Manrope,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Open Sans,sans-serif;margin:0;::-webkit-scrollbar{height:.5rem;width:.5rem}::-webkit-scrollbar-thumb{background:#ffffff77;border-radius:.5rem}}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{background-color:#282c34}.App{height:100vh;text-align:center}.App-header{align-items:center;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);height:100dvh;justify-content:center;max-height:100dvh;max-width:100%;overflow-x:hidden}.App-link{color:#61dafb}.overlay{align-items:center;animation:fadeIn .25s ease-in-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:100}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaledAppear{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.RadialNumberSelect-wrapper{left:45vmin;position:absolute}.RadialNumberSelect-button{background:beige;border-radius:"5vmin"}.Drawer-numItem{touch-action:none}.Drawer-container{height:100vmin;overflow:hidden;width:100vmin;z-index:999}.Drawer-container,.Drawer-itemParent{pointer-events:none;position:absolute}.Drawer-itemParent{height:80vmin;margin:10vmin;transition:all .3s;width:80vmin}.Drawer-centeredContainer{cursor:pointer;display:flex;flex-direction:column;font-size:7vmin;height:40vmin;justify-content:center;opacity:0;pointer-events:all;text-shadow:#000 0 0 10px;transform:translate(25vmin,33vmin);transition:opacity .3s;-webkit-user-select:none;user-select:none;width:50vmin}.Drawer-centeredContainer.isOpen{opacity:1}.Drawer-item{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:rgba(0,0,0,.467);border-radius:14vmin;box-shadow:0 0 .5vmin .5vmin #3333;font-size:7vmin;height:14vmin;line-height:14vmin;margin:auto;padding:0;pointer-events:all;position:absolute;text-align:center;transform:translate(calc(40vmin - 50%),-50%);transition:all .4s;-webkit-user-select:none;user-select:none;vertical-align:middle;width:14vmin;z-index:1000}.Drawer-item:active{animation:Drawer-item-hover .6s linear forwards}.darken{opacity:.3}@keyframes Drawer-item-hover{0%{background:#0000}50%{background:hsla(0,0%,100%,.333)}to{background:#0000}}.InitiativeControl-wrapper{align-items:center;display:flex;justify-content:center;margin:.5rem 1rem .5rem .5rem}.InitiativeControl-wrapper.started{opacity:.7}.InitiativeControl-number{border-right:1px solid #ccc;padding-right:1rem;-webkit-user-select:none;user-select:none}.InitiativeControl-clickCatch{height:calc(5vmin + 1rem);margin-left:-1rem;position:absolute;width:calc(5vmin + 1rem)}.CharItem-body{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.CharItem-name{max-height:2em;overflow:hidden;-webkit-user-select:none;user-select:none}.CharItem-wrapper{align-items:center;border:4px solid #ccc;border-radius:5px;display:flex;height:1.5em;justify-content:space-between;line-height:1em;margin:1rem .5rem;padding:.5rem;transition:transform .2s ease-in-out;width:50vmin;z-index:1}.CharItem-wrapper.noImage{background:var(--bg)}@media(max-width:768px){.CharItem-wrapper{width:80vw}}.CharItem-wrapper.enemy{--bg:#3b1d1d;border-color:#8a1b1b}.CharItem-wrapper.player{--bg:#162d2d;border-color:#537f86}.CharItem-wrapper.haveSecondary .CharItem-body{margin-left:calc(-5vmin - 1rem)}.CharItem-wrapper.active{transform:scale(1.1)}.CharItem-wrapper.active.player{animation:CharItem-animatedBorder-player 1s infinite}.CharItem-wrapper.active.enemy{animation:CharItem-animatedBorder-enemy 1s infinite}.CharItem-wrapper.done{border-style:dotted;color:hsla(0,0%,80%,.533);transform:scale(.9)}.CharItem-wrapper input{background:#0000;border:none;color:inherit;font-family:Questrial,sans-serif;font-size:calc(10px + 2vmin)}.CharItem-controls{animation:scaledAppear .2s ease-in-out;display:flex;gap:1rem;margin:.5rem 1rem .5rem .5rem}@keyframes CharItem-animatedBorder-enemy{0%{border-color:#8a1b1b}50%{border-color:#5a0f0f}to{border-color:#8a1b1b}}@keyframes CharItem-animatedBorder-player{0%{border-color:#537f86}50%{border-color:#295454}to{border-color:#537f86}}.FlatIconButton{background:none;border:none;color:inherit;cursor:pointer;display:flex;font-size:inherit;margin:auto;outline:none;padding:0}.SelectAvatarList-wrapper{max-height:80vh;overflow:auto;padding:1rem;position:absolute;z-index:999}.SelectAvatarList-wrapper.enemy{--border:#8a1b1b;--bg:#3b1d1d}.SelectAvatarList-wrapper.character{--border:#537f86;--bg:#162d2d}.SelectAvatarList-item{align-items:center;background:linear-gradient(to left,hsla(0,0%,40%,.314),var(--bg),var(--bg)),var(--url) no-repeat center right;border:4px solid var(--border);border-radius:5px;color:#fff;cursor:pointer;display:flex;height:1.5em;justify-content:center;line-height:1em;margin:1rem .5rem;padding:.5rem;width:50vmin;z-index:1}.SelectAvatarList-item.empty{background:var(--bg)}@media(max-width:768px){.SelectAvatarList-item{width:80vw}}.Charlist-wrapper{flex:1 1 auto;margin-bottom:-20px;min-height:0;overflow-y:auto;padding:0 1.7rem}.RoundCounter-wrapper{align-items:center;display:flex;gap:1rem;justify-items:center;line-height:1em;margin-top:.7em;-webkit-user-select:none;user-select:none}.RoundCounter-wrapper.history:after{color:hsla(0,0%,80%,.533);content:"(history)";margin-left:6rem;margin-top:6rem;position:absolute}.ButtonsList-buttonsContainer{flex-direction:column;margin:1rem;transition:max-height 1s ease-in-out}.ButtonsList-button,.ButtonsList-buttonsContainer{align-items:center;display:flex;justify-content:center}.ButtonsList-button{border:4px solid #ccc;border-radius:5px;cursor:pointer;font-family:Questrial,sans-serif;font-size:calc(10px + 2vmin);height:1.5em;line-height:1em;margin:.5rem;min-height:max(3vmin,2.5rem,4vh);min-width:45vmin;padding:.5rem}.AnimatedButton-container{animation:ButtonsList-button-appear .2s ease-in-out;opacity:1;transform:scale(1);transition:opacity .2s ease-in-out,transform .2s ease-in-out}.AnimatedButton-container--hidden{opacity:0;transform:scale(.5)}@keyframes ButtonsList-button-appear{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.ManageButtons-wrapper{cursor:pointer;font-size:2em;position:absolute;right:.7em;top:.7em}.ManageButtons-wrapper.disabled{opacity:.5}.ConnectionControl-wrapper{align-items:start;background-color:#1d2025e6;border:1px solid #5e6779;display:flex;flex-direction:column;font-size:.7em;justify-content:start;left:2em;overflow:hidden;padding:.7em 1em;position:absolute;top:2em;z-index:1000}.ConnectionControl-wrapper.collapsed{cursor:pointer}.ConnectionControl-wrapper button,.ConnectionControl-wrapper p{margin:.3em 0}.ConnectionControl-wrapper form{margin-top:.1em}.ConnectionControl-wrapper form button{margin:0 0 0 .5em}.ConnectionControl-wrapper button{background-color:#0000;border:1px solid #5e6779;color:#fff;cursor:pointer;font-size:1em;padding:.3em .5em}.ConnectionControl-wrapper button:hover:not(:disabled){background-color:#5e6779}.ConnectionControl-wrapper button:disabled{cursor:not-allowed;opacity:.5}.ConnectionControl-wrapper input{background-color:#0000;border:1px solid #5e6779;color:#fff;font-size:1em;padding:.3em .5em}.ConnectionControl-wrapper .rotating{animation:rotating 2s cubic-bezier(0,1.5,1,-.5) infinite}.ConnectionControl-wrapper .collapse-button{background-color:#0000;border:none;color:#5e6779;cursor:pointer;font-size:1.5em;margin:0;padding:0;position:absolute;right:.7em;top:.5em}@keyframes rotating{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.ConnectionControl-buttonsHorContainer{align-items:center;display:flex;gap:.5em;justify-content:space-evenly;width:100%}.ConnectionControl-buttonsHorContainer button{flex-grow:1}.ConnectionControl-clientId{opacity:.5}.ConnectionControl-expandedHeader{cursor:pointer}.RefreshConnectionButton-spinner{animation:spin 1s cubic-bezier(0,1,1,-.6) infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(359deg)}}.CopyToClipboard-copied{font-size:.8em;margin-left:.5em;opacity:0}.CopyToClipboard-copied.shown{opacity:1}.CopyToClipboard-copied.hidden{transition:all 2s ease-in-out}@keyframes fadeOut{0%{opacity:1}50%{opacity:.5}to{opacity:0}}:root{--ElementsPanel-count:6;--ElementsPanel-size:calc(min(100vw, 90vmin, 600px)/var(--ElementsPanel-count))}.ElementsPanel-wrapper{align-items:center;display:flex;flex-direction:row;justify-content:center;padding:0 0 2vmin;-webkit-user-select:none;user-select:none;width:100%}.ElementsPanel-VisibilityBtn,.ElementsPanel-wrapper{height:calc(min(100vw, 90vmin, 600px)/6);height:var(--ElementsPanel-size)}.ElementsPanel-VisibilityBtn{animation:ElementsPanel-VisibilityBtn-appear .2s ease-in-out;cursor:pointer;width:calc(min(100vw, 90vmin, 600px)/6);width:var(--ElementsPanel-size)}.ElementsPanel-VisibilityBtn svg{height:100%;width:60%}.ElementsPanel-ElementIcon{cursor:pointer;position:relative}.ElementsPanel-ElementIcon,.ElementsPanel-ElementIcon .main,.ElementsPanel-ElementIcon .outline,.ElementsPanel-ElementIcon .waning_bkg{height:calc(min(100vw, 90vmin, 600px)/6);height:var(--ElementsPanel-size);width:calc(min(100vw, 90vmin, 600px)/6);width:var(--ElementsPanel-size)}.ElementsPanel-ElementIcon .main,.ElementsPanel-ElementIcon .outline,.ElementsPanel-ElementIcon .waning_bkg{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);image-rendering:smooth;left:0;position:absolute;transition:all .25s ease-in-out}.ElementsPanel-ElementIcon.inert img{filter:grayscale(100%) brightness(50%);opacity:.5}.ElementsPanel-ElementIcon.inert.dark img{filter:grayscale(100%) invert(30%);opacity:.18}.ElementsPanel-ElementIcon.inert .main{-webkit-clip-path:inset(-50% 0 0 0);clip-path:inset(-50% 0 0 0)}.ElementsPanel-ElementIcon.strong img{opacity:1}.ElementsPanel-ElementIcon._waning{opacity:0}.ElementsPanel-ElementIcon.waning .main{-webkit-clip-path:inset(0 0 50% 0);clip-path:inset(0 0 50% 0);opacity:1}.ElementsPanel-ElementIcon.waning .waning_bkg{-webkit-clip-path:inset(50% 0 0 0);clip-path:inset(50% 0 0 0);opacity:0}.ElementsPanel-ElementIcon .outline{filter:invert(100%) saturate(0) brightness(500%);opacity:.15}.ElementsPanel-ElementIcon.dark:not(.inert) .outline{filter:invert(100%) saturate(0) blur(.1em)!important;transform:scale(1.05)}.ElementsPanel-ElementIcon.dark.waning>.outline{-webkit-clip-path:inset(0 0 50% 0);clip-path:inset(0 0 50% 0);opacity:1}.ElementsPanel-ElementIcon.dark.waning>.waning_bkg{-webkit-clip-path:inset(50% 0 0 0);clip-path:inset(50% 0 0 0);filter:grayscale(100%) invert(30%);opacity:.3}.ElementsPanel-ElementIcon.fire.inert .outline{filter:invert(100%) brightness(150%) saturate(0)!important}@keyframes ElementsPanel-VisibilityBtn-appear{0%{height:0;width:0}to{height:calc(min(100vw, 90vmin, 600px)/6);height:var(--ElementsPanel-size);width:calc(min(100vw, 90vmin, 600px)/6);width:var(--ElementsPanel-size)}}.ChangeLocale-button{align-items:center;animation:scaledAppear .2s ease-in-out;background:#fff;border:4px solid #ccc;border-radius:5px;bottom:16px;cursor:pointer;display:flex;font-size:calc(10px + 2vmin);height:1.5em;justify-content:center;left:16px;line-height:3vmin;margin:.5rem;min-height:max(3vmin,2.5rem,4vh);min-width:2rem;padding:.5rem;position:fixed}.ChangeLocale-button img{height:max(3vmin,2.5rem,4vh);width:max(3vmin,2.5rem,4vh)}
/*# sourceMappingURL=main.f5755712.css.map*/