@font-face{font-family:handwriting;src:url(/assets/Caveat-VariableFont_wght-Cd5oCIlo.ttf)format("truetype-variations");font-weight:1 999}@font-face{font-family:typewriter;src:url(/assets/Piazzolla-VariableFont_opsz_wght-DDD_0hN0.ttf)format("truetype");font-weight:1 999}@font-face{font-family:impact;src:url(/assets/TiltWarp-Regular-VariableFont_XROT_YROT-odE2Hquv.ttf)format("truetype");font-weight:1 999}p,span,ul,li{font-family:handwriting;font-size:1.5em}.clean-font,label{font-family:typewriter}label{font-size:.8em}h1,h2,h3,h4,h5,h6{font-family:typewriter}button{font-family:impact;font-weight:bolder}.small-text{text-overflow:ellipsis;white-space:nowrap;width:5em;overflow:hidden}.spacer{flex-grow:1}input,select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;color:#f7f3fc;background:#112a4d33;border:none;border-bottom:.2em solid #112a4d;border-radius:.2em .2em 0 0;outline:none;padding:.4em 1em;font-size:large}input::placeholder,select::placeholder,textarea::placeholder{color:#0c1f3880;font-weight:500}input,textarea,.select-wrapper{color:#f7f3fc;width:auto;min-width:40%;max-width:100%}select{padding-right:2em}.select-wrapper .select-arrow{color:#f7f3fc;width:0;height:0;position:absolute}.select-wrapper .select-arrow:after{content:"▼";color:#0c1f3880;font-size:.8em;position:absolute;top:.3em;right:.5em}.select-wrapper .select-arrow:focus:after{transform:rotate(180deg)}button{box-sizing:border-box;cursor:pointer;text-align:center;text-transform:none;touch-action:manipulation;-webkit-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap;background-image:none;background-position:100% 0;background-size:200% 100%;border-radius:4px;margin:0 5px 10px 0;padding:12px 40px;font-size:14px;font-weight:400;line-height:20px;transition:all .2s ease-in-out;display:inline-block;overflow:visible}button:hover{background-position:0 0;transition:all .2s ease-in-out}button{color:#f7f3fc;text-shadow:0 5px 5px #2358a166;background-color:#112a4d;background-image:linear-gradient(270deg,#2358a1,#0c1f38);border:1px solid #112a4d;box-shadow:4px 4px #0c1f38,4px 4px 0 1px #112a4d}button.secondary{color:#f7f3fc;text-shadow:0 5px 5px #377d3766;background-color:#183618;background-image:linear-gradient(270deg,#377d37,#081308);border:1px solid #183618;box-shadow:4px 4px #081308,4px 4px 0 1px #183618}button.object{text-shadow:0 5px 5px #ffe06666;color:#1a1919;background:#ffe066 linear-gradient(90deg,#0006 0%,#ffe06666 50%,#0006 100%);border:1px solid #fc0;box-shadow:inset 0 0 0 1px #00000040,inset 0 0 1px 2px #ffffff40,inset 0 -5px 50px -15px #665200,0 0 4px #0003,0 1px 2px #00000080}button.object-dark{text-shadow:0 5px 5px #66520066;color:#f7f3fc;background:#665200 linear-gradient(90deg,#0006 0%,#66520066 50%,#0006 100%);border:1px solid #665200;box-shadow:inset 0 0 0 1px #00000040,inset 0 0 1px 2px #ffffff40,inset 0 -5px 50px -15px #ffe066,0 0 4px #0003,0 1px 2px #00000080}button:disabled{color:#1a1919;background-color:#676170;background-image:none;border:1px solid #676170;transition:all .2s ease-in-out;box-shadow:4px 4px #353239}*{box-sizing:border-box;width:auto;height:auto;margin:0;padding:0}html{background:#000;width:100vw;height:100vh;overflow:hidden}@media print{html{height:inherit;width:inherit}}body,div#root{color:#f7f3fc;background:#0c1f38 linear-gradient(90deg,#054d6966 0%,#2358a180 50%,#054d6966 100%);place-content:center;align-items:center;width:100%;height:100%;display:flex;box-shadow:inset 0 0 5em 1px #00000040,inset 0 0 1px 2px #0c1f3840,inset 0 -5px 50px -15px #000,0 0 5em #0003,0 1px 2px #00000080}div.app-root{border-radius:20px;flex-direction:column;align-items:center;width:min(100%,max(50%,700px));height:100%;display:flex}div.app-root>*{flex:0 auto;width:100%}.full-page-debug{background:#fff;width:100%;height:100%;overflow:auto;color:#000!important}.full-page-debug *{flex:0 auto;width:-moz-fit-content;width:fit-content}.full-page-debug .qr-code{width:auto}.panel{background:#2358a1 linear-gradient(90deg,#2358a166 0%,#f000 50%,#112a4d66 100%);border-radius:.5em;box-shadow:inset 0 0 0 1px #2358a140,inset 0 0 1px 2px #ffffff40,inset 0 -5px 50px -15px #183618,0 0 4px #0003,0 1px 2px #00000080}.panel.secondary{color:#f7f3fc;background:#183618 linear-gradient(90deg,#377d3766 0%,#f000 50%,#377d3766 100%);border-radius:.5em;box-shadow:inset 0 0 0 1px #377d3740,inset 0 0 1px 2px #ffffff40,inset 0 -5px 50px -15px #377d37,0 0 4px #0003,0 1px 2px #00000080}.panel.object{color:#1a1919;background:#ffe066 linear-gradient(90deg,#fc06 0%,#f000 50%,#fc06 100%);border-radius:.5em;box-shadow:inset 0 0 0 1px #ffcc0040,inset 0 0 1px 2px #ffffff40,inset 0 -5px 50px -15px #fc0,0 0 4px #0003,0 1px 2px #00000080}.panel.object-dark{text-shadow:0 5px 5px #fc06;color:#f7f3fc;background:#665200 linear-gradient(90deg,#0006 0%,#66520066 50%,#0006 100%);box-shadow:inset 0 0 0 1px #00000040,inset 0 0 1px 2px #00000040,inset 0 -5px 50px -15px #ffe066,0 0 4px #0003,0 1px 2px #00000080}.section{text-align:center;flex-direction:column;justify-content:center;align-items:center;margin-bottom:1em;display:flex}.section>*{margin:.5em}.section{height:auto}.smallText{text-overflow:ellipsis;white-space:nowrap;max-width:10em;overflow:hidden}.object-list{background-image:url(/assets/drawer-DhMTmiI8.jpg);border:.1em solid #000;border-radius:1em;flex-flow:wrap;place-content:flex-start space-between;align-items:flex-start;width:100%;height:100%;margin-bottom:0;transition:all .2s ease-in-out;display:flex;overflow:auto;box-shadow:inset 0 0 0 1px #0003,inset 0 0 1px 2px #0003,inset 0 -5px 50px -15px #0006,0 0 4px #0003,0 1px 2px #00000080,inset 0 0 1em 1em #000000b3}.object-list>*{cursor:pointer;background:linear-gradient(90deg,#0000004d 0%,#0009 40% 60%,#0000004d 100%);width:20%;padding:.25em;transition:all .2s ease-in-out;box-shadow:0 0 .4em .4em #0000004d}.object-list .object-item:hover{padding:.25em;transition:all .2s ease-in-out;box-shadow:inset 0 0 0 1px #ffcc0040,inset 0 0 1px 2px #ffe06640,inset 0 -5px 50px -15px #fc0,0 0 4px #0003,0 1px 2px #00000080}.qr-code{background:#fff;width:100%;padding:1em}.header{justify-content:space-between;align-items:center;padding:.1em .5em;display:flex}.header-small{justify-content:space-between;align-items:center;margin:.5em;padding:.4em;display:flex}.header-small span{font-size:1rem}.logout{padding:0}#roomidlabel{background-color:#112a4d33;border-style:solid solid none none;border-color:#112a4d;border-radius:5px 0 0 5px;padding:.2em}#form-2>*{width:80%;margin-top:1em}form button{margin:1em}.head{flex-direction:row;justify-content:space-between;align-items:center;margin:0%;padding:.5em 0 .5em .5em;font-size:.8em;display:flex;width:95%!important}.head>*{align-content:center;align-items:center;width:30%;height:auto}.head button{width:100%;padding:.5em 0}.head .head-actions button{font-size:smaller}.head button.qr-scan{text-align:center;border-radius:100%;justify-content:center;width:max(10vw,2em);height:max(10vw,2em);margin:0;padding:0;font-size:3.5em}.head .character{height:100%;max-height:15vmax}.party-active-content{flex:1 0 auto;height:100%;margin:0 .5em;padding-top:.5em;overflow:auto}.log-display{flex-direction:column;width:100%;height:100%;padding:.5em;display:flex;overflow:auto}.log-display .logs{color:#000;background-image:url(/assets/canvas-BXAV3zii.jpg);border-radius:.5em;flex-flow:column-reverse;width:100%;height:100%;display:flex;overflow:auto}.log-display .actions{width:100%;margin:0;padding:0}.log-display .actions form{flex-direction:row;width:100%;display:flex}.scenarios{height:100%;padding:.5em;font-size:.7em;overflow:auto}.miniature-wrapper{border-radius:.5em;flex-direction:column;transition:all .2s ease-in-out;display:flex}.miniature-wrapper:hover,.miniature-wrapper:active{cursor:pointer;transition:all .2s ease-in-out;box-shadow:2px 2px .5em .2em #ffe066cc}.miniature-wrapper .img-wrapper{z-index:62;border-radius:1em;width:auto;height:80%;margin-bottom:-2em}.miniature-wrapper .img-wrapper img{object-fit:cover;z-index:61;border-radius:1em;width:100%;height:100%}.miniature-wrapper span{z-index:60;color:#f7f3fc;background:#377d37 linear-gradient(90deg,#18361880 0%,#f000 48%,#18361880 100%);border:.1em solid #183618;border-top:0;border-radius:0 0 .5em .5em;flex-direction:column;place-content:end flex-end;width:100%;padding-top:2em;padding-bottom:.5em;font-size:1em;font-weight:700;display:flex}.miniature-wrapper span.secondary{color:#1a1919;background:#fc0 linear-gradient(90deg,#66520066 0%,#f000 30% 70%,#66520066 100%);border:.1em solid #fc0}.character-wrapper{transition:all .2s ease-in-out;box-shadow:2px 2px .5em .2em #08130899}.character-wrapper span{text-wrap:none;text-overflow:ellipsis;white-space:nowrap;border:.1em solid #183618;border-top:none;border-radius:.5em;width:100%;height:50%;padding:0 .2em;font-weight:bolder;display:flex;overflow:hidden}.character-wrapper .img-wrapper{margin-bottom:0}.character-wrapper .img-wrapper img{background-color:#081308;border:.1em solid #183618;border-bottom:none;border-radius:.5em .5em 0 0;max-width:98%;box-shadow:0 -1px 0 2px #183618}.character-wrapper{height:100%}.character-wrapper:hover{cursor:pointer;transition:all .2s ease-in-out;box-shadow:0 0 .5em .5em #ffe066cc}.used .username{color:#1a1919;position:absolute}.used{filter:grayscale()}.character-list-wrapper{width:100%;height:100%;margin-top:.5em;padding-top:.5em;display:flex;overflow:auto}.frame{background-image:url(/assets/canvas-BXAV3zii.jpg);border:2em solid #fc0;border-image:url(/assets/frame-je5vMLMI.png) 25% round;flex-flow:wrap;justify-content:space-around;align-items:flex-start;height:-moz-fit-content;height:fit-content;margin-bottom:1em;padding-bottom:.5em;display:flex}.frame>*{width:50%;margin-bottom:1em}.character-page{padding:.5em;overflow:auto}.character-page .character-head{flex-direction:row;justify-content:space-around;align-items:center;display:flex}.character-page .character-head>*{flex:auto;max-width:35%}.character-page .character-head .names{width:100%}.character-page .character-head .names button{padding:1em}.character-page .char-img-wrapper{flex:1 0 auto;max-width:50%}.character-page img{object-fit:cover;border:2em solid #fc0;border-image:url(/assets/frame-je5vMLMI.png) 25% round;width:100%;height:100%}.object-detail-wrapper{padding:.5em;overflow:auto}.object-detail-head{flex-direction:row;justify-content:space-around;width:100%;display:flex}.object-detail-head>*{width:auto;max-height:20%}.object-detail-head img{max-width:100%;height:min(40vw,40vh)}.combine-wrapper{flex-direction:column;align-content:flex-start;margin-top:.5em;padding:1em .5em .5em;display:flex;overflow:auto}.combine-wrapper .all-objects{height:100%;display:flex}.combine-wrapper .all-objects>*{flex:1 0 auto;height:100%}.primary{background:linear-gradient(#054d69,#2358a1);border-color:#000}.success{background:linear-gradient(#ffbc42,#ffe0a8);border-color:#a86c00}.error{background:linear-gradient(#ff0054,#ff6698);border-color:#990032}.warning{background:linear-gradient(#d9f2c5,#a3e071);border-color:#6ec12a}.info{background:linear-gradient(#fc0,#ffe066);border-color:#665200}.magic{background:linear-gradient(#ff758f,#ffdbe2);border-color:#ff0f3c}.dialog-box-icon-wrapper{width:0;height:0}.dialog-box-icon-content{margin:3%;font-size:larger;position:absolute;top:0;left:0}.dialog-box-wrapper{z-index:1000;justify-content:center;align-items:center;width:min(100vw,100vmax);height:min(100vh,100vmax);display:flex;position:fixed;top:0;left:0}.dialog-box-backdrop{z-index:1001;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#0003;width:100vmax;height:100vmax;position:absolute;top:0;left:0}.dialog-box-body{z-index:1002;border-style:solid;border-width:4px;border-radius:10px;flex-direction:column;justify-content:space-between;align-items:center;max-width:70%;max-height:70%;margin:20%;padding:1em;display:flex;position:relative}.dialog-box-content{padding:2em}.dialog-box-actions{flex-direction:row;justify-content:space-around;align-items:center;display:flex}.qrreader-wrapper{z-index:1000;justify-content:center;align-items:center;width:100vw;height:100vh;margin:0;padding:0;display:flex;position:absolute;top:0;left:0}.qrreader-wrapper:after{content:"";z-index:999;background-color:#000000e6;width:100vw;height:100vh;position:absolute;top:0;left:0}.qrreader-body{height:100%}.qrreader-body img{z-index:1005;width:min(80vw,80vh);position:absolute}.qrreader-camera{border-radius:100%;width:min(80vw,80vh);height:min(80vw,80vh)}.qrreader-camera *{border-radius:100%}.qrreader-camera{animation:2s infinite loading-shadow}.qrreader-camera video{z-index:1001}.qrreader-camera .qr-viewfinder-wrapper{width:0;height:0;position:absolute}.qrreader-camera .qr-viewfinder-wrapper div{z-index:1002;width:min(80vw,80vh);height:min(80vw,80vh);animation:2s infinite loading-shadow;position:relative;border:1vw solid #000!important}@keyframes loading-shadow{0%{box-shadow:inset 0 0 5vw 5vw #000,inset 3vw -3vw 3vw 3vw #2358a199}25%{box-shadow:inset 0 0 5vw 5vw #000,inset 3vw 3vw 3vw 3vw #2358a199}50%{box-shadow:inset 0 0 5vw 5vw #000,inset -3vw 3vw 3vw 3vw #2358a199}75%{box-shadow:inset 0 0 5vw 5vw #000,inset -3vw -3vw 3vw 3vw #2358a199}to{box-shadow:inset 0 0 5vw 5vw #000,inset 3vw -3vw 3vw 3vw #2358a199}}
