@import"https://fonts.googleapis.com/css2?family=Jersey+10&family=Silkscreen:wght@400;700&display=swap";#background{box-sizing:border-box;width:100vw;height:100vh;position:fixed;z-index:-1000;background-color:#f4d9ca;background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20id='Background_Pattern'%20data-name='Background%20Pattern'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201024%201024'%3e%3cdefs%3e%3cstyle%3e%20.cls-1%20{%20fill:%20%23edcebd;%20}%20%3c/style%3e%3c/defs%3e%3c!--%20Adjusted%20rectangle%20position%20to%20fit%20inside%201024x1024%20--%3e%3crect%20class='cls-1'%20x='355.06'%20y='318.87'%20width='313.87'%20height='313.87'/%3e%3c!--%20Adjusted%20path%20to%20fit%20correctly%20within%20new%20viewBox%20--%3e%3cpath%20class='cls-1'%20d='M80,43.2v864h864V43.2H80ZM805.62,768.82H218.37V181.57h587.25v587.25Z'/%3e%3c/svg%3e");background-size:contain;background-repeat:repeat;background-size:calc((100vw - 4px)/16 - .35px);background-position:4px 8px;background-clip:padding-box}.main-menu{width:100vw;height:100vh;position:relative;overflow:hidden}.main-menu .menu-logo-wrapper{display:block;width:800px;height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%) translateY(-232px);-webkit-user-select:none;user-select:none}.main-menu .button-container{display:flex;height:136px;position:absolute;top:50%;left:50%;transform:translate(-50%) translateY(36px);flex-direction:column;gap:12px}#background{box-sizing:border-box;width:100vw;height:100vh;position:fixed;z-index:-1000;background-color:#f4d9ca;background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20id='Background_Pattern'%20data-name='Background%20Pattern'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201024%201024'%3e%3cdefs%3e%3cstyle%3e%20.cls-1%20{%20fill:%20%23edcebd;%20}%20%3c/style%3e%3c/defs%3e%3c!--%20Adjusted%20rectangle%20position%20to%20fit%20inside%201024x1024%20--%3e%3crect%20class='cls-1'%20x='355.06'%20y='318.87'%20width='313.87'%20height='313.87'/%3e%3c!--%20Adjusted%20path%20to%20fit%20correctly%20within%20new%20viewBox%20--%3e%3cpath%20class='cls-1'%20d='M80,43.2v864h864V43.2H80ZM805.62,768.82H218.37V181.57h587.25v587.25Z'/%3e%3c/svg%3e");background-size:contain;background-repeat:repeat;background-size:calc((100vw - 4px)/16 - .35px);background-position:4px 8px;background-clip:padding-box}.menu-button{display:inline-block;width:320px;height:60px;position:relative;background-color:transparent;border:none}.menu-button.primary .content-container,.menu-button.blue .content-container{background-color:#a7daff;border:4px solid #87cdff;box-shadow:0 8px #56b8ff}.menu-button.primary .content-container .button-icon,.menu-button.blue .content-container .button-icon{fill:#1f3b4f}.menu-button.primary .content-container .button-text,.menu-button.blue .content-container .button-text{color:#1f3b4f}.menu-button.primary .content-container:hover,.menu-button.blue .content-container:hover{background-color:#bde4ff;border-color:#a7daff;box-shadow:0 4px #87cdff}.menu-button.primary .content-container:hover .button-icon,.menu-button.blue .content-container:hover .button-icon{fill:#294c65}.menu-button.primary .content-container:hover .button-text,.menu-button.blue .content-container:hover .button-text{color:#294c65}.menu-button.primary .content-container:active,.menu-button.blue .content-container:active{box-shadow:0 0 #87cdff}.menu-button.blue,.menu-button.red{width:100%}.menu-button.red .content-container{background-color:#f77;border:4px solid #fc5050;box-shadow:0 8px #c72626}.menu-button.red .content-container .button-icon{fill:#290404}.menu-button.red .content-container .button-text{color:#290404}.menu-button.red .content-container:hover{background-color:#ff8e8e;border-color:#f77;box-shadow:0 4px #fc5050}.menu-button.red .content-container:hover .button-icon{fill:#380606}.menu-button.red .content-container:hover .button-text{color:#380606}.menu-button.red .content-container:active{box-shadow:0 0 #fc5050}.menu-button.roll{width:100%}.menu-button.roll .content-container{background-color:#edcab5;border:4px solid #e1b59a;box-shadow:0 8px #d09b7b}.menu-button.roll .content-container .button-icon{fill:#6d4025}.menu-button.roll .content-container .button-text{color:#6d4025}.menu-button.roll .content-container:hover{background-color:#f4d9ca;border-color:#edcab5;box-shadow:0 4px #e1b59a}.menu-button.roll .content-container:hover .button-icon{fill:#78492b}.menu-button.roll .content-container:hover .button-text{color:#78492b}.menu-button.roll .content-container:active{box-shadow:0 8px #e1b59a}.menu-button:disabled .content-container{background-color:#ae7654;border:4px solid #946244;box-shadow:0 8px #78492b;cursor:not-allowed}.menu-button:disabled .content-container .button-icon{fill:#2b190d}.menu-button:disabled .content-container .button-text{color:#2b190d}.menu-button:disabled .content-container:hover{top:0;background-color:#ae7654;border:4px solid #9b6443;box-shadow:0 8px #78492b}.menu-button:disabled .content-container:hover .button-icon{fill:#2b190d}.menu-button:disabled .content-container:hover .button-text{color:#2b190d}.menu-button:disabled .content-container:hover:active{top:0;box-shadow:0 8px #78492b}.menu-button .content-container{display:flex;width:100%;height:52px;position:absolute;top:0;background-color:#bd8766;border:4px solid #ae7654;box-shadow:0 8px #9b6443;justify-content:center;align-items:center;gap:4px;transition:top .25s ease-in-out,box-shadow .25s ease-in-out,background-color .25s ease-in-out,box-shadow .25s ease-in-out,border-color .25s ease-in-out,fill .25s ease-in-out,color .25s ease-in-out;cursor:pointer;-webkit-user-select:none;user-select:none}.menu-button .content-container .button-icon{width:1.25rem;height:1.25rem;fill:#2b190d}.menu-button .content-container .button-text{font-size:1.25rem!important;font-family:Silkscreen;font-weight:400;font-size:1.25rem;color:#2b190d}.menu-button .content-container:hover{top:4px;background-color:#d09b7b;border-color:#bd8766;box-shadow:0 4px #ae7654}.menu-button .content-container:hover .button-icon{fill:#3d2514}.menu-button .content-container:hover .button-text{color:#3d2514}.menu-button .content-container:active{top:8px;box-shadow:0 0 #ae7654}#background{box-sizing:border-box;width:100vw;height:100vh;position:fixed;z-index:-1000;background-color:#f4d9ca;background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20id='Background_Pattern'%20data-name='Background%20Pattern'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201024%201024'%3e%3cdefs%3e%3cstyle%3e%20.cls-1%20{%20fill:%20%23edcebd;%20}%20%3c/style%3e%3c/defs%3e%3c!--%20Adjusted%20rectangle%20position%20to%20fit%20inside%201024x1024%20--%3e%3crect%20class='cls-1'%20x='355.06'%20y='318.87'%20width='313.87'%20height='313.87'/%3e%3c!--%20Adjusted%20path%20to%20fit%20correctly%20within%20new%20viewBox%20--%3e%3cpath%20class='cls-1'%20d='M80,43.2v864h864V43.2H80ZM805.62,768.82H218.37V181.57h587.25v587.25Z'/%3e%3c/svg%3e");background-size:contain;background-repeat:repeat;background-size:calc((100vw - 4px)/16 - .35px);background-position:4px 8px;background-clip:padding-box}.menu-footer{display:flex;width:100%;height:36px;position:absolute;bottom:0;left:0;background-color:#855233;border-top:4px solid #6d4025;justify-content:center;align-items:center;gap:32px;font-size:.75rem;font-family:Silkscreen;font-weight:400;color:#bd8766;-webkit-user-select:none;user-select:none}.menu-footer .info,.menu-footer .links{display:flex;align-items:center;gap:32px}.menu-footer .links a{text-decoration:underline;color:#bd8766;transition:color .25s ease-in-out}.menu-footer .links a:hover{color:#56b8ff}#background{box-sizing:border-box;width:100vw;height:100vh;position:fixed;z-index:-1000;background-color:#f4d9ca;background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20id='Background_Pattern'%20data-name='Background%20Pattern'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201024%201024'%3e%3cdefs%3e%3cstyle%3e%20.cls-1%20{%20fill:%20%23edcebd;%20}%20%3c/style%3e%3c/defs%3e%3c!--%20Adjusted%20rectangle%20position%20to%20fit%20inside%201024x1024%20--%3e%3crect%20class='cls-1'%20x='355.06'%20y='318.87'%20width='313.87'%20height='313.87'/%3e%3c!--%20Adjusted%20path%20to%20fit%20correctly%20within%20new%20viewBox%20--%3e%3cpath%20class='cls-1'%20d='M80,43.2v864h864V43.2H80ZM805.62,768.82H218.37V181.57h587.25v587.25Z'/%3e%3c/svg%3e");background-size:contain;background-repeat:repeat;background-size:calc((100vw - 4px)/16 - .35px);background-position:4px 8px;background-clip:padding-box}.options-space{width:100%;max-width:640px;margin:42px auto auto}.options-space .settings-option{display:flex;width:100%;height:48px;background-color:#a7daff;border:4px solid #87cdff;justify-content:space-between}.options-space .settings-option .option-info{display:flex;height:100%;padding-left:8px;align-items:center;gap:8px}.options-space .settings-option .option-info .option-icon{width:24px;height:24px;fill:#1f3b4f}.options-space .settings-option .option-info .option-name{font-size:1rem;font-family:silkscreen;font-weight:400;color:#1f3b4f;-webkit-user-select:none;user-select:none}.options-space .settings-option .input-space{display:flex;height:100%;align-items:center}.options-space .settings-option .input-space .toggle{display:flex;width:64px;height:28px;background-color:#d6eeff;border:3px solid #87cdff;margin-right:6px;justify-content:space-between;align-items:center;transform:translateY(3px) scale(.8);cursor:pointer}.options-space .settings-option .input-space .toggle input{display:none;visibility:hidden}.options-space .settings-option .input-space .toggle .state{width:.85rem;height:.85rem;margin:auto;-webkit-user-select:none;user-select:none}.options-space .settings-option .input-space .toggle .state svg{width:inherit;height:inherit;fill:#87cdff;transform:translateY(-.5px)}.options-space .settings-option .input-space .toggle .switch{width:32px;height:30px;background-color:#87cdff;border:3px solid #68bfff;box-shadow:0 4px #4eb5ff;margin-right:-3px;transform:translateY(-5px)}.options-space .settings-option .input-space .toggle[data-checked=false]{background-color:#e8cdbc;border-color:#bd8766;flex-direction:row-reverse}.options-space .settings-option .input-space .toggle[data-checked=false] .state svg{fill:#bd8766}.options-space .settings-option .input-space .toggle[data-checked=false] .switch{background-color:#bd8766;border-color:#ae7654;box-shadow:0 4px #9b6443;margin-right:0;margin-left:-3px}#background{box-sizing:border-box;width:100vw;height:100vh;position:fixed;z-index:-1000;background-color:#f4d9ca;background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20id='Background_Pattern'%20data-name='Background%20Pattern'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201024%201024'%3e%3cdefs%3e%3cstyle%3e%20.cls-1%20{%20fill:%20%23edcebd;%20}%20%3c/style%3e%3c/defs%3e%3c!--%20Adjusted%20rectangle%20position%20to%20fit%20inside%201024x1024%20--%3e%3crect%20class='cls-1'%20x='355.06'%20y='318.87'%20width='313.87'%20height='313.87'/%3e%3c!--%20Adjusted%20path%20to%20fit%20correctly%20within%20new%20viewBox%20--%3e%3cpath%20class='cls-1'%20d='M80,43.2v864h864V43.2H80ZM805.62,768.82H218.37V181.57h587.25v587.25Z'/%3e%3c/svg%3e");background-size:contain;background-repeat:repeat;background-size:calc((100vw - 4px)/16 - .35px);background-position:4px 8px;background-clip:padding-box}@keyframes pop-up{0%{position:fixed;bottom:calc(-.5*(100vh - 96px));left:0;transform:scale(0) translate(calc(-50% + 192px))}to{position:fixed;top:50%;left:50%;transform:scale(1) translate(-50%) translateY(-50%)}}.window{width:calc(100vw - 96px);height:calc(100vh - 96px);position:fixed;z-index:100;top:50%;left:50%;box-shadow:0 0 8px 8px #0000001a;transform:translate(-50%) translateY(-50%);animation:pop-up .25s linear}.window .window-control-bar{display:flex;width:100%;height:42px;background-color:#9b6443;justify-content:space-between}.window .window-control-bar .window-info{display:flex}.window .window-control-bar .window-info .window-icon{height:inherit;width:42px;padding:10px;fill:#e8cdbc}.window .window-control-bar .window-info .window-title{height:inherit;align-self:center;font-size:1.25rem;font-family:silkscreen;font-weight:400;color:#e8cdbc}.window .window-control-bar .window-info .window-title span{display:inline-block;-webkit-user-select:none;user-select:none;transform:translateY(-1.3px)}.window .window-control-bar .window-controls .window-control-button{display:inline-flex;height:100%;width:56px;background-color:transparent;border:none;justify-content:center;align-items:center;transition:background-color .25s ease-in-out;cursor:pointer}.window .window-control-bar .window-controls .window-control-button:hover{background-color:#ae7654}.window .window-control-bar .window-controls .window-control-button svg{width:16px;height:16px;fill:#d09b7b}.window .window-content{width:inherit;height:calc(100% - 42px);background-color:#d09b7b;border:8px solid #855233;border-top:none;overflow-x:hidden;overflow-y:auto}.window:before{content:"";display:block;width:100vw;height:100vh;position:fixed;z-index:-50;top:-48px;left:-48px;background-color:#00000026;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.window.fullscreen{width:100vw;height:100vh;top:0;left:0;transform:translate(0)}#background{box-sizing:border-box;width:100vw;height:100vh;position:fixed;z-index:-1000;background-color:#f4d9ca;background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20id='Background_Pattern'%20data-name='Background%20Pattern'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201024%201024'%3e%3cdefs%3e%3cstyle%3e%20.cls-1%20{%20fill:%20%23edcebd;%20}%20%3c/style%3e%3c/defs%3e%3c!--%20Adjusted%20rectangle%20position%20to%20fit%20inside%201024x1024%20--%3e%3crect%20class='cls-1'%20x='355.06'%20y='318.87'%20width='313.87'%20height='313.87'/%3e%3c!--%20Adjusted%20path%20to%20fit%20correctly%20within%20new%20viewBox%20--%3e%3cpath%20class='cls-1'%20d='M80,43.2v864h864V43.2H80ZM805.62,768.82H218.37V181.57h587.25v587.25Z'/%3e%3c/svg%3e");background-size:contain;background-repeat:repeat;background-size:calc((100vw - 4px)/16 - .35px);background-position:4px 8px;background-clip:padding-box}.window-header{width:100%;margin-top:36px;text-align:center;-webkit-user-select:none;user-select:none}.window-header .title{line-height:5rem;font-size:5.5rem;font-family:"Jersey 10";font-weight:400;color:#f7e1d4}.window-header .subtitle{font-size:1rem;font-family:silkscreen;font-weight:400;color:#e8cdbc}#background{box-sizing:border-box;width:100vw;height:100vh;position:fixed;z-index:-1000;background-color:#f4d9ca;background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20id='Background_Pattern'%20data-name='Background%20Pattern'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201024%201024'%3e%3cdefs%3e%3cstyle%3e%20.cls-1%20{%20fill:%20%23edcebd;%20}%20%3c/style%3e%3c/defs%3e%3c!--%20Adjusted%20rectangle%20position%20to%20fit%20inside%201024x1024%20--%3e%3crect%20class='cls-1'%20x='355.06'%20y='318.87'%20width='313.87'%20height='313.87'/%3e%3c!--%20Adjusted%20path%20to%20fit%20correctly%20within%20new%20viewBox%20--%3e%3cpath%20class='cls-1'%20d='M80,43.2v864h864V43.2H80ZM805.62,768.82H218.37V181.57h587.25v587.25Z'/%3e%3c/svg%3e");background-size:contain;background-repeat:repeat;background-size:calc((100vw - 4px)/16 - .35px);background-position:4px 8px;background-clip:padding-box}.game-space{width:100vw;height:100vh;position:relative;overflow:hidden}.game-space .game-message{width:372px;position:fixed;bottom:200px;left:50%;background-color:#ae7654;padding:6px 0;border:6px solid #855233;font-size:1.125rem;font-family:Silkscreen;font-weight:400;color:#f4d9ca;text-align:center;transform:translate(-50%);-webkit-user-select:none;user-select:none}.game-space .game-message .red{color:#fb4040;text-transform:capitalize}.game-space .game-message .blue{color:#56b8ff;text-transform:capitalize}#background{box-sizing:border-box;width:100vw;height:100vh;position:fixed;z-index:-1000;background-color:#f4d9ca;background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20id='Background_Pattern'%20data-name='Background%20Pattern'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201024%201024'%3e%3cdefs%3e%3cstyle%3e%20.cls-1%20{%20fill:%20%23edcebd;%20}%20%3c/style%3e%3c/defs%3e%3c!--%20Adjusted%20rectangle%20position%20to%20fit%20inside%201024x1024%20--%3e%3crect%20class='cls-1'%20x='355.06'%20y='318.87'%20width='313.87'%20height='313.87'/%3e%3c!--%20Adjusted%20path%20to%20fit%20correctly%20within%20new%20viewBox%20--%3e%3cpath%20class='cls-1'%20d='M80,43.2v864h864V43.2H80ZM805.62,768.82H218.37V181.57h587.25v587.25Z'/%3e%3c/svg%3e");background-size:contain;background-repeat:repeat;background-size:calc((100vw - 4px)/16 - .35px);background-position:4px 8px;background-clip:padding-box}.menu-bar{display:flex;width:100%;height:48px;position:absolute;top:0;left:0;background-color:#946244;border-bottom:4px solid #855233;align-items:center;-webkit-user-select:none;user-select:none}.menu-bar .menu-controls,.menu-bar .game-controls{display:flex;position:absolute;padding:0 12px;fill:#d09b7b;justify-content:space-between;gap:12px}.menu-bar .menu-controls .menu-bar-button,.menu-bar .game-controls .menu-bar-button{transition:fill .25s ease-in-out}.menu-bar .menu-controls .menu-bar-button:hover,.menu-bar .game-controls .menu-bar-button:hover{fill:#e1b59a}.menu-bar .menu-controls{left:0}.menu-bar .game-controls{right:0}.menu-bar .game-title{display:flex;height:56px;position:absolute;left:50%;align-items:center;transform:scale(1) translate(-50%)}.menu-bar .game-title svg{height:inherit}.menu-bar .menu-bar-button{width:24px;height:24px;background-color:transparent;padding:0;border:none;cursor:pointer}#background{box-sizing:border-box;width:100vw;height:100vh;position:fixed;z-index:-1000;background-color:#f4d9ca;background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20id='Background_Pattern'%20data-name='Background%20Pattern'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201024%201024'%3e%3cdefs%3e%3cstyle%3e%20.cls-1%20{%20fill:%20%23edcebd;%20}%20%3c/style%3e%3c/defs%3e%3c!--%20Adjusted%20rectangle%20position%20to%20fit%20inside%201024x1024%20--%3e%3crect%20class='cls-1'%20x='355.06'%20y='318.87'%20width='313.87'%20height='313.87'/%3e%3c!--%20Adjusted%20path%20to%20fit%20correctly%20within%20new%20viewBox%20--%3e%3cpath%20class='cls-1'%20d='M80,43.2v864h864V43.2H80ZM805.62,768.82H218.37V181.57h587.25v587.25Z'/%3e%3c/svg%3e");background-size:contain;background-repeat:repeat;background-size:calc((100vw - 4px)/16 - .35px);background-position:4px 8px;background-clip:padding-box}@keyframes bouncy-highlight{0%{border-width:8px}50%{border-width:4px}to{border-width:8px}}.game-board-area{width:1156px;height:456px;position:absolute;top:50%;left:50%;transform:translate(-50%) translateY(-71.8132854578%) scale(.625)}.game-board-area .game-area-container{width:inherit;height:inherit;position:relative}.game-board-area .game-area-container .game-board-wrapper,.game-board-area .game-area-container .piece-area{width:inherit;height:inherit}.game-board-area .game-area-container .piece-area{display:grid;width:calc(100% - 24px);height:calc(100% - 24px);position:absolute;top:12px;left:12px;padding:12px;grid-template-columns:repeat(8,128px);grid-template-rows:repeat(3,128px);gap:12px}.game-board-area .game-area-container .piece-area .game-piece,.game-board-area .game-area-container .piece-area .spawn-trigger{display:flex;width:128px;height:128px;position:relative;z-index:1;justify-content:center;align-items:center}.game-board-area .game-area-container .piece-area .game-piece svg,.game-board-area .game-area-container .piece-area .spawn-trigger svg{width:calc(100% - 16px);height:calc(100% - 16px);border-color:#fff;transition:border-width 1s ease-in-out,border-color 1s ease-in-out,filter .25s ease-in-out!important}.game-board-area .game-area-container .piece-area .game-piece[data-movable=true] svg,.game-board-area .game-area-container .piece-area .spawn-trigger[data-movable=true] svg{box-sizing:content-box;border:8px solid white;cursor:pointer;animation:bouncy-highlight 2s ease-in-out infinite}.game-board-area .game-area-container .piece-area .game-piece[data-movable=true] svg:hover,.game-board-area .game-area-container .piece-area .spawn-trigger[data-movable=true] svg:hover{border-width:8px!important;border-color:#fff;filter:brightness(110%);animation-play-state:paused}.game-board-area .game-area-container .piece-area .game-piece .tool-tip,.game-board-area .game-area-container .piece-area .spawn-trigger .tool-tip{visibility:hidden;width:max-content;position:absolute;z-index:10;top:136px;background-color:#fff;padding:4px 8px;font-size:1rem;font-family:Silkscreen;font-weight:400;color:#2b190d;filter:opacity(0);transition:filter .25s ease-in-out;-webkit-user-select:none;user-select:none}.game-board-area .game-area-container .piece-area .game-piece:hover .tool-tip,.game-board-area .game-area-container .piece-area .spawn-trigger:hover .tool-tip{visibility:visible;filter:opacity(1)}.game-board-area .game-area-container .piece-area .spawn-trigger svg:nth-child(1){box-sizing:content-box;border:8px solid white;cursor:pointer;animation:bouncy-highlight 2s ease-in-out infinite;filter:opacity(.75)}.game-board-area .game-area-container .piece-area .spawn-trigger svg:nth-child(1):hover{border-width:8px!important;border-color:#fff;animation-play-state:paused;filter:opacity(1)}.game-board-area .game-area-container .piece-area .spawn-trigger .add-icon{width:96px;height:96px;position:absolute;filter:opacity(.75);pointer-events:none}.game-board-area .game-area-container .piece-area .spawn-trigger:hover .add-icon{filter:opacity(1)}#background{box-sizing:border-box;width:100vw;height:100vh;position:fixed;z-index:-1000;background-color:#f4d9ca;background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20id='Background_Pattern'%20data-name='Background%20Pattern'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201024%201024'%3e%3cdefs%3e%3cstyle%3e%20.cls-1%20{%20fill:%20%23edcebd;%20}%20%3c/style%3e%3c/defs%3e%3c!--%20Adjusted%20rectangle%20position%20to%20fit%20inside%201024x1024%20--%3e%3crect%20class='cls-1'%20x='355.06'%20y='318.87'%20width='313.87'%20height='313.87'/%3e%3c!--%20Adjusted%20path%20to%20fit%20correctly%20within%20new%20viewBox%20--%3e%3cpath%20class='cls-1'%20d='M80,43.2v864h864V43.2H80ZM805.62,768.82H218.37V181.57h587.25v587.25Z'/%3e%3c/svg%3e");background-size:contain;background-repeat:repeat;background-size:calc((100vw - 4px)/16 - .35px);background-position:4px 8px;background-clip:padding-box}.player-stats-card{width:280px;height:auto;position:absolute;bottom:12px;background-color:#ae7654;padding:6px;border:6px solid #855233;-webkit-user-select:none;user-select:none}.player-stats-card[data-team=red]{right:12px}.player-stats-card[data-team=red] .stat-section{background-color:#f77!important;border-color:#fb4040!important}.player-stats-card[data-team=red] .stat-section .stat-title{color:#e13131!important}.player-stats-card[data-team=red] .stat-section .stat-data{color:#fb4040!important}.player-stats-card[data-team=blue]{left:12px}.player-stats-card[data-team=blue] .stat-section{background-color:#a7daff!important;border-color:#56b8ff!important}.player-stats-card[data-team=blue] .stat-section .stat-title{color:#43a5ed!important}.player-stats-card[data-team=blue] .stat-section .stat-data{color:#56b8ff!important}.player-stats-card .player-info{display:flex;width:100%;height:32px}.player-stats-card .player-info .player-profile-picture{width:64px;height:64px;transform:translateY(-32px)}.player-stats-card .player-info .player-id-section{width:100%;height:32px;padding-left:8px}.player-stats-card .player-info .player-id-section .player-id{display:inline-flex;width:100%;padding:0 4px;justify-content:space-between;font-size:1.5rem;font-family:"Jersey 10";font-weight:400;color:#f7e1d4}.player-stats-card .player-info .player-id-section .content-divider{display:inline-block;width:100%;height:4px;background-color:#d09b7b;border:none;transform:translateY(-10px)}.player-stats-card .player-game-stats{display:flex;width:100%;padding-top:8px;justify-content:space-between}.player-stats-card .player-game-stats .stat-section{display:flex;width:calc(50% - 4px);height:112px;background-color:purple;border:4px solid peru;flex-direction:column;justify-content:center;align-items:center}.player-stats-card .player-game-stats .stat-section .stat-title{font-size:1.5rem;font-family:"Jersey 10";font-weight:400;color:#000;transform:translateY(-.125rem)}.player-stats-card .player-game-stats .stat-section .stat-data{line-height:3.5rem;letter-spacing:-.5rem;font-size:5rem;font-family:silkscreen;font-weight:400;color:#a9a9a9;transform:translateY(-.5rem) translate(-.25rem)}#background{box-sizing:border-box;width:100vw;height:100vh;position:fixed;z-index:-1000;background-color:#f4d9ca;background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20id='Background_Pattern'%20data-name='Background%20Pattern'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201024%201024'%3e%3cdefs%3e%3cstyle%3e%20.cls-1%20{%20fill:%20%23edcebd;%20}%20%3c/style%3e%3c/defs%3e%3c!--%20Adjusted%20rectangle%20position%20to%20fit%20inside%201024x1024%20--%3e%3crect%20class='cls-1'%20x='355.06'%20y='318.87'%20width='313.87'%20height='313.87'/%3e%3c!--%20Adjusted%20path%20to%20fit%20correctly%20within%20new%20viewBox%20--%3e%3cpath%20class='cls-1'%20d='M80,43.2v864h864V43.2H80ZM805.62,768.82H218.37V181.57h587.25v587.25Z'/%3e%3c/svg%3e");background-size:contain;background-repeat:repeat;background-size:calc((100vw - 4px)/16 - .35px);background-position:4px 8px;background-clip:padding-box}.roll-section{display:flex;width:max-content;position:absolute;bottom:12px;left:50%;background-color:#ae7654;padding:6px;border:6px solid #855233;flex-direction:column;align-items:center;gap:8px;transform:translate(-50%)}.roll-section .die-section{display:flex;gap:4px}.roll-section .die-section .game-die{width:84px;height:84px}.roll-section .die-section .game-die svg{width:inherit;height:inherit}#background{box-sizing:border-box;width:100vw;height:100vh;position:fixed;z-index:-1000;background-color:#f4d9ca;background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20id='Background_Pattern'%20data-name='Background%20Pattern'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201024%201024'%3e%3cdefs%3e%3cstyle%3e%20.cls-1%20{%20fill:%20%23edcebd;%20}%20%3c/style%3e%3c/defs%3e%3c!--%20Adjusted%20rectangle%20position%20to%20fit%20inside%201024x1024%20--%3e%3crect%20class='cls-1'%20x='355.06'%20y='318.87'%20width='313.87'%20height='313.87'/%3e%3c!--%20Adjusted%20path%20to%20fit%20correctly%20within%20new%20viewBox%20--%3e%3cpath%20class='cls-1'%20d='M80,43.2v864h864V43.2H80ZM805.62,768.82H218.37V181.57h587.25v587.25Z'/%3e%3c/svg%3e");background-size:contain;background-repeat:repeat;background-size:calc((100vw - 4px)/16 - .35px);background-position:4px 8px;background-clip:padding-box}.end-screen{width:100vw;height:100vh;position:fixed;z-index:100;top:0;left:0;background-color:#9b6748;overflow:hidden}.end-screen .background,.end-screen .content,.end-screen .background .shadow,.end-screen .background .curtains{width:100vw;height:100vh;position:absolute;top:0;left:0}.end-screen .background{background-color:#0000001a}.end-screen .background .shadow .left,.end-screen .background .curtains .left,.end-screen .background .shadow .right,.end-screen .background .curtains .right{height:100%;position:absolute;top:0}.end-screen .background .shadow .left,.end-screen .background .curtains .left{left:0}.end-screen .background .shadow .right,.end-screen .background .curtains .right{right:0}.end-screen .content{display:flex;width:100vw;height:100vh;justify-content:center;align-items:center;overflow:hidden}.end-screen .content .content-wrapper{display:flex;height:512px;justify-content:center;align-items:center}.end-screen .content .content-wrapper .trophy-container{display:flex;width:512px;height:512px}.end-screen .content .content-wrapper .trophy-container svg{width:inherit;height:inherit}.end-screen .content .content-wrapper .trophy-container .trophy-message.hidden{visibility:hidden;font-family:silkscreen;filter:opacity(0);-webkit-user-select:none;user-select:none}.end-screen .content .content-wrapper .trophy-container.menu-expanded .trophy-message{visibility:visible}.end-screen .content.menu-expanded{flex-direction:column}.end-screen .content.menu-expanded .game-title{height:96px;position:fixed;top:0;-webkit-user-select:none;user-select:none}.end-screen .content.menu-expanded .content-wrapper{width:max-content;margin-top:64px;justify-content:space-between;gap:64px}.end-screen .content.menu-expanded .content-wrapper .trophy-container{display:flex;width:416px;flex-direction:column;justify-content:center;align-items:center}.end-screen .content.menu-expanded .content-wrapper .trophy-container svg{width:416px;height:416px}.end-screen .content.menu-expanded .content-wrapper .trophy-container .trophy-message{margin-top:-8px;font-size:1.25rem;font-family:silkscreen;font-weight:400;color:#eda433;-webkit-user-select:none;user-select:none}.end-screen .content.menu-expanded .content-wrapper .menu-container{display:flex;flex-direction:column;gap:64px}.end-screen .content.menu-expanded .content-wrapper .menu-container .menu-header{text-align:center;font-weight:400;color:#f7e1d4;-webkit-user-select:none;user-select:none}.end-screen .content.menu-expanded .content-wrapper .menu-container .menu-header .menu-title{line-height:3.5rem;font-family:"Jersey 10";font-weight:400!important;font-size:5rem}.end-screen .content.menu-expanded .content-wrapper .menu-container .menu-header .menu-subtitle{font-family:silkscreen;font-size:1rem}.end-screen .content.menu-expanded .content-wrapper .menu-container .menu-content .menu-stats{display:flex;height:1rem;justify-content:space-between;font-size:1rem;font-family:silkscreen;font-weight:400;-webkit-user-select:none;user-select:none}.end-screen .content.menu-expanded .content-wrapper .menu-container .menu-content .menu-stats .blue-stats{margin-left:24px;color:#87cdff}.end-screen .content.menu-expanded .content-wrapper .menu-container .menu-content .menu-stats .red-stats{margin-right:24px;color:#ff6c6c}.end-screen .content.menu-expanded .content-wrapper .menu-container .menu-content .menu-options{display:flex;margin-top:16px;flex-direction:column;gap:12px}.end-screen .content.menu-expanded .content-wrapper .menu-container .menu-content .menu-options .menu-button{width:360px}#background{box-sizing:border-box;width:100vw;height:100vh;position:fixed;z-index:-1000;background-color:#f4d9ca;background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20id='Background_Pattern'%20data-name='Background%20Pattern'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201024%201024'%3e%3cdefs%3e%3cstyle%3e%20.cls-1%20{%20fill:%20%23edcebd;%20}%20%3c/style%3e%3c/defs%3e%3c!--%20Adjusted%20rectangle%20position%20to%20fit%20inside%201024x1024%20--%3e%3crect%20class='cls-1'%20x='355.06'%20y='318.87'%20width='313.87'%20height='313.87'/%3e%3c!--%20Adjusted%20path%20to%20fit%20correctly%20within%20new%20viewBox%20--%3e%3cpath%20class='cls-1'%20d='M80,43.2v864h864V43.2H80ZM805.62,768.82H218.37V181.57h587.25v587.25Z'/%3e%3c/svg%3e");background-size:contain;background-repeat:repeat;background-size:calc((100vw - 4px)/16 - .35px);background-position:4px 8px;background-clip:padding-box}.guide-space{margin:42px auto 64px}.guide-space .guide{width:100%;max-width:640px;margin:auto;list-style-position:inside}.guide-space .guide:first-child{margin-top:0}.guide-space .guide .guide-step{width:100%;max-width:640px;margin-top:24px;-webkit-user-select:none;user-select:none}.guide-space .guide .guide-step::marker{color:#87cdff}.guide-space .guide .guide-step::marker,.guide-space .guide .guide-step .step-text{font-size:1rem;font-family:silkscreen;font-weight:400;color:#a7daff}.guide-space .guide .guide-step .step-image{display:block;width:100%;max-width:640px;height:auto;max-height:320px;border:4px solid #87cdff;margin-top:8px}*{box-sizing:border-box;padding:0;margin:0}#background{box-sizing:border-box;width:100vw;height:100vh;position:fixed;z-index:-1000;background-color:#f4d9ca;background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20id='Background_Pattern'%20data-name='Background%20Pattern'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201024%201024'%3e%3cdefs%3e%3cstyle%3e%20.cls-1%20{%20fill:%20%23edcebd;%20}%20%3c/style%3e%3c/defs%3e%3c!--%20Adjusted%20rectangle%20position%20to%20fit%20inside%201024x1024%20--%3e%3crect%20class='cls-1'%20x='355.06'%20y='318.87'%20width='313.87'%20height='313.87'/%3e%3c!--%20Adjusted%20path%20to%20fit%20correctly%20within%20new%20viewBox%20--%3e%3cpath%20class='cls-1'%20d='M80,43.2v864h864V43.2H80ZM805.62,768.82H218.37V181.57h587.25v587.25Z'/%3e%3c/svg%3e");background-size:contain;background-repeat:repeat;background-size:calc((100vw - 4px)/16 - .35px);background-position:4px 8px;background-clip:padding-box}::-webkit-scrollbar{width:16px;background-color:#e1b59a}::-webkit-scrollbar-thumb{background-color:#a7daff;border:4px solid #87cdff;box-shadow:0 4px #56b8ff;cursor:grab;transition:transform .25s ease-in-out,background-color .25s ease-in-out,box-shadow .25s ease-in-out,border-color .25s ease-in-out}::-webkit-scrollbar-thumb:hover{background-color:#bde4ff;border-color:#a7daff;box-shadow:0 4px #87cdff}.loading-space{display:flex;width:100%;padding:42px 0;flex-direction:column;align-items:center;justify-content:center;gap:32px}.loading-space .loading-icon{width:212px;height:212px}.loading-space .loading-bar-wrapper{width:720px;height:40px;background-color:#a7daff;padding:4px;border:4px solid #56b8ff}.loading-space .loading-bar-wrapper .loading-bar{width:0;height:100%;background-color:#56b8ff;transition:width .25s linear}.loading-space .loading-message{font-size:1rem;font-family:silkscreen;font-weight:400;color:#6d4025;-webkit-user-select:none;user-select:none}.content-space{display:flex;width:max-content;margin:64px auto;flex-direction:column;gap:12px}