@supports not (((-webkit-backdrop-filter:blur())) or ((-webkit-backdrop-filter:blur()) or (backdrop-filter:blur()))){.blur-background{background-color:var(--theme-primary)}}:root{--turquoise:#55d6be;--aquamarine:#acfcd9;--atomic-tangerine:#f7a072;--bright-pink:#fc6471;--medium-slate-blue:#7b68ee;--french-violet:#6723cd;--gunmetal:#122932;--dark-slate-gray:#2c514c;--saffron:#f2c14e;--magnolia:#f6e8ea;--aaaa:#aba;--main-bg-color:#122932;--main-bg-hover:#fff2;--main-ui-color:#f6e8ea;--main-ui-hover:#fff;--label-color:#aaa;--secondary-ui-color:#2c4636;--secondary-ui-hover:#2c514c;--theme-primary:#122932;--theme-primary--half:#12293288;--theme-primary--quarter:#12293244;--theme-primary--transparent:#12293200;--theme-secondary:#acfcd9;--theme-secondary--half:#acfcd988;--theme-secondary--quarter:#acfcd944;--theme-secondary--transparent:#acfcd900;--danger-ui-color:#da1e28;--danger-ui-hover:#ba1b23;--success-ui-color:#42be65;--success-ui-hover:#228e45;--error-ui-color:#fa4d56;--error-ui-hover:#da2d36;--warning-ui-color:#f1c21b;--warning-ui-hover:#d1ac1b;--info-ui-color:#acfcd9;--info-ui-hover:#55d6be;--bonus-color:#42be65aa}.blur-background{background-color:var(--theme-primary--half);backdrop-filter:blur(10px)}@supports not (((-webkit-backdrop-filter:blur())) or ((-webkit-backdrop-filter:blur()) or (backdrop-filter:blur()))){.blur-background{background-color:var(--theme-primary)}}html{-webkit-font-smoothing:antialiased}:root{color-scheme:dark}body{background-color:var(--main-bg-color);letter-spacing:1.5px;width:100vw;height:100vh;margin:0;font-family:Montserrat,sans-serif;line-height:1.5;overflow-x:hidden}input{font-family:Roboto Mono,monospace}#root{position:absolute;top:0;bottom:0;left:0;right:0}ul{margin:unset;padding:unset;list-style-type:none}button{padding:unset;font:inherit;letter-spacing:inherit;text-align:left;border:none;font-size:12px;font-weight:500;line-height:1}a{color:var(--main-ui-color)}.footer{text-shadow:2px 2px 2px #1a2a3733;color:#fff;background:linear-gradient(-4deg,#715aff,var(--theme-secondary--transparent),transparent),radial-gradient(circle at 75% 150%,#55d6be,#55d6be00),linear-gradient(-45deg,#62c,var(--theme-secondary--transparent)),radial-gradient(circle at 50% 0,#122932,#f2c14e00);z-index:2;background-color:#2c514c;padding:50px;font-size:12px;line-height:1.5;animation:10s ease-in-out infinite alternate backgroundMove;position:relative}@media screen and (max-width:420px){.footer{padding:25px}}.footer a[href]{font-weight:700;text-decoration:underline}.faq-list{grid-gap:10px;grid-template-columns:1fr;place-items:start stretch;margin:0;padding:10px 0;list-style:none;display:grid}.faq-list__wrapper{border-radius:5px;max-width:800px;margin:50px auto;padding:20px 40px}.faq-list__icon-wrapper{content:"";border-radius:20px;padding:7px;position:absolute;top:1px;left:0}.faq-list>li{margin-bottom:15px;padding:10px 25px;position:relative}@media screen and (max-width:900px){.faq-list>li{padding:10px}}.faq-list>li svg{fill:currentColor;width:24px;height:24px}.faq-list>li h5{margin-top:0;margin-bottom:10px;font-size:20px}.faq-list>li span{letter-spacing:1.5px;font-size:14px;line-height:1.5}.demo-list{grid-gap:20px;grid-template-columns:1fr 1fr 1fr;place-items:center;max-width:600px;margin:0 auto;display:grid}@media screen and (max-width:600px){.demo-list{grid-template-columns:50% 50%}}@media screen and (max-width:400px){.demo-list{grid-template-columns:100%}}.demo-list__item{color:var(--main-bg-color);border-radius:5px;flex:500px;align-items:flex-end;width:150px;height:150px;padding:20px;transition:transform .5s ease-in .1s;display:flex;position:relative}.demo-list__item:before{content:"";border-radius:5px;transition:all .5s ease-in .1s;position:absolute;top:0;bottom:0;left:0;right:0;box-shadow:0 0 10px #acfcd922}.demo-list__item:after{content:"";opacity:0;border:1px solid var(--main-bg-color);border-radius:5px;transition:all .5s ease-in .1s;position:absolute;top:0;bottom:0;left:0;right:0;box-shadow:0 0 20px #acfcd9aa}@media screen and (max-width:400px){.demo-list__item{height:100px}}.demo-list__item:hover{transition:transform .3s ease-in-out;transform:matrix(1.1,0,0,1.1,0,-22)}.demo-list__item:hover:after{opacity:.8;border-color:#fff3;transition:all .3s ease-in-out}.demo-list__item:hover:before{opacity:0;transition:all .3s ease-in-out}.demo-list__item h3{align-items:center;margin:0;font-size:16px;transition:color .2s;display:flex}.demo-list__item h3 svg{fill:currentColor;flex-shrink:0;margin-left:10px}.demo-list__image{border-radius:5px;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.demo-list__image img{object-fit:cover;width:100%;height:100%}.demo-list__image:after{content:"";background-image:linear-gradient(0deg,currentColor 50px,#0000 50%);position:absolute;top:0;bottom:0;left:0;right:0}@keyframes swoop{0%{transform:translateY(min(-10vw,-200px))}to{transform:translateY(0)}}@keyframes skew{to{transform:skew(-10deg)}}@keyframes skew-blue{0%{opacity:0}to{opacity:1;color:#715aff;transform:translate(.05em,-.05em)}}@keyframes skew-red{0%{opacity:0}to{opacity:1;color:#fc6471;transform:translate(-.05em,.05em)}}.landing-page{color:var(--main-ui-color);background-color:var(--main-bg-color);position:relative}.landing-page a{text-decoration:none}.landing-page--scrolled .landing-page__header{background-color:var(--main-bg-color)}.landing-page .landing-page__title,.landing-page .landing-page__title:after,.landing-page .landing-page__title:before{animation-delay:7s}.landing-page__wrapper{padding:0 50px 100px;font-family:Montserrat,sans-serif;position:relative}@media screen and (max-width:500px){.landing-page__wrapper{padding:0 20px 100px}}.landing-page__intro{text-align:center;max-width:1500px;margin:50px auto 0}.landing-page__title{z-index:1;margin:0;font-family:Montserrat,sans-serif;font-size:7vw;font-weight:600;transition:transform .5s;animation:1s ease-in-out .5s forwards skew;display:inline-block;position:relative}@media screen and (max-width:1000px){.landing-page__title{font-size:9vw}}@media screen and (max-width:500px){.landing-page__title{font-size:70px}}.landing-page__title:after,.landing-page__title:before{content:attr(data-title);opacity:0;mix-blend-mode:color-dodge;position:absolute;top:0;left:0}.landing-page__title:after{z-index:-1;text-shadow:0 0 30px #fff4;animation:1s ease-in-out .5s forwards skew-blue}.landing-page__title:before{z-index:-1;animation:1s ease-in-out .5s forwards skew-red}.landing-page__version-number{color:var(--main-ui-color);text-shadow:0 0 10px var(--theme-primary--half);padding-left:1em;font-size:14px;position:absolute}@media screen and (max-width:1000px){.landing-page__version-number{display:block;position:relative}}.landing-page__subtitle{text-shadow:0 0 10px var(--theme-primary--half);margin-bottom:100px;font-family:Montserrat,sans-serif;font-size:24px;font-weight:300}@media screen and (max-width:500px){.landing-page__subtitle{font-size:16px;font-weight:300}}.landing-page__content-box{background-color:#fff;background:linear-gradient(-4deg,#715aff,var(--theme-secondary--transparent),transparent),radial-gradient(circle at 75% 150%,#55d6be,transparent),linear-gradient(-45deg,#62c,var(--theme-secondary--transparent)),radial-gradient(circle at 50% 0,#acfcd9,transparent);text-shadow:2px 2px 5px #00000025;backdrop-filter:blur(5px);border-radius:5px;max-width:800px;margin:0 auto;padding:20px 40px;animation:10s ease-in-out infinite alternate backgroundMove;box-shadow:10px 10px 20px #00000015}@media screen and (max-width:500px){.landing-page__content-box{text-align:left;padding:10px 20px}}.landing-page__content-box>h1,.landing-page__content-box>h2,.landing-page__content-box>h3,.landing-page__content-box>h4,.landing-page__content-box>h5{text-align:center;margin:10px 0}.landing-page__content-box__title{letter-spacing:.03em;font-size:32px;font-weight:800}.landing-page__feature-list{grid-gap:10px;grid-template-columns:1fr 1fr;place-items:start stretch;margin:0;padding:10px 0;list-style:none;display:grid}@media screen and (max-width:900px){.landing-page__feature-list{grid-template-columns:1fr}}.landing-page__feature-list__icon-wrapper{content:"";border-radius:20px;padding:7px;position:absolute;top:1px;left:0}.landing-page__feature-list li{padding:10px 25px 10px 45px;position:relative}@media screen and (min-width:900px){.landing-page__feature-list li{min-height:100px}}.landing-page__feature-list li svg{fill:currentColor;width:24px;height:24px}.landing-page__feature-list li h4{margin-top:0;margin-bottom:10px;font-size:17px}.landing-page__feature-list li span{letter-spacing:1.5px;font-size:14px;line-height:1.5}.splash-image{object-fit:cover;width:100%}.splash-image__wrapper{height:min(60vh,60vw);top:0;left:0;right:0}.demo-cta{justify-content:center;max-width:800px;margin:50px auto;line-height:1.5;display:flex;position:relative}@media screen and (max-width:500px){.demo-cta{flex-direction:column;padding:20px}}.quote{text-align:right;justify-content:center;align-items:center;margin:0;padding:10px 20px;font-size:16px;font-style:italic;font-weight:200;line-height:2;display:flex}.fade-in-element{opacity:0;transition:opacity .4s,transform 1s;transform:translateY(20px)}.fade-in-element--visible{opacity:1;transform:translateY(0)}.text-page{background-color:var(--theme-primary);flex-direction:column;justify-content:space-between;min-height:100vh;display:flex}.text-page .text-page__content{max-width:1000px;margin:0 auto;padding:100px 50px 50px;font-size:14px;position:relative}@media screen and (max-width:500px){.text-page .text-page__content{padding:100px 25px 50px}}.text-page .text-page__content a{font-weight:700;text-decoration:underline}.text-page ul{list-style:unset;padding-left:50px}.text-page ul li{margin-bottom:10px}@keyframes backgroundMove{0%{background-position:100% 0;background-size:100% 200%}20%{background-position:100% 0;background-size:100% 200%}80%{background-position:100% 0;background-size:100% 100%}to{background-position:100% 0;background-size:100% 100%}}.own-maps{background-color:var(--theme-primary);color:var(--main-ui-color);pointer-events:auto;min-height:100vh}.own-maps__content{box-sizing:border-box;flex-direction:column;align-items:center;min-height:100%;padding:50px;display:flex;overflow:auto}@media screen and (max-width:600px){.own-maps__content{padding:50px 10px}}.own-maps #edit-map-name-input{margin-bottom:15px}.own-maps__form{flex-direction:column;align-items:center;display:flex}.own-maps__form input[type=text],.own-maps__form .checkbox__wrapper{margin-bottom:15px}.own-maps .sidepanel__button-wrapper .action-button{width:50px;height:50px}.own-maps .sidepanel__content{padding-top:60px}.signup-page{box-sizing:border-box;background-color:var(--theme-primary);color:var(--main-ui-color);pointer-events:auto;letter-spacing:1.5px;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:60px 40px;font-family:Montserrat,sans-serif;display:flex}.signup-page h2{margin-top:0;margin-bottom:32px;font-size:18px}.signup-page:before{content:"";background-blend-mode:overlay;opacity:.5;filter:blur(10px);background-image:url(https://firebasestorage.googleapis.com/v0/b/tabletop-battle-demo.appspot.com/o/splash_image_lg.jpg?alt=media&token=e8132728-6093-48d8-97ae-12c6364d3c97);background-position:50%;background-size:120%;position:absolute;top:0;bottom:0;left:0;right:0}.signup-page__content{position:relative}.signup-page__content>h1:first-child{margin-top:0}.signup-page__input-wrapper{margin-bottom:18px}.signup-page__form{background-color:var(--main-bg-color);color:var(--main-ui-color);border-radius:10px;flex-direction:column;align-items:center;max-width:800px;padding:20px 40px;display:flex;box-shadow:10px 10px 30px #0003}.signup-page__form__label{color:var(--label-color);max-width:320px;margin-bottom:16px;font-size:12px}.signup-page__form input[type=email],.signup-page__form input[type=password],.signup-page__form input[type=text]{width:240px}.signup-page__button.interface__button{border-radius:5px;padding:0 20px;font-size:16px;font-weight:700;position:relative}.signup-page__button.interface__button:disabled{background-color:var(--main-bg-hover);color:var(--label-color)}.signup-page__button.interface__button:disabled:after{display:none}.signup-page__button.interface__button:hover{background-color:var(--main-ui-hover)}.signup-page__button.interface__button:hover:after{opacity:1}.signup-page__button.interface__button:after{content:"";opacity:0;border-radius:5px;transition:opacity 1s;position:absolute;top:0;bottom:0;left:0;right:0;box-shadow:0 0 20px 5px #fff5}html.gameClient{overflow:hidden}.gameClient body{width:100%;height:100%;overflow:hidden}.gameClient #root{overflow-x:hidden;overflow-y:auto}#webGLCanvas{position:absolute;top:0;bottom:0;left:0;right:0}.canvasContainer{pointer-events:auto;width:100vw;height:100vh;position:fixed}.gameClient{pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:#fff0;width:100%;height:100%;overflow:hidden}.header{box-sizing:border-box;letter-spacing:1.5px;z-index:2;justify-content:flex-end;align-items:center;width:100%;height:64px;padding:0 10px 0 20px;transition:background-color .2s;display:flex;position:fixed;top:0}.header:before{content:"";opacity:0;pointer-events:none;background:linear-gradient(90deg,#55d6be22 0%,transparent 40%),linear-gradient(-90deg,#fc647144 0%,transparent 30%),linear-gradient(180deg,var(--theme-primary),var(--theme-primary--half));backdrop-filter:blur(10px);transition:opacity .2s;position:absolute;top:0;bottom:0;left:0;right:0;box-shadow:0 0 20px #0009}@supports not (((-webkit-backdrop-filter:blur())) or ((-webkit-backdrop-filter:blur()) or (backdrop-filter:blur()))){.header:before{background-color:var(--theme-primary)}}.header--background:before{opacity:1}.header__title{cursor:pointer;align-items:center;height:100%;padding:0 20px;font-family:Montserrat,sans-serif;display:flex;position:absolute;left:0}.header a{text-decoration:none}@media screen and (min-width:900px){.header .hide-on-desktop{display:none}}.header__menu-wrapper{align-items:center;gap:8px;height:100%;display:flex;top:0;right:0}.header__menu-button.action-button{z-index:1;background-color:#0000;border-radius:5px;width:40px;height:40px}.header__menu-button.action-button:hover{background-color:var(--main-bg-hover)}.header__menu{box-sizing:border-box;flex-direction:column;height:100vh;padding:70px 10px 20px;font-family:Montserrat,sans-serif;font-size:13px;transition:transform .2s;display:flex;position:absolute;top:0;right:0;overflow-y:auto;transform:translate(100%);box-shadow:0 0 20px #0009}.header__menu--open{transform:none}.header__menu .interface__button{opacity:.5;white-space:nowrap;border-radius:5px;justify-content:flex-end;align-items:center;margin-bottom:8px;padding:12px 25px;text-decoration:none;transition:background-color .2s;display:flex}@media screen and (max-width:420px){.header__menu .interface__button{padding:8px}}.header__menu .interface__button svg{fill:currentColor;margin-right:5px}.header__menu .interface__button[href]{opacity:1}.header__menu .interface__button[href]:hover{background-color:var(--main-bg-hover)}.header__links{margin-right:15px;display:flex;position:relative}.header__links a{padding:10px 20px;font-size:14px}@media screen and (max-width:600px){.header__links a{padding:10px}}@media screen and (max-width:500px){.header__links{display:none}}.user-menu{text-align:right;flex-direction:column;min-height:100%;padding:0 10px;display:flex}.user-menu__username{margin:5px 0;font-size:18px}.user-menu__email{color:var(--label-color);font-size:13px}.user-menu__label{color:var(--label-color);margin-bottom:5px;font-size:13px}.user-menu__info-wrapper{padding:15px 0;font-size:13px;font-weight:300}.user-menu__separator{background-color:var(--main-bg-hover);border:none;align-self:flex-end;width:66%;height:1px;margin:20px 0}.user-menu .header__menu__link{background-color:#fff1;justify-content:center}.action-button{color:var(--main-ui-color);cursor:pointer;background:linear-gradient(-135deg,var(--theme-primary--transparent)0%,var(--theme-primary--transparent)30%,var(--theme-secondary--quarter)50%,var(--theme-primary--transparent)100%);background-position:100% 100%;background-size:500%;border-radius:3px;justify-content:center;align-items:center;width:35px;height:35px;transition:box-shadow .5s,background-position 1s;display:flex}.action-button svg{fill:currentColor}.action-button:hover{box-shadow:0 0 10px 5px var(--theme-secondary--quarter),0 0 0 2px var(--theme-secondary--half);background-position:0 0;transition:box-shadow .25s,background-position 1s}.action-button:focus{outline:1px solid var(--theme-secondary);box-shadow:0 0 10px 5px var(--theme-secondary--quarter),0 0 0 2px var(--theme-secondary--half)}.action-button--inverse{color:var(--main-bg-color);background-color:var(--main-ui-color)}.action-button--inverse:hover{background-color:var(--main-ui-hover)}.action-button--inverse:focus{border-color:var(--secondary-ui-color);outline:none}.action-button--prompt-highlight{box-shadow:0 0 13px 4px #ffffff96}.action-button:disabled{background-color:var(--secondary-ui-hover);pointer-events:none}.dropdown-menu{background-color:var(--main-bg-color);color:var(--main-ui-color);white-space:nowrap;z-index:100;pointer-events:auto;border-radius:3px;flex-direction:column;align-items:stretch;width:auto;display:flex;position:fixed;overflow:hidden;box-shadow:0 0 10px 5px #0005}.dropdown-menu .interface__button{background-color:#0000;border-radius:0}.dropdown-menu .interface__button:hover{background-color:var(--secondary-ui-hover);color:var(--main-ui-hover)}.checkbox{outline-offset:-1px;outline:1px solid var(--label-color);background-color:var(--main-bg-color);-webkit-appearance:unset;cursor:pointer;border:none;border-radius:4px;width:18px;height:18px;margin:2px 0 0 2px;transition:outline-color .2s;position:relative}.checkbox:after{content:"";transform-origin:50%;background-color:#0000;border-radius:2px;transition:background-color .1s,transform 50ms ease-out;position:absolute;top:3px;bottom:3px;left:3px;right:3px;transform:scale(0)}.checkbox:checked{outline:2px solid var(--main-ui-color)}.checkbox:checked:after{background-color:var(--main-ui-color);transition:background-color .1s,transform 50ms ease-in;transform:scale(1)}.checkbox:hover,.checkbox:focus{background-color:var(--main-bg-hover);outline:2px solid var(--main-ui-hover)}.checkbox__wrapper{flex-direction:column;align-items:flex-start;display:flex}.checkbox__wrapper--horizontal{flex-direction:row-reverse;justify-content:flex-end;align-items:center}.checkbox__wrapper--horizontal .checkbox{margin:2px}.checkbox__wrapper--horizontal .checkbox__label{margin-bottom:unset;margin-left:5px}.checkbox__label{color:var(--main-ui-color);margin-bottom:5px;font-size:12px}.color-input{opacity:0;width:0;height:0;position:absolute;bottom:0;left:20px}.color-input__wrapper{align-items:flex-end;display:flex;position:relative}.color-input__wrapper:focus-within .color-input__indicator{border-color:var(--main-ui-color);transform:scale(1.1)}.color-input__text-wrapper{flex-direction:column;align-items:flex-start;display:flex}.color-input__label{margin-bottom:5px;font-size:14px}.color-input__value{width:100px}.color-input__indicator{cursor:pointer;border:2px solid #fff4;border-radius:5px;width:30px;height:30px;margin-right:10px;transition:border-color .2s,transform .2s}.color-input__indicator:hover{border-color:var(--main-ui-color);transform:scale(1.1)}.select{position:relative}.select__label{margin-bottom:5px}.select__value{cursor:pointer;background-color:#fff1;border-radius:3px;justify-content:space-between;align-items:center;padding:6px 5px 6px 10px;font-size:14px;line-height:1;transition:box-shadow .5s,background-color .2s;display:flex}.select__value:hover,.select__value:focus{background-color:var(--main-bg-hover);box-shadow:0 0 10px 5px var(--theme-secondary--quarter),0 0 0 2px var(--theme-secondary--half)}.select__value:focus{outline:1px solid var(--theme-secondary)}.select__value svg{fill:var(--main-ui-color);margin-left:7px;transition:transform .3s}.select__options{z-index:5;white-space:nowrap;background-color:var(--main-bg-color);display:none;position:absolute;bottom:-1px;transform:translateY(100%);box-shadow:0 6px 10px #0008}.select__options__item{cursor:pointer;padding:6px 10px;font-size:13px;transition:background-color .2s}.select__options__item:hover{background-color:var(--main-bg-hover)}.select__options__item--selected{background-color:var(--main-bg-hover);opacity:.8;cursor:auto}.select--open .select__options{display:block}.select--open .select__value svg{transform:rotate(180deg)}.statfield{--background-color:var(--secondary-ui-color);--border-width:2px;border:solid var(--border-width)var(--background-color);color:var(--main-ui-color);margin-bottom:2px;font-size:14px;transition:border-color .2s;position:relative}.statfield:hover{--background-color:var(--secondary-ui-hover)}.statfield input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.statfield input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.statfield input[type=number]{-moz-appearance:textfield}.statfield__wrapper{border-right:none;flex-grow:1;justify-content:space-between;align-items:center;width:100%;height:25px;display:flex}.statfield__name{background-color:var(--background-color);text-overflow:ellipsis;white-space:nowrap;align-items:center;height:100%;margin:0;padding:0 5px;transition:background-color .2s;display:flex;overflow:hidden}.statfield__value{color:#fff;cursor:pointer;background-color:var(--main-bg-color);flex:1 0 auto;align-items:center;height:100%;padding:0 .5em;font-family:Roboto Mono,monospace;transition:background-color .2s;display:flex}.statfield__value:focus{outline:2px solid var(--main-ui-color)}.statfield__value--bonus{color:var(--bonus-color)}.statfield__input{background-color:var(--main-bg-color);color:#fff;box-sizing:content-box;border:none;flex:auto;height:100%;padding:0 .5em;font-size:14px;font-weight:600;transition:background-color .2s,color .2s}.statfield__input::-webkit-inner-spin-button{-webkit-appearance:none}.statfield__input:focus{outline:2px solid var(--main-ui-hover);outline-offset:-2px}.statfield__additional-input{border:solid var(--border-width)var(--background-color);position:absolute;top:0;right:24px;transform:translateY(-100%)}.statfield__additional-input .statfield__input{border:none}.statfield__interval{border:solid var(--border-width)var(--background-color);box-sizing:border-box;border-top:none;width:100%;height:12px;padding:2px}.statfield__interval-wrapper{justify-content:space-evenly;align-items:center;width:100%;height:100%;display:flex;position:relative}.statfield__interval-indicator{background-color:var(--main-ui-color);height:100%;position:absolute;top:0;left:0}.statfield__interval-indicator--bonus{background-color:var(--bonus-color);height:100%;position:absolute;top:0;left:0}.statfield__interval-separator{background-color:var(--main-bg-color);width:1px;height:100%;position:relative}.statfield--editing{--background-color:var(--main-ui-color);color:var(--main-bg-color);background-color:#0000}.statfield--editing:hover{--background-color:var(--main-ui-hover)}.statfield--editing .statfield__value{cursor:default}.text-input{color:var(--main-ui-color);background-color:#fff1;border:none;border-bottom:1px solid #fff2;border-radius:3px;height:35px;margin-bottom:10px;padding:0 10px;transition:box-shadow .3s}.text-input:focus{outline:1px solid var(--theme-secondary);box-shadow:0 0 10px 5px var(--theme-secondary--quarter),0 0 0 2px var(--theme-secondary--half)}.text-input:last-child{margin-bottom:0}.text-input__label{margin-bottom:5px;display:block}.text-input--color{background-color:#0000;border:none;width:35px;padding:0}.text-input--error{outline:var(--error-ui-color)2px solid;outline-offset:-2px}.text-input__error-message{color:var(--error-ui-color);margin-bottom:10px;font-size:12px}.interface__wrapper{position:fixed;top:0;bottom:0;left:0;right:0}.interface__wrapper button{pointer-events:auto}.top-left-button__wrapper{pointer-events:auto;z-index:2;background-color:var(--main-bg-color);border-radius:0 0 6px;gap:3px;padding:3px;display:flex;position:absolute;top:0;left:0}.top-left-button__wrapper>.interface__button{background-color:var(--main-bg-color)}.interface{-webkit-user-select:text;user-select:text}.interface__button{cursor:pointer;color:var(--main-ui-color);box-sizing:border-box;background-color:#0000;background-image:linear-gradient(-135deg,var(--theme-primary--transparent)0%,var(--theme-primary--transparent)30%,var(--theme-secondary--quarter)50%,var(--theme-primary--transparent)100%);background-position:100% 100%;background-size:500%;border-radius:4px;align-items:center;gap:8px;min-height:35px;padding:5px 10px;text-decoration:none;transition:box-shadow .5s,background-position 1s;display:flex}.interface__button svg{fill:currentColor}.interface__button:disabled{opacity:.5;cursor:auto;pointer-events:none}.interface__button:hover{color:var(--main-ui-hover);box-shadow:0 0 10px 5px var(--theme-secondary--quarter),0 0 0 2px var(--theme-secondary--half);background-position:0 0;transition:box-shadow .25s,background-position 1s}.interface__button:focus{outline-offset:-2px;box-shadow:0 0 10px 5px var(--theme-secondary--quarter),0 0 0 2px var(--theme-secondary--half);outline:2px solid #fff}.interface__button--primary{color:var(--secondary-ui-color);background-color:var(--main-ui-color);background-image:linear-gradient(-135deg,var(--main-ui-color)0%,var(--main-ui-color)30%,var(--main-ui-hover)50%,var(--main-ui-hover)100%)}.interface__button--primary:hover{background-color:var(--main-ui-hover);color:var(--secondary-ui-hover)}.interface__button--primary:focus{outline:var(--secondary-ui-hover)solid 2px;outline-offset:-2px}.interface__button--danger{background-image:linear-gradient(-135deg,var(--theme-primary--transparent)0%,var(--danger-ui-hover)60%)}.interface__button--danger:hover,.interface__button--danger:focus{box-shadow:0 0 10px 5px var(--danger-ui-hover),0 0 0 2px var(--danger-ui-color)}.interface__upload-label{margin-right:0;font-size:12px}.interface__fullscreen-message{z-index:500;background-color:var(--main-bg-color);color:var(--main-ui-color);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.interface__fullscreen-loader{z-index:4;background-color:var(--main-bg-color);color:var(--main-ui-color);flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:absolute}.input-label{color:var(--main-ui-color);margin-bottom:5px;font-size:12px;display:block}.notification__wrapper{pointer-events:none;z-index:4;flex-direction:column;align-items:flex-start;padding:35px;display:flex;position:fixed;bottom:0;left:0}@media screen and (max-width:900px){.notification__wrapper{padding:15px}}@media screen and (max-width:500px){.notification__wrapper{padding:5px}}.notification{color:var(--secondary-ui-color);backdrop-filter:blur(10px);background-color:var(--theme-primary--half);pointer-events:auto;opacity:0;border-left:5px solid;border-radius:3px;align-items:stretch;max-width:450px;margin-top:10px;font-size:14px;transition:opacity .2s,transform .2s;display:flex;position:relative;transform:translateY(-10px);box-shadow:10px 10px 20px #1118}@supports not (((-webkit-backdrop-filter:blur())) or ((-webkit-backdrop-filter:blur()) or (backdrop-filter:blur()))){.notification{background-color:var(--main-bg-color)}}@media screen and (max-width:500px){.notification{margin-top:5px}}.notification--active{opacity:1;transform:none}.notification--success{color:var(--success-ui-color)}.notification--error{color:var(--error-ui-color)}.notification--warning{color:var(--warning-ui-color)}.notification--info{color:var(--info-ui-color)}.notification__text{text-shadow:1px 1px 2px #000;align-items:center;padding:8px 10px;display:flex}.notification__text svg{fill:currentColor;flex-shrink:0;align-self:flex-start;margin-right:7px;padding-top:1px}.notification__text span{color:var(--main-ui-color)}.notification__text a{color:currentColor}.notification__close-button.action-button{background-color:#0000;border-radius:0 5px 5px 0;flex-shrink:0;height:auto}.notification__close-button.action-button:hover{background-color:#fff3}.modal-wrapper{pointer-events:none;opacity:0;z-index:100;background-color:#0000;justify-content:center;align-items:center;transition:opacity .2s,background-color .2s;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.modal-wrapper--open{opacity:1;pointer-events:auto;background-color:#5555}.modal{backdrop-filter:blur(10px);color:var(--main-ui-color);-webkit-user-select:text;user-select:text;background-color:#122932dd;border-radius:3px;flex-direction:column;width:60vw;min-width:350px;max-width:690px;max-height:80vh;display:flex;box-shadow:0 0 20px 5px #0007}@supports not (((-webkit-backdrop-filter:blur())) or ((-webkit-backdrop-filter:blur()) or (backdrop-filter:blur()))){.modal{background-color:var(--theme-primary)}}.modal__header{justify-content:space-between;align-items:flex-start;display:flex}.modal__header .modal__title{margin:0;padding:10px 20px}.modal__content{box-sizing:border-box;max-height:100%;padding:10px 20px 20px;overflow-x:hidden;overflow-y:auto}.modal__button-wrapper{flex-shrink:0;height:45px;display:flex;position:relative}.modal__button-wrapper:before{content:"";background:linear-gradient(transparent,var(--theme-primary--half));pointer-events:none;height:20px;position:absolute;top:-20px;left:0;right:0}.modal__button-wrapper .interface__button{border-radius:0;width:50%;height:100%}.map-preset-list{flex-wrap:wrap;align-items:center;padding:20px;display:flex}.figure-panel{color:var(--main-ui-hover);pointer-events:none;backdrop-filter:blur(3px);background-color:var(--theme-primary--half);border-radius:3px;padding:5px 10px;transition:opacity .1s;position:absolute;overflow:hidden;transform:translateY(-100%);box-shadow:2px 2px 5px #1114}@supports not (((-webkit-backdrop-filter:blur())) or ((-webkit-backdrop-filter:blur()) or (backdrop-filter:blur()))){.figure-panel{background-color:var(--main-bg-color)!important}}.figure-modal__draft-container{margin-bottom:20px}.figure-modal__draft-button-wrapper{border-radius:2px;flex:none;align-items:center;margin-top:10px;margin-right:10px;display:inline-flex;overflow:hidden}.figure-modal__draft-label,.figure-modal__draft-delete-button{cursor:pointer;background-color:currentColor;align-items:center;height:30px;font-size:14px;transition:background-color .2s;display:flex}.figure-modal__draft-label span,.figure-modal__draft-delete-button span{color:var(--main-bg-color);transition:color .2s}.figure-modal__draft-label svg,.figure-modal__draft-delete-button svg{color:var(--main-bg-color)}.figure-modal__draft-label:hover,.figure-modal__draft-delete-button:hover{background-color:#fff}.figure-modal__draft-label{justify-content:center;align-items:center;padding:0 8px 0 10px;display:flex}.figure-modal__draft-delete-button{justify-content:center;align-items:center;width:30px;display:flex}.figure-modal__attribute-wrapper{flex-wrap:wrap;align-items:center;margin-bottom:15px;display:flex}.figure-modal__attribute-wrapper>div:not(:last-child){margin-right:35px}.figure-modal__stat-wrapper{flex-flow:column wrap;place-content:flex-start;align-items:flex-start;padding:15px 0;display:flex;position:relative}.figure-modal__stat{border-color:var(--secondary-ui-hover);border-style:solid;border-width:2px;border-radius:3px;width:40%;max-width:150px;margin-bottom:5px;margin-right:5%;position:relative}.figure-modal__stat__title{margin-bottom:5px;padding:0 10px}.figure-modal__stat .text-input{box-sizing:border-box;width:100%}.logpanel{backdrop-filter:blur(10px);color:#fff;box-sizing:border-box;pointer-events:auto;background-color:#122932dd;border-top-right-radius:6px;transition:transform .2s ease-out;overflow:hidden;transform:translateY(100%);box-shadow:0 0 2px #fff9}@supports not (((-webkit-backdrop-filter:blur())) or ((-webkit-backdrop-filter:blur()) or (backdrop-filter:blur()))){.logpanel{background-color:var(--theme-primary)}}.logpanel:after{content:"";opacity:.5;background:linear-gradient(0deg,var(--theme-secondary--transparent),var(--theme-secondary),var(--theme-secondary--transparent));height:1px;display:block;position:absolute;top:0;left:0;right:0}.logpanel__wrapper{min-width:420px;padding:10px 10px 0 0;position:absolute;bottom:0;left:0;overflow:hidden}@media screen and (max-width:420px){.logpanel__wrapper{min-width:auto;right:0}}.logpanel--open{transform:translateY(0)}.logpanel__toggle-button{background-color:var(--main-bg-color);position:absolute;bottom:0;left:0}.logpanel__log{flex-direction:column-reverse;height:33.3333vh;max-height:200px;padding:10px 30px 40px 40px;display:flex;overflow-y:auto}.logpanel__log li{padding-bottom:5px;font-size:12px;position:relative}.logpanel__log li:first-child .logitem:before{content:">";font-weight:800;position:absolute;left:-1em}.logpanel__log li .logitem{opacity:.75;align-items:center;min-width:max-content;max-width:600px;transition:opacity .2s;display:inline-flex}.logpanel__log li .logitem:hover:before{content:">";font-weight:800;position:absolute;left:-1em}.logpanel__log li .logitem--clickable{cursor:pointer}.logpanel__log li .logitem--clickable:hover{opacity:1}.logpanel__log li .logitem--clickable svg{opacity:0;fill:#fff;margin-left:1em;transition:opacity .1s}.logpanel__log li .logitem--dice-roll{flex-direction:column;margin:10px 0;display:flex}.logpanel__log li:first-child .logitem,.logpanel__log li:first-child .logitem:hover,.logpanel__log li:first-child .logitem svg,.logpanel__log li .logitem:hover svg,.logpanel__log li .logitem--active svg{opacity:1}.map-card.interface__button{text-align:center;justify-content:flex-start;align-items:flex-end;width:150px;height:125px;margin-bottom:20px;margin-right:20px;padding:0;display:flex;position:relative;overflow:hidden;box-shadow:4px 4px 10px #0006}.map-card.interface__button .map-card__backdrop{opacity:.75;width:100%;height:100%;transition:opacity .2s;position:absolute;top:0;left:0}.map-card.interface__button .map-card__backdrop img{object-fit:cover;object-position:top;width:100%;height:100%}.map-card.interface__button>span{z-index:1;background-color:var(--secondary-ui-color);width:100%;padding:5px 10px;transition:background-color .2s;position:relative}.map-card.interface__button .map-card__illustration{opacity:.75;z-index:2;width:10px;height:100%;transition:opacity .2s;position:absolute;top:0;left:0;overflow:hidden}.map-card.interface__button:hover>span{background-color:var(--secondary-ui-hover)}.map-card.interface__button:hover>img,.map-card.interface__button:hover .map-card__edit-button.action-button{opacity:1}.map-card--selected{outline:3px solid var(--main-ui-color)}.map-card__edit-button.action-button{background-color:#0000;justify-content:center;align-items:center;width:30px;height:30px;transition:opacity .2s,background-color .2s;display:flex;position:absolute;top:0;right:0}.map-card__edit-button.action-button:hover{background-color:var(--secondary-ui-color)}.onscreen-controls{grid-gap:5px;background-color:var(--main-bg-color);grid-template-columns:35px 35px 35px 35px 35px;padding:5px;display:grid}.onscreen-controls__close-button{position:absolute;top:0;right:0;transform:translateY(-100%)}.sidepanel{background:linear-gradient(-20deg,#55d6be22 0%,transparent 40%),linear-gradient(-95deg,var(--theme-primary)20%,#12293288);backdrop-filter:blur(10px);z-index:2;width:240px;transition:transform .2s ease-out;position:fixed;top:0;bottom:0;right:0;transform:translate(100%);box-shadow:0 0 2px #fff9}@supports not (((-webkit-backdrop-filter:blur())) or ((-webkit-backdrop-filter:blur()) or (backdrop-filter:blur()))){.sidepanel{background-color:var(--theme-primary)}}.sidepanel:after{content:"";opacity:.5;background:linear-gradient(0deg,var(--theme-secondary--transparent),var(--theme-secondary),var(--theme-secondary--transparent));width:1px;display:block;position:absolute;top:0;bottom:0;left:-1px}.sidepanel a{text-decoration:none}.sidepanel__content{color:#fff;box-sizing:border-box;overflow-wrap:anywhere;pointer-events:auto;scrollbar-width:thin;flex-direction:column;height:100%;padding-top:40px;padding-bottom:40px;display:flex;overflow:auto}.sidepanel__content--figures>*{padding-left:20px;padding-right:10px}.sidepanel__content--figures h4{margin:0 0 8px}@media screen and (max-height:500px){.sidepanel__content--figures h4{display:none}}.sidepanel__info-wrapper{padding:10px 20px;font-size:13px;font-weight:300}.sidepanel--open{transform:translate(0)}.sidepanel__button-wrapper{z-index:3;background-color:var(--main-bg-color);border-radius:0 0 0 6px;gap:3px;padding:3px;display:flex;position:fixed;top:0;right:0}.sidepanel__button--active.action-button{background-color:var(--main-bg-hover)}.sidepanel__figure-stats{padding:20px}.sidepanel__figure-stats__title{margin-top:0;font-size:14px;font-weight:400}.sidepanel__label{color:var(--label-color);margin-bottom:5px;font-size:13px}.sidepanel__userdata{flex-direction:column;align-items:flex-end;padding:0 15px;display:flex}.sidepanel__username{margin-bottom:2px;font-size:16px}.sidepanel__email{color:var(--label-color);font-size:14px}.sidepanel__email:not(:last-child){margin-bottom:15px}.onscreen-controls-container{position:absolute;bottom:0;right:260px}.figure-button__wrapper{cursor:pointer;background-color:#0000;justify-content:space-between;align-items:center;width:100%;height:35px;margin-top:10px;display:flex;position:relative}.figure-button__wrapper .figure-button{color:currentColor;cursor:pointer;background-color:#0000;border-radius:3px;flex-grow:1;align-items:center;height:35px;padding-left:15px;transition:background-color .2s,color .2s;display:flex}.figure-button__wrapper .figure-button span{color:#fff}.figure-button__wrapper .figure-button:disabled{cursor:default}.figure-button__wrapper .figure-button:not(:disabled):hover{background-color:var(--main-bg-hover)}.figure-button__wrapper .figure-button:focus,.figure-button__wrapper .figure-button.figure-button--selected{background-color:var(--main-bg-hover);border:2px solid;outline:none;padding-left:13px}.figure-button__wrapper .figure-button:focus span,.figure-button__wrapper .figure-button.figure-button--selected span{color:#fff}.figure-button__wrapper .figure-button.figure-button--initiative{background-color:var(--main-bg-hover);border:2px solid;border-top-left-radius:0;border-bottom-left-radius:0;outline:none;padding-left:13px}.figure-button__wrapper .figure-button.figure-button--initiative span{color:#fff}.figure-button__wrapper .figure-edit-button{background-color:#0000;border-radius:0 5px 5px 0;justify-content:center;align-items:center;width:35px;height:35px;padding:0;display:flex;position:relative}.figure-button__wrapper .figure-edit-button:focus{outline:2px solid var(--main-ui-color);outline-offset:-2px}.figure-button__wrapper .figure-edit-button svg{fill:#fff;flex-shrink:0}.figure-button__wrapper .figure-edit-button:hover{background-color:var(--main-bg-hover)}.figure-button__wrapper:before{content:"";pointer-events:none;background:linear-gradient(90deg,currentColor,#0000);border-left:1px solid;border-radius:5px 0 0 5px;width:20px;position:absolute;top:0;bottom:0;left:0}.figure-menu__list{scrollbar-width:thin;margin-top:10px;margin-bottom:10px;overflow:auto}.figure-menu__list li{position:relative}.figure-menu__list li .action-button{border-top-right-radius:0;border-bottom-right-radius:0;width:18px}.figure-menu__create-button-wrapper,.figure-menu__draft-container{margin-bottom:20px}.object-menu__list{padding:0 20px 20px}.object-menu__button{width:50px;height:50px;position:relative}.object-menu__object-item{flex-direction:column;justify-content:space-between;align-items:stretch;margin-bottom:20px;padding-bottom:20px;display:flex;position:relative}.object-menu__object-item:after{content:"";border-bottom:1px solid #fff2;position:absolute;bottom:0;left:20px;right:20px}.object-menu__object-item .object-menu__button{margin-right:10px}.object-menu__measurement-wrapper{padding-left:10px;display:flex}.object-menu__measurement-wrapper .action-button{width:50px;height:50px}.object-menu__create-button-wrapper{padding:0 20px}.map-load-wrapper{flex-direction:column;align-items:flex-end;margin-top:50px;padding:0 20px;display:flex}.tutorial-tools__title{border-bottom:1px solid var(--main-bg-hover);margin:16px 0 8px;padding-bottom:4px;font-size:14px;font-weight:400}.tutorial-tools{grid-row-gap:15px;grid-column-gap:10px;grid-template-columns:50% 50%;padding:0 10px;display:grid}@media screen and (max-width:500px){.tutorial-tools{grid-template-columns:100%}}.tutorial-tools__item{align-items:flex-start;display:flex}.tutorial-tools__item__icon{background-color:var(--main-bg-hover);color:#fff;flex-shrink:0;justify-content:center;align-self:stretch;align-items:center;width:30px;display:flex}.tutorial-tools__item__icon svg{fill:currentColor}.tutorial-tools__item__content{padding:2px 10px}.tutorial-tools__item__title{font-size:18px;font-weight:500}.tutorial-tools__item__hotkey{color:var(--info-ui-color);font-size:12px;font-weight:500}.tutorial-tools__item__description{color:var(--label-color);margin-top:8px;font-size:12px}.tutorial__highlighted-text{color:var(--info-ui-color);font-weight:500}.tutorial-steps{padding-left:10px;font-size:14px}.tutorial-steps li{text-indent:-1em;margin-bottom:10px;padding-left:1em;line-height:1.5em;position:relative}.tutorial-steps li:before{content:"- ";font-weight:800}@media screen and (max-width:900px){.user-map-table{grid-template-columns:1fr 1fr}}@media screen and (max-width:420px){.user-map-table{grid-template-columns:1fr}.user-map-table__item{padding:0}.user-map-table__date{flex-direction:column;display:flex}}.table-controls{align-items:flex-end;margin-bottom:20px;display:flex}.table-controls__sort-dir{margin-left:20px}.table-controls__sort-dir .action-button{background-color:#0000}.table-controls__sort-dir .action-button:hover{background-color:var(--main-bg-hover)}.table-controls__sort-dir .action-button--inverse{background-color:var(--main-ui-hover)}.user-map-table{color:var(--main-ui-color);border-collapse:collapse;border-spacing:0;grid-gap:20px;grid-template-columns:repeat(3,1fr);margin-bottom:15px;display:grid}@media screen and (max-width:900px){.user-map-table{grid-template-columns:1fr 1fr}}@media screen and (max-width:420px){.user-map-table{grid-template-columns:1fr}}.user-map-table__item{cursor:pointer;background:linear-gradient(-135deg,var(--theme-primary--transparent)0%,var(--theme-primary--transparent)30%,var(--theme-secondary--half)50%,var(--theme-primary--transparent)100%);background-position:100% 100%;background-size:500%;border-radius:10px;flex-direction:column;transition:all 2s;display:flex;position:relative;overflow:hidden}@media screen and (max-width:420px){.user-map-table__item{padding:0}}.user-map-table__item:disabled{pointer-events:none}.user-map-table__item:hover,.user-map-table__item:focus,.user-map-table__item:focus-within{color:var(--main-ui-hover);box-shadow:0 0 10px 5px var(--theme-secondary--half),0 0 0 2px var(--theme-secondary);background-position:0 0;transition:all 1s}.user-map-table__item:hover .action-button,.user-map-table__item:focus .action-button,.user-map-table__item:focus-within .action-button{opacity:1}.user-map-table__item:hover .user-map-table__thumbnail,.user-map-table__item:focus .user-map-table__thumbnail,.user-map-table__item:focus-within .user-map-table__thumbnail{clip-path:xywh(0 0 100% 100% round 10px 10px 10px 0px);transition:clip-path .6s}.user-map-table__item:hover .user-map-table__thumbnail:before,.user-map-table__item:focus .user-map-table__thumbnail:before,.user-map-table__item:focus-within .user-map-table__thumbnail:before{opacity:0}.user-map-table__item:hover .user-map-table__thumbnail:after,.user-map-table__item:focus .user-map-table__thumbnail:after,.user-map-table__item:focus-within .user-map-table__thumbnail:after{opacity:1}.user-map-table__item:hover .user-map-table__thumbnail span,.user-map-table__item:focus .user-map-table__thumbnail span,.user-map-table__item:focus-within .user-map-table__thumbnail span{transition:transform .6s;transform:translateY(0)translate(25px)rotate(-35deg)rotateY(45deg)rotateX(45deg)scale3d(2.5,2.5,2.5)}.user-map-table__item:hover .user-map-table__details,.user-map-table__item:focus .user-map-table__details,.user-map-table__item:focus-within .user-map-table__details{backdrop-filter:blur(10px);background-position:0 0}.user-map-table__item:hover .user-map-table__date,.user-map-table__item:focus .user-map-table__date,.user-map-table__item:focus-within .user-map-table__date{color:var(--main-ui-color);transition:color .2s}.user-map-table__item:focus{outline:2px solid var(--main-ui-color)}.user-map-table__item .action-button{opacity:0;margin-left:auto;transition:box-shadow .5s,background-position 1s,opacity .5s}.user-map-table__item .action-button:focus{opacity:1}.user-map-table__item .action-button:hover{background-color:#fff1}.user-map-table__details{background:linear-gradient(90deg,var(--theme-primary),transparent 50%);backdrop-filter:blur();background-position:100% 0;background-size:200%;margin-top:70px;padding:10px;transition:background-position .5s .2s,-webkit-backdrop-filter .5s,-webkit-backdrop-filter .5s,backdrop-filter .5s;position:relative}.user-map-table__date{color:var(--label-color);font-size:10px;font-weight:600;transition:color .5s}@media screen and (max-width:420px){.user-map-table__date{flex-direction:column;display:flex}}.user-map-table__name{margin-bottom:5px}.user-map-table__thumbnail{perspective:none;cursor:pointer;transform-origin:0 0;clip-path:xywh(10px 10px 50px 50px round 10px);background:linear-gradient(70deg,currentColor 30%,#0000 100%);justify-content:flex-start;align-items:flex-start;width:100%;height:100%;padding-top:25px;padding-left:25px;transition:clip-path .5s .1s;display:flex;position:absolute;overflow:hidden}.user-map-table__thumbnail:before{content:"";width:20px;height:20px;transition:opacity .6s .1s;position:absolute;box-shadow:3px 3px 4px #0007}.user-map-table__thumbnail:after{content:"";opacity:0;z-index:0;background-color:#0007;width:20px;height:20px;transition:opacity .6s .1s;position:absolute;transform:translateY(20px)rotate(25deg)scaleY(.8);box-shadow:3px 3px 10px 10px #0007}.user-map-table__thumbnail span{transform-style:preserve-3d;z-index:1;background-color:currentColor;width:20px;height:20px;transition:transform .6s .1s;position:relative}.user-map-table__thumbnail span:before,.user-map-table__thumbnail span:after{content:"";background-color:currentColor;width:20px;height:20px;position:absolute}.user-map-table__thumbnail span:before{filter:brightness(.5);transform:translateY(50%)rotateX(90deg)translateY(-50%)}.user-map-table__thumbnail span:after{filter:brightness(.8);transform:translate(-50%)rotateY(90deg)translate(50%)}.utility-panel{flex-direction:column;flex-shrink:0;align-items:flex-end;transition:transform .2s ease-out;display:flex}.utility-panel__wrapper{pointer-events:none;height:100svh;display:flex;position:absolute;top:0;bottom:0;left:0;overflow:hidden;transform:translate(-100%)}.utility-panel .utility-panel__buttons{pointer-events:auto;background-color:var(--main-bg-color);border-radius:6px 0 0;gap:3px;padding:3px;display:flex;position:absolute;top:0;right:0;transform:translateY(-100%)}.utility-panel .utility-item{pointer-events:auto;flex-shrink:0;transition:transform .2s ease-out;position:relative;overflow:hidden}.utility-panel .utility-item--open{transform:translateY(0)}.utility-panel .utility-item .action-button{border-radius:5px}.dice-panel{background-color:var(--main-bg-color);box-sizing:border-box;width:205px}.dice-panel__controls{color:var(--main-ui-color);justify-content:center;display:flex}.dice-panel__controls>div{text-align:center;flex-direction:column;justify-content:center;padding:0 5px;font-size:10px;display:flex}.dice-panel__button-wrapper{position:relative}.dice-panel__button-wrapper:after{content:"";background-color:currentColor;width:5px;height:100%;position:absolute;top:0;left:0}.dice-panel__button-wrapper .interface-button{margin-left:5px}.dice-panel__canvas-wrapper{border:2px solid var(--main-bg-color);box-sizing:border-box}.dice-panel__value-container{flex-wrap:wrap;align-self:baseline;gap:.25em;width:100%;padding:5px;font-size:18px;display:flex}.dice-panel button.dice-panel__die{cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .3s,background-color .2s}.dice-panel button.dice-panel__die:focus{outline:2px solid var(--main-ui-color)}.dice-panel button.dice-panel__die:hover{background-color:var(--main-bg-hover)}.dice-panel__die{font-size:inherit;text-align:center;background-color:#0000;border-radius:2px;flex-direction:column;justify-content:center;align-items:center;width:2.5em;height:2.5em;padding:0;display:flex}.dice-panel__die--rolling{transform:scale(.8)}.dice-panel__die figure{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;margin:0;display:flex}.dice-panel__die figcaption{font-size:.5em}.map-editor{position:fixed;top:0;bottom:0;left:0;right:0}@media screen and (max-width:600px){.map-editor .hide-on-mobile{display:none}}.map-editor__transition-decor{background-color:#0000;width:110px;height:60px;transition:transform .2s ease-out .2s;position:absolute;top:0;left:0;overflow:hidden;transform:translate(-40px)}.map-editor__transition-decor:after{content:"";transform-origin:100% 0;backdrop-filter:blur(10px);background-color:#122932dd;border-bottom:1px solid #fff4;width:300px;height:80px;transition:transform .2s ease-out;position:absolute;top:0;right:0;transform:rotate(-27.5deg)translateY(-100%)}@supports not (((-webkit-backdrop-filter:blur())) or ((-webkit-backdrop-filter:blur()) or (backdrop-filter:blur()))){.map-editor__transition-decor:after{background-color:var(--theme-primary)}}.map-editor__transition-decor--open{transition:transform .1s ease-out;transform:none}.map-editor__transition-decor--open:after{transition:transform .2s linear 60ms;transform:translate(112px)rotate(-28.5deg)translateY(-100%)}.map-editor__top-panel{color:var(--main-ui-color);backdrop-filter:blur(10px);pointer-events:auto;box-sizing:border-box;background-color:#122932dd;border-bottom:1px solid #fff4;justify-content:space-between;align-items:center;height:60px;padding:5px 10px;transition:transform .2s ease-out;display:flex;position:absolute;top:0;left:110px;right:0;transform:translateY(-100%)}@supports not (((-webkit-backdrop-filter:blur())) or ((-webkit-backdrop-filter:blur()) or (backdrop-filter:blur()))){.map-editor__top-panel{background-color:var(--theme-primary)}}.map-editor__top-panel--open{transition:transform .2s ease-out .1s;transform:translateY(0)}.map-editor__top-panel--open .tutorial-prompt.notification{opacity:1}.map-editor__top-panel__input{margin:0 20px}.map-editor__top-panel__buttons{align-items:center;display:flex}.map-editor__top-panel__buttons button:not(:first-of-type){margin-left:10px}.map-editor__top-panel__input-title{white-space:nowrap;align-items:center;font-size:12px;line-height:1;display:flex}.map-editor__top-panel__input-title svg{fill:var(--main-ui-color);margin-right:5px}.map-editor__panel{color:var(--main-ui-color);backdrop-filter:blur(10px);pointer-events:auto;background-color:#122932dd;border-right:1px solid #fff4;padding-bottom:20px;transition:transform .2s ease-out;display:flex;position:absolute;top:60px;bottom:0;left:0;transform:translate(-100%)}@supports not (((-webkit-backdrop-filter:blur())) or ((-webkit-backdrop-filter:blur()) or (backdrop-filter:blur()))){.map-editor__panel{background-color:var(--theme-primary)}}.map-editor__panel--open{transition:transform .2s ease-out .1s;transform:translate(0)}.map-editor__panel__content{scrollbar-width:thin;flex-direction:column;padding:0 10px 25px;display:flex;overflow-x:hidden;overflow-y:auto}.map-editor__button-wrapper{grid-column-gap:10%;grid-row-gap:4px;grid-template-columns:45% 45%;width:90px;display:grid}.map-editor__button-wrapper .action-button{width:40px;height:35px}.map-editor__label{letter-spacing:1px;grid-column:span 2;margin:5px 0;font-size:10px;line-height:1.3}.map-editor__highlight-pos{color:var(--main-ui-color);backdrop-filter:blur(3px);z-index:2;background-color:#12293255;border-radius:6px;padding:2px 4px;font-family:monospace;font-size:12px;position:fixed}@supports not (((-webkit-backdrop-filter:blur())) or ((-webkit-backdrop-filter:blur()) or (backdrop-filter:blur()))){.map-editor__highlight-pos{background-color:var(--theme-primary)}}.rectangle-icon{border:2px solid;width:14px;height:14px}.circle-icon{border:2px solid;border-radius:15px;width:15px;height:15px}.tutorial-prompt.notification{color:var(--main-ui-color);cursor:pointer;max-width:300px;margin-left:120px;transition:background-color .2s,opacity .2s;position:absolute;top:80px;right:10px}.slider-wrapper{flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;padding:0 10px;display:flex}.slider-wrapper--vertical{padding:20px 0}.slider{cursor:pointer;box-sizing:border-box;flex:1 1 0;padding:2px;position:relative}.slider:after{content:"";background-color:var(--main-ui-color);transition:background-color .2s;position:absolute;top:2px;bottom:2px;left:2px;right:2px}.slider__label{margin:0;padding:1px;font-size:12px}.slider--disabled{pointer-events:none}.slider--disabled:after{background-color:var(--secondary-ui-hover)}.slider--disabled .slider__handle{background-color:var(--secondary-ui-hover);border-radius:0;width:18px;height:2px}.slider:hover:after{background-color:var(--main-ui-hover)}.slider__handle{transform-origin:50%;-webkit-user-select:none;user-select:none;background-color:#0000;border-radius:25px;width:25px;height:25px;transition:background-color .2s,transform .2s;position:absolute;transform:translate(-50%,50%)scale(.9)}.slider__handle:hover{background-color:var(--main-bg-hover);transform:translate(-50%,50%)scale(1.2)}.slider__handle:after{content:"";background-color:var(--main-ui-color);transform-origin:50%;border-radius:11px;width:11px;height:11px;transition:background-color .2s;position:absolute;top:50%;left:50%;transform:translate(-52%,-52%)}.slider__input-wrapper{justify-content:center;display:flex}.slider__apply-button.action-button{width:20px;height:30px}.minimap__wrapper{border:2px solid var(--main-bg-color);box-sizing:border-box;justify-content:center;width:100%;display:flex;position:relative;overflow:hidden}.minimap__camera-indicator{box-sizing:border-box;border:2px solid #fff;position:absolute;overflow:hidden}.minimap__camera-indicator:after{content:"";border-bottom:8px solid #fff;border-left:8px solid #0000;border-right:8px solid #0000;width:0;height:0;position:absolute;bottom:50%;left:calc(50% - 8px);transform:scale(.5,2)}