/*! 3D Draughts (c) 2023 DotteDesign */
.chat-room-container{position:fixed;background:linear-gradient(to left, rgba(120, 1, 255, 0.7176470588), rgba(120, 1, 255, 0.5333333333));right:-1px;bottom:-1px;display:flex;flex-direction:column;max-width:30%;width:240px;padding:1px 1px 0}.chat-room-container .close{position:absolute;right:5px;top:5px;color:hsla(0,0%,100%,.7)}.chat-room-container header{cursor:pointer}.chat-room-container.collapsed footer{display:none}.chat-room{background:rgba(0,0,0,.8);padding-bottom:2px}.room-name{margin:0;color:#ddd;font-size:13pt;font-weight:normal;padding:.1em .2em}.messages-container{flex:1;min-height:200px;max-height:200px;overflow:auto;font-size:smaller}.messages-list{list-style-type:none;padding:0}.new-message-input-field{height:2em;max-height:50%;font-size:12pt;padding:.5em;resize:none}.message-item{width:55%;margin:8px;padding:.25em .5em;word-break:break-word;color:#fff}.my-message{background-color:#0084ff;margin-left:auto}.received-message{background-color:#3f4042;margin-right:auto}.send-message-button{font-size:12pt;font-weight:600;color:#fff;background:#31a24c;padding:.5em;border:none}.messages-container,.new-message-input-field,.send-message-button{border-color:#9a9a9a}
@keyframes blurInOut{0%{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}50%{backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0)}100%{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}}.awaiting{position:fixed;top:40%;left:30%;width:40%;box-sizing:border-box;background:rgba(92,70,216,.6);border:5px solid #fff;padding:1em;text-align:center;color:#fff;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:blurInOut 1.5s infinite ease;-webkit-animation:blurInOut 1.5s infinite ease}
@keyframes blinker{50%{background:#488bf2}}.connect-box{position:absolute;bottom:0;left:0;box-sizing:border-box;background:rgba(0,0,0,.7);color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;font-size:13pt}.connect-box .status.blink{animation:blinker 1s step-start 5}.connect-box>div{padding:1em;user-select:none;-webkit-user-select:none}.connect-box .text{width:80px;overflow:hidden}.connect-box .toggle{flex:0 0 1em}.connect-box .toggle a{cursor:pointer}@media(max-width: 700px){.connect-box{font-size:smaller}.connect-box div{padding:.5em 1em}}
.modal-container{font-family:"Zen Loop",cursive;position:fixed;left:10%;right:10%;bottom:0;transform:translate(0, -20%);background:rgba(0,0,0,.8);border:2px rgba(216,0,235,.5) solid;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-width:360px;margin:0 auto;box-sizing:border-box;box-shadow:0 5px 10px #000}.modal{padding:.7em;box-sizing:border-box;margin:0 auto;display:flex;flex-direction:column}.modal fieldset{margin:0;padding:3px;display:flex;border:none;align-items:center;justify-content:center}.modal fieldset input[type=text]{font-size:smaller}.modal input[type=text],.modal textarea{padding:.5em;font-size:1em;appearance:none;-webkit-appearance:none;border-radius:0;border:none;width:100%;display:block}.modal input[type=text]:focus{outline:none}.modal input[type=submit]{padding:.5em;font-size:1em;background:#31a24c;color:#fff;font-weight:600;text-align:center;text-decoration:none;border-radius:0;border:1px solid hsla(0,0%,100%,.5);appearance:none;-webkit-appearance:none}.select-color a{flex:1;text-align:center;font-size:1em;padding:.5em;margin:0;transform:skewX(-8deg);color:#fff;cursor:pointer}.select-color .black{background:#3d008f}.select-color .white{background:#eee;color:#f7548c}.select-color .selected{border:3px solid hsla(0,0%,100%,.8)}.select-color :not(.selected){transition:.2s ease opacity;margin:3px}.select-color :not(.selected):hover{opacity:1}
.autocomplete{position:relative;top:0;left:0;width:100%}.autocomplete .autocomplete-results{position:absolute;top:2em;left:0;width:100%;background:gray}.autocomplete .autocomplete-results>.autocomplete-result{cursor:pointer;padding:4px}.autocomplete .autocomplete-results>.autocomplete-result.active{background:rgba(0,0,0,.5)}
.loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg, #2e4e1a, #3e2b16);display:flex;align-items:center;justify-content:center;flex-direction:column;z-index:9999;opacity:1;transition:opacity .8s ease,transform .8s ease}.loading-screen.fade-out{opacity:0;transform:scale(1.05);pointer-events:none}.checker-grid{display:grid;grid-template-columns:repeat(10, 1fr);gap:1px;position:absolute;width:100%;height:100%;top:0;left:0}.checker-tile{background:rgba(34,139,34,.4);animation:tile-pulse 2.5s infinite alternate;border-radius:2px}.checker-tile:nth-child(20n+1),.checker-tile:nth-child(20n+3),.checker-tile:nth-child(20n+5),.checker-tile:nth-child(20n+7),.checker-tile:nth-child(20n+9),.checker-tile:nth-child(20n+12),.checker-tile:nth-child(20n+14),.checker-tile:nth-child(20n+16),.checker-tile:nth-child(20n+18),.checker-tile:nth-child(20n+20){background:rgba(163,72,7,.4)}.loading-text{color:#f5f5f5;font-size:3rem;margin-top:2rem;letter-spacing:2px;z-index:2;text-shadow:0 0 10px rgba(34,139,34,.7),0 0 20px rgba(139,69,19,.7);text-align:center;animation:scale-pulse 2s infinite ease-in-out}@keyframes scale-pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}100%{transform:scale(1)}}@keyframes tile-pulse{0%{opacity:.4;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}100%{opacity:.4;transform:scale(1)}}.checker-tile{animation:tile-pulse 3s infinite ease-in-out}

*:not(div.dg.ac *),
::after,
::before {
    font-family: 'Advent Pro', sans-serif;
    box-sizing: border-box;
}

body {
    overflow: hidden;
    margin: 0px;
    font-family: 'Advent Pro', sans-serif;
    font-size:larger;
    user-select:none;
    -webkit-user-select: none;
}

canvas {
    width: 100%;
    height: 100%;
}