diff --git a/asset-manifest.json b/asset-manifest.json index ea2bd7a..82e8c09 100644 --- a/asset-manifest.json +++ b/asset-manifest.json @@ -1,7 +1,7 @@ { "files": { - "main.css": "/backgammon/static/css/main.d409741d.css", - "main.js": "/backgammon/static/js/main.de308495.js", + "main.css": "/backgammon/static/css/main.04a1a27a.css", + "main.js": "/backgammon/static/js/main.2a1b5b7c.js", "static/media/match-settings-title.svg": "/backgammon/static/media/match-settings-title.410d7b07ad339c9a3c12.svg", "static/media/backgammon-title.svg": "/backgammon/static/media/backgammon-title.34ee913e01db821eea92.svg", "static/media/allow-doubling.svg": "/backgammon/static/media/allow-doubling.46f6b3ad75e29c193106.svg", @@ -40,11 +40,11 @@ "static/media/checker-home-light.svg": "/backgammon/static/media/checker-home-light.8aa4877b9e0f9f946c24.svg", "static/media/online-multiplayer-button-spinner.svg": "/backgammon/static/media/online-multiplayer-button-spinner.7c87ae20b24b79031ab9.svg", "static/media/loading-spinner.svg": "/backgammon/static/media/loading-spinner.2e1c3e92b0cc05ad6bdd.svg", - "main.d409741d.css.map": "/backgammon/static/css/main.d409741d.css.map", - "main.de308495.js.map": "/backgammon/static/js/main.de308495.js.map" + "main.04a1a27a.css.map": "/backgammon/static/css/main.04a1a27a.css.map", + "main.2a1b5b7c.js.map": "/backgammon/static/js/main.2a1b5b7c.js.map" }, "entrypoints": [ - "static/css/main.d409741d.css", - "static/js/main.de308495.js" + "static/css/main.04a1a27a.css", + "static/js/main.2a1b5b7c.js" ] } \ No newline at end of file diff --git a/index.html b/index.html index 1c816de..703e468 100644 --- a/index.html +++ b/index.html @@ -1 +1 @@ -Backgammon
\ No newline at end of file +Backgammon
\ No newline at end of file diff --git a/static/css/main.d409741d.css b/static/css/main.04a1a27a.css similarity index 56% rename from static/css/main.d409741d.css rename to static/css/main.04a1a27a.css index 5c18851..46cf971 100644 --- a/static/css/main.d409741d.css +++ b/static/css/main.04a1a27a.css @@ -1,2 +1,2 @@ -.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media(prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-wrapper{align-items:center;background:linear-gradient(180deg,#3b4587,#151516) border-box;display:flex;flex-direction:column;font-family:Barlow,sans-serif;justify-content:center;min-height:300px;min-width:400px;overflow:hidden;position:relative}.App-wrapper,.App-wrapper.mainmenu{height:100vh;width:100vw}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-family:Barlow,sans-serif;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.Waiting-text-wrapper{display:flex}.Begin-game-button-wrapper.waiting-text{color:#b8b8b8;font-size:.8em;justify-content:center}.Waiting-spinner{animation-duration:2s;animation-iteration-count:infinite;animation-name:spin;animation-timing-function:linear;background-image:url(/backgammon/static/media/loading-spinner.2e1c3e92b0cc05ad6bdd.svg);background-position:50%;background-repeat:no-repeat;height:40%;margin-top:1%;width:8%}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.Accept-double-button,.Begin-game-button,.Forfeit-game-button,.Offer-double-button,.Roll-button{background:linear-gradient(90deg,#3f3217,#564112);border:.2em double #816c3d;border-radius:min(1vw,1em);color:#b8b8b8;font-family:Barlow,sans-serif;font-size:max(1.5vh,1.5vw);font-weight:700;padding:.5vh;text-align:center;transition:.2s;width:10vw}.Accept-double-button:hover,.Begin-game-button:hover,.Forfeit-game-button:hover,.Offer-double-button:hover,.Roll-button:hover,.Settings-menu-button:hover{transform:scale(110%)}.Game-board-wrapper{align-items:center;color:#fff;display:flex;height:30vw;justify-content:center;min-height:150px;min-width:300px;width:60vw}.Networked-gameboard-spinner{animation-duration:2s;animation-iteration-count:infinite;animation-name:spin;animation-timing-function:linear;background-image:url(/backgammon/static/media/online-multiplayer-button-spinner.7c87ae20b24b79031ab9.svg);background-position:50%;background-repeat:no-repeat;height:20%;width:20%}.Main-menu-wrapper{align-items:center;color:#fff;display:flex;flex-direction:column;height:60%;min-height:300px;min-width:400px;width:60%}.Title-wrapper{container:title-container/inline-size;background-image:url(/backgammon/static/media/backgammon-title.34ee913e01db821eea92.svg);background-position:50%;background-repeat:no-repeat;filter:drop-shadow(0 1vh .3vh rgba(0,0,0,.35));height:25%;text-align:center;vertical-align:middle;width:80%}.Title-text{font-size:3.5em}@container title-container (min-width: 400px){.Title-text{font-size:max(3.5em,3.5em + 4cqi)}}.Menu-button-wrapper{container:menu-button-wrapper/inline-size;display:flex;flex-direction:column;height:50%;justify-content:space-around;width:60%}.Local-multiplayer-button,.Online-multiplayer-button{background-position:50%;background-repeat:no-repeat;cursor:pointer;display:flex;filter:drop-shadow(0 1vh .3vh rgba(0,0,0,.35));font-family:Barlow,sans-serif;font-size:max(2vh,2vw);height:40%;transition:.2s;width:100%}@media screen and (orientation:portrait){.Title-wrapper{height:16%}.Menu-button-wrapper{height:30%}}.Local-multiplayer-button{background-image:url(/backgammon/static/media/local-multiplayer-button.04a8bf8817e1c77c6937.svg)}.Online-multiplayer-button{background-image:url(/backgammon/static/media/online-multiplayer-button.967df5a8b632a39956f1.svg)}.Local-multiplayer-button:active,.Local-multiplayer-button:hover,.Online-multiplayer-button:active,.Online-multiplayer-button:hover{transform:scale(105%)}.Online-multiplayer-button-spinner{animation-duration:2s;animation-iteration-count:infinite;animation-name:spin;animation-timing-function:linear;background-image:url(/backgammon/static/media/online-multiplayer-button-spinner.7c87ae20b24b79031ab9.svg);background-position:50%;background-repeat:no-repeat;height:40%;width:100%}.Credits-text{bottom:1%;color:#6b7195;font-size:.6em;position:absolute;right:1%;text-align:right}.Match-settings-menu-wrapper{display:flex;flex-direction:column;height:60%;min-height:300px;min-width:400px;width:45%}.Match-settings-title-wrapper{background-image:url(/backgammon/static/media/match-settings-title.410d7b07ad339c9a3c12.svg);background-position:50%;background-repeat:no-repeat;filter:drop-shadow(0 .5vh .3vh rgba(0,0,0,.35));height:20%;vertical-align:middle;width:35%}.Doubling-cube-settings-row,.Match-points-settings-row,.Url-copy-row{align-items:center;display:flex;height:15%;margin-top:4%;width:100%}.Play-to-wrapper{background-image:url(/backgammon/static/media/play-to.73dda2d0e9b2cc8a3688.svg);background-position-y:center;background-repeat:no-repeat;width:14%}.Doubling-cube-text-wrapper,.Play-to-wrapper{filter:drop-shadow(0 .5vh .3vh rgba(0,0,0,.35));height:60%;vertical-align:middle}.Doubling-cube-text-wrapper{background-image:url(/backgammon/static/media/allow-doubling.46f6b3ad75e29c193106.svg);background-position-y:center;background-repeat:no-repeat;width:24%}.Url-title-wrapper{background-image:url(/backgammon/static/media/url-title.b6f78b0d8897abe0b49e.svg);background-position-y:center;background-repeat:no-repeat;filter:drop-shadow(0 .5vh .3vh rgba(0,0,0,.35));height:40%;vertical-align:middle;width:14%}.Url-form-wrapper{container:url-form-container/inline-size;align-items:flex-start;display:flex;flex-direction:column;height:100%;width:80%}.Url-form .form-control{background-color:#474747;color:#dcd4d4;font-size:1em}.Url-form-text{background-color:#332e2e;border:solid #dcd4d4;border-radius:1vw;color:#dcd4d4;font-size:.9em;padding:1vh 1vw}.Url-form-subtext{color:#dcd4d4;font-size:.7em;margin-left:1vw}@container url-form-container (min-width: 600px){.Url-form-text{font-size:1.5em}.Url-form-subtext{font-size:1em}}.Url-form-text-and-copy{align-items:center;display:flex;width:100%}.Url-form-copy{background-image:url(/backgammon/static/media/copy-icon.65dafb6d3844799c4c65.svg);background-position-y:center;background-repeat:no-repeat;cursor:pointer;height:80%;margin-left:2%;transition:.2s;width:8%}.Url-form-copy.highlight{background-image:url(/backgammon/static/media/copy-icon-clicked.f5926b66db8d1ba23cb1.svg)}.Url-form-copy:active,.Url-form-copy:hover{transform:scale(105%)}.Start-game-button-row{align-items:center;display:flex;height:15%;justify-content:center;margin-top:8%;width:100%}.Start-game-button{background:linear-gradient(90deg,#3f3217,#564112);border:.2em double #816c3d;border-radius:min(1vw,1em);color:#b8b8b8;font-family:Barlow,sans-serif;font-size:max(1.5vh,1.5vw);font-weight:700;padding:.5vh;text-align:center;transition:.2s;width:10vw}.Start-game-button:hover{transform:scale(105%)}.Doubling-cube-toggle-form{align-items:center;display:flex;height:100%;margin-left:4%;width:70%}.Doubling-cube-toggle-off,.Doubling-cube-toggle-on{background-position:50%;background-repeat:no-repeat;height:30%;width:15%}.Doubling-cube-toggle-off{background-image:url(/backgammon/static/media/off-disabled.bac8f3ff3f6583ec64c3.svg)}.Doubling-cube-toggle-on{background-image:url(/backgammon/static/media/on-disabled.48a39b5edf0f54f4e882.svg)}.Doubling-cube-toggle-off.enabled{background-image:url(/backgammon/static/media/off-enabled.d4f9b287b09cd0c7064c.svg)}.Doubling-cube-toggle-on.enabled{background-image:url(/backgammon/static/media/on-enabled.5b26f3fe1de148c69c98.svg)}.Doubling-cube-toggle.form-switch{margin-left:4%;margin-right:4%}.Doubling-cube-toggle .form-check-input{height:4vh;width:6vw}.Doubling-cube-toggle .form-check-input:checked{background-color:#4488ec}.Match-points-buttons-wrapper{display:flex;height:100%;width:86%}.Match-points-button{align-content:center;background-color:#cdb288;background-position:50%;background-repeat:no-repeat;background-size:15%;border-radius:10%;cursor:pointer;font-size:max(1.3em,2vw);font-weight:700;height:max(5vw,5vh);margin-left:2%;opacity:40%;text-align:center;transition:.2s;width:max(5vw,5vh)}.Match-points-button.selected{border:max(3px,.3vw) solid #fff;opacity:100%}.Match-points-button:active,.Match-points-button:hover{transform:scale(105%)}.Player-card-wrapper{background:#0f142f;border:min(5px,.4vw) #22274a;border-radius:min(1vw,1em) min(1vw,1em) 0 0;border-style:solid solid none;color:#b8b8b8;display:flex;height:9%;left:66%;position:relative;width:28%}.Player-card-wrapper.current{filter:drop-shadow(0 0 1vh #f7dcab)}.Player-card-wrapper.cw{left:6%}.Player-card-wrapper.bottom{background:#251f13;border:min(5px,.4vw) solid #564112;border-radius:0 0 min(1vw,1em) min(1vw,1em);border-top-style:none}.Player-card-checker-wrapper{display:flex;width:24%}.Player-card-checker-wrapper .Checker{height:60%;margin:20%;width:60%}.Player-name-and-score-wrapper{display:flex;flex-direction:column;width:52%}.Player-name-wrapper{font-size:2vh;font-weight:700;height:40%}.Player-card-doubling-cube-wrapper{align-content:center;width:24%}.Player-card-doubling-cube-wrapper .Doubling-cube{height:65%;margin-left:20%;width:60%}@media screen and (orientation:landscape){.Player-name-wrapper{font-size:1.2vw;font-weight:700;height:40%;margin-top:4%}.Player-score-wrapper{display:flex;font-size:.8vw;height:50%;margin-top:4%;white-space:nowrap}}@media screen and (orientation:portrait){.Player-name-wrapper{font-size:2vh;font-weight:700;height:40%}.Player-score-wrapper{display:flex;font-size:.8vw;height:50%}}.Player-card-total-match-points{font-weight:700}.Player-points-wrapper{margin-left:.8vw}.Information-text-wrapper{height:4vh;margin-left:5.5%;margin-right:5.5%;width:89%}.Information-text{color:#b8b8b8}.Game-area-wrapper{filter:drop-shadow(0 0 .5vh #000000)}.Game-board-half{background-image:url(/backgammon/static/media/board-background.096c5325cc02d43c3c3b.svg);background-size:cover;border-color:#212529;border-width:.8vh;display:flex;flex-direction:column;height:100%;justify-content:space-between;position:relative;width:45.5%;z-index:1}.Game-board-half.left{background:url(/backgammon/static/media/board-background.096c5325cc02d43c3c3b.svg) padding-box,linear-gradient(180deg,#22274a,#564112) border-box;border:min(5px,.4vw) solid #0000;border-bottom-left-radius:min(1vw,1em);border-right-style:none;border-top-left-radius:min(1vw,1em)}.Game-board-half.left.cw{border-bottom-left-radius:0;border-top-left-radius:0}.Game-board-half.right{background:url(/backgammon/static/media/board-background.096c5325cc02d43c3c3b.svg) padding-box,linear-gradient(180deg,#22274a,#564112) border-box;border:min(5px,.4vw) solid #0000;border-left-style:none}.Game-board-half.right.cw{border-bottom-right-radius:min(1vw,1em);border-top-right-radius:min(1vw,1em)}.Game-board-quadrant{display:flex;height:50%;justify-content:space-evenly;width:100%}.Game-board-quadrant.bottom{align-items:flex-end}.Game-board-bar{background:url(/backgammon/static/media/dots.266ad2859fc9b3aee84f.svg) 50%/420% padding-box,linear-gradient(180deg,#22274a,#564112) border-box;width:4%;z-index:1}.Game-board-bar,.Game-board-home{border:min(5px,.4vw) solid #0000;display:flex;flex-direction:column;height:100%;justify-content:space-around}.Game-board-home{background:url(/backgammon/static/media/dots.266ad2859fc9b3aee84f.svg) 50%/300% padding-box,linear-gradient(180deg,#22274a,#564112) border-box;border-bottom-right-radius:min(1vw,1em);border-left-style:none;border-top-right-radius:min(1vw,1em);width:5%}.Game-board-home.cw{border-bottom-left-radius:min(1vw,1em);border-bottom-right-radius:0;border-left-style:solid;border-right-style:none;border-top-left-radius:min(1vw,1em);border-top-right-radius:0}.Point-wrapper{display:flex;height:87%;position:relative;width:16.667%}.Point-wrapper-highlight{height:100%;margin-left:10%;position:absolute;width:80%;z-index:1}.Point-wrapper-highlight.from{background-color:hsla(48,70%,64%,.329)}.Point-wrapper-highlight.to{background:url(/backgammon/static/media/stripes.c676f00f1b408a99ab96.svg);background-size:cover}.Point-wrapper-highlight.noMove{animation-duration:1s;animation-name:nomove}@keyframes nomove{0%{background:url(/backgammon/static/media/stripes-red.5075527d28b88569681b.svg);background-size:cover}to{background:url(/backgammon/static/media/stripes-red-fade.4cdc118757f83dc7367a.svg);background-size:cover}}.Point-wrapper-highlight.bottom{border-top-left-radius:5vh;border-top-right-radius:5vh}.Point-wrapper-highlight.top{border-bottom-left-radius:5vh;border-bottom-right-radius:5vh}.Point-triangle{height:100%;margin-left:10%;position:absolute;width:80%;z-index:1}.Point-triangle-inner{height:96%;margin-left:12%;position:absolute;width:76%;z-index:2}.Point-triangle-inner.bottom{margin-top:12%}.Point-triangle-inner.even{background-color:#0f1744}.Point-triangle-inner.odd{background-color:#885525}.Point-triangle-inner.top,.Point-triangle.top{-webkit-clip-path:polygon(0 0,50% 100%,100% 0);clip-path:polygon(0 0,50% 100%,100% 0)}.Point-triangle-inner.bottom,.Point-triangle.bottom{-webkit-clip-path:polygon(0 100%,50% 0,100% 100%);clip-path:polygon(0 100%,50% 0,100% 100%)}.Point-triangle.even{background-color:#636781}.Point-triangle.odd{background-color:#997345}.Checkers-wrapper{align-items:center;display:flex;flex-wrap:wrap;height:100%;width:100%;z-index:3}.Checkers-wrapper.top{flex-direction:column}.Checkers-wrapper.bottom{flex-direction:column-reverse}.Point{height:41vh;width:15%}.Checker{filter:drop-shadow(0 0 .2vh rgba(0,0,0,.6));height:15%;transition:transform .3s ease-out,filter .5s ease-in-out;width:45%;will-change:transform,filter;z-index:4}.Checker.white{background-image:url(/backgammon/static/media/checker-light.e1aa85fcf8f8cc1f655d.svg);background-repeat:no-repeat}.Checker.highlighted-pulse,.Checker.selected-pulse{filter:drop-shadow(0 0 .5vh #f7dcab)}.Checker.white.selected-pulse{background-image:url(/backgammon/static/media/checker-light-selected.0682a00050929616b5fa.svg);background-repeat:no-repeat}.Checker.black.selected-pulse{background-image:url(/backgammon/static/media/checker-dark-selected.9076eecdb1839d51a87b.svg);background-repeat:no-repeat}.Checker.highlighted,.Checker.selected{filter:drop-shadow(0 0 .1vh #f7dcab)}.Checker.black{background-image:url(/backgammon/static/media/checker-dark.248faffe392f67eff7e5.svg);background-repeat:no-repeat}.Player-one-bar-checkers,.Player-two-bar-checkers{align-items:center;display:flex;height:47.5%}.Player-one-bar-checkers{flex-direction:column-reverse}.Player-two-bar-checkers{flex-direction:column}.Player-one-bar-checkers.highlight{background-color:hsla(48,70%,64%,.329);border-bottom-left-radius:5vh;border-bottom-right-radius:5vh}.Player-two-bar-checkers.highlight{background-color:hsla(48,70%,64%,.329);border-top-left-radius:5vh;border-top-right-radius:5vh}.Game-board-bar-spacer{height:5%}.Player-one-bar-checkers .Checker,.Player-two-bar-checkers .Checker{height:15%;width:120%}.Player-one-home-checkers,.Player-two-home-checkers{align-items:center;display:flex;flex-direction:column;height:45.5%}.Player-one-home-checkers .Checker.white{background-image:url(/backgammon/static/media/checker-home-light.8aa4877b9e0f9f946c24.svg)}.Player-one-home-checkers .Checker.black{background-image:url(/backgammon/static/media/checker-home-dark.cbae77390308774a0c74.svg)}.Player-two-home-checkers .Checker.white{background-image:url(/backgammon/static/media/checker-home-light.8aa4877b9e0f9f946c24.svg)}.Player-two-home-checkers .Checker.black{background-image:url(/backgammon/static/media/checker-home-dark.cbae77390308774a0c74.svg)}.Player-one-home-checkers,.Player-two-home-checkers.p2{justify-content:flex-end}.Player-one-home-checkers.p2{justify-content:flex-start}.Player-one-home-checkers.highlighted{border-top-left-radius:1vh;border-top-right-radius:1vh}.Player-one-home-checkers.highlighted,.Player-two-home-checkers.highlighted{background:url(/backgammon/static/media/stripes.c676f00f1b408a99ab96.svg);background-size:cover}.Player-two-home-checkers.highlighted{border-bottom-left-radius:1vh;border-bottom-right-radius:1vh}.Game-board-home-spacer{height:9%}.Player-one-home-checkers .Checker,.Player-two-home-checkers .Checker{border-radius:10% 10% 34% 34%;height:4%;margin-bottom:3%;margin-top:3%;padding-top:0;width:80%}.Dice-row-spacer,.Submit-button-wrapper,.Undo-button-wrapper{height:4vw;width:4vw}.Submit-button,.Undo-button{background:url(/backgammon/static/media/checkmark.f0d5863c06fcf58dfa1d.svg) 50%/60% padding-box,linear-gradient(90deg,#3f3217,#564112) border-box;background-repeat:no-repeat;border-color:#816c3d;border-radius:1vh;border-style:double;height:80%;margin-left:10%;margin-top:10%;transition:.2s;width:80%}.Undo-button-wrapper .Undo-button{background:url(/backgammon/static/media/undo-arrow.d3b379507e968a3f8245.svg) 50%/60% padding-box,linear-gradient(90deg,#3f3217,#564112) border-box;background-repeat:no-repeat}.Submit-button:hover,.Undo-button:hover{transform:scale(110%)}.mainmenu .Settings-menu-button-wrapper{right:2vw}.Settings-menu-button-wrapper{position:absolute;right:2%;top:2%}.Game-over-dialog .modal-content,.Settings-menu .modal-content{background-color:#abafc2;border:.5vw solid #636781;border-radius:1vw;font-family:Barlow,sans-serif}.Game-over-dialog{text-align:center}.Game-over-dialog .modal-title{font-size:2em}.Game-over-dialog .modal-header,.Settings-menu .modal-header{border-bottom:1px solid #4e607c}.Game-over-dialog .modal-header{display:block}.Game-over-dialog-winner-wrapper{align-items:center;display:flex;justify-content:center;padding:4%;width:100%}.Game-over-dialog-winner-checker-wrapper{display:flex;height:3.5em;width:12.6%}.Game-over-dialog-winner-checker-wrapper.left{justify-content:flex-end}.Game-over-dialog-winner-text{font-size:1.2em;font-weight:700;width:70%}.Game-over-dialog-gammon-text{font-size:.8em;font-weight:400}.Game-over-dialog-winner-checker-wrapper .Checker{height:100%;width:100%}.Game-over-dialog .modal-footer{justify-content:center}.Game-over-dialog .modal-footer,.Settings-menu .modal-footer{border-top:1px solid #4e607c}.Game-over-dialog .modal-body,.Settings-menu .modal-body{padding:0}.Game-over-dialog .modal-footer .btn,.Settings-menu .modal-footer .btn{background-color:#354e74;border-color:#18263d;border-width:.2vh}.Settings-menu .Settings-option-row{border-bottom:1px solid #4e607c;display:flex;justify-content:space-between}.Settings-menu .Settings-option-row.bottom{border-bottom:none}.Settings-menu-player-names-and-checkers{cursor:pointer;display:flex;justify-content:space-around;padding-right:5%;width:50%}.Settings-menu-player-name-and-checker{align-items:center;display:flex;flex-direction:column;justify-content:center;width:40%}.Settings-menu-player-name{text-align:center}.Settings-menu-checkers-wrapper{display:flex;height:66%;justify-content:space-around;width:100%}.Settings-menu-checker-wrapper{align-items:center;display:flex;height:50%;justify-content:center;width:31%}.Settings-menu-checker-wrapper .Checker{height:100%;width:100%}.Settings-menu-color-swap-arrow-wrapper{align-items:center;display:flex;flex-direction:column;justify-content:center;transition:.2s;width:20%}.Settings-menu-player-names-and-checkers:hover .Settings-menu-color-swap-arrow-wrapper{transform:scale(110%)}.Settings-menu-color-swap{font-size:.6em;font-weight:700;text-align:center}.Settings-menu-color-swap-arrow{background:url(/backgammon/static/media/swap-arrow.adc2648dbfeda0f4cdd7.svg);background-repeat:no-repeat;height:20%;width:50%}.Settings-option-movement-diagram-wrapper{cursor:pointer;display:flex;justify-content:center;padding:2%;width:50%}.Settings-option-movement-diagram{background-repeat:no-repeat;background-size:contain;height:100%;transition:.2s;width:50%}.Settings-option-movement-diagram:hover{transform:scale(105%)}.Settings-option-movement-diagram.light{background-image:url(/backgammon/static/media/diagram-light-ccw.931adeaa0db388308858.svg)}.Settings-option-movement-diagram.light.cw{background-image:url(/backgammon/static/media/diagram-light-cw.68e6b7bbe70ad7e26961.svg)}.Settings-option-movement-diagram.dark{background-image:url(/backgammon/static/media/diagram-dark-ccw.76b61315a54e8704edf2.svg)}.Settings-option-movement-diagram.dark.cw{background-image:url(/backgammon/static/media/diagram-dark-cw.b2e38535766ef2517564.svg)}.Settings-checker-color-label,.Settings-checker-direction-label{padding:4vh}.Settings-option-arrow.clockwise{background:url(/backgammon/static/media/clockwise-arrow.8272b2cca1c1aef8f74d.svg) no-repeat 0 0}.Settings-option-arrow.counterclockwise{background:url(/backgammon/static/media/counterclockwise-arrow.786060271d460b1849ae.svg) no-repeat 0 0}.Settings-menu-button{background:url(/backgammon/static/media/settings-icon.838a43ba31c120380782.svg) no-repeat 0 0;background-size:contain}@media screen and (orientation:landscape){.Settings-menu-button{height:3vw;width:3vw}}@media screen and (orientation:portrait){.Settings-menu-button{height:3vh;width:3vh}}.Accept-double-menu-wrapper,.Begin-game-button-wrapper,.Dice,.Offer-double-button-wrapper,.Roll-button-wrapper{align-items:center;display:flex;height:10%;justify-content:space-evenly;left:10%;position:absolute;top:45%;width:80%;z-index:5}.Die-faces{align-items:center;display:flex;height:114%;justify-content:center;transform-style:preserve-3d;transition:transform 1.3s ease-out;width:15.5%}.Die-face{grid-gap:.4vw;border-radius:.5vw;color:#fff;display:grid;gap:.4vw;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);height:100%;padding:.2vw;position:absolute;width:100%}.Die-faces.white .Die-face{background-color:#fff3db;border:.2vw solid #b49e70}.Die-faces.black .Die-face{background-color:#0f1025;border:.2vw solid #767293}.Die-faces.black.spent .Die-face,.Die-faces.white.spent .Die-face{display:none}.Die-faces.white.spent.five .Die-face.five,.Die-faces.white.spent.four .Die-face.four,.Die-faces.white.spent.one .Die-face.one,.Die-faces.white.spent.six .Die-face.six,.Die-faces.white.spent.three .Die-face.three,.Die-faces.white.spent.two .Die-face.two{background-color:#fff3db4d;border-color:hsla(41,31%,57%,.478);display:grid}.Die-faces.black.spent.five .Die-face.five,.Die-faces.black.spent.four .Die-face.four,.Die-faces.black.spent.one .Die-face.one,.Die-faces.black.spent.six .Die-face.six,.Die-faces.black.spent.three .Die-face.three,.Die-faces.black.spent.two .Die-face.two{background-color:#0f102526;border-color:rgba(118,114,147,.388);display:grid}.Die-pip{border-radius:50%;height:95%;width:95%}.Die-faces.white .Die-pip{background-color:#1b1c22}.Die-faces.black .Die-pip{background-color:#ede2ce}.Die-faces.black.spent .Die-pip{background-color:hsla(0,0%,100%,.439)}.Die-faces.white.spent .Die-pip{background-color:rgba(0,0,0,.439)}.Die-faces.one,.Die-faces.one.black.reroll{transform:rotateX(1turn) rotateY(2turn) rotate(1turn)}.Die-faces.two,.Die-faces.two.black.reroll{transform:rotateX(450deg) rotateY(2turn) rotate(1turn)}.Die-faces.three,.Die-faces.three.black.reroll{transform:rotateX(1turn) rotateY(630deg) rotate(1turn)}.Die-faces.four,.Die-faces.four.black.reroll{transform:rotateX(1turn) rotateY(810deg) rotate(1turn)}.Die-faces.five,.Die-faces.five.black.reroll{transform:rotateX(270deg) rotateY(2turn) rotate(1turn)}.Die-faces.six,.Die-faces.six.black.reroll{transform:rotateX(1turn) rotateY(900deg) rotate(1turn)}.Die-faces.one.black,.Die-faces.one.reroll{transform:rotateX(-1turn) rotateY(-2turn) rotate(-1turn)}.Die-faces.two.black,.Die-faces.two.reroll{transform:rotateX(-270deg) rotateY(-2turn) rotate(-1turn)}.Die-faces.three.black,.Die-faces.three.reroll{transform:rotateX(-1turn) rotateY(-810deg) rotate(-1turn)}.Die-faces.four.black,.Die-faces.four.reroll{transform:rotateX(-1turn) rotateY(-630deg) rotate(-1turn)}.Die-faces.five.black,.Die-faces.five.reroll{transform:rotateX(-450deg) rotateY(-2turn) rotate(-1turn)}.Die-faces.six.black,.Die-faces.six.reroll{transform:rotateX(-1turn) rotateY(-900deg) rotate(-1turn)}.Die-face.one{transform:rotate3d(0,0,0,90deg) translateZ(1.6vw)}.Die-face.two{transform:rotate3d(-1,0,0,90deg) translateZ(1.6vw)}.Die-face.three{transform:rotateY(90deg) translateZ(1.6vw)}.Die-face.four{transform:rotate3d(0,-1,0,90deg) translateZ(1.6vw)}.Die-face.five{transform:rotateX(90deg) translateZ(1.6vw)}.Die-face.six{transform:rotateX(180deg) translateZ(1.6vw)}.Die-pip.one{grid-area:1/1}.Die-pip.three{grid-area:1/3}.Die-pip.four{grid-area:2/1}.Die-pip.five{grid-area:2/2}.Die-pip.six{grid-area:2/3}.Die-pip.seven{grid-area:3/1}.Die-pip.nine{grid-area:3/3}.Doubling-cube{align-content:center;background-image:url(/backgammon/static/media/doubling-cube.f3177f98ab938202e0aa.svg);background-repeat:no-repeat;filter:drop-shadow(1px 1px 1px rgb(58,7,7));height:85%;margin-left:7.5%;width:85%}.Doubling-cube-value-wrapper{align-content:center;color:#fabbbb;font-size:min(1.3vw,1.3em);height:100%;text-align:center;text-shadow:1px 1px 1px #3a0707;width:100%}.Accept-double-menu-wrapper{display:flex;flex-direction:column;height:14%;top:43%}.Accept-double-menu-text-wrapper{color:#b8b8b8;font-size:max(.5em,1.2vw)}.Accept-double-menu-buttons-wrapper{align-items:center;display:flex;height:50%;justify-content:space-evenly;width:100%}.Accept-double-button,.Forfeit-game-button{font-size:min(1em,1vw);height:100%;padding:0;width:34%}.Accept-double-button{color:#62955d}.Forfeit-game-button{color:#c14534}.Waiting-for-accept-double-wrapper{align-items:center;color:#b8b8b8;display:flex;font-size:.7em;height:12%;justify-content:center;left:10%;position:absolute;top:44%;width:80%;z-index:5}.Initial-floating-circle{animation:float-around-none 0s ease 0s 1 normal none running var(--animation-duration) 0s ease-in;animation:float-around-initial var(--animation-duration) 0s ease-in;background-color:rgba(131,145,158,.141);border-radius:50%;bottom:var(--bottom-offset);display:block;height:var(--radius);left:var(--left-offset);opacity:0;pointer-events:none;position:absolute;width:var(--radius)}@keyframes float-around-initial{0%{opacity:var(--starting-opacity)}50%{opacity:var(--max-opacity)}to{opacity:0;transform:translateX(var(--float-x)) translateY(var(--float-y))}}.Initial-floating-circle:nth-child(0){--bottom-offset:30%;--left-offset:6vw;--radius:5vw;--animation-duration:15s;--float-y:-20vh;--float-x:-4vw;--starting-opacity:29%;--max-opacity:62%}.Initial-floating-circle:first-child{--bottom-offset:35%;--left-offset:97vw;--radius:4vw;--animation-duration:24s;--float-y:25vh;--float-x:6vw;--starting-opacity:25%;--max-opacity:69%}.Initial-floating-circle:nth-child(2){--bottom-offset:77%;--left-offset:21vw;--radius:4vw;--animation-duration:30s;--float-y:13vh;--float-x:-17vw;--starting-opacity:36%;--max-opacity:80%}.Initial-floating-circle:nth-child(3){--bottom-offset:42%;--left-offset:0vw;--radius:3vw;--animation-duration:27s;--float-y:-5vh;--float-x:22vw;--starting-opacity:36%;--max-opacity:76%}.Initial-floating-circle:nth-child(4){--bottom-offset:98%;--left-offset:94vw;--radius:3vw;--animation-duration:18s;--float-y:-14vh;--float-x:13vw;--starting-opacity:10%;--max-opacity:57%}.Initial-floating-circle:nth-child(5){--bottom-offset:84%;--left-offset:83vw;--radius:3vw;--animation-duration:27s;--float-y:-7vh;--float-x:-25vw;--starting-opacity:42%;--max-opacity:58%}.Initial-floating-circle:nth-child(6){--bottom-offset:93%;--left-offset:7vw;--radius:5vw;--animation-duration:18s;--float-y:-23vh;--float-x:28vw;--starting-opacity:11%;--max-opacity:66%}.Initial-floating-circle:nth-child(7){--bottom-offset:27%;--left-offset:80vw;--radius:5vw;--animation-duration:20s;--float-y:-4vh;--float-x:23vw;--starting-opacity:12%;--max-opacity:74%}.Initial-floating-circle:nth-child(8){--bottom-offset:46%;--left-offset:45vw;--radius:4vw;--animation-duration:14s;--float-y:13vh;--float-x:-30vw;--starting-opacity:36%;--max-opacity:52%}.Initial-floating-circle:nth-child(9){--bottom-offset:110%;--left-offset:84vw;--radius:6vw;--animation-duration:23s;--float-y:-8vh;--float-x:-22vw;--starting-opacity:16%;--max-opacity:40%}.Initial-floating-circle:nth-child(10){--bottom-offset:1%;--left-offset:39vw;--radius:5vw;--animation-duration:28s;--float-y:17vh;--float-x:-7vw;--starting-opacity:35%;--max-opacity:66%}.Initial-floating-circle:nth-child(11){--bottom-offset:80%;--left-offset:48vw;--radius:4vw;--animation-duration:14s;--float-y:-15vh;--float-x:-26vw;--starting-opacity:36%;--max-opacity:51%}.Initial-floating-circle:nth-child(12){--bottom-offset:32%;--left-offset:95vw;--radius:5vw;--animation-duration:28s;--float-y:5vh;--float-x:-19vw;--starting-opacity:30%;--max-opacity:43%}.Initial-floating-circle:nth-child(13){--bottom-offset:35%;--left-offset:3vw;--radius:4vw;--animation-duration:13s;--float-y:-17vh;--float-x:-16vw;--starting-opacity:11%;--max-opacity:60%}.Initial-floating-circle:nth-child(14){--bottom-offset:84%;--left-offset:69vw;--radius:5vw;--animation-duration:17s;--float-y:30vh;--float-x:-5vw;--starting-opacity:42%;--max-opacity:66%}.Initial-floating-circle:nth-child(15){--bottom-offset:83%;--left-offset:86vw;--radius:6vw;--animation-duration:22s;--float-y:14vh;--float-x:-20vw;--starting-opacity:45%;--max-opacity:57%}.Initial-floating-circle:nth-child(16){--bottom-offset:105%;--left-offset:72vw;--radius:5vw;--animation-duration:26s;--float-y:24vh;--float-x:-10vw;--starting-opacity:50%;--max-opacity:61%}.Initial-floating-circle:nth-child(17){--bottom-offset:89%;--left-offset:14vw;--radius:5vw;--animation-duration:25s;--float-y:3vh;--float-x:21vw;--starting-opacity:11%;--max-opacity:75%}.Initial-floating-circle:nth-child(18){--bottom-offset:82%;--left-offset:49vw;--radius:3vw;--animation-duration:15s;--float-y:-26vh;--float-x:-20vw;--starting-opacity:38%;--max-opacity:47%}.Initial-floating-circle:nth-child(19){--bottom-offset:91%;--left-offset:15vw;--radius:3vw;--animation-duration:27s;--float-y:28vh;--float-x:15vw;--starting-opacity:22%;--max-opacity:69%}.Initial-floating-circle:nth-child(20){--bottom-offset:32%;--left-offset:86vw;--radius:6vw;--animation-duration:27s;--float-y:12vh;--float-x:2vw;--starting-opacity:46%;--max-opacity:53%}.Initial-floating-circle:nth-child(21){--bottom-offset:66%;--left-offset:25vw;--radius:6vw;--animation-duration:16s;--float-y:-22vh;--float-x:24vw;--starting-opacity:15%;--max-opacity:61%}.Initial-floating-circle:nth-child(22){--bottom-offset:24%;--left-offset:51vw;--radius:3vw;--animation-duration:11s;--float-y:10vh;--float-x:-9vw;--starting-opacity:39%;--max-opacity:41%}.Initial-floating-circle:nth-child(23){--bottom-offset:92%;--left-offset:88vw;--radius:4vw;--animation-duration:10s;--float-y:-1vh;--float-x:-7vw;--starting-opacity:40%;--max-opacity:78%}.Initial-floating-circle:nth-child(24){--bottom-offset:15%;--left-offset:100vw;--radius:6vw;--animation-duration:19s;--float-y:26vh;--float-x:-24vw;--starting-opacity:45%;--max-opacity:65%}.Initial-floating-circle:nth-child(25){--bottom-offset:100%;--left-offset:60vw;--radius:4vw;--animation-duration:24s;--float-y:-8vh;--float-x:29vw;--starting-opacity:37%;--max-opacity:43%}.Initial-floating-circle:nth-child(26){--bottom-offset:42%;--left-offset:60vw;--radius:6vw;--animation-duration:29s;--float-y:-28vh;--float-x:3vw;--starting-opacity:43%;--max-opacity:80%}.Initial-floating-circle:nth-child(27){--bottom-offset:98%;--left-offset:39vw;--radius:6vw;--animation-duration:10s;--float-y:5vh;--float-x:-9vw;--starting-opacity:37%;--max-opacity:47%}.Initial-floating-circle:nth-child(28){--bottom-offset:98%;--left-offset:84vw;--radius:4vw;--animation-duration:15s;--float-y:9vh;--float-x:5vw;--starting-opacity:19%;--max-opacity:50%}.Initial-floating-circle:nth-child(29){--bottom-offset:42%;--left-offset:1vw;--radius:6vw;--animation-duration:18s;--float-y:-22vh;--float-x:13vw;--starting-opacity:17%;--max-opacity:51%}.Initial-floating-circle:nth-child(30){--bottom-offset:40%;--left-offset:99vw;--radius:3vw;--animation-duration:23s;--float-y:20vh;--float-x:-10vw;--starting-opacity:32%;--max-opacity:80%}.Initial-floating-circle:nth-child(31){--bottom-offset:69%;--left-offset:42vw;--radius:4vw;--animation-duration:23s;--float-y:-19vh;--float-x:-9vw;--starting-opacity:35%;--max-opacity:78%}.Initial-floating-circle:nth-child(32){--bottom-offset:64%;--left-offset:66vw;--radius:4vw;--animation-duration:11s;--float-y:3vh;--float-x:19vw;--starting-opacity:43%;--max-opacity:41%}.Initial-floating-circle:nth-child(33){--bottom-offset:99%;--left-offset:25vw;--radius:6vw;--animation-duration:11s;--float-y:11vh;--float-x:21vw;--starting-opacity:23%;--max-opacity:61%}.Initial-floating-circle:nth-child(34){--bottom-offset:106%;--left-offset:41vw;--radius:5vw;--animation-duration:26s;--float-y:9vh;--float-x:-10vw;--starting-opacity:49%;--max-opacity:73%}.Initial-floating-circle:nth-child(35){--bottom-offset:72%;--left-offset:77vw;--radius:3vw;--animation-duration:16s;--float-y:9vh;--float-x:8vw;--starting-opacity:25%;--max-opacity:42%}.Initial-floating-circle:nth-child(36){--bottom-offset:76%;--left-offset:50vw;--radius:6vw;--animation-duration:13s;--float-y:-23vh;--float-x:5vw;--starting-opacity:49%;--max-opacity:55%}.Initial-floating-circle:nth-child(37){--bottom-offset:50%;--left-offset:11vw;--radius:3vw;--animation-duration:15s;--float-y:-7vh;--float-x:-27vw;--starting-opacity:22%;--max-opacity:57%}.Initial-floating-circle:nth-child(38){--bottom-offset:2%;--left-offset:89vw;--radius:4vw;--animation-duration:24s;--float-y:-18vh;--float-x:-9vw;--starting-opacity:50%;--max-opacity:62%}.Initial-floating-circle:nth-child(39){--bottom-offset:6%;--left-offset:58vw;--radius:6vw;--animation-duration:23s;--float-y:-4vh;--float-x:-20vw;--starting-opacity:20%;--max-opacity:42%}.Initial-floating-circle:nth-child(40){--bottom-offset:-4%;--left-offset:3vw;--radius:3vw;--animation-duration:10s;--float-y:-11vh;--float-x:-18vw;--starting-opacity:21%;--max-opacity:42%}.Initial-floating-circle:nth-child(41){--bottom-offset:66%;--left-offset:54vw;--radius:3vw;--animation-duration:29s;--float-y:10vh;--float-x:10vw;--starting-opacity:42%;--max-opacity:74%}.Initial-floating-circle:nth-child(42){--bottom-offset:105%;--left-offset:25vw;--radius:5vw;--animation-duration:13s;--float-y:-15vh;--float-x:-3vw;--starting-opacity:28%;--max-opacity:79%}.Initial-floating-circle:nth-child(43){--bottom-offset:12%;--left-offset:0vw;--radius:5vw;--animation-duration:19s;--float-y:0vh;--float-x:15vw;--starting-opacity:43%;--max-opacity:42%}.Initial-floating-circle:nth-child(44){--bottom-offset:62%;--left-offset:37vw;--radius:3vw;--animation-duration:18s;--float-y:-9vh;--float-x:-29vw;--starting-opacity:48%;--max-opacity:75%}.Initial-floating-circle:nth-child(45){--bottom-offset:36%;--left-offset:23vw;--radius:3vw;--animation-duration:28s;--float-y:-12vh;--float-x:-9vw;--starting-opacity:41%;--max-opacity:67%}.Initial-floating-circle:nth-child(46){--bottom-offset:81%;--left-offset:16vw;--radius:3vw;--animation-duration:13s;--float-y:6vh;--float-x:-7vw;--starting-opacity:24%;--max-opacity:52%}.Initial-floating-circle:nth-child(47){--bottom-offset:59%;--left-offset:41vw;--radius:6vw;--animation-duration:12s;--float-y:8vh;--float-x:0vw;--starting-opacity:36%;--max-opacity:56%}.Initial-floating-circle:nth-child(48){--bottom-offset:107%;--left-offset:7vw;--radius:6vw;--animation-duration:15s;--float-y:-2vh;--float-x:-18vw;--starting-opacity:41%;--max-opacity:44%}.Initial-floating-circle:nth-child(49){--bottom-offset:8%;--left-offset:48vw;--radius:5vw;--animation-duration:18s;--float-y:20vh;--float-x:15vw;--starting-opacity:13%;--max-opacity:80%}.Initial-floating-circle:nth-child(50){--bottom-offset:80%;--left-offset:62vw;--radius:4vw;--animation-duration:18s;--float-y:30vh;--float-x:-17vw;--starting-opacity:45%;--max-opacity:60%}.Floating-circle{animation:float-around var(--animation-duration) var(--delay) ease-in infinite;background-color:rgba(131,145,158,.141);border-radius:50%;bottom:var(--bottom-offset);display:block;height:var(--radius);left:var(--left-offset);opacity:0;pointer-events:none;position:absolute;width:var(--radius)}@keyframes float-around{0%{opacity:0}50%{opacity:var(--max-opacity)}to{opacity:0;transform:translateX(var(--float-x)) translateY(var(--float-y))}}.Floating-circle:nth-child(0){--delay:22s;--bottom-offset:69%;--left-offset:36vw;--radius:4vw;--animation-duration:16s;--float-y:-25vh;--float-x:26vw;--max-opacity:48%}.Floating-circle:first-child{--delay:30s;--bottom-offset:58%;--left-offset:83vw;--radius:5vw;--animation-duration:28s;--float-y:-17vh;--float-x:29vw;--max-opacity:66%}.Floating-circle:nth-child(2){--delay:22s;--bottom-offset:75%;--left-offset:66vw;--radius:6vw;--animation-duration:15s;--float-y:6vh;--float-x:23vw;--max-opacity:45%}.Floating-circle:nth-child(3){--delay:23s;--bottom-offset:21%;--left-offset:22vw;--radius:3vw;--animation-duration:29s;--float-y:3vh;--float-x:1vw;--max-opacity:51%}.Floating-circle:nth-child(4){--delay:19s;--bottom-offset:27%;--left-offset:80vw;--radius:5vw;--animation-duration:12s;--float-y:15vh;--float-x:19vw;--max-opacity:58%}.Floating-circle:nth-child(5){--delay:11s;--bottom-offset:70%;--left-offset:80vw;--radius:5vw;--animation-duration:29s;--float-y:11vh;--float-x:-6vw;--max-opacity:45%}.Floating-circle:nth-child(6){--delay:10s;--bottom-offset:76%;--left-offset:14vw;--radius:6vw;--animation-duration:18s;--float-y:16vh;--float-x:1vw;--max-opacity:67%}.Floating-circle:nth-child(7){--delay:25s;--bottom-offset:31%;--left-offset:47vw;--radius:6vw;--animation-duration:21s;--float-y:-18vh;--float-x:8vw;--max-opacity:69%}.Floating-circle:nth-child(8){--delay:29s;--bottom-offset:8%;--left-offset:85vw;--radius:4vw;--animation-duration:22s;--float-y:15vh;--float-x:11vw;--max-opacity:42%}.Floating-circle:nth-child(9){--delay:30s;--bottom-offset:2%;--left-offset:68vw;--radius:5vw;--animation-duration:15s;--float-y:22vh;--float-x:-30vw;--max-opacity:59%}.Floating-circle:nth-child(10){--delay:25s;--bottom-offset:21%;--left-offset:82vw;--radius:6vw;--animation-duration:15s;--float-y:20vh;--float-x:-22vw;--max-opacity:31%}.Floating-circle:nth-child(11){--delay:13s;--bottom-offset:60%;--left-offset:82vw;--radius:6vw;--animation-duration:10s;--float-y:11vh;--float-x:20vw;--max-opacity:39%}.Floating-circle:nth-child(12){--delay:13s;--bottom-offset:54%;--left-offset:96vw;--radius:3vw;--animation-duration:27s;--float-y:17vh;--float-x:9vw;--max-opacity:52%}.Floating-circle:nth-child(13){--delay:17s;--bottom-offset:17%;--left-offset:53vw;--radius:3vw;--animation-duration:16s;--float-y:5vh;--float-x:-8vw;--max-opacity:40%}.Floating-circle:nth-child(14){--delay:24s;--bottom-offset:9%;--left-offset:20vw;--radius:6vw;--animation-duration:27s;--float-y:21vh;--float-x:18vw;--max-opacity:68%}.Floating-circle:nth-child(15){--delay:21s;--bottom-offset:95%;--left-offset:58vw;--radius:4vw;--animation-duration:11s;--float-y:0vh;--float-x:18vw;--max-opacity:30%}.Floating-circle:nth-child(16){--delay:17s;--bottom-offset:21%;--left-offset:75vw;--radius:6vw;--animation-duration:10s;--float-y:8vh;--float-x:13vw;--max-opacity:65%}.Floating-circle:nth-child(17){--delay:30s;--bottom-offset:94%;--left-offset:45vw;--radius:5vw;--animation-duration:18s;--float-y:22vh;--float-x:-10vw;--max-opacity:35%}.Floating-circle:nth-child(18){--delay:11s;--bottom-offset:82%;--left-offset:50vw;--radius:5vw;--animation-duration:30s;--float-y:18vh;--float-x:-10vw;--max-opacity:51%}.Floating-circle:nth-child(19){--delay:13s;--bottom-offset:-7%;--left-offset:23vw;--radius:6vw;--animation-duration:13s;--float-y:-14vh;--float-x:26vw;--max-opacity:43%}.Floating-circle:nth-child(20){--delay:30s;--bottom-offset:46%;--left-offset:2vw;--radius:3vw;--animation-duration:10s;--float-y:13vh;--float-x:17vw;--max-opacity:61%}.Floating-circle:nth-child(21){--delay:30s;--bottom-offset:-10%;--left-offset:63vw;--radius:5vw;--animation-duration:18s;--float-y:13vh;--float-x:26vw;--max-opacity:36%}.Floating-circle:nth-child(22){--delay:10s;--bottom-offset:22%;--left-offset:90vw;--radius:4vw;--animation-duration:15s;--float-y:-12vh;--float-x:3vw;--max-opacity:30%}.Floating-circle:nth-child(23){--delay:14s;--bottom-offset:30%;--left-offset:77vw;--radius:6vw;--animation-duration:29s;--float-y:-8vh;--float-x:-12vw;--max-opacity:53%}.Floating-circle:nth-child(24){--delay:24s;--bottom-offset:27%;--left-offset:89vw;--radius:3vw;--animation-duration:10s;--float-y:-24vh;--float-x:-6vw;--max-opacity:31%}.Floating-circle:nth-child(25){--delay:22s;--bottom-offset:106%;--left-offset:17vw;--radius:6vw;--animation-duration:16s;--float-y:-22vh;--float-x:9vw;--max-opacity:62%}.Floating-circle:nth-child(26){--delay:11s;--bottom-offset:41%;--left-offset:60vw;--radius:3vw;--animation-duration:11s;--float-y:5vh;--float-x:28vw;--max-opacity:34%}.Floating-circle:nth-child(27){--delay:12s;--bottom-offset:29%;--left-offset:89vw;--radius:4vw;--animation-duration:26s;--float-y:-27vh;--float-x:-26vw;--max-opacity:59%}.Floating-circle:nth-child(28){--delay:22s;--bottom-offset:-10%;--left-offset:57vw;--radius:5vw;--animation-duration:25s;--float-y:-3vh;--float-x:-6vw;--max-opacity:55%}.Floating-circle:nth-child(29){--delay:13s;--bottom-offset:62%;--left-offset:28vw;--radius:6vw;--animation-duration:21s;--float-y:23vh;--float-x:5vw;--max-opacity:46%}.Floating-circle:nth-child(30){--delay:22s;--bottom-offset:32%;--left-offset:45vw;--radius:3vw;--animation-duration:24s;--float-y:4vh;--float-x:1vw;--max-opacity:55%}.Floating-circle:nth-child(31){--delay:10s;--bottom-offset:103%;--left-offset:4vw;--radius:3vw;--animation-duration:11s;--float-y:-29vh;--float-x:6vw;--max-opacity:36%}.Floating-circle:nth-child(32){--delay:24s;--bottom-offset:20%;--left-offset:39vw;--radius:5vw;--animation-duration:18s;--float-y:5vh;--float-x:8vw;--max-opacity:55%}.Floating-circle:nth-child(33){--delay:18s;--bottom-offset:38%;--left-offset:71vw;--radius:3vw;--animation-duration:30s;--float-y:26vh;--float-x:-14vw;--max-opacity:61%}.Floating-circle:nth-child(34){--delay:30s;--bottom-offset:75%;--left-offset:2vw;--radius:6vw;--animation-duration:29s;--float-y:28vh;--float-x:4vw;--max-opacity:61%}.Floating-circle:nth-child(35){--delay:16s;--bottom-offset:27%;--left-offset:73vw;--radius:6vw;--animation-duration:23s;--float-y:10vh;--float-x:17vw;--max-opacity:53%}.Floating-circle:nth-child(36){--delay:29s;--bottom-offset:108%;--left-offset:50vw;--radius:6vw;--animation-duration:11s;--float-y:-19vh;--float-x:30vw;--max-opacity:55%}.Floating-circle:nth-child(37){--delay:30s;--bottom-offset:93%;--left-offset:91vw;--radius:4vw;--animation-duration:26s;--float-y:30vh;--float-x:-25vw;--max-opacity:34%}.Floating-circle:nth-child(38){--delay:21s;--bottom-offset:1%;--left-offset:51vw;--radius:6vw;--animation-duration:18s;--float-y:0vh;--float-x:24vw;--max-opacity:35%}.Floating-circle:nth-child(39){--delay:16s;--bottom-offset:23%;--left-offset:22vw;--radius:3vw;--animation-duration:27s;--float-y:-28vh;--float-x:-27vw;--max-opacity:42%}.Floating-circle:nth-child(40){--delay:20s;--bottom-offset:31%;--left-offset:99vw;--radius:3vw;--animation-duration:18s;--float-y:-22vh;--float-x:-5vw;--max-opacity:32%}.Floating-circle:nth-child(41){--delay:16s;--bottom-offset:57%;--left-offset:22vw;--radius:5vw;--animation-duration:13s;--float-y:29vh;--float-x:26vw;--max-opacity:69%}.Floating-circle:nth-child(42){--delay:19s;--bottom-offset:69%;--left-offset:65vw;--radius:5vw;--animation-duration:25s;--float-y:2vh;--float-x:-4vw;--max-opacity:68%}.Floating-circle:nth-child(43){--delay:27s;--bottom-offset:3%;--left-offset:12vw;--radius:5vw;--animation-duration:15s;--float-y:2vh;--float-x:21vw;--max-opacity:50%}.Floating-circle:nth-child(44){--delay:17s;--bottom-offset:47%;--left-offset:28vw;--radius:4vw;--animation-duration:27s;--float-y:-15vh;--float-x:-11vw;--max-opacity:34%}.Floating-circle:nth-child(45){--delay:21s;--bottom-offset:3%;--left-offset:69vw;--radius:6vw;--animation-duration:27s;--float-y:15vh;--float-x:26vw;--max-opacity:50%}.Floating-circle:nth-child(46){--delay:21s;--bottom-offset:16%;--left-offset:11vw;--radius:4vw;--animation-duration:16s;--float-y:5vh;--float-x:25vw;--max-opacity:34%}.Floating-circle:nth-child(47){--delay:27s;--bottom-offset:36%;--left-offset:73vw;--radius:5vw;--animation-duration:14s;--float-y:-9vh;--float-x:2vw;--max-opacity:57%}.Floating-circle:nth-child(48){--delay:11s;--bottom-offset:83%;--left-offset:86vw;--radius:5vw;--animation-duration:10s;--float-y:-24vh;--float-x:-13vw;--max-opacity:65%}.Floating-circle:nth-child(49){--delay:22s;--bottom-offset:96%;--left-offset:60vw;--radius:5vw;--animation-duration:15s;--float-y:26vh;--float-x:-18vw;--max-opacity:39%}.Floating-circle:nth-child(50){--delay:14s;--bottom-offset:9%;--left-offset:90vw;--radius:6vw;--animation-duration:22s;--float-y:12vh;--float-x:9vw;--max-opacity:32%}.Wipe-transition{animation-duration:.3s;animation-iteration-count:1;animation-name:wipe;animation-timing-function:linear;background-color:rgba(0,0,0,.655);height:100%;left:0;pointer-events:none;position:absolute;top:0;width:0;z-index:9}@keyframes wipe{0%{width:100%}to{width:0}}.Wipe-fade{animation-duration:.3s;animation-iteration-count:1;animation-name:fade;animation-timing-function:linear;background-color:#fff0;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:8}@keyframes fade{0%{background-color:hsla(0,0%,100%,.337)}to{background-color:#fff0}}.Room-connection-error-wrapper{align-items:center;color:#b8b8b8;display:flex;flex-direction:column;text-align:center;width:50%}.Room-connection-error-header{font-size:max(2em,2vw)}.Room-connection-error-text{font-size:max(1em,1vw);margin-top:2%;width:100%}.Room-connection-error-roomcode{font-weight:700}.Room-connection-error-subtext{font-size:max(1em,1vw);line-height:1em;margin-top:2%;width:70%}.Room-connection-error-menu-button-wrapper{margin-top:5%}.Room-connection-error-menu-button{background:linear-gradient(90deg,#3f3217,#564112);border:.2em double #816c3d;border-radius:min(1vw,1em);color:#b8b8b8;font-family:Barlow,sans-serif;font-size:max(1em,1vw);font-weight:700;height:5vh;max-width:175px;min-height:35px;min-width:125px;padding:.5vh;text-align:center;transition:.2s;width:12vw}.Room-connection-error-menu-button:active,.Room-connection-error-menu-button:hover{transform:scale(105%)} -/*# sourceMappingURL=main.d409741d.css.map*/ \ No newline at end of file +.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media(prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-wrapper{align-items:center;background:linear-gradient(180deg,#3b4587,#151516) border-box;display:flex;flex-direction:column;font-family:Barlow,sans-serif;justify-content:center;min-height:300px;min-width:400px;overflow:hidden;position:relative}.App-wrapper,.App-wrapper.mainmenu{height:100vh;width:100vw}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-family:Barlow,sans-serif;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.Waiting-text-wrapper{display:flex}.Begin-game-button-wrapper.waiting-text{color:#b8b8b8;font-size:.8em;justify-content:center}.Waiting-spinner{animation-duration:2s;animation-iteration-count:infinite;animation-name:spin;animation-timing-function:linear;background-image:url(/backgammon/static/media/loading-spinner.2e1c3e92b0cc05ad6bdd.svg);background-position:50%;background-repeat:no-repeat;height:40%;margin-top:1%;width:8%}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.Accept-double-button,.Begin-game-button,.Forfeit-game-button,.Offer-double-button,.Roll-button{background:linear-gradient(90deg,#3f3217,#564112);border:.2em double #816c3d;border-radius:min(1vw,1em);color:#b8b8b8;font-family:Barlow,sans-serif;font-size:max(1.4vh,1.4vw);font-weight:700;padding:.5vh;text-align:center;transition:.2s;width:11vw}.Accept-double-button:hover,.Begin-game-button:hover,.Forfeit-game-button:hover,.Offer-double-button:hover,.Roll-button:hover,.Settings-menu-button:hover{transform:scale(110%)}.Game-board-wrapper{align-items:center;color:#fff;display:flex;height:30vw;justify-content:center;min-height:150px;min-width:300px;width:60vw}.Networked-gameboard-spinner{animation-duration:2s;animation-iteration-count:infinite;animation-name:spin;animation-timing-function:linear;background-image:url(/backgammon/static/media/online-multiplayer-button-spinner.7c87ae20b24b79031ab9.svg);background-position:50%;background-repeat:no-repeat;height:20%;width:20%}.Main-menu-wrapper{align-items:center;color:#fff;display:flex;flex-direction:column;height:60%;min-height:300px;min-width:400px;width:60%}.Title-wrapper{container:title-container/inline-size;background-image:url(/backgammon/static/media/backgammon-title.34ee913e01db821eea92.svg);background-position:50%;background-repeat:no-repeat;filter:drop-shadow(0 1vh .3vh rgba(0,0,0,.35));height:25%;text-align:center;vertical-align:middle;width:80%}.Title-text{font-size:3.5em}@container title-container (min-width: 400px){.Title-text{font-size:max(3.5em,3.5em + 4cqi)}}.Menu-button-wrapper{container:menu-button-wrapper/inline-size;display:flex;flex-direction:column;height:50%;justify-content:space-around;width:60%}.Local-multiplayer-button,.Online-multiplayer-button{background-position:50%;background-repeat:no-repeat;cursor:pointer;display:flex;filter:drop-shadow(0 1vh .3vh rgba(0,0,0,.35));font-family:Barlow,sans-serif;font-size:max(2vh,2vw);height:40%;transition:.2s;width:100%}@media screen and (orientation:portrait){.Title-wrapper{height:16%}.Menu-button-wrapper{height:30%}}.Local-multiplayer-button{background-image:url(/backgammon/static/media/local-multiplayer-button.04a8bf8817e1c77c6937.svg)}.Online-multiplayer-button{background-image:url(/backgammon/static/media/online-multiplayer-button.967df5a8b632a39956f1.svg)}.Local-multiplayer-button:active,.Local-multiplayer-button:hover,.Online-multiplayer-button:active,.Online-multiplayer-button:hover{transform:scale(105%)}.Online-multiplayer-button-spinner{animation-duration:2s;animation-iteration-count:infinite;animation-name:spin;animation-timing-function:linear;background-image:url(/backgammon/static/media/online-multiplayer-button-spinner.7c87ae20b24b79031ab9.svg);background-position:50%;background-repeat:no-repeat;height:40%;width:100%}.Credits-text{bottom:1%;color:#6b7195;font-size:.6em;position:absolute;right:1%;text-align:right}.Match-settings-menu-wrapper{display:flex;flex-direction:column;height:60%;min-height:300px;min-width:400px;width:45%}.Match-settings-title-wrapper{background-image:url(/backgammon/static/media/match-settings-title.410d7b07ad339c9a3c12.svg);background-position:50%;background-repeat:no-repeat;filter:drop-shadow(0 .5vh .3vh rgba(0,0,0,.35));height:20%;vertical-align:middle;width:35%}.Doubling-cube-settings-row,.Match-points-settings-row,.Url-copy-row{align-items:center;display:flex;height:15%;margin-top:4%;width:100%}.Play-to-wrapper{background-image:url(/backgammon/static/media/play-to.73dda2d0e9b2cc8a3688.svg);background-position-y:center;background-repeat:no-repeat;width:14%}.Doubling-cube-text-wrapper,.Play-to-wrapper{filter:drop-shadow(0 .5vh .3vh rgba(0,0,0,.35));height:60%;vertical-align:middle}.Doubling-cube-text-wrapper{background-image:url(/backgammon/static/media/allow-doubling.46f6b3ad75e29c193106.svg);background-position-y:center;background-repeat:no-repeat;width:24%}.Url-title-wrapper{background-image:url(/backgammon/static/media/url-title.b6f78b0d8897abe0b49e.svg);background-position-y:center;background-repeat:no-repeat;filter:drop-shadow(0 .5vh .3vh rgba(0,0,0,.35));height:40%;vertical-align:middle;width:14%}.Url-form-wrapper{container:url-form-container/inline-size;align-items:flex-start;display:flex;flex-direction:column;height:100%;width:80%}.Url-form .form-control{background-color:#474747;color:#dcd4d4;font-size:1em}.Url-form-text{background-color:#332e2e;border:solid #dcd4d4;border-radius:1vw;color:#dcd4d4;font-size:.9em;padding:1vh 1vw}.Url-form-subtext{color:#dcd4d4;font-size:.7em;margin-left:1vw}@container url-form-container (min-width: 600px){.Url-form-text{font-size:1.5em}.Url-form-subtext{font-size:1em}}.Url-form-text-and-copy{align-items:center;display:flex;width:100%}.Url-form-copy{background-image:url(/backgammon/static/media/copy-icon.65dafb6d3844799c4c65.svg);background-position-y:center;background-repeat:no-repeat;cursor:pointer;height:80%;margin-left:2%;transition:.2s;width:8%}.Url-form-copy.highlight{background-image:url(/backgammon/static/media/copy-icon-clicked.f5926b66db8d1ba23cb1.svg)}.Url-form-copy:active,.Url-form-copy:hover{transform:scale(105%)}.Start-game-button-row{align-items:center;display:flex;height:15%;justify-content:center;margin-top:8%;width:100%}.Start-game-button{background:linear-gradient(90deg,#3f3217,#564112);border:.2em double #816c3d;border-radius:min(1vw,1em);color:#b8b8b8;font-family:Barlow,sans-serif;font-size:max(1.5vh,1.5vw);font-weight:700;padding:.5vh;text-align:center;transition:.2s;width:10vw}.Start-game-button:hover{transform:scale(105%)}.Doubling-cube-toggle-form{align-items:center;display:flex;height:100%;margin-left:4%;width:70%}.Doubling-cube-toggle-off,.Doubling-cube-toggle-on{background-position:50%;background-repeat:no-repeat;height:30%;width:15%}.Doubling-cube-toggle-off{background-image:url(/backgammon/static/media/off-disabled.bac8f3ff3f6583ec64c3.svg)}.Doubling-cube-toggle-on{background-image:url(/backgammon/static/media/on-disabled.48a39b5edf0f54f4e882.svg)}.Doubling-cube-toggle-off.enabled{background-image:url(/backgammon/static/media/off-enabled.d4f9b287b09cd0c7064c.svg)}.Doubling-cube-toggle-on.enabled{background-image:url(/backgammon/static/media/on-enabled.5b26f3fe1de148c69c98.svg)}.Doubling-cube-toggle.form-switch{margin-left:4%;margin-right:4%}.Doubling-cube-toggle .form-check-input{height:4vh;width:6vw}.Doubling-cube-toggle .form-check-input:checked{background-color:#4488ec}.Match-points-buttons-wrapper{display:flex;height:100%;width:86%}.Match-points-button{align-content:center;background-color:#cdb288;background-position:50%;background-repeat:no-repeat;background-size:15%;border-radius:10%;cursor:pointer;font-size:max(1.3em,2vw);font-weight:700;height:max(5vw,5vh);margin-left:2%;opacity:40%;text-align:center;transition:.2s;width:max(5vw,5vh)}.Match-points-button.selected{border:max(3px,.3vw) solid #fff;opacity:100%}.Match-points-button:active,.Match-points-button:hover{transform:scale(105%)}.Player-card-wrapper{background:#0f142f;border:min(5px,.4vw) #22274a;border-radius:min(1vw,1em) min(1vw,1em) 0 0;border-style:solid solid none;color:#b8b8b8;display:flex;height:9%;left:66%;position:relative;width:28%}.Player-card-wrapper.current{filter:drop-shadow(0 0 1vh #f7dcab)}.Player-card-wrapper.cw{left:6%}.Player-card-wrapper.bottom{background:#251f13;border:min(5px,.4vw) solid #564112;border-radius:0 0 min(1vw,1em) min(1vw,1em);border-top-style:none}.Player-card-checker-wrapper{display:flex;width:24%}.Player-card-checker-wrapper .Checker{height:60%;margin:20%;width:60%}.Player-name-and-score-wrapper{display:flex;flex-direction:column;width:52%}.Player-name-wrapper{font-size:2vh;font-weight:700;height:40%}.Player-card-doubling-cube-wrapper{align-content:center;width:24%}.Player-card-doubling-cube-wrapper .Doubling-cube{height:65%;margin-left:20%;width:60%}@media screen and (orientation:landscape){.Player-name-wrapper{font-size:1.2vw;font-weight:700;height:40%;margin-top:4%}.Player-score-wrapper{display:flex;font-size:.8vw;height:50%;margin-top:4%;white-space:nowrap}}@media screen and (orientation:portrait){.Player-name-wrapper{font-size:2vh;font-weight:700;height:40%}.Player-score-wrapper{display:flex;font-size:.8vw;height:50%}}.Player-card-total-match-points{font-weight:700}.Player-points-wrapper{margin-left:.8vw}.Information-text-wrapper{height:4vh;margin-left:5.5%;margin-right:5.5%;width:89%}.Information-text{color:#b8b8b8}.Game-area-wrapper{filter:drop-shadow(0 0 .5vh #000000)}.Game-board-half{background-image:url(/backgammon/static/media/board-background.096c5325cc02d43c3c3b.svg);background-size:cover;border-color:#212529;border-width:.8vh;display:flex;flex-direction:column;height:100%;justify-content:space-between;position:relative;width:45.5%;z-index:1}.Game-board-half.left{background:url(/backgammon/static/media/board-background.096c5325cc02d43c3c3b.svg) padding-box,linear-gradient(180deg,#22274a,#564112) border-box;border:min(5px,.4vw) solid #0000;border-bottom-left-radius:min(1vw,1em);border-right-style:none;border-top-left-radius:min(1vw,1em)}.Game-board-half.left.cw{border-bottom-left-radius:0;border-top-left-radius:0}.Game-board-half.right{background:url(/backgammon/static/media/board-background.096c5325cc02d43c3c3b.svg) padding-box,linear-gradient(180deg,#22274a,#564112) border-box;border:min(5px,.4vw) solid #0000;border-left-style:none}.Game-board-half.right.cw{border-bottom-right-radius:min(1vw,1em);border-top-right-radius:min(1vw,1em)}.Game-board-quadrant{display:flex;height:50%;justify-content:space-evenly;width:100%}.Game-board-quadrant.bottom{align-items:flex-end}.Game-board-bar{background:url(/backgammon/static/media/dots.266ad2859fc9b3aee84f.svg) 50%/420% padding-box,linear-gradient(180deg,#22274a,#564112) border-box;width:4%;z-index:1}.Game-board-bar,.Game-board-home{border:min(5px,.4vw) solid #0000;display:flex;flex-direction:column;height:100%;justify-content:space-around}.Game-board-home{background:url(/backgammon/static/media/dots.266ad2859fc9b3aee84f.svg) 50%/300% padding-box,linear-gradient(180deg,#22274a,#564112) border-box;border-bottom-right-radius:min(1vw,1em);border-left-style:none;border-top-right-radius:min(1vw,1em);width:5%}.Game-board-home.cw{border-bottom-left-radius:min(1vw,1em);border-bottom-right-radius:0;border-left-style:solid;border-right-style:none;border-top-left-radius:min(1vw,1em);border-top-right-radius:0}.Point-wrapper{display:flex;height:87%;position:relative;width:16.667%}.Point-wrapper-highlight{height:100%;margin-left:10%;position:absolute;width:80%;z-index:1}.Point-wrapper-highlight.from{background-color:hsla(48,70%,64%,.329)}.Point-wrapper-highlight.to{background:url(/backgammon/static/media/stripes.c676f00f1b408a99ab96.svg);background-size:cover}.Point-wrapper-highlight.noMove{animation-duration:1s;animation-name:nomove}@keyframes nomove{0%{background:url(/backgammon/static/media/stripes-red.5075527d28b88569681b.svg);background-size:cover}to{background:url(/backgammon/static/media/stripes-red-fade.4cdc118757f83dc7367a.svg);background-size:cover}}.Point-wrapper-highlight.bottom{border-top-left-radius:5vh;border-top-right-radius:5vh}.Point-wrapper-highlight.top{border-bottom-left-radius:5vh;border-bottom-right-radius:5vh}.Point-triangle{height:100%;margin-left:10%;position:absolute;width:80%;z-index:1}.Point-triangle-inner{height:96%;margin-left:12%;position:absolute;width:76%;z-index:2}.Point-triangle-inner.bottom{margin-top:12%}.Point-triangle-inner.even{background-color:#0f1744}.Point-triangle-inner.odd{background-color:#885525}.Point-triangle-inner.top,.Point-triangle.top{-webkit-clip-path:polygon(0 0,50% 100%,100% 0);clip-path:polygon(0 0,50% 100%,100% 0)}.Point-triangle-inner.bottom,.Point-triangle.bottom{-webkit-clip-path:polygon(0 100%,50% 0,100% 100%);clip-path:polygon(0 100%,50% 0,100% 100%)}.Point-triangle.even{background-color:#636781}.Point-triangle.odd{background-color:#997345}.Checkers-wrapper{align-items:center;display:flex;flex-wrap:wrap;height:100%;width:100%;z-index:3}.Checkers-wrapper.top{flex-direction:column}.Checkers-wrapper.bottom{flex-direction:column-reverse}.Point{height:41vh;width:15%}.Checker{filter:drop-shadow(0 0 .2vh rgba(0,0,0,.6));height:15%;transition:transform .3s ease-out,filter .5s ease-in-out;width:45%;will-change:transform,filter;z-index:4}.Checker.white{background-image:url(/backgammon/static/media/checker-light.e1aa85fcf8f8cc1f655d.svg);background-repeat:no-repeat}.Checker.highlighted-pulse,.Checker.selected-pulse{filter:drop-shadow(0 0 .5vh #f7dcab)}.Checker.white.selected-pulse{background-image:url(/backgammon/static/media/checker-light-selected.0682a00050929616b5fa.svg);background-repeat:no-repeat}.Checker.black.selected-pulse{background-image:url(/backgammon/static/media/checker-dark-selected.9076eecdb1839d51a87b.svg);background-repeat:no-repeat}.Checker.highlighted,.Checker.selected{filter:drop-shadow(0 0 .1vh #f7dcab)}.Checker.black{background-image:url(/backgammon/static/media/checker-dark.248faffe392f67eff7e5.svg);background-repeat:no-repeat}.Player-one-bar-checkers,.Player-two-bar-checkers{align-items:center;display:flex;height:47.5%}.Player-one-bar-checkers{flex-direction:column-reverse}.Player-two-bar-checkers{flex-direction:column}.Player-one-bar-checkers.highlight{background-color:hsla(48,70%,64%,.329);border-bottom-left-radius:5vh;border-bottom-right-radius:5vh}.Player-two-bar-checkers.highlight{background-color:hsla(48,70%,64%,.329);border-top-left-radius:5vh;border-top-right-radius:5vh}.Game-board-bar-spacer{height:5%}.Player-one-bar-checkers .Checker,.Player-two-bar-checkers .Checker{height:15%;width:120%}.Player-one-home-checkers,.Player-two-home-checkers{align-items:center;display:flex;flex-direction:column;height:45.5%}.Player-one-home-checkers .Checker.white{background-image:url(/backgammon/static/media/checker-home-light.8aa4877b9e0f9f946c24.svg)}.Player-one-home-checkers .Checker.black{background-image:url(/backgammon/static/media/checker-home-dark.cbae77390308774a0c74.svg)}.Player-two-home-checkers .Checker.white{background-image:url(/backgammon/static/media/checker-home-light.8aa4877b9e0f9f946c24.svg)}.Player-two-home-checkers .Checker.black{background-image:url(/backgammon/static/media/checker-home-dark.cbae77390308774a0c74.svg)}.Player-one-home-checkers,.Player-two-home-checkers.p2{justify-content:flex-end}.Player-one-home-checkers.p2{justify-content:flex-start}.Player-one-home-checkers.highlighted{border-top-left-radius:1vh;border-top-right-radius:1vh}.Player-one-home-checkers.highlighted,.Player-two-home-checkers.highlighted{background:url(/backgammon/static/media/stripes.c676f00f1b408a99ab96.svg);background-size:cover}.Player-two-home-checkers.highlighted{border-bottom-left-radius:1vh;border-bottom-right-radius:1vh}.Game-board-home-spacer{height:9%}.Player-one-home-checkers .Checker,.Player-two-home-checkers .Checker{border-radius:10% 10% 34% 34%;height:4%;margin-bottom:3%;margin-top:3%;padding-top:0;width:80%}.Dice-row-spacer,.Submit-button-wrapper,.Undo-button-wrapper{height:4vw;width:4vw}.Submit-button,.Undo-button{background:url(/backgammon/static/media/checkmark.f0d5863c06fcf58dfa1d.svg) 50%/60% padding-box,linear-gradient(90deg,#3f3217,#564112) border-box;background-repeat:no-repeat;border-color:#816c3d;border-radius:1vh;border-style:double;height:80%;margin-left:10%;margin-top:10%;transition:.2s;width:80%}.Undo-button-wrapper .Undo-button{background:url(/backgammon/static/media/undo-arrow.d3b379507e968a3f8245.svg) 50%/60% padding-box,linear-gradient(90deg,#3f3217,#564112) border-box;background-repeat:no-repeat}.Submit-button:hover,.Undo-button:hover{transform:scale(110%)}.mainmenu .Settings-menu-button-wrapper{right:2vw}.Settings-menu-button-wrapper{position:absolute;right:2%;top:2%}.Game-over-dialog .modal-content,.Settings-menu .modal-content{background-color:#abafc2;border:.5vw solid #636781;border-radius:1vw;font-family:Barlow,sans-serif}.Game-over-dialog{text-align:center}.Game-over-dialog .modal-title{font-size:2em}.Game-over-dialog .modal-header,.Settings-menu .modal-header{border-bottom:1px solid #4e607c}.Game-over-dialog .modal-header{display:block}.Game-over-dialog-winner-wrapper{align-items:center;display:flex;justify-content:center;padding:4%;width:100%}.Game-over-dialog-winner-checker-wrapper{display:flex;height:3.5em;width:12.6%}.Game-over-dialog-winner-checker-wrapper.left{justify-content:flex-end}.Game-over-dialog-winner-text{font-size:1.2em;font-weight:700;width:70%}.Game-over-dialog-gammon-text{font-size:.8em;font-weight:400}.Game-over-dialog-winner-checker-wrapper .Checker{height:100%;width:100%}.Game-over-dialog .modal-footer{justify-content:center}.Game-over-dialog .modal-footer,.Settings-menu .modal-footer{border-top:1px solid #4e607c}.Game-over-dialog .modal-body,.Settings-menu .modal-body{padding:0}.Game-over-dialog .modal-footer .btn,.Settings-menu .modal-footer .btn{background-color:#354e74;border-color:#18263d;border-width:.2vh}.Settings-menu .Settings-option-row{border-bottom:1px solid #4e607c;display:flex;justify-content:space-between}.Settings-menu .Settings-option-row.bottom{border-bottom:none}.Settings-menu-player-names-and-checkers{cursor:pointer;display:flex;justify-content:space-around;padding-right:5%;width:50%}.Settings-menu-player-name-and-checker{align-items:center;display:flex;flex-direction:column;justify-content:center;width:40%}.Settings-menu-player-name{text-align:center}.Settings-menu-checkers-wrapper{display:flex;height:66%;justify-content:space-around;width:100%}.Settings-menu-checker-wrapper{align-items:center;display:flex;height:50%;justify-content:center;width:31%}.Settings-menu-checker-wrapper .Checker{height:100%;width:100%}.Settings-menu-color-swap-arrow-wrapper{align-items:center;display:flex;flex-direction:column;justify-content:center;transition:.2s;width:20%}.Settings-menu-player-names-and-checkers:hover .Settings-menu-color-swap-arrow-wrapper{transform:scale(110%)}.Settings-menu-color-swap{font-size:.6em;font-weight:700;text-align:center}.Settings-menu-color-swap-arrow{background:url(/backgammon/static/media/swap-arrow.adc2648dbfeda0f4cdd7.svg);background-repeat:no-repeat;height:20%;width:50%}.Settings-option-movement-diagram-wrapper{cursor:pointer;display:flex;justify-content:center;padding:2%;width:50%}.Settings-option-movement-diagram{background-repeat:no-repeat;background-size:contain;height:100%;transition:.2s;width:50%}.Settings-option-movement-diagram:hover{transform:scale(105%)}.Settings-option-movement-diagram.light{background-image:url(/backgammon/static/media/diagram-light-ccw.931adeaa0db388308858.svg)}.Settings-option-movement-diagram.light.cw{background-image:url(/backgammon/static/media/diagram-light-cw.68e6b7bbe70ad7e26961.svg)}.Settings-option-movement-diagram.dark{background-image:url(/backgammon/static/media/diagram-dark-ccw.76b61315a54e8704edf2.svg)}.Settings-option-movement-diagram.dark.cw{background-image:url(/backgammon/static/media/diagram-dark-cw.b2e38535766ef2517564.svg)}.Settings-checker-color-label,.Settings-checker-direction-label{padding:4vh}.Settings-option-arrow.clockwise{background:url(/backgammon/static/media/clockwise-arrow.8272b2cca1c1aef8f74d.svg) no-repeat 0 0}.Settings-option-arrow.counterclockwise{background:url(/backgammon/static/media/counterclockwise-arrow.786060271d460b1849ae.svg) no-repeat 0 0}.Settings-menu-button{background:url(/backgammon/static/media/settings-icon.838a43ba31c120380782.svg) no-repeat 0 0;background-size:contain}@media screen and (orientation:landscape){.Settings-menu-button{height:3vw;width:3vw}}@media screen and (orientation:portrait){.Settings-menu-button{height:3vh;width:3vh}}.Accept-double-menu-wrapper,.Begin-game-button-wrapper,.Dice,.Offer-double-button-wrapper,.Roll-button-wrapper{align-items:center;display:flex;height:10%;justify-content:space-evenly;left:10%;position:absolute;top:45%;width:80%;z-index:5}.Die-faces{align-items:center;display:flex;height:114%;justify-content:center;transform-style:preserve-3d;transition:transform 1.3s ease-out;width:15.5%}.Die-face{grid-gap:.4vw;border-radius:.5vw;color:#fff;display:grid;gap:.4vw;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);height:100%;padding:.2vw;position:absolute;width:100%}.Die-faces.white .Die-face{background-color:#fff3db;border:.2vw solid #b49e70}.Die-faces.black .Die-face{background-color:#0f1025;border:.2vw solid #767293}.Die-faces.black.spent .Die-face,.Die-faces.white.spent .Die-face{display:none}.Die-faces.white.spent.five .Die-face.five,.Die-faces.white.spent.four .Die-face.four,.Die-faces.white.spent.one .Die-face.one,.Die-faces.white.spent.six .Die-face.six,.Die-faces.white.spent.three .Die-face.three,.Die-faces.white.spent.two .Die-face.two{background-color:#fff3db4d;border-color:hsla(41,31%,57%,.478);display:grid}.Die-faces.black.spent.five .Die-face.five,.Die-faces.black.spent.four .Die-face.four,.Die-faces.black.spent.one .Die-face.one,.Die-faces.black.spent.six .Die-face.six,.Die-faces.black.spent.three .Die-face.three,.Die-faces.black.spent.two .Die-face.two{background-color:#0f102526;border-color:rgba(118,114,147,.388);display:grid}.Die-pip{border-radius:50%;height:95%;width:95%}.Die-faces.white .Die-pip{background-color:#1b1c22}.Die-faces.black .Die-pip{background-color:#ede2ce}.Die-faces.black.spent .Die-pip{background-color:hsla(0,0%,100%,.439)}.Die-faces.white.spent .Die-pip{background-color:rgba(0,0,0,.439)}.Die-faces.one,.Die-faces.one.black.reroll{transform:rotateX(1turn) rotateY(2turn) rotate(1turn)}.Die-faces.two,.Die-faces.two.black.reroll{transform:rotateX(450deg) rotateY(2turn) rotate(1turn)}.Die-faces.three,.Die-faces.three.black.reroll{transform:rotateX(1turn) rotateY(630deg) rotate(1turn)}.Die-faces.four,.Die-faces.four.black.reroll{transform:rotateX(1turn) rotateY(810deg) rotate(1turn)}.Die-faces.five,.Die-faces.five.black.reroll{transform:rotateX(270deg) rotateY(2turn) rotate(1turn)}.Die-faces.six,.Die-faces.six.black.reroll{transform:rotateX(1turn) rotateY(900deg) rotate(1turn)}.Die-faces.one.black,.Die-faces.one.reroll{transform:rotateX(-1turn) rotateY(-2turn) rotate(-1turn)}.Die-faces.two.black,.Die-faces.two.reroll{transform:rotateX(-270deg) rotateY(-2turn) rotate(-1turn)}.Die-faces.three.black,.Die-faces.three.reroll{transform:rotateX(-1turn) rotateY(-810deg) rotate(-1turn)}.Die-faces.four.black,.Die-faces.four.reroll{transform:rotateX(-1turn) rotateY(-630deg) rotate(-1turn)}.Die-faces.five.black,.Die-faces.five.reroll{transform:rotateX(-450deg) rotateY(-2turn) rotate(-1turn)}.Die-faces.six.black,.Die-faces.six.reroll{transform:rotateX(-1turn) rotateY(-900deg) rotate(-1turn)}.Die-face.one{transform:rotate3d(0,0,0,90deg) translateZ(1.6vw)}.Die-face.two{transform:rotate3d(-1,0,0,90deg) translateZ(1.6vw)}.Die-face.three{transform:rotateY(90deg) translateZ(1.6vw)}.Die-face.four{transform:rotate3d(0,-1,0,90deg) translateZ(1.6vw)}.Die-face.five{transform:rotateX(90deg) translateZ(1.6vw)}.Die-face.six{transform:rotateX(180deg) translateZ(1.6vw)}.Die-pip.one{grid-area:1/1}.Die-pip.three{grid-area:1/3}.Die-pip.four{grid-area:2/1}.Die-pip.five{grid-area:2/2}.Die-pip.six{grid-area:2/3}.Die-pip.seven{grid-area:3/1}.Die-pip.nine{grid-area:3/3}.Doubling-cube{align-content:center;background-image:url(/backgammon/static/media/doubling-cube.f3177f98ab938202e0aa.svg);background-repeat:no-repeat;filter:drop-shadow(1px 1px 1px rgb(58,7,7));height:85%;margin-left:7.5%;width:85%}.Doubling-cube-value-wrapper{align-content:center;color:#fabbbb;font-size:min(1.3vw,1.3em);height:100%;text-align:center;text-shadow:1px 1px 1px #3a0707;width:100%}.Accept-double-menu-wrapper{display:flex;flex-direction:column;height:14%;top:43%}.Accept-double-menu-text-wrapper{color:#b8b8b8;font-size:max(.5em,1.2vw)}.Accept-double-menu-buttons-wrapper{align-items:center;display:flex;height:50%;justify-content:space-evenly;width:100%}.Accept-double-button,.Forfeit-game-button{font-size:min(1em,1vw);height:100%;padding:0;width:34%}.Accept-double-button{color:#62955d}.Forfeit-game-button{color:#c14534}.Waiting-for-accept-double-wrapper{align-items:center;color:#b8b8b8;display:flex;font-size:.7em;height:12%;justify-content:center;left:10%;position:absolute;top:44%;width:80%;z-index:5}.Initial-floating-circle{animation:float-around-none 0s ease 0s 1 normal none running var(--animation-duration) 0s ease-in;animation:float-around-initial var(--animation-duration) 0s ease-in;background-color:rgba(131,145,158,.141);border-radius:50%;bottom:var(--bottom-offset);display:block;height:var(--radius);left:var(--left-offset);opacity:0;pointer-events:none;position:absolute;width:var(--radius)}@keyframes float-around-initial{0%{opacity:var(--starting-opacity)}50%{opacity:var(--max-opacity)}to{opacity:0;transform:translateX(var(--float-x)) translateY(var(--float-y))}}.Initial-floating-circle:nth-child(0){--bottom-offset:49%;--left-offset:18vw;--radius:3vw;--animation-duration:28s;--float-y:3vh;--float-x:-26vw;--starting-opacity:18%;--max-opacity:75%}.Initial-floating-circle:first-child{--bottom-offset:64%;--left-offset:91vw;--radius:5vw;--animation-duration:18s;--float-y:4vh;--float-x:0vw;--starting-opacity:42%;--max-opacity:58%}.Initial-floating-circle:nth-child(2){--bottom-offset:101%;--left-offset:52vw;--radius:3vw;--animation-duration:13s;--float-y:18vh;--float-x:10vw;--starting-opacity:49%;--max-opacity:51%}.Initial-floating-circle:nth-child(3){--bottom-offset:41%;--left-offset:99vw;--radius:6vw;--animation-duration:27s;--float-y:-1vh;--float-x:-20vw;--starting-opacity:25%;--max-opacity:61%}.Initial-floating-circle:nth-child(4){--bottom-offset:61%;--left-offset:4vw;--radius:6vw;--animation-duration:30s;--float-y:-17vh;--float-x:30vw;--starting-opacity:29%;--max-opacity:80%}.Initial-floating-circle:nth-child(5){--bottom-offset:101%;--left-offset:51vw;--radius:6vw;--animation-duration:10s;--float-y:-22vh;--float-x:19vw;--starting-opacity:34%;--max-opacity:73%}.Initial-floating-circle:nth-child(6){--bottom-offset:23%;--left-offset:62vw;--radius:3vw;--animation-duration:24s;--float-y:-24vh;--float-x:26vw;--starting-opacity:46%;--max-opacity:71%}.Initial-floating-circle:nth-child(7){--bottom-offset:20%;--left-offset:70vw;--radius:4vw;--animation-duration:18s;--float-y:10vh;--float-x:14vw;--starting-opacity:22%;--max-opacity:68%}.Initial-floating-circle:nth-child(8){--bottom-offset:37%;--left-offset:70vw;--radius:4vw;--animation-duration:23s;--float-y:12vh;--float-x:-26vw;--starting-opacity:31%;--max-opacity:74%}.Initial-floating-circle:nth-child(9){--bottom-offset:17%;--left-offset:83vw;--radius:6vw;--animation-duration:23s;--float-y:23vh;--float-x:2vw;--starting-opacity:48%;--max-opacity:47%}.Initial-floating-circle:nth-child(10){--bottom-offset:80%;--left-offset:87vw;--radius:3vw;--animation-duration:24s;--float-y:-7vh;--float-x:25vw;--starting-opacity:24%;--max-opacity:74%}.Initial-floating-circle:nth-child(11){--bottom-offset:98%;--left-offset:89vw;--radius:6vw;--animation-duration:18s;--float-y:-1vh;--float-x:-9vw;--starting-opacity:31%;--max-opacity:46%}.Initial-floating-circle:nth-child(12){--bottom-offset:99%;--left-offset:4vw;--radius:4vw;--animation-duration:20s;--float-y:21vh;--float-x:10vw;--starting-opacity:27%;--max-opacity:58%}.Initial-floating-circle:nth-child(13){--bottom-offset:57%;--left-offset:19vw;--radius:3vw;--animation-duration:23s;--float-y:-20vh;--float-x:7vw;--starting-opacity:29%;--max-opacity:49%}.Initial-floating-circle:nth-child(14){--bottom-offset:59%;--left-offset:91vw;--radius:3vw;--animation-duration:12s;--float-y:18vh;--float-x:-7vw;--starting-opacity:37%;--max-opacity:42%}.Initial-floating-circle:nth-child(15){--bottom-offset:12%;--left-offset:92vw;--radius:5vw;--animation-duration:17s;--float-y:5vh;--float-x:-11vw;--starting-opacity:45%;--max-opacity:51%}.Initial-floating-circle:nth-child(16){--bottom-offset:24%;--left-offset:97vw;--radius:6vw;--animation-duration:15s;--float-y:20vh;--float-x:-28vw;--starting-opacity:33%;--max-opacity:44%}.Initial-floating-circle:nth-child(17){--bottom-offset:22%;--left-offset:67vw;--radius:5vw;--animation-duration:13s;--float-y:-26vh;--float-x:21vw;--starting-opacity:18%;--max-opacity:52%}.Initial-floating-circle:nth-child(18){--bottom-offset:24%;--left-offset:51vw;--radius:4vw;--animation-duration:29s;--float-y:7vh;--float-x:21vw;--starting-opacity:39%;--max-opacity:61%}.Initial-floating-circle:nth-child(19){--bottom-offset:35%;--left-offset:25vw;--radius:6vw;--animation-duration:11s;--float-y:28vh;--float-x:3vw;--starting-opacity:30%;--max-opacity:57%}.Initial-floating-circle:nth-child(20){--bottom-offset:21%;--left-offset:37vw;--radius:3vw;--animation-duration:25s;--float-y:14vh;--float-x:6vw;--starting-opacity:26%;--max-opacity:49%}.Initial-floating-circle:nth-child(21){--bottom-offset:0%;--left-offset:4vw;--radius:6vw;--animation-duration:24s;--float-y:-10vh;--float-x:-24vw;--starting-opacity:30%;--max-opacity:66%}.Initial-floating-circle:nth-child(22){--bottom-offset:97%;--left-offset:9vw;--radius:3vw;--animation-duration:11s;--float-y:-8vh;--float-x:-1vw;--starting-opacity:28%;--max-opacity:53%}.Initial-floating-circle:nth-child(23){--bottom-offset:89%;--left-offset:52vw;--radius:4vw;--animation-duration:11s;--float-y:-12vh;--float-x:30vw;--starting-opacity:33%;--max-opacity:66%}.Initial-floating-circle:nth-child(24){--bottom-offset:69%;--left-offset:15vw;--radius:4vw;--animation-duration:10s;--float-y:20vh;--float-x:19vw;--starting-opacity:33%;--max-opacity:46%}.Initial-floating-circle:nth-child(25){--bottom-offset:109%;--left-offset:65vw;--radius:6vw;--animation-duration:26s;--float-y:-5vh;--float-x:-7vw;--starting-opacity:28%;--max-opacity:78%}.Initial-floating-circle:nth-child(26){--bottom-offset:17%;--left-offset:63vw;--radius:5vw;--animation-duration:29s;--float-y:14vh;--float-x:20vw;--starting-opacity:48%;--max-opacity:60%}.Initial-floating-circle:nth-child(27){--bottom-offset:52%;--left-offset:34vw;--radius:3vw;--animation-duration:22s;--float-y:-23vh;--float-x:-19vw;--starting-opacity:32%;--max-opacity:44%}.Initial-floating-circle:nth-child(28){--bottom-offset:67%;--left-offset:7vw;--radius:4vw;--animation-duration:24s;--float-y:6vh;--float-x:-28vw;--starting-opacity:24%;--max-opacity:77%}.Initial-floating-circle:nth-child(29){--bottom-offset:106%;--left-offset:20vw;--radius:5vw;--animation-duration:19s;--float-y:18vh;--float-x:-10vw;--starting-opacity:12%;--max-opacity:50%}.Initial-floating-circle:nth-child(30){--bottom-offset:70%;--left-offset:78vw;--radius:3vw;--animation-duration:28s;--float-y:1vh;--float-x:-4vw;--starting-opacity:41%;--max-opacity:50%}.Initial-floating-circle:nth-child(31){--bottom-offset:86%;--left-offset:38vw;--radius:3vw;--animation-duration:10s;--float-y:-6vh;--float-x:-27vw;--starting-opacity:34%;--max-opacity:71%}.Initial-floating-circle:nth-child(32){--bottom-offset:104%;--left-offset:6vw;--radius:3vw;--animation-duration:19s;--float-y:2vh;--float-x:13vw;--starting-opacity:49%;--max-opacity:78%}.Initial-floating-circle:nth-child(33){--bottom-offset:25%;--left-offset:30vw;--radius:4vw;--animation-duration:23s;--float-y:15vh;--float-x:-23vw;--starting-opacity:21%;--max-opacity:66%}.Initial-floating-circle:nth-child(34){--bottom-offset:20%;--left-offset:74vw;--radius:4vw;--animation-duration:22s;--float-y:29vh;--float-x:20vw;--starting-opacity:43%;--max-opacity:46%}.Initial-floating-circle:nth-child(35){--bottom-offset:61%;--left-offset:14vw;--radius:6vw;--animation-duration:23s;--float-y:20vh;--float-x:4vw;--starting-opacity:49%;--max-opacity:69%}.Initial-floating-circle:nth-child(36){--bottom-offset:51%;--left-offset:11vw;--radius:5vw;--animation-duration:20s;--float-y:-18vh;--float-x:28vw;--starting-opacity:42%;--max-opacity:64%}.Initial-floating-circle:nth-child(37){--bottom-offset:30%;--left-offset:96vw;--radius:5vw;--animation-duration:17s;--float-y:-19vh;--float-x:-30vw;--starting-opacity:14%;--max-opacity:66%}.Initial-floating-circle:nth-child(38){--bottom-offset:59%;--left-offset:49vw;--radius:5vw;--animation-duration:13s;--float-y:15vh;--float-x:-22vw;--starting-opacity:17%;--max-opacity:48%}.Initial-floating-circle:nth-child(39){--bottom-offset:-3%;--left-offset:71vw;--radius:3vw;--animation-duration:24s;--float-y:20vh;--float-x:-8vw;--starting-opacity:40%;--max-opacity:78%}.Initial-floating-circle:nth-child(40){--bottom-offset:27%;--left-offset:46vw;--radius:5vw;--animation-duration:18s;--float-y:-14vh;--float-x:-10vw;--starting-opacity:38%;--max-opacity:75%}.Initial-floating-circle:nth-child(41){--bottom-offset:104%;--left-offset:31vw;--radius:3vw;--animation-duration:28s;--float-y:19vh;--float-x:7vw;--starting-opacity:14%;--max-opacity:65%}.Initial-floating-circle:nth-child(42){--bottom-offset:8%;--left-offset:49vw;--radius:3vw;--animation-duration:21s;--float-y:-2vh;--float-x:-12vw;--starting-opacity:29%;--max-opacity:46%}.Initial-floating-circle:nth-child(43){--bottom-offset:51%;--left-offset:25vw;--radius:6vw;--animation-duration:29s;--float-y:27vh;--float-x:-7vw;--starting-opacity:20%;--max-opacity:74%}.Initial-floating-circle:nth-child(44){--bottom-offset:83%;--left-offset:16vw;--radius:5vw;--animation-duration:12s;--float-y:-15vh;--float-x:18vw;--starting-opacity:21%;--max-opacity:58%}.Initial-floating-circle:nth-child(45){--bottom-offset:90%;--left-offset:58vw;--radius:5vw;--animation-duration:16s;--float-y:-1vh;--float-x:18vw;--starting-opacity:50%;--max-opacity:50%}.Initial-floating-circle:nth-child(46){--bottom-offset:16%;--left-offset:62vw;--radius:6vw;--animation-duration:14s;--float-y:18vh;--float-x:4vw;--starting-opacity:45%;--max-opacity:60%}.Initial-floating-circle:nth-child(47){--bottom-offset:38%;--left-offset:27vw;--radius:6vw;--animation-duration:19s;--float-y:-12vh;--float-x:-13vw;--starting-opacity:41%;--max-opacity:77%}.Initial-floating-circle:nth-child(48){--bottom-offset:0%;--left-offset:23vw;--radius:4vw;--animation-duration:10s;--float-y:-25vh;--float-x:6vw;--starting-opacity:41%;--max-opacity:53%}.Initial-floating-circle:nth-child(49){--bottom-offset:106%;--left-offset:38vw;--radius:4vw;--animation-duration:22s;--float-y:12vh;--float-x:21vw;--starting-opacity:37%;--max-opacity:63%}.Initial-floating-circle:nth-child(50){--bottom-offset:96%;--left-offset:51vw;--radius:3vw;--animation-duration:21s;--float-y:-8vh;--float-x:-19vw;--starting-opacity:25%;--max-opacity:50%}.Floating-circle{animation:float-around var(--animation-duration) var(--delay) ease-in infinite;background-color:rgba(131,145,158,.141);border-radius:50%;bottom:var(--bottom-offset);display:block;height:var(--radius);left:var(--left-offset);opacity:0;pointer-events:none;position:absolute;width:var(--radius)}@keyframes float-around{0%{opacity:0}50%{opacity:var(--max-opacity)}to{opacity:0;transform:translateX(var(--float-x)) translateY(var(--float-y))}}.Floating-circle:nth-child(0){--delay:18s;--bottom-offset:102%;--left-offset:76vw;--radius:5vw;--animation-duration:25s;--float-y:19vh;--float-x:-15vw;--max-opacity:32%}.Floating-circle:first-child{--delay:27s;--bottom-offset:46%;--left-offset:18vw;--radius:6vw;--animation-duration:29s;--float-y:11vh;--float-x:-10vw;--max-opacity:39%}.Floating-circle:nth-child(2){--delay:19s;--bottom-offset:7%;--left-offset:93vw;--radius:5vw;--animation-duration:29s;--float-y:8vh;--float-x:-10vw;--max-opacity:61%}.Floating-circle:nth-child(3){--delay:19s;--bottom-offset:50%;--left-offset:32vw;--radius:4vw;--animation-duration:16s;--float-y:19vh;--float-x:29vw;--max-opacity:59%}.Floating-circle:nth-child(4){--delay:13s;--bottom-offset:98%;--left-offset:11vw;--radius:6vw;--animation-duration:13s;--float-y:-9vh;--float-x:9vw;--max-opacity:46%}.Floating-circle:nth-child(5){--delay:20s;--bottom-offset:55%;--left-offset:42vw;--radius:3vw;--animation-duration:23s;--float-y:-26vh;--float-x:22vw;--max-opacity:57%}.Floating-circle:nth-child(6){--delay:13s;--bottom-offset:40%;--left-offset:99vw;--radius:4vw;--animation-duration:22s;--float-y:-8vh;--float-x:28vw;--max-opacity:43%}.Floating-circle:nth-child(7){--delay:22s;--bottom-offset:12%;--left-offset:29vw;--radius:5vw;--animation-duration:16s;--float-y:10vh;--float-x:9vw;--max-opacity:60%}.Floating-circle:nth-child(8){--delay:11s;--bottom-offset:48%;--left-offset:95vw;--radius:3vw;--animation-duration:29s;--float-y:-16vh;--float-x:-28vw;--max-opacity:54%}.Floating-circle:nth-child(9){--delay:23s;--bottom-offset:93%;--left-offset:72vw;--radius:6vw;--animation-duration:30s;--float-y:-5vh;--float-x:20vw;--max-opacity:57%}.Floating-circle:nth-child(10){--delay:19s;--bottom-offset:58%;--left-offset:42vw;--radius:3vw;--animation-duration:16s;--float-y:-23vh;--float-x:28vw;--max-opacity:34%}.Floating-circle:nth-child(11){--delay:19s;--bottom-offset:92%;--left-offset:32vw;--radius:5vw;--animation-duration:16s;--float-y:-4vh;--float-x:-11vw;--max-opacity:38%}.Floating-circle:nth-child(12){--delay:13s;--bottom-offset:44%;--left-offset:93vw;--radius:5vw;--animation-duration:10s;--float-y:30vh;--float-x:-14vw;--max-opacity:33%}.Floating-circle:nth-child(13){--delay:18s;--bottom-offset:54%;--left-offset:92vw;--radius:4vw;--animation-duration:28s;--float-y:29vh;--float-x:-10vw;--max-opacity:69%}.Floating-circle:nth-child(14){--delay:23s;--bottom-offset:2%;--left-offset:56vw;--radius:6vw;--animation-duration:29s;--float-y:26vh;--float-x:4vw;--max-opacity:46%}.Floating-circle:nth-child(15){--delay:17s;--bottom-offset:60%;--left-offset:24vw;--radius:5vw;--animation-duration:20s;--float-y:17vh;--float-x:5vw;--max-opacity:43%}.Floating-circle:nth-child(16){--delay:18s;--bottom-offset:86%;--left-offset:54vw;--radius:4vw;--animation-duration:26s;--float-y:11vh;--float-x:-5vw;--max-opacity:67%}.Floating-circle:nth-child(17){--delay:21s;--bottom-offset:22%;--left-offset:68vw;--radius:5vw;--animation-duration:28s;--float-y:22vh;--float-x:21vw;--max-opacity:45%}.Floating-circle:nth-child(18){--delay:19s;--bottom-offset:38%;--left-offset:9vw;--radius:5vw;--animation-duration:11s;--float-y:-22vh;--float-x:12vw;--max-opacity:58%}.Floating-circle:nth-child(19){--delay:22s;--bottom-offset:90%;--left-offset:89vw;--radius:4vw;--animation-duration:21s;--float-y:8vh;--float-x:-6vw;--max-opacity:33%}.Floating-circle:nth-child(20){--delay:26s;--bottom-offset:-8%;--left-offset:38vw;--radius:4vw;--animation-duration:16s;--float-y:13vh;--float-x:-9vw;--max-opacity:59%}.Floating-circle:nth-child(21){--delay:20s;--bottom-offset:4%;--left-offset:40vw;--radius:5vw;--animation-duration:11s;--float-y:-9vh;--float-x:25vw;--max-opacity:54%}.Floating-circle:nth-child(22){--delay:16s;--bottom-offset:63%;--left-offset:15vw;--radius:6vw;--animation-duration:14s;--float-y:6vh;--float-x:-9vw;--max-opacity:39%}.Floating-circle:nth-child(23){--delay:23s;--bottom-offset:55%;--left-offset:70vw;--radius:5vw;--animation-duration:20s;--float-y:-25vh;--float-x:28vw;--max-opacity:38%}.Floating-circle:nth-child(24){--delay:19s;--bottom-offset:21%;--left-offset:67vw;--radius:3vw;--animation-duration:15s;--float-y:-22vh;--float-x:20vw;--max-opacity:32%}.Floating-circle:nth-child(25){--delay:20s;--bottom-offset:97%;--left-offset:19vw;--radius:5vw;--animation-duration:27s;--float-y:6vh;--float-x:10vw;--max-opacity:45%}.Floating-circle:nth-child(26){--delay:10s;--bottom-offset:106%;--left-offset:0vw;--radius:6vw;--animation-duration:16s;--float-y:-4vh;--float-x:5vw;--max-opacity:52%}.Floating-circle:nth-child(27){--delay:13s;--bottom-offset:66%;--left-offset:78vw;--radius:5vw;--animation-duration:25s;--float-y:-13vh;--float-x:17vw;--max-opacity:53%}.Floating-circle:nth-child(28){--delay:16s;--bottom-offset:1%;--left-offset:34vw;--radius:3vw;--animation-duration:11s;--float-y:14vh;--float-x:-19vw;--max-opacity:58%}.Floating-circle:nth-child(29){--delay:14s;--bottom-offset:2%;--left-offset:69vw;--radius:4vw;--animation-duration:20s;--float-y:-13vh;--float-x:-3vw;--max-opacity:33%}.Floating-circle:nth-child(30){--delay:18s;--bottom-offset:69%;--left-offset:21vw;--radius:6vw;--animation-duration:28s;--float-y:3vh;--float-x:-22vw;--max-opacity:33%}.Floating-circle:nth-child(31){--delay:16s;--bottom-offset:81%;--left-offset:18vw;--radius:4vw;--animation-duration:18s;--float-y:-14vh;--float-x:2vw;--max-opacity:41%}.Floating-circle:nth-child(32){--delay:14s;--bottom-offset:60%;--left-offset:43vw;--radius:3vw;--animation-duration:18s;--float-y:22vh;--float-x:12vw;--max-opacity:62%}.Floating-circle:nth-child(33){--delay:20s;--bottom-offset:62%;--left-offset:85vw;--radius:4vw;--animation-duration:11s;--float-y:9vh;--float-x:23vw;--max-opacity:66%}.Floating-circle:nth-child(34){--delay:19s;--bottom-offset:13%;--left-offset:57vw;--radius:6vw;--animation-duration:12s;--float-y:-23vh;--float-x:30vw;--max-opacity:30%}.Floating-circle:nth-child(35){--delay:20s;--bottom-offset:12%;--left-offset:57vw;--radius:3vw;--animation-duration:20s;--float-y:19vh;--float-x:24vw;--max-opacity:66%}.Floating-circle:nth-child(36){--delay:16s;--bottom-offset:10%;--left-offset:58vw;--radius:3vw;--animation-duration:30s;--float-y:-15vh;--float-x:22vw;--max-opacity:46%}.Floating-circle:nth-child(37){--delay:29s;--bottom-offset:50%;--left-offset:21vw;--radius:5vw;--animation-duration:28s;--float-y:-3vh;--float-x:21vw;--max-opacity:63%}.Floating-circle:nth-child(38){--delay:12s;--bottom-offset:47%;--left-offset:34vw;--radius:6vw;--animation-duration:26s;--float-y:-1vh;--float-x:23vw;--max-opacity:57%}.Floating-circle:nth-child(39){--delay:23s;--bottom-offset:12%;--left-offset:50vw;--radius:4vw;--animation-duration:26s;--float-y:-6vh;--float-x:-5vw;--max-opacity:45%}.Floating-circle:nth-child(40){--delay:27s;--bottom-offset:78%;--left-offset:72vw;--radius:3vw;--animation-duration:17s;--float-y:-18vh;--float-x:-28vw;--max-opacity:58%}.Floating-circle:nth-child(41){--delay:25s;--bottom-offset:23%;--left-offset:57vw;--radius:3vw;--animation-duration:23s;--float-y:27vh;--float-x:8vw;--max-opacity:68%}.Floating-circle:nth-child(42){--delay:18s;--bottom-offset:73%;--left-offset:74vw;--radius:4vw;--animation-duration:17s;--float-y:-1vh;--float-x:28vw;--max-opacity:63%}.Floating-circle:nth-child(43){--delay:10s;--bottom-offset:28%;--left-offset:58vw;--radius:6vw;--animation-duration:15s;--float-y:10vh;--float-x:5vw;--max-opacity:65%}.Floating-circle:nth-child(44){--delay:12s;--bottom-offset:84%;--left-offset:99vw;--radius:4vw;--animation-duration:21s;--float-y:-19vh;--float-x:-26vw;--max-opacity:43%}.Floating-circle:nth-child(45){--delay:25s;--bottom-offset:46%;--left-offset:49vw;--radius:6vw;--animation-duration:20s;--float-y:-7vh;--float-x:-18vw;--max-opacity:38%}.Floating-circle:nth-child(46){--delay:29s;--bottom-offset:108%;--left-offset:94vw;--radius:6vw;--animation-duration:28s;--float-y:-7vh;--float-x:-9vw;--max-opacity:66%}.Floating-circle:nth-child(47){--delay:10s;--bottom-offset:104%;--left-offset:27vw;--radius:5vw;--animation-duration:22s;--float-y:-26vh;--float-x:3vw;--max-opacity:59%}.Floating-circle:nth-child(48){--delay:20s;--bottom-offset:24%;--left-offset:97vw;--radius:3vw;--animation-duration:27s;--float-y:3vh;--float-x:-9vw;--max-opacity:37%}.Floating-circle:nth-child(49){--delay:25s;--bottom-offset:49%;--left-offset:95vw;--radius:3vw;--animation-duration:25s;--float-y:-2vh;--float-x:27vw;--max-opacity:63%}.Floating-circle:nth-child(50){--delay:25s;--bottom-offset:46%;--left-offset:8vw;--radius:5vw;--animation-duration:21s;--float-y:-10vh;--float-x:22vw;--max-opacity:55%}.Wipe-transition{animation-duration:.3s;animation-iteration-count:1;animation-name:wipe;animation-timing-function:linear;background-color:rgba(0,0,0,.655);height:100%;left:0;pointer-events:none;position:absolute;top:0;width:0;z-index:9}@keyframes wipe{0%{width:100%}to{width:0}}.Wipe-fade{animation-duration:.3s;animation-iteration-count:1;animation-name:fade;animation-timing-function:linear;background-color:#fff0;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:8}@keyframes fade{0%{background-color:hsla(0,0%,100%,.337)}to{background-color:#fff0}}.Room-connection-error-wrapper{align-items:center;color:#b8b8b8;display:flex;flex-direction:column;text-align:center;width:50%}.Room-connection-error-header{font-size:max(2em,2vw)}.Room-connection-error-text{font-size:max(1em,1vw);margin-top:2%;width:100%}.Room-connection-error-roomcode{font-weight:700}.Room-connection-error-subtext{font-size:max(1em,1vw);line-height:1em;margin-top:2%;width:70%}.Room-connection-error-menu-button-wrapper{margin-top:5%}.Room-connection-error-menu-button{background:linear-gradient(90deg,#3f3217,#564112);border:.2em double #816c3d;border-radius:min(1vw,1em);color:#b8b8b8;font-family:Barlow,sans-serif;font-size:max(1em,1vw);font-weight:700;height:5vh;max-width:175px;min-height:35px;min-width:125px;padding:.5vh;text-align:center;transition:.2s;width:12vw}.Room-connection-error-menu-button:active,.Room-connection-error-menu-button:hover{transform:scale(105%)} +/*# sourceMappingURL=main.04a1a27a.css.map*/ \ No newline at end of file diff --git a/static/css/main.04a1a27a.css.map b/static/css/main.04a1a27a.css.map new file mode 100644 index 0000000..adbff46 --- /dev/null +++ b/static/css/main.04a1a27a.css.map @@ -0,0 +1 @@ +{"version":3,"file":"static/css/main.04a1a27a.css","mappings":"AAAA,KACE,kBAGF,UACE,cACA,oBAGF,6CACE,UACE,6CAIJ,aACE,mBACA,8DACA,aACA,sBACA,8BAMA,uBALA,iBACA,gBAEA,gBACA,iBAEA,CAGF,mCAPE,aAIA,WAKA,CAGF,YAME,mBALA,yBAQA,WANA,aACA,sBACA,8BAGA,6BADA,uBALA,gBAOA,CAGF,UACE,cAGF,yBACE,GACE,uBAEF,GACE,yBAIJ,sBACE,aAGF,wCACE,cACA,eACA,uBAGF,iBAEE,sBACA,mCAFA,oBAGA,iCACA,uFAEA,wBACA,4BAEA,WAGF,cAEM,0BAGA,yBAIN,6HACE,iDAEA,CAGA,0BACA,CAHA,0BACA,CAGA,2CAEA,2BACA,CAHA,gBAIA,8BAIF,qLAIA,qBACE,qBAEA,kBACA,WACA,yBACA,uBACA,iBAIF,2BACE,8BAEA,wDACA,CAFA,mBACA,CACA,gCACA,0GAOF,wBACE,4BAEA,WACA,8BAEA,kBACA,WACA,aAGF,sBACE,sDACA,gBAKA,qCAEA,CAPA,wFAGA,oDAEA,CAEA,8CAOF,CAEI,WAFJ,uCAEI,uBAIJ,8DAEE,YACA,iCAEA,gEAIF,mCACE,wCACA,UACA,sDAEA,uBACA,6BACA,2BACA,+CAKF,8BACE,uBAIA,0BACE,CAIJ,oDACE,+CAGF,UACE,4HAGF,6HAQE,qIAIA,yDAEA,qBAEA,mCAIA,CAPA,mBACA,CAMA,gCAEA,0GASA,wBAEA,4BAIF,qCAGE,UAFA,6BACA,2BADA,gBAEA,8BACA,6CACA,iCAEA,UAGF,2HAIE,CACA,uBAGF,4BACE,gDACA,CACA,WADA,qBACA,CACA,+EAEA,kBAIF,sCACE,4GAGA,yDACA,CAMA,uDANA,+CAKF,CACE,gCAaA,CAbA,4BACA,sFAEA,6BACA,4BAKF,CAGE,SACA,oBACA,iFAMA,CACA,4BAGF,CACE,2BACA,gDAGA,CACA,WADA,qBACA,UAGF,mBAGE,wCAGF,CALE,sBAEA,CAGF,kCACE,YACE,UAGF,yBAKF,wBACE,CALE,aAIJ,CACE,aACA,gBACA,wBAIA,qDACA,+BACA,mBACA,aACA,CACA,cACA,CAFA,eAEA,kDAKA,8DAGF,4CACE,aAGF,2BACE,iFAKA,6BAIA,4CACA,WADA,cACA,CACA,iDAEA,yFAIA,4CAEA,qBAEA,wBAGF,kBACE,cAGF,iCACE,cACA,YACA,mBACA,iDAIF,CAEE,0BAEA,CAHA,0BACA,CAEA,aAGF,CACE,wDAGF,CAJA,eACE,CAGF,8BACE,oDAGF,iDACE,2CAGF,6EACE,uBAGF,4BACE,WACA,qCAGF,oFAKA,CACE,yBAGF,mFAMA,mCAEE,mFAGA,kCAEA,kFAKA,mCAEA,cACA,gBAGF,yCACE,oBACA,iDAGF,wBACE,+BAGF,YACE,sBACA,0CACA,iDACA,4BAEA,CACA,mBACA,kBAEA,CAIA,cAGF,CAPE,wBAGF,gBACE,qBAGF,0BACE,kBAGF,eACE,mBACA,8DACA,qEAKA,qBAIF,wCACE,CAOA,4BACA,CAHF,2CAEE,8BACA,cAGF,aACE,WACA,QACA,CAFA,iBACA,CACA,SAGF,8BACE,mCAIF,6DAEE,kBACA,CAKE,kCAEA,CAJJ,2CAEI,sBAEA,8BAIF,sBACE,uCAIA,WADA,UACA,UAIJ,4CACE,sBACE,UACA,sBAIF,6BACE,WACA,oCAKJ,oBACE,6DAOF,0BACE,UACA,2CAKF,qBACE,eAGF,gBACE,gDAIA,uEACA,2CAEA,qBAEA,6BAEA,kCACA,2BAEA,WAGF,kCACE,kFAGA,WAHA,kCAGA,6BACA,cACA,uDACA,0GAQF,sBACE,oHAGA,wCACA,uBAGF,iJAQE,CAIF,gCACE,CAIA,uCALF,uBACE,oCAIA,sGAGA,iJAUA,mFAGA,uCACA,CAJA,oCAIA,sBACA,oDACA,wCAEA,oBACA,iBACA,8IAUA,CAOA,SACA,2CARA,gCACA,CACA,8CAGF,6BA+BI,CA5BF,iBAIF,8IASE,CAKA,uCAGF,CALA,sBACE,qCACA,CAUE,6BAUJ,sCACE,CANE,4BACA,CANA,uBACA,wBAIA,CACA,mCAIJ,CALI,yBAMF,gBACA,aAGF,WAHE,iBAGF,cACE,0BACA,2BAGF,kBACE,UACA,yCAEA,sCAMA,6BACA,yEASF,sBACE,iCAGF,qBACE,sBAGF,mGACE,4GAIA,8GAIA,8BAGF,6BACE,+BAIA,iBACA,WACA,gBACA,kBACA,CACA,UAGF,gCACE,0BAGF,kBACE,kDAKA,cAIA,oDACA,mDACA,+CAEA,8CAKA,uCACA,qDAGF,iDACE,0CAIA,8CACA,6CAGF,mBACE,0DACA,qBAGF,4CACE,uDAIA,kFAIF,CAMA,WANA,wDACE,CAKF,UALE,4BAKF,UACE,qGAOF,4BACE,oDACA,oCAIF,+BACE,8FAEA,4BAGF,+BAIA,6FAKA,oEAGE,oCAIF,oGAIA,+EACE,kBAGF,oDACE,uDAGF,yDACE,sCAGF,6DACE,CAGF,mCACE,sCAGF,2BACE,oDACA,SACA,qEAIF,0EACE,kBACA,aACA,sBACA,uDAIA,0FAIA,0CAEA,yFAMF,0CAKA,0FACE,mIAIA,wDAGA,wBAEA,8BAGF,0BACE,uCACA,0BAGF,4BACE,6EALA,0EACA,qBAkBA,CAdA,sCAaF,4DACE,yBACA,gFAKF,6BAIA,yCACE,cAGF,wEACE,UAGF,uCACE,iJAWF,CAGE,2BAGF,CANA,oBAEE,kBACA,CAGF,oBAIA,WAJA,eACE,eAGF,eACE,6CAKF,kJAUA,4BACE,yCAGF,8DAIA,yDACE,SAGF,uEACE,wBACA,0BACA,kBAGF,8BACE,oCACA,gCACA,aAGF,8DAIA,+BACE,iCAEA,+CAKF,mBAHE,YAGF,CACE,sBACA,YAFF,UAEE,0CAEA,YAIF,wEAIA,wBAEE,+BACA,eAIF,yDAEE,cACA,CACA,eACA,mDAGF,WACE,WACA,iCAGF,sBACE,8DAGA,4BAEA,0DAGF,iFAKE,wBACA,qBACA,kBAGF,qCACE,gCACA,0CAEA,4CAGF,kBACE,0CAGA,cACA,aAGF,6BACE,2BACA,wCAMF,mBAJE,YACA,sBAGF,uBACE,UAGF,6CACE,8CAGF,kDACE,mDAGF,8CACE,CADF,SACE,yCAGF,+DACE,kBAGF,CAHE,aAGF,sBAHE,uBAGF,wBACE,wFAIA,gDAGF,8BACE,+HAIA,4BACA,sBAGF,wDACE,aACE,uBAKJ,wDAGI,2BAOH,CATC,uBAEE,CAOH,kGAKC,yCAIA,yFAQA,4CAGA,wFAGA,wCAKA,wFAIA,2CAEA,uFAOA,iEAIA,YACA,iCAGF,+FAIA,mQAOE,mEAIF,gPAME,gCACA,uCACA,CADA,SACA,iBAIA,kBACA,UACA,YAGF,+BACE,mCAGF,4BACE,mCAGF,YACE,WAGF,cAHE,6BAGF,sBACE,oCAGF,6CACE,sEAEF,kDACE,oDAEF,6FAGA,2QAOE,0BAGF,mCACE,4QAMA,0BAEF,oCACE,wCAEF,gDACE,mDAEF,yDACE,qCAGF,iCACE,iCAEF,4CACE,qDAGA,4CAGA,sDAEF,gDACE,sDAGA,8CAIA,sDAMA,8CAKF,sDAMA,4CAKE,sDACA,4CAEA,wDAEA,4CAIF,yDAGE,gDAGA,yDAKA,8CAGA,yDAKA,8CAGF,yDAGE,4CAKF,yDAEE,eACA,iDAQF,iEAKE,iBACA,0CAIA,gBACA,kDAIA,gBAsBF,0CAEE,eACA,2CAEA,cACA,aACA,gBACA,wDACA,aACA,cACA,gMAGE,4BACE,4CAMA,oEACA,oBAKF,yCACE,YACA,kBACA,gCAEA,wCAEA,aACA,qBARF,CAOE,UACA,QARF,kCACE,aACA,0BACA,qCAEA,kBACA,aACA,CACA,UARF,CAOE,4BACA,CARF,sDAEE,sBACA,YACA,2CAEA,aACA,mCACA,oCARF,kBACE,cACA,4BACA,WACA,uBACA,CADA,SACA,iBACA,QACA,oBACA,0BARF,iGAKE,oEALF,CAOE,uCAPF,CAKE,iBACA,CALA,2BACA,CACA,cACA,oBACA,CALF,uBACE,CADF,gDAIE,mBAJF,oCACE,+BACA,+BAEA,IAGA,SACA,CAJA,+DAIA,wCARF,mBACE,mBACA,aACA,yBACA,cACA,gBACA,uBACA,kBACA,sCARF,mBACE,mBACA,aACA,yBACA,cACA,cACA,uBACA,kBACA,uCARF,oBACE,mBACA,aACA,yBACA,eACA,eACA,uBACA,kBACA,uCARF,mBACE,mBACA,aACA,yBACA,eACA,gBACA,uBACA,kBACA,uCARF,mBACE,kBACA,cACA,wBACA,gBACA,eACA,uBACA,kBACA,uCARF,oBACE,mBACA,aACA,yBACA,gBACA,eACA,uBACA,kBACA,uCARF,mBACE,mBACA,aACA,yBACA,gBACA,eACA,uBACA,kBACA,uCARF,mBACE,mBACA,aACA,yBACA,eACA,eACA,uBACA,kBACA,uCARF,mBACE,mBACA,aACA,yBACA,eACA,gBACA,uBACA,kBACA,uCARF,mBACE,mBACA,aACA,yBACA,eACA,cACA,uBACA,kBACA,wCARF,mBACE,mBACA,sCAEA,eACA,gBACA,sBACA,kBACA,wCARF,mBACE,mBACA,sCAEA,gBACA,cACA,uBACA,kBACA,wCARF,mBACE,kBACA,sCAEA,gBACA,eACA,sBACA,kBACA,wCARF,mBACE,mBACA,sCAEA,gBACA,cACA,uBACA,kBACA,wCARF,mBACE,mBACA,aACA,yBACA,eACA,eACA,uBACA,kBACA,wCARF,mBACE,mBACA,aACA,yBACA,cACA,gBACA,uBACA,kBACA,wCARF,mBACE,mBACA,aACA,yBACA,eACA,gBACA,uBACA,kBACA,wCARF,mBACE,mBACA,aACA,yBACA,gBACA,eACA,uBACA,kBACA,wCARF,mBACE,mBACA,aACA,yBACA,cACA,eACA,uBACA,kBACA,wCARF,mBACE,mBACA,cACA,wBACA,eACA,cACA,uBACA,kBACA,wCARF,mBACE,mBACA,sCAEA,eACA,qCAEA,kBACA,wCARF,kBACE,mBACA,qCAEA,gCACA,CACA,sBACA,kBACA,wCARF,mBACE,kBACA,sCAEA,8BACA,uBAEA,0DAPF,mBACE,oBACA,qCAEA,+BACA,uBAEA,kBACA,wCARF,mBACE,mBACA,sCAEA,8BACA,uBAEA,mBACA,uCARF,oBACE,mBACA,sCAEA,8BACA,uBAEA,kBACA,wCARF,mBACE,mBACA,sCAEA,8BACA,uBAEA,kBACA,wCARF,mBACE,mBACA,sCAEA,gCACA,CACA,sBACA,kBACA,wCARF,mBACE,kBACA,sCAEA,8BACA,uBAEA,kBACA,wCARF,oBACE,mBACA,sCAEA,eACA,gBACA,uBACA,kBACA,wCARF,mBACE,mBACA,sCAEA,eACA,qCAEA,kBACA,wCARF,mBACE,mBACA,sCAEA,+BACA,uBAEA,kBACA,wCARF,oBACE,kBACA,sCAEA,6BACA,uBAEA,mBACA,uCARF,mBACE,mBACA,sCAEA,+BACA,uBAEA,0DAPF,mBACE,gCACA,yBAEA,8BACA,uBAEA,0DAPF,mBACE,mBACA,sCAEA,6BACA,uBAEA,0DAPF,oBACE,+BACA,yBAEA,+BACA,uBAEA,0DAPF,mBACE,oBACA,qCAEA,gCACA,uBAEA,mBACA,uCARF,mBACE,mBACA,sCAEA,+BACA,uBAEA,kBACA,wCARF,mBACE,mBACA,sCAEA,8BACA,uBAEA,kBACA,wCARF,mBACE,mBACA,sCAEA,iBACA,gBACA,sBACA,kBACA,wCARF,oBACE,mBACA,sCAEA,eACA,qCAEA,kBACA,wCARF,kBACE,mBACA,sCAEA,+BACA,uBAEA,kBACA,wCARF,mBACE,mBACA,sCAEA,8BACA,uBAEA,kBACA,wCAQJ,mBACA,mBACA,sCAEA,+BACA,uBACA,kBACA,wCACA,mBACA,CACA,sFAEA,uBAEI,kBAGA,wCAGA,mDACA,CAKF,uCACE,cACA,uBACA,kBAEA,wCACA,mBAEA,mBARF,sCACE,CACA,+BACA,uBAEA,0DAGA,kBARF,gCACE,yBACA,CACA,6BACA,uBACA,kBACA,CACA,uCAPF,uCAEE,sCAEA,eACA,sCAEA,kBACA,wCARF,mBAEE,mBACA,sCAEA,+BACA,uBAEA,kBARF,kBAGE,8EAIA,CACA,uCAPA,CAMA,iBACA,CALA,2BACA,cACA,CACA,oBACA,CANA,uBAEA,CADA,SACA,CAFA,mBACA,CAFF,iBACE,CAIA,mBAEA,yBACA,GARF,wCACE,IAIA,UAHA,+DAGA,gCAEA,WACA,qBARF,mBACE,aACA,yBACA,eACA,gBACA,kBACA,8BACA,WACA,oBARF,mBACE,aACA,yBACA,eACA,gBACA,kBACA,+BACA,WACA,mBARF,mBACE,aACA,yBACA,cACA,gBACA,iDAEA,WACA,oBARF,oBACE,YACA,yBACA,eACA,eACA,iDAEA,WACA,oBARF,gCACE,yBAEA,gBACA,aACA,iDAEA,WACA,oBARF,gCACE,yBAEA,+BACA,CACA,gDAEA,WACA,oBARF,gCACE,yBAEA,8BACA,kBACA,+BAEA,WACA,oBARF,gCACE,yBAEA,6BACA,kBACA,+BAEA,WACA,oBARF,gCACE,yBACA,CACA,+BACA,CACA,gDAEA,WACA,oBARF,gCACE,yBAEA,8BACA,kBACA,gCAEA,WACA,oBARF,gCACE,yBAEA,+BAEA,kDAEA,WACA,oBARF,gCACE,yBAEA,+BAEA,kDAEA,WACA,oBARF,gCACE,yBAEA,gBACA,eACA,kDAEA,WACA,oBARF,gCACE,CACA,wBACA,eACA,gBACA,kDAEA,WACA,mBARF,oBACE,YACA,yBACA,eACA,cACA,kDAEA,WACA,oBARF,oBACE,YACA,yBACA,eACA,cACA,kDAEA,WACA,oBARF,gCACE,yBAEA,gBACA,cACA,kDAEA,WACA,oBARF,gCACE,yBAEA,8BAEA,kDAEA,WACA,oBARF,+BACE,yBAEA,iBACA,cACA,kDAEA,WACA,oBARF,gCACE,CACA,wBACA,eACA,cACA,kDAEA,WACA,oBARF,gCACE,yBAEA,gBACA,cACA,kDAEA,WACA,mBARF,gCACE,yBAEA,8BAEA,kDAEA,WACA,oBARF,gCACE,yBAEA,6BACA,kBACA,gCAEA,WACA,oBARF,gCACE,yBAEA,+BACA,CACA,iDAEA,WACA,oBARF,gCACE,yBAEA,+BAEA,kDAEA,WACA,oBARF,gCACE,yBAEA,6BACA,CACA,iDAEA,WACA,qBARF,+BACE,yBAEA,6BACA,CACA,iDAEA,WACA,oBARF,gCACE,yBAEA,+BACA,CACA,iDAEA,WACA,mBARF,gCACE,yBAEA,+BACA,CACA,iDAEA,WACA,mBARF,gCACE,yBACA,CACA,8BACA,kBACA,gCAEA,WACA,oBARF,gCACE,yBAEA,8BACA,kBACA,gCAEA,WACA,oBARF,gCACE,yBAEA,8BACA,kBACA,gCAEA,WACA,oBARF,gCACE,yBAEA,8BACA,kBACA,gCAEA,WACA,oBARF,gCACE,yBACA,cACA,eACA,kBACA,gCAEA,WACA,oBARF,gCACE,yBACA,gBACA,eACA,kBACA,gCAEA,WACA,oBARF,gCACE,yBACA,CACA,6BACA,kBACA,gCAEA,WACA,oBARF,gCACE,yBAEA,+BACA,CACA,iDAEA,WACA,oBARF,gCACE,yBACA,CACA,6BACA,kBACA,gCAEA,WACA,oBARF,gCACE,yBACA,eACA,eACA,kBACA,gCAEA,WACA,oBARF,gCACE,yBACA,eACA,eACA,kBACA,gCAEA,YACA,mBARF,gCACE,yBACA,gBACA,gBACA,kBACA,gCAEA,WACA,oBARF,gCACE,yBACA,CACA,4BACA,kBACA,gCAEA,WACA,oBARF,gCACE,yBACA,eACA,eACA,kBACA,gCAEA,WACA,oBAKN,mBACE,aACA,yBACA,6BACA,kDACA,+BACA,mBAEA,aACA,yBAGA,gBAGF,gBAEI,kBAOJ,gCAEE,+BACA,mBACA,sCACA,+BACA,kBACA,gCAGA,WACA,qBAIF,mBAEI,qDAGA,iCAIJ,gCACE,WACA,qBACA,mBACA,aACA,yBAIF,8BACE,kBAGF,gCACE,+BAEA,mBAGF,sCAIA,6BACE,kBACA,gCAEA,WAGF,uCACE,aAGF,wCACE,iEAEA,+BACA,kBACA,aACA,yBACA,gBACA,iCACA,kBAGA,sBACA,4BAEA,CAJA,mBACA,CAGA,gCAKF,mCACE,mBADF,mBACE,CADF,kBACE,cADF,SACE","sources":["App.scss"],"sourcesContent":[".App {\n text-align: center;\n}\n\n.App-logo {\n height: 40vmin;\n pointer-events: none;\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .App-logo {\n animation: App-logo-spin infinite 20s linear;\n }\n}\n\n.App-wrapper {\n align-items: center;\n background: linear-gradient(to bottom, #3B4587, #151516) border-box;\n display: flex;\n flex-direction: column;\n font-family: 'Barlow', sans-serif;\n min-height: 300px;\n min-width: 400px;\n height: 100vh;\n overflow: hidden;\n position: relative;\n justify-content: center;\n width: 100vw;\n}\n\n.App-wrapper.mainmenu {\n height: 100vh;\n width: 100vw;\n}\n\n.App-header {\n background-color: #282c34;\n min-height: 100vh;\n display: flex;\n flex-direction: column;\n font-family: 'Barlow', sans-serif;\n align-items: center;\n justify-content: center;\n font-size: calc(10px + 2vmin);\n color: white;\n}\n\n.App-link {\n color: #61dafb;\n}\n\n@keyframes App-logo-spin {\n from {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(360deg);\n }\n}\n\n.Waiting-text-wrapper {\n display: flex;\n}\n\n.Begin-game-button-wrapper.waiting-text {\n color: #b8b8b8;\n font-size: 0.8em;\n justify-content: center;\n}\n\n.Waiting-spinner {\n animation-name: spin;\n animation-duration: 2000ms;\n animation-iteration-count: infinite;\n animation-timing-function: linear;\n background-image: url(\"assets/loading-spinner.svg\");\n background-position: center;\n background-repeat: no-repeat;\n height: 40%;\n margin-top: 1%;\n width: 8%;\n}\n\n@keyframes spin {\n from {\n transform:rotate(0deg);\n }\n to {\n transform:rotate(360deg);\n }\n}\n\n.Begin-game-button, .Roll-button, .Offer-double-button, .Forfeit-game-button, .Accept-double-button {\n background: linear-gradient(to right, #3F3217, #564112);\n border-color: #816c3d;\n border-radius: min(1vw, 1em);\n border-style: double;\n border-width: 0.2em;\n color: #b8b8b8;\n font-weight: bold;\n font-family: 'Barlow', sans-serif;\n font-size: max(1.4vh, 1.4vw);\n padding: 0.5vh;\n text-align: center;\n transition: 0.2s;\n width: 11vw;\n}\n\n.Begin-game-button:hover, .Settings-menu-button:hover, .Roll-button:hover, .Offer-double-button:hover, .Forfeit-game-button:hover, .Accept-double-button:hover {\n transform: scale(110%);\n}\n\n.Game-board-wrapper {\n align-items: center;\n color: white;\n display: flex;\n height: 30vw;\n justify-content: center;\n min-height: 150px;\n min-width: 300px;\n width: 60vw;\n}\n\n.Networked-gameboard-spinner {\n animation-name: spin;\n animation-duration: 2000ms;\n animation-iteration-count: infinite;\n animation-timing-function: linear;\n background-image: url(\"assets/online-multiplayer-button-spinner.svg\");\n background-position: center;\n background-repeat: no-repeat;\n height: 20%;\n width: 20%;\n}\n\n.Main-menu-wrapper {\n align-items: center;\n color: white;\n display: flex;\n flex-direction: column;\n height: 60%;\n min-height: 300px;\n min-width: 400px;\n width: 60%;\n}\n\n.Title-wrapper {\n background-image: url(\"assets/backgammon-title.svg\");\n background-position: center;\n background-repeat: no-repeat;\n container: title-container / inline-size;\n filter: drop-shadow(0 1vh 0.3vh rgba(0, 0, 0, 0.35));\n text-align: center;\n vertical-align: middle;\n height: 25%;\n width: 80%;\n}\n\n.Title-text {\n font-size: 3.5em;\n}\n\n@container title-container (min-width: 400px) {\n .Title-text {\n font-size: max(3.5em, 3.5em + 4cqi);\n }\n}\n\n.Menu-button-wrapper {\n container: menu-button-wrapper / inline-size;\n display: flex;\n flex-direction: column;\n height: 50%;\n justify-content: space-around;\n width: 60%;\n}\n\n.Local-multiplayer-button, .Online-multiplayer-button {\n background-position: center;\n background-repeat: no-repeat;\n cursor: pointer;\n display: flex;\n filter: drop-shadow(0 1vh 0.3vh rgba(0, 0, 0, 0.35));\n font-family: 'Barlow', sans-serif;\n font-size: max(2vh, 2vw);\n height: 40%;\n transition: 0.2s;\n width: 100%;\n}\n\n@media screen and (orientation: portrait) {\n .Title-wrapper {\n height: 16%;\n }\n\n .Menu-button-wrapper {\n height: 30%;\n }\n}\n\n.Local-multiplayer-button {\n background-image: url(\"assets/local-multiplayer-button.svg\");\n}\n\n.Online-multiplayer-button {\n background-image: url(\"assets/online-multiplayer-button.svg\");\n}\n\n.Local-multiplayer-button:hover,\n.Local-multiplayer-button:active,\n.Online-multiplayer-button:hover,\n.Online-multiplayer-button:active {\n transform: scale(105%);\n}\n\n.Online-multiplayer-button-spinner {\n animation-name: spin;\n animation-duration: 2000ms;\n animation-iteration-count: infinite;\n animation-timing-function: linear;\n background-image: url(\"assets/online-multiplayer-button-spinner.svg\");\n background-position: center;\n background-repeat: no-repeat;\n height: 40%;\n width: 100%;\n}\n\n.Credits-text {\n color: #6B7195;\n font-size: 0.6em;\n text-align: right;\n position: absolute;\n right: 1%;\n bottom: 1%;\n}\n\n.Match-settings-menu-wrapper {\n display: flex;\n flex-direction: column;\n height: 60%;\n min-height: 300px;\n min-width: 400px;\n width: 45%;\n}\n\n.Match-settings-title-wrapper {\n background-image: url(\"assets/match-settings-title.svg\");\n background-position: center;\n background-repeat: no-repeat;\n filter: drop-shadow(0 0.5vh 0.3vh rgba(0, 0, 0, 0.35));\n vertical-align: middle;\n height: 20%;\n width: 35%;\n}\n\n.Match-points-settings-row, .Doubling-cube-settings-row, .Url-copy-row {\n align-items: center;\n display: flex;\n height: 15%;\n margin-top: 4%;\n width: 100%;\n}\n\n.Play-to-wrapper {\n background-image: url(\"assets/play-to.svg\");\n background-position-y: center;\n background-repeat: no-repeat;\n filter: drop-shadow(0 0.5vh 0.3vh rgba(0, 0, 0, 0.35));\n vertical-align: middle;\n height: 60%;\n width: 14%;\n}\n\n.Doubling-cube-text-wrapper {\n background-image: url(\"assets/allow-doubling.svg\");\n background-position-y: center;\n background-repeat: no-repeat;\n filter: drop-shadow(0 0.5vh 0.3vh rgba(0, 0, 0, 0.35));\n vertical-align: middle;\n height: 60%;\n width: 24%;\n}\n\n.Url-title-wrapper {\n background-image: url(\"assets/url-title.svg\");\n background-position-y: center;\n background-repeat: no-repeat;\n filter: drop-shadow(0 0.5vh 0.3vh rgba(0, 0, 0, 0.35));\n vertical-align: middle;\n height: 40%;\n width: 14%;\n}\n\n.Url-form-wrapper {\n align-items: flex-start;\n container: url-form-container / inline-size;\n display: flex;\n flex-direction: column;\n height: 100%;\n width: 80%;\n}\n\n.Url-form .form-control {\n color: #dcd4d4;\n background-color: #474747;\n font-size: 1em;\n}\n\n.Url-form-text {\n background-color: #332E2E;\n border-radius: 1vw;\n border: solid #dcd4d4;\n color: #dcd4d4;\n font-size: 0.9em;\n padding: 1vh 1vw 1vh 1vw;\n}\n\n.Url-form-subtext {\n color: #dcd4d4;\n margin-left: 1vw;\n font-size: 0.7em;\n}\n\n@container url-form-container (min-width: 600px) {\n .Url-form-text {\n font-size: 1.5em;\n }\n\n .Url-form-subtext {\n font-size: 1em;\n }\n}\n\n.Url-form-text-and-copy {\n align-items: center;\n display: flex;\n width: 100%\n}\n\n.Url-form-copy {\n background-image: url(\"assets/copy-icon.svg\");\n background-position-y: center;\n background-repeat: no-repeat;\n cursor: pointer;\n margin-left: 2%;\n height: 80%;\n transition: 0.2s;\n width: 8%;\n}\n\n.Url-form-copy.highlight {\n background-image: url(\"assets/copy-icon-clicked.svg\");\n}\n\n.Url-form-copy:hover, .Url-form-copy:active {\n transform: scale(105%);\n}\n\n.Start-game-button-row {\n align-items: center;\n display: flex;\n height: 15%;\n justify-content: center;\n margin-top: 8%;\n width: 100%;\n}\n\n.Start-game-button {\n background: linear-gradient(to right, #3F3217, #564112);\n border-color: #816c3d;\n border-radius: min(1vw, 1em);\n border-style: double;\n border-width: 0.2em;\n color: #b8b8b8;\n font-weight: bold;\n font-family: 'Barlow', sans-serif;\n font-size: max(1.5vh, 1.5vw);\n padding: 0.5vh;\n text-align: center;\n transition: 0.2s;\n width: 10vw;\n}\n\n.Start-game-button:hover {\n transform: scale(105%);\n}\n\n.Doubling-cube-toggle-form {\n align-items: center;\n display: flex;\n height: 100%;\n margin-left: 4%;\n width: 70%;\n}\n\n.Doubling-cube-toggle-off, .Doubling-cube-toggle-on {\n background-position: center;\n background-repeat: no-repeat;\n height: 30%;\n width: 15%;\n}\n\n.Doubling-cube-toggle-off {\n background-image: url(\"assets/off-disabled.svg\");\n}\n\n.Doubling-cube-toggle-on {\n background-image: url(\"assets/on-disabled.svg\");\n}\n\n.Doubling-cube-toggle-off.enabled {\n background-image: url(\"assets/off-enabled.svg\");\n}\n\n.Doubling-cube-toggle-on.enabled {\n background-image: url(\"assets/on-enabled.svg\");\n}\n\n.Doubling-cube-toggle.form-switch {\n margin-left: 4%;\n margin-right: 4%;\n}\n\n.Doubling-cube-toggle .form-check-input {\n height: 4vh;\n width: 6vw;\n}\n\n.Doubling-cube-toggle .form-check-input:checked {\n background-color: #4488ec;\n}\n\n.Match-points-buttons-wrapper {\n display: flex;\n height: 100%;\n width: 86%;\n}\n\n.Match-points-button {\n align-content: center;\n background-color: #CDB288;\n background-position: center;\n background-repeat: no-repeat;\n background-size: 15%;\n border-radius: 10%;\n font-size: max(1.3em, 2vw);\n font-weight: bold;\n height: max(5vw, 5vh);\n cursor: pointer;\n margin-left: 2%;\n opacity: 40%;\n text-align: center;\n transition: 0.2s;\n width: max(5vw, 5vh);\n}\n\n.Match-points-button.selected {\n border: white solid max(3px, 0.3vw);\n opacity: 100%;\n}\n\n.Match-points-button:hover, .Match-points-button:active {\n transform: scale(105%);\n}\n\n.Player-card-wrapper {\n background: #0F142F;\n border: min(5px, 0.4vw) solid #22274a;\n border-radius: min(1vw, 1em) min(1vw, 1em) 0 0;\n border-bottom-style: none;\n color: #b8b8b8;\n display: flex;\n height: 9%;\n position: relative;\n left: 66%;\n width: 28%;\n}\n\n.Player-card-wrapper.current {\n filter: drop-shadow(0 0 1vh #f7dcab);\n}\n\n.Player-card-wrapper.cw {\n left: 6%;\n}\n\n.Player-card-wrapper.bottom {\n background: #251F13;\n border: min(5px, 0.4vw) solid #564112;\n border-radius: 0 0 min(1vw, 1em) min(1vw, 1em);\n border-top-style: none;\n}\n\n.Player-card-checker-wrapper {\n display: flex;\n width: 24%;\n}\n\n.Player-card-checker-wrapper .Checker {\n margin: 20% 20%;\n height: 60%;\n width: 60%;\n}\n\n.Player-name-and-score-wrapper {\n display: flex;\n flex-direction: column;\n width: 52%;\n}\n\n.Player-name-wrapper {\n font-size: 2vh;\n font-weight: bold;\n height: 40%;\n}\n\n.Player-card-doubling-cube-wrapper {\n align-content: center;\n width: 24%;\n}\n\n.Player-card-doubling-cube-wrapper .Doubling-cube {\n height: 65%;\n margin-left: 20%;\n width: 60%;\n}\n\n@media screen and (orientation: landscape) {\n .Player-name-wrapper {\n font-size: 1.2vw;\n font-weight: bold;\n height: 40%;\n margin-top: 4%;\n }\n\n .Player-score-wrapper {\n display: flex;\n font-size: 0.8vw;\n height: 50%;\n margin-top: 4%;\n white-space: nowrap;\n }\n}\n\n@media screen and (orientation: portrait) {\n .Player-name-wrapper {\n font-size: 2vh;\n font-weight: bold;\n height: 40%;\n }\n\n .Player-score-wrapper {\n display: flex;\n font-size: 0.8vw;\n height: 50%;\n }\n}\n\n.Player-card-total-match-points {\n font-weight: bold;\n}\n\n.Player-points-wrapper {\n margin-left: 0.8vw;\n}\n\n.Information-text-wrapper {\n margin-left: 5.5%;\n margin-right: 5.5%;\n width: 89%;\n height: 4vh;\n}\n\n.Information-text {\n color: #b8b8b8;\n}\n\n.Game-area-wrapper {\n filter: drop-shadow(0 0 0.5vh #000000);\n}\n\n.Game-board-half {\n background-image: url(\"assets/board-background.svg\");\n background-size: cover;\n border-color: #212529;\n border-width: 0.8vh;\n display: flex;\n flex-direction: column;\n height: 100%;\n justify-content: space-between;\n position: relative;\n width: 45.5%;\n z-index: 1;\n}\n\n.Game-board-half.left {\n background:\n url(\"assets/board-background.svg\") padding-box,\n linear-gradient(to bottom, #22274A, #564112) border-box;\n border: min(5px, 0.4vw) solid transparent;\n border-right-style: none;\n border-top-left-radius: min(1vw, 1em);\n border-bottom-left-radius: min(1vw, 1em);\n}\n\n.Game-board-half.left.cw {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n}\n\n.Game-board-half.right {\n background:\n url(\"assets/board-background.svg\") padding-box,\n linear-gradient(to bottom, #22274A, #564112) border-box;\n border: min(5px, 0.4vw) solid transparent;\n border-left-style: none;\n}\n\n.Game-board-half.right.cw {\n border-top-right-radius: min(1vw, 1em);\n border-bottom-right-radius: min(1vw, 1em);\n}\n\n.Game-board-quadrant {\n display: flex;\n height: 50%;\n justify-content: space-evenly;\n width: 100%;\n}\n\n.Game-board-quadrant.bottom {\n align-items: flex-end;\n}\n\n.Game-board-bar {\n background:\n url(\"assets/dots.svg\") center/420% padding-box,\n linear-gradient(to bottom, #22274A, #564112) border-box;\n border: min(5px, 0.4vw) solid transparent;\n display: flex;\n flex-direction: column;\n height: 100%;\n justify-content: space-around;\n width: 4%;\n z-index: 1;\n}\n\n.Game-board-home {\n background:\n url(\"assets/dots.svg\") center/300% padding-box,\n linear-gradient(to bottom, #22274A, #564112) border-box;\n border: min(5px, 0.4vw) solid transparent;\n border-left-style: none;\n border-top-right-radius: min(1vw, 1em);\n border-bottom-right-radius: min(1vw, 1em);\n display: flex;\n flex-direction: column;\n height: 100%;\n justify-content: space-around;\n width: 5%;\n}\n\n\n\n.Game-board-home.cw {\n border-left-style: solid;\n border-right-style: none;\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n border-top-left-radius: min(1vw, 1em);\n border-bottom-left-radius: min(1vw, 1em);\n}\n\n.Point-wrapper {\n display: flex;\n position: relative;\n height: 87%;\n width: 16.667%;\n}\n\n.Point-wrapper-highlight {\n height: 100%;\n margin-left: 10%;\n position: absolute;\n width: 80%;\n z-index: 1;\n}\n\n.Point-wrapper-highlight.from {\n background-color: #e4cb6454;\n}\n\n.Point-wrapper-highlight.to {\n background: url(\"assets/stripes.svg\");\n background-size: cover;\n}\n\n.Point-wrapper-highlight.noMove {\n animation-duration: 1s;\n animation-name: nomove;\n}\n\n@keyframes nomove {\n from {\n background: url(\"assets/stripes-red.svg\");\n background-size: cover;\n }\n\n to {\n background: url(\"assets/stripes-red-fade.svg\");\n background-size: cover;\n }\n}\n\n.Point-wrapper-highlight.bottom {\n border-top-left-radius: 5vh;\n border-top-right-radius: 5vh;\n}\n\n.Point-wrapper-highlight.top {\n border-bottom-left-radius: 5vh;\n border-bottom-right-radius: 5vh;\n}\n\n.Point-triangle {\n height: 100%;\n margin-left: 10%;\n position: absolute;\n width: 80%;\n z-index: 1;\n}\n\n.Point-triangle-inner {\n height: 96%;\n margin-left: 12%;\n position: absolute;\n width: 76%;\n z-index: 2;\n}\n\n.Point-triangle-inner.bottom {\n margin-top: 12%;\n}\n\n.Point-triangle-inner.even {\n background-color: #0F1744;\n}\n\n.Point-triangle-inner.odd {\n background-color: #885525;\n}\n\n.Point-triangle.top, .Point-triangle-inner.top {\n clip-path: polygon(0% 0%, 50% 100%, 100% 0%);\n}\n\n.Point-triangle.bottom, .Point-triangle-inner.bottom {\n clip-path: polygon(0% 100%, 50% 0%, 100% 100%);\n}\n\n.Point-triangle.even {\n background-color: #636781;\n}\n\n.Point-triangle.odd {\n background-color: #997345;\n}\n\n.Checkers-wrapper {\n align-items: center;\n display: flex;\n flex-wrap: wrap;\n height: 100%;\n width: 100%;\n z-index: 3;\n}\n\n.Checkers-wrapper.top {\n flex-direction: column;\n}\n\n.Checkers-wrapper.bottom {\n flex-direction: column-reverse;\n}\n\n.Point {\n height: 41vh;\n width: 15%;\n}\n\n.Checker {\n filter: drop-shadow(0 0 0.2vh rgb(0, 0, 0, 0.6));\n transition: transform 0.3s ease-out, filter 0.5s ease-in-out;\n will-change: transform, filter;\n height: 15%;\n width: 45%;\n z-index: 4;\n}\n\n.Checker.white {\n background-image: url(\"assets/checker-light.svg\");\n background-repeat: no-repeat;\n}\n\n.Checker.highlighted-pulse, .Checker.selected-pulse {\n filter: drop-shadow(0 0 0.5vh #f7dcab);\n}\n\n.Checker.white.selected-pulse {\n background-image: url(\"assets/checker-light-selected.svg\");\n background-repeat: no-repeat;\n}\n\n.Checker.black.selected-pulse {\n background-image: url(\"assets/checker-dark-selected.svg\");\n background-repeat: no-repeat;\n}\n\n.Checker.highlighted, .Checker.selected {\n filter: drop-shadow(0 0 0.1vh #f7dcab);\n}\n\n.Checker.black {\n background-image: url(\"assets/checker-dark.svg\");\n background-repeat: no-repeat;\n}\n\n.Player-one-bar-checkers, .Player-two-bar-checkers {\n align-items: center;\n display: flex;\n height: 47.5%;\n}\n\n.Player-one-bar-checkers {\n flex-direction: column-reverse;\n}\n\n.Player-two-bar-checkers {\n flex-direction: column;\n}\n\n.Player-one-bar-checkers.highlight {\n background-color: #e4cb6454;\n border-bottom-left-radius: 5vh;\n border-bottom-right-radius: 5vh;\n}\n\n.Player-two-bar-checkers.highlight {\n background-color: #e4cb6454;\n border-top-left-radius: 5vh;\n border-top-right-radius: 5vh;\n}\n\n.Game-board-bar-spacer {\n height: 5%\n}\n\n.Player-one-bar-checkers .Checker, .Player-two-bar-checkers .Checker {\n height: 15%;\n width: 120%;\n}\n\n.Player-one-home-checkers, .Player-two-home-checkers {\n align-items: center;\n display: flex;\n flex-direction: column;\n height: 45.5%;\n}\n\n.Player-one-home-checkers .Checker.white {\n background-image: url(\"assets/checker-home-light.svg\");\n}\n\n.Player-one-home-checkers .Checker.black {\n background-image: url(\"assets/checker-home-dark.svg\");\n}\n\n.Player-two-home-checkers .Checker.white {\n background-image: url(\"assets/checker-home-light.svg\");\n}\n\n.Player-two-home-checkers .Checker.black {\n background-image: url(\"assets/checker-home-dark.svg\");\n}\n\n.Player-one-home-checkers, .Player-two-home-checkers.p2 {\n justify-content: flex-end;\n}\n\n.Player-one-home-checkers.p2 {\n justify-content: flex-start;\n}\n\n.Player-one-home-checkers.highlighted {\n background: url(\"assets/stripes.svg\");\n background-size: cover;\n border-top-left-radius: 1vh;\n border-top-right-radius: 1vh;\n}\n\n.Player-two-home-checkers.highlighted {\n background: url(\"assets/stripes.svg\");\n background-size: cover;\n border-bottom-left-radius: 1vh;\n border-bottom-right-radius: 1vh;\n}\n\n.Game-board-home-spacer {\n height: 9%;\n}\n\n.Player-one-home-checkers .Checker, .Player-two-home-checkers .Checker {\n border-radius: 10% 10% 34% 34%;\n height: 4%;\n margin-bottom: 3%;\n margin-top: 3%;\n padding-top: 0;\n width: 80%;\n}\n\n.Submit-button-wrapper, .Undo-button-wrapper, .Dice-row-spacer {\n height: 4vw;\n width: 4vw;\n}\n\n.Submit-button, .Undo-button {\n background: url(\"assets/checkmark.svg\") center / 60% padding-box, linear-gradient(to right, #3F3217, #564112) border-box;\n border-color: #816c3d;\n border-radius: 1vh;\n background-repeat: no-repeat;\n border-style: double;\n margin-left: 10%;\n margin-top: 10%;\n height: 80%;\n transition: 0.2s;\n width: 80%;\n}\n\n.Undo-button-wrapper .Undo-button {\n background: url(\"assets/undo-arrow.svg\") center / 60% padding-box, linear-gradient(to right, #3F3217, #564112) border-box;\n background-repeat: no-repeat;\n}\n\n.Submit-button:hover, .Undo-button:hover {\n transform: scale(110%);\n}\n\n.mainmenu .Settings-menu-button-wrapper {\n right: 2vw;\n}\n\n.Settings-menu-button-wrapper {\n position: absolute;\n right: 2%;\n top: 2%;\n}\n\n.Settings-menu .modal-content, .Game-over-dialog .modal-content {\n background-color: #abafc2;\n border: 0.5vw solid #636781;\n border-radius: 1vw;\n font-family: 'Barlow', sans-serif;\n}\n\n.Game-over-dialog {\n text-align: center;\n}\n\n.Game-over-dialog .modal-title {\n font-size: 2em;\n}\n\n.Settings-menu .modal-header, .Game-over-dialog .modal-header {\n border-bottom: 1px solid rgb(78, 96, 124);\n}\n\n.Game-over-dialog .modal-header {\n display: block;\n}\n\n.Game-over-dialog-winner-wrapper {\n display: flex;\n width: 100%;\n align-items: center;\n justify-content: center;\n padding: 4%;\n}\n\n.Game-over-dialog-winner-checker-wrapper {\n display: flex;\n height: 3.5em;\n width: 12.6%;\n}\n\n.Game-over-dialog-winner-checker-wrapper.left {\n justify-content: flex-end;\n}\n\n.Game-over-dialog-winner-text {\n font-size: 1.2em;\n font-weight: bold;\n width: 70%;\n}\n\n.Game-over-dialog-gammon-text {\n font-size: 0.8em;\n font-weight: normal;\n}\n\n.Game-over-dialog-winner-checker-wrapper .Checker {\n height: 100%;\n width: 100%;\n}\n\n.Game-over-dialog .modal-footer {\n justify-content: center;\n}\n\n.Settings-menu .modal-footer, .Game-over-dialog .modal-footer {\n border-top: 1px solid rgb(78, 96, 124);\n}\n\n.Settings-menu .modal-body, .Game-over-dialog .modal-body {\n padding: 0;\n}\n\n.Settings-menu .modal-footer .btn, .Game-over-dialog .modal-footer .btn {\n background-color: #354e74;\n border-color: rgb(24 38 61);\n border-width: 0.2vh;\n}\n\n.Settings-menu .Settings-option-row {\n border-bottom: 1px solid rgb(78, 96, 124);\n display: flex;\n justify-content: space-between;\n}\n\n.Settings-menu .Settings-option-row.bottom {\n border-bottom: none;\n}\n\n.Settings-menu-player-names-and-checkers {\n cursor: pointer;\n display: flex;\n justify-content: space-around;\n padding-right: 5%;\n width: 50%;\n}\n\n.Settings-menu-player-name-and-checker {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n width: 40%;\n}\n\n.Settings-menu-player-name {\n text-align: center;\n}\n\n.Settings-menu-checkers-wrapper {\n display: flex;\n justify-content: space-around;\n height: 66%;\n width: 100%;\n}\n\n.Settings-menu-checker-wrapper {\n align-items: center;\n display: flex;\n height: 50%;\n width: 31%;\n justify-content: center;\n}\n\n.Settings-menu-checker-wrapper .Checker {\n height: 100%;\n width: 100%;\n}\n\n.Settings-menu-color-swap-arrow-wrapper {\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: column;\n transition: 0.2s;\n width: 20%;\n}\n\n.Settings-menu-player-names-and-checkers:hover .Settings-menu-color-swap-arrow-wrapper {\n transform: scale(110%);\n}\n\n.Settings-menu-color-swap {\n font-size: 0.6em;\n font-weight: bold;\n text-align: center;\n}\n\n.Settings-menu-color-swap-arrow {\n background: url(\"assets/swap-arrow.svg\");\n background-repeat: no-repeat;\n height: 20%;\n width: 50%;\n}\n\n.Settings-option-movement-diagram-wrapper {\n cursor: pointer;\n display: flex;\n justify-content: center;\n padding: 2%;\n width: 50%;\n}\n\n.Settings-option-movement-diagram {\n background-size: contain;\n background-repeat: no-repeat;\n height: 100%;\n transition: 0.2s;\n width: 50%;\n}\n\n.Settings-option-movement-diagram:hover {\n transform: scale(105%);\n}\n\n.Settings-option-movement-diagram.light {\n background-image: url(\"assets/diagram-light-ccw.svg\");\n}\n\n.Settings-option-movement-diagram.light.cw {\n background-image: url(\"assets/diagram-light-cw.svg\");\n}\n\n.Settings-option-movement-diagram.dark {\n background-image: url(\"assets/diagram-dark-ccw.svg\");\n}\n\n.Settings-option-movement-diagram.dark.cw {\n background-image: url(\"assets/diagram-dark-cw.svg\");\n}\n\n.Settings-checker-color-label, .Settings-checker-direction-label {\n padding: 4vh;\n}\n\n.Settings-option-arrow.clockwise {\n background: url(\"assets/clockwise-arrow.svg\") no-repeat top left;\n}\n\n.Settings-option-arrow.counterclockwise {\n background: url(\"assets/counterclockwise-arrow.svg\") no-repeat top left;\n}\n\n.Settings-menu-button {\n background: url(\"assets/settings-icon.svg\") no-repeat top left;\n background-size: contain;\n}\n\n@media screen and (orientation: landscape) {\n .Settings-menu-button {\n height: 3vw;\n width: 3vw;\n }\n}\n\n@media screen and (orientation: portrait) {\n .Settings-menu-button {\n height: 3vh;\n width: 3vh;\n }\n}\n\n/********\n * DICE *\n ********/\n .Dice,\n .Begin-game-button-wrapper,\n .Roll-button-wrapper,\n .Offer-double-button-wrapper,\n .Accept-double-menu-wrapper {\n align-items: center;\n display: flex;\n height: 10%;\n left: 10%;\n justify-content: space-evenly;\n position: absolute;\n top: 45%;\n width: 80%;\n z-index: 5;\n}\n\n.Die-faces {\n align-items: center;\n display: flex;\n height: 114%;\n justify-content: center;\n transform-style: preserve-3d;\n transition: transform 1.3s ease-out;\n width: 15.5%;\n}\n\n.Die-face {\n border-radius: 0.5vw;\n color: white;\n display: grid;\n gap: 0.4vw;\n grid-template-columns: repeat(3, 1fr);\n grid-template-rows: repeat(3, 1fr);\n height: 100%;\n padding: 0.2vw;\n position: absolute;\n width: 100%;\n}\n\n.Die-faces.white .Die-face {\n background-color: rgb(255 243 219);\n border: 0.2vw solid #b49e70;\n}\n\n.Die-faces.black .Die-face {\n background-color: rgb(15 16 37);\n border: 0.2vw solid #767293;\n}\n\n.Die-faces.white.spent .Die-face, .Die-faces.black.spent .Die-face {\n display: none;\n}\n\n.Die-faces.white.spent.one .Die-face.one,\n.Die-faces.white.spent.two .Die-face.two,\n.Die-faces.white.spent.three .Die-face.three,\n.Die-faces.white.spent.four .Die-face.four,\n.Die-faces.white.spent.five .Die-face.five,\n.Die-faces.white.spent.six .Die-face.six {\n background-color: rgb(255 243 219 / 30%);\n border-color: #b49e707a;\n display: grid;\n}\n\n.Die-faces.black.spent.one .Die-face.one,\n.Die-faces.black.spent.two .Die-face.two,\n.Die-faces.black.spent.three .Die-face.three,\n.Die-faces.black.spent.four .Die-face.four,\n.Die-faces.black.spent.five .Die-face.five,\n.Die-faces.black.spent.six .Die-face.six {\n background-color: rgb(15 16 37 / 15%);\n border-color: #76729363;\n display: grid;\n}\n\n.Die-pip {\n border-radius: 50%;\n height: 95%;\n width: 95%;\n}\n\n.Die-faces.white .Die-pip {\n background-color: #1b1c22;\n}\n\n.Die-faces.black .Die-pip {\n background-color: #ede2ce;\n}\n\n.Die-faces.black.spent .Die-pip {\n background-color: #ffffff70;\n}\n\n.Die-faces.white.spent .Die-pip {\n background-color: #00000070;\n}\n\n.Die-faces.one, .Die-faces.one.black.reroll {\n transform: rotateX(360deg) rotateY(720deg) rotateZ(360deg);\n}\n.Die-faces.two, .Die-faces.two.black.reroll {\n transform: rotateX(450deg) rotateY(720deg) rotateZ(360deg);\n}\n.Die-faces.three, .Die-faces.three.black.reroll {\n transform: rotateX(360deg) rotateY(630deg) rotateZ(360deg);\n}\n.Die-faces.four, .Die-faces.four.black.reroll {\n transform: rotateX(360deg) rotateY(810deg) rotateZ(360deg);\n}\n.Die-faces.five, .Die-faces.five.black.reroll {\n transform: rotateX(270deg) rotateY(720deg) rotateZ(360deg);\n}\n.Die-faces.six, .Die-faces.six.black.reroll {\n transform: rotateX(360deg) rotateY(900deg) rotateZ(360deg);\n}\n\n.Die-faces.one.black, .Die-faces.one.reroll {\n transform: rotateX(-360deg) rotateY(-720deg) rotateZ(-360deg);\n}\n.Die-faces.two.black, .Die-faces.two.reroll {\n transform: rotateX(-270deg) rotateY(-720deg) rotateZ(-360deg);\n}\n.Die-faces.three.black, .Die-faces.three.reroll {\n transform: rotateX(-360deg) rotateY(-810deg) rotateZ(-360deg);\n}\n.Die-faces.four.black, .Die-faces.four.reroll {\n transform: rotateX(-360deg) rotateY(-630deg) rotateZ(-360deg);\n}\n.Die-faces.five.black, .Die-faces.five.reroll {\n transform: rotateX(-450deg) rotateY(-720deg) rotateZ(-360deg);\n}\n.Die-faces.six.black, .Die-faces.six.reroll {\n transform: rotateX(-360deg) rotateY(-900deg) rotateZ(-360deg);\n}\n\n.Die-face.one {\n transform: rotate3d(0, 0, 0, 90deg) translateZ(1.6vw);\n}\n.Die-face.two {\n transform: rotate3d(-1, 0, 0, 90deg) translateZ(1.6vw);\n}\n.Die-face.three {\n transform: rotate3d(0, 1, 0, 90deg) translateZ(1.6vw);\n}\n.Die-face.four {\n transform: rotate3d(0, -1, 0, 90deg) translateZ(1.6vw);\n}\n.Die-face.five {\n transform: rotate3d(1, 0, 0, 90deg) translateZ(1.6vw);\n}\n.Die-face.six {\n transform: rotate3d(1, 0, 0, 180deg) translateZ(1.6vw);\n}\n\n.Die-pip.one {\n grid-area: 1/1;\n}\n.Die-pip.three {\n grid-area: 1/3;\n}\n.Die-pip.four {\n grid-area: 2/1;\n}\n.Die-pip.five {\n grid-area: 2/2;\n}\n.Die-pip.six {\n grid-area: 2/3;\n}\n.Die-pip.seven {\n grid-area: 3/1;\n}\n.Die-pip.nine {\n grid-area: 3/3;\n}\n\n.Doubling-cube {\n align-content: center;\n background-image: url(\"assets/doubling-cube.svg\");\n background-repeat: no-repeat;\n filter: drop-shadow(1px 1px 1px rgb(58, 7, 7));\n height: 85%;\n margin-left: 7.5%;\n width: 85%;\n}\n\n.Doubling-cube-value-wrapper {\n align-content: center;\n color: #FABBBB;\n font-size: min(1.3vw, 1.3em);\n height: 100%;\n text-align: center;\n text-shadow: 1px 1px 1px rgb(58, 7, 7);\n width: 100%;\n}\n\n.Accept-double-menu-wrapper {\n display: flex;\n height: 14%;\n top: 43%;\n flex-direction: column;\n}\n\n.Accept-double-menu-text-wrapper {\n color: #b8b8b8;\n font-size: max(0.5em, 1.2vw);\n}\n\n.Accept-double-menu-buttons-wrapper {\n align-items: center;\n display: flex;\n justify-content: space-evenly;\n height: 50%;\n width: 100%;\n}\n\n.Accept-double-button, .Forfeit-game-button {\n font-size: min(1em, 1vw);\n height: 100%;\n padding: 0;\n width: 34%;\n}\n\n.Accept-double-button {\n color: #62955D;\n}\n\n.Forfeit-game-button {\n color: #C14534;\n}\n\n.Waiting-for-accept-double-wrapper {\n align-items: center;\n color: #b8b8b8;\n display: flex;\n font-size: 0.7em;\n height: 12%;\n left: 10%;\n justify-content: center;\n position: absolute;\n top: 44%;\n width: 80%;\n z-index: 5;\n}\n\n/*****************************\n Floating circles background\n*****************************/\n@function random_range($min, $max) {\n $rand: random();\n $random_range: $min + floor($rand * (($max - $min) + 1));\n @return $random_range;\n}\n\n@function sample($list) {\n @return nth($list, random(length($list)));\n}\n\n$floating-circle-count: 50;\n\n// Initial floating circles start on screen with a randomized non-zero opacity,\n// then animate once and finish with 0 opacity. By that time, the regular\n// floating circles will have begun to animate indefinitely. This way, floating\n// circles are visible immediately on page load.\n.Initial-floating-circle {\n position: absolute;\n left: var(--left-offset);\n bottom: var(--bottom-offset);\n display: block;\n width: var(--radius);\n height: var(--radius);\n border-radius: 50%;\n background-color: #83919e24;\n pointer-events: none;\n opacity: 0%;\n animation: float-around-initial var(--animation-duration) 0s ease-in;\n\n @keyframes float-around-initial {\n 0% {\n opacity: var(--starting-opacity);\n }\n 50% {\n opacity: var(--max-opacity);\n }\n 100% {\n transform: translateX(var(--float-x)) translateY(var(--float-y));\n opacity: 0%;\n }\n }\n\n @for $i from 0 through $floating-circle-count {\n &:nth-child(#{$i}) {\n --bottom-offset: #{random_range(-10%, 110%)};\n --left-offset: #{random_range(0vw, 100vw)};\n --radius: #{random_range(3vw, 6vw)};\n --animation-duration: #{random_range(10s, 30s)};\n --float-y: #{random_range(-30vh, 30vh)};\n --float-x: #{random_range(-30vw, 30vw)};\n --starting-opacity: #{random_range(10%, 50%)};\n --max-opacity: #{random_range(40%, 80%)};\n }\n }\n}\n\n// These floating circles begin to appear and animate indefinitely as the initial\n// floating circles finish their one-time animation.\n.Floating-circle {\n position: absolute;\n left: var(--left-offset);\n bottom: var(--bottom-offset);\n display: block;\n width: var(--radius);\n height: var(--radius);\n border-radius: 50%;\n background-color: #83919e24;\n pointer-events: none;\n opacity: 0%;\n animation: float-around var(--animation-duration) var(--delay) ease-in infinite;\n\n @keyframes float-around {\n 0% {\n opacity: 0%;\n }\n 50% {\n opacity: var(--max-opacity);\n }\n 100% {\n transform: translateX(var(--float-x)) translateY(var(--float-y));\n opacity: 0%;\n }\n }\n\n @for $i from 0 through $floating-circle-count {\n &:nth-child(#{$i}) {\n --delay: #{random_range(10s, 30s)};\n --bottom-offset: #{random_range(-10%, 110%)};\n --left-offset: #{random_range(0vw, 100vw)};\n --radius: #{random_range(3vw, 6vw)};\n --animation-duration: #{random_range(10s, 30s)};\n --float-y: #{random_range(-30vh, 30vh)};\n --float-x: #{random_range(-30vw, 30vw)};\n --max-opacity: #{random_range(30%, 70%)};\n }\n }\n}\n\n.Wipe-transition {\n animation-name: wipe;\n animation-duration: 300ms;\n animation-iteration-count: 1;\n animation-timing-function: linear;\n background-color: #000000a7;\n position: absolute;\n z-index: 9;\n pointer-events: none;\n left: 0;\n top: 0;\n width: 0%;\n height: 100%;\n}\n\n@keyframes wipe {\n from {\n width: 100%;\n }\n to {\n width: 0%;\n }\n}\n\n.Wipe-fade {\n animation-name: fade;\n animation-duration: 300ms;\n animation-iteration-count: 1;\n animation-timing-function: linear;\n background-color: #ffffff00;\n position: absolute;\n z-index: 8;\n pointer-events: none;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n}\n\n@keyframes fade {\n from {\n background-color: #ffffff56;\n }\n to {\n background-color: #ffffff00;\n }\n}\n\n.Room-connection-error-wrapper {\n align-items: center;\n color: #b8b8b8;\n display: flex;\n flex-direction: column;\n text-align: center;\n width: 50%;\n}\n\n.Room-connection-error-header {\n font-size: max(2em, 2vw);\n}\n\n.Room-connection-error-text {\n font-size: max(1em, 1vw);\n margin-top: 2%;\n width: 100%;\n}\n\n.Room-connection-error-roomcode {\n font-weight: bold;\n}\n\n.Room-connection-error-subtext {\n font-size: max(1em, 1vw);\n line-height: 1em;\n margin-top: 2%;\n width: 70%;\n}\n\n.Room-connection-error-menu-button-wrapper {\n margin-top: 5%;\n}\n\n.Room-connection-error-menu-button {\n background: linear-gradient(to right, #3F3217, #564112);\n border-color: #816c3d;\n border-radius: min(1vw, 1em);\n border-style: double;\n border-width: 0.2em;\n color: #b8b8b8;\n font-weight: bold;\n font-family: 'Barlow', sans-serif;\n font-size: max(1em, 1vw);\n height: 5vh;\n min-height: 35px;\n min-width: 125px;\n max-width: 175px;\n padding: 0.5vh;\n text-align: center;\n transition: 0.2s;\n width: 12vw;\n}\n\n.Room-connection-error-menu-button:hover, .Room-connection-error-menu-button:active {\n transform: scale(105%);\n}"],"names":[],"sourceRoot":""} \ No newline at end of file diff --git a/static/css/main.d409741d.css.map b/static/css/main.d409741d.css.map deleted file mode 100644 index a1f7535..0000000 --- a/static/css/main.d409741d.css.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"file":"static/css/main.d409741d.css","mappings":"AAAA,KACE,kBAGF,UACE,cACA,oBAGF,6CACE,UACE,6CAIJ,aACE,mBACA,8DACA,aACA,sBACA,8BAMA,uBALA,iBACA,gBAEA,gBACA,iBAEA,CAGF,mCAPE,aAIA,WAKA,CAGF,YAME,mBALA,yBAQA,WANA,aACA,sBACA,8BAGA,6BADA,uBALA,gBAOA,CAGF,UACE,cAGF,yBACE,GACE,uBAEF,GACE,yBAIJ,sBACE,aAGF,wCACE,cACA,eACA,uBAGF,iBAEE,sBACA,mCAFA,oBAGA,iCACA,uFAEA,wBACA,4BAEA,WAGF,cAEM,0BAGA,yBAIN,6HACE,iDAEA,CAGA,0BACA,CAHA,0BACA,CAGA,2CAEA,2BACA,CAHA,gBAIA,8BAIF,qLAIA,qBACE,qBAEA,kBACA,WACA,yBACA,uBACA,iBAIF,2BACE,8BAEA,wDACA,CAFA,mBACA,CACA,gCACA,0GAOF,wBACE,4BAEA,WACA,8BAEA,kBACA,WACA,aAGF,sBACE,sDACA,gBAKA,qCAEA,CAPA,wFAGA,oDAEA,CAEA,8CAOF,CAEI,WAFJ,uCAEI,uBAIJ,8DAEE,YACA,iCAEA,gEAIF,mCACE,wCACA,UACA,sDAEA,uBACA,6BACA,2BACA,+CAKF,8BACE,uBAIA,0BACE,CAIJ,oDACE,+CAGF,UACE,4HAGF,6HAQE,qIAIA,yDAEA,qBAEA,mCAIA,CAPA,mBACA,CAMA,gCAEA,0GASA,wBAEA,4BAIF,qCAGE,UAFA,6BACA,2BADA,gBAEA,8BACA,6CACA,iCAEA,UAGF,2HAIE,CACA,uBAGF,4BACE,gDACA,CACA,WADA,qBACA,CACA,+EAEA,kBAIF,sCACE,4GAGA,yDACA,CAMA,uDANA,+CAKF,CACE,gCAaA,CAbA,4BACA,sFAEA,6BACA,4BAKF,CAGE,SACA,oBACA,iFAMA,CACA,4BAGF,CACE,2BACA,gDAGA,CACA,WADA,qBACA,UAGF,mBAGE,wCAGF,CALE,sBAEA,CAGF,kCACE,YACE,UAGF,yBAKF,wBACE,CALE,aAIJ,CACE,aACA,gBACA,wBAIA,qDACA,+BACA,mBACA,aACA,CACA,cACA,CAFA,eAEA,kDAKA,8DAGF,4CACE,aAGF,2BACE,iFAKA,6BAIA,4CACA,WADA,cACA,CACA,iDAEA,yFAIA,4CAEA,qBAEA,wBAGF,kBACE,cAGF,iCACE,cACA,YACA,mBACA,iDAIF,CAEE,0BAEA,CAHA,0BACA,CAEA,aAGF,CACE,wDAGF,CAJA,eACE,CAGF,8BACE,oDAGF,iDACE,2CAGF,6EACE,uBAGF,4BACE,WACA,qCAGF,oFAKA,CACE,yBAGF,mFAMA,mCAEE,mFAGA,kCAEA,kFAKA,mCAEA,cACA,gBAGF,yCACE,oBACA,iDAGF,wBACE,+BAGF,YACE,sBACA,0CACA,iDACA,4BAEA,CACA,mBACA,kBAEA,CAIA,cAGF,CAPE,wBAGF,gBACE,qBAGF,0BACE,kBAGF,eACE,mBACA,8DACA,qEAKA,qBAIF,wCACE,CAOA,4BACA,CAHF,2CAEE,8BACA,cAGF,aACE,WACA,QACA,CAFA,iBACA,CACA,SAGF,8BACE,mCAIF,6DAEE,kBACA,CAKE,kCAEA,CAJJ,2CAEI,sBAEA,8BAIF,sBACE,uCAIA,WADA,UACA,UAIJ,4CACE,sBACE,UACA,sBAIF,6BACE,WACA,oCAKJ,oBACE,6DAOF,0BACE,UACA,2CAKF,qBACE,eAGF,gBACE,gDAIA,uEACA,2CAEA,qBAEA,6BAEA,kCACA,2BAEA,WAGF,kCACE,kFAGA,WAHA,kCAGA,6BACA,cACA,uDACA,0GAQF,sBACE,oHAGA,wCACA,uBAGF,iJAQE,CAIF,gCACE,CAIA,uCALF,uBACE,oCAIA,sGAGA,iJAUA,mFAGA,uCACA,CAJA,oCAIA,sBACA,oDACA,wCAEA,oBACA,iBACA,8IAUA,CAOA,SACA,2CARA,gCACA,CACA,8CAGF,6BA+BI,CA5BF,iBAIF,8IASE,CAKA,uCAGF,CALA,sBACE,qCACA,CAUE,6BAUJ,sCACE,CANE,4BACA,CANA,uBACA,wBAIA,CACA,mCAIJ,CALI,yBAMF,gBACA,aAGF,WAHE,iBAGF,cACE,0BACA,2BAGF,kBACE,UACA,yCAEA,sCAMA,6BACA,yEASF,sBACE,iCAGF,qBACE,sBAGF,mGACE,4GAIA,8GAIA,8BAGF,6BACE,+BAIA,iBACA,WACA,gBACA,kBACA,CACA,UAGF,gCACE,0BAGF,kBACE,kDAKA,cAIA,oDACA,mDACA,+CAEA,8CAKA,uCACA,qDAGF,iDACE,0CAIA,8CACA,6CAGF,mBACE,0DACA,qBAGF,4CACE,uDAIA,kFAIF,CAMA,WANA,wDACE,CAKF,UALE,4BAKF,UACE,qGAOF,4BACE,oDACA,oCAIF,+BACE,8FAEA,4BAGF,+BAIA,6FAKA,oEAGE,oCAIF,oGAIA,+EACE,kBAGF,oDACE,uDAGF,yDACE,sCAGF,6DACE,CAGF,mCACE,sCAGF,2BACE,oDACA,SACA,qEAIF,0EACE,kBACA,aACA,sBACA,uDAIA,0FAIA,0CAEA,yFAMF,0CAKA,0FACE,mIAIA,wDAGA,wBAEA,8BAGF,0BACE,uCACA,0BAGF,4BACE,6EALA,0EACA,qBAkBA,CAdA,sCAaF,4DACE,yBACA,gFAKF,6BAIA,yCACE,cAGF,wEACE,UAGF,uCACE,iJAWF,CAGE,2BAGF,CANA,oBAEE,kBACA,CAGF,oBAIA,WAJA,eACE,eAGF,eACE,6CAKF,kJAUA,4BACE,yCAGF,8DAIA,yDACE,SAGF,uEACE,wBACA,0BACA,kBAGF,8BACE,oCACA,gCACA,aAGF,8DAIA,+BACE,iCAEA,+CAKF,mBAHE,YAGF,CACE,sBACA,YAFF,UAEE,0CAEA,YAIF,wEAIA,wBAEE,+BACA,eAIF,yDAEE,cACA,CACA,eACA,mDAGF,WACE,WACA,iCAGF,sBACE,8DAGA,4BAEA,0DAGF,iFAKE,wBACA,qBACA,kBAGF,qCACE,gCACA,0CAEA,4CAGF,kBACE,0CAGA,cACA,aAGF,6BACE,2BACA,wCAMF,mBAJE,YACA,sBAGF,uBACE,UAGF,6CACE,8CAGF,kDACE,mDAGF,8CACE,CADF,SACE,yCAGF,+DACE,kBAGF,CAHE,aAGF,sBAHE,uBAGF,wBACE,wFAIA,gDAGF,8BACE,+HAIA,4BACA,sBAGF,wDACE,aACE,uBAKJ,wDAGI,2BAOH,CATC,uBAEE,CAOH,kGAKC,yCAIA,yFAQA,4CAGA,wFAGA,wCAKA,wFAIA,2CAEA,uFAOA,iEAIA,YACA,iCAGF,+FAIA,mQAOE,mEAIF,gPAME,gCACA,uCACA,CADA,SACA,iBAIA,kBACA,UACA,YAGF,+BACE,mCAGF,4BACE,mCAGF,YACE,WAGF,cAHE,6BAGF,sBACE,oCAGF,6CACE,sEAEF,kDACE,oDAEF,6FAGA,2QAOE,0BAGF,mCACE,4QAMA,0BAEF,oCACE,wCAEF,gDACE,mDAEF,yDACE,qCAGF,iCACE,iCAEF,4CACE,qDAGA,4CAGA,sDAEF,gDACE,sDAGA,8CAIA,sDAMA,8CAKF,sDAMA,4CAKE,sDACA,4CAEA,wDAEA,4CAIF,yDAGE,gDAGA,yDAKA,8CAGA,yDAKA,8CAGF,yDAGE,4CAKF,yDAEE,eACA,iDAQF,iEAKE,iBACA,0CAIA,gBACA,kDAIA,gBAsBF,0CAEE,eACA,2CAEA,cACA,aACA,gBACA,wDACA,aACA,cACA,gMAGE,4BACE,4CAMA,oEACA,oBAKF,yCACE,YACA,kBACA,gCAEA,wCAEA,aACA,qBARF,CAOE,UACA,QARF,kCACE,aACA,0BACA,qCAEA,kBACA,aACA,CACA,UARF,CAOE,4BACA,CARF,sDAEE,sBACA,YACA,2CAEA,cACA,kCACA,oCARF,kBACE,cACA,4BACA,WACA,uBACA,CADA,SACA,iBACA,QACA,oBACA,0BARF,iGAKE,oEALF,CAOE,uCAPF,CAKE,iBACA,CALA,2BACA,CACA,cACA,oBACA,CALF,uBACE,CADF,gDAIE,mBAJF,iCACE,kCACA,+BAEA,IAGA,SACA,CAJA,+DAIA,wCARF,mBACE,kBACA,aACA,yBACA,gBACA,eACA,uBACA,kBACA,sCARF,mBACE,mBACA,aACA,yBACA,eACA,cACA,uBACA,kBACA,uCARF,mBACE,mBACA,aACA,yBACA,eACA,gBACA,uBACA,kBACA,uCARF,mBACE,kBACA,aACA,yBACA,eACA,eACA,uBACA,kBACA,uCARF,mBACE,mBACA,cACA,wBACA,gBACA,eACA,uBACA,kBACA,uCARF,mBACE,mBACA,sCAEA,gBACA,eACA,uBACA,kBACA,uCARF,mBACE,kBACA,sCAEA,gBACA,gBACA,sBACA,kBACA,uCARF,mBACE,mBACA,sCAEA,8BACA,uBAEA,kBACA,uCARF,mBACE,mBACA,sCAEA,+BACA,uBAEA,mBACA,sCARF,oBACE,oBACA,qCAEA,+BACA,uBAEA,0DAPF,mBACE,+BACA,yBAEA,8BACA,uBAEA,0DAPF,mBACE,oBACA,qCAEA,gCACA,uBAEA,0DAPF,mBACE,oBACA,qCAEA,8BACA,uBAEA,0DAPF,mBACE,+BACA,yBAEA,gCACA,uBAEA,kBACA,wCARF,mBACE,mBACA,sCAEA,8BACA,uBAEA,mBACA,uCARF,mBACE,mBACA,sCAEA,+BACA,uBAEA,kBACA,wCARF,oBACE,mBACA,sCAEA,+BACA,CACA,sBACA,kBACA,wCARF,mBACE,mBACA,sCAEA,6BACA,uBAEA,mBACA,uCARF,mBACE,oBACA,qCAEA,gCACA,uBAEA,kBACA,wCARF,mBACE,mBACA,sCAEA,8BACA,uBAEA,kBACA,wCARF,mBACE,mBACA,sCAEA,6BACA,uBAEA,kBACA,wCARF,mBACE,mBACA,sCAEA,+BACA,CACA,sBACA,kBACA,wCARF,mBACE,mBACA,cACA,wBACA,eACA,eACA,uBACA,kBACA,wCARF,mBACE,mBACA,sCAEA,eACA,eACA,uBACA,kBACA,wCARF,mBACE,oBACA,sCAEA,eACA,gBACA,uBACA,kBACA,wCARF,oBACE,mBACA,cACA,wBACA,eACA,eACA,uBACA,kBACA,wCARF,mBACE,mBACA,aACA,yBACA,gBACA,cACA,uBACA,kBACA,wCARF,mBACE,mBACA,cACA,wBACA,cACA,eACA,uBACA,kBACA,wCARF,mBACE,mBACA,sCAEA,eACA,cACA,sBACA,kBACA,wCARF,mBACE,kBACA,sCAEA,gBACA,gBACA,sBACA,kBACA,wCARF,mBACE,mBACA,sCAEA,eACA,gBACA,uBACA,kBACA,wCARF,mBACE,mBACA,cACA,wBACA,gBACA,eACA,uBACA,kBACA,wCARF,mBACE,mBACA,aACA,yBACA,cACA,eACA,uBACA,kBACA,wCARF,mBACE,mBACA,cACA,wBACA,eACA,eACA,uBACA,kBACA,wCARF,oBACE,mBACA,sCAEA,eACA,eACA,uBACA,kBACA,wCARF,mBACE,mBACA,sCAEA,4BACA,uBAEA,mBACA,uCARF,mBACE,mBACA,sCAEA,8BACA,uBAEA,kBACA,wCARF,mBACE,mBACA,sCAEA,+BACA,CACA,sBACA,kBACA,wCARF,kBACE,mBACA,sCAEA,+BACA,uBAEA,kBACA,wCARF,kBACE,mBACA,sCAEA,+BACA,uBAEA,kBACA,wCARF,mBACE,kBACA,sCAEA,gCAEA,uBACA,kBACA,wCARF,mBACE,mBACA,cACA,wBACA,eACA,eACA,uBACA,kBACA,wCARF,oBACE,mBACA,aACA,yBACA,gBACA,eACA,uBACA,kBACA,wCARF,mBACE,kBACA,aACA,yBACA,cACA,eACA,uBACA,kBACA,wCAQJ,mBACA,mBACA,sCAEA,gBACA,sCAEA,0DACA,mBAEA,yEAEA,sCAIE,kBACE,wCAGA,sCACA,aAKF,0BACE,aACA,sCAEA,kBACA,wCAEA,mBACA,mBARF,sCAEE,4BACA,uBAEA,0DAGA,oBARF,+BACE,yBAEA,+BACA,CACA,wCAEA,wCAPF,qCAEE,sCAEA,eACA,sCAEA,kBACA,wCARF,mBAEE,mBACA,sCAEA,gBACA,eACA,uBACA,kBARF,kBAGE,8EAIA,CACA,uCAPA,CAMA,iBACA,CALA,2BACA,cACA,CACA,oBACA,CALA,uBACA,CADA,SACA,CAFA,mBACA,CAFF,iBAEE,CAGA,mBAEA,yBAPF,2CAEE,IAGA,SACA,CAJA,+DAIA,gCAEA,+BARF,mBACE,aACA,yBACA,gBACA,eACA,kBACA,8BAEA,+BARF,mBACE,aACA,yBACA,gBACA,eACA,kBACA,+BAEA,+BARF,mBACE,aACA,yBACA,cACA,eACA,kBACA,+BAEA,+BARF,mBACE,aACA,yBACA,cACA,cACA,mBACA,8BACA,WACA,oBARF,mBACE,aACA,yBACA,eACA,eACA,iDAEA,WACA,oBARF,mBACE,aACA,yBACA,eACA,eACA,iDAEA,WACA,oBARF,mBACE,aACA,yBACA,eACA,cACA,iDAEA,WACA,oBARF,mBACE,aACA,yBACA,gBACA,cACA,iDAEA,WACA,mBARF,oBACE,YACA,yBACA,eACA,eACA,iDAEA,WACA,mBARF,gCACE,CACA,wBACA,eACA,gBACA,kDAEA,WACA,oBARF,gCACE,CACA,wBACA,eACA,gBACA,kDAEA,WACA,oBARF,gCACE,CACA,wBACA,eACA,eACA,kDAEA,WACA,oBARF,gCACE,yBAEA,eACA,cACA,kDAEA,WACA,oBARF,gCACE,yBAEA,6BACA,CACA,iDAEA,WACA,mBARF,gCACE,yBAEA,8BACA,kBACA,gCAEA,WACA,oBARF,gCACE,yBAEA,6BACA,kBACA,gCAEA,WACA,oBARF,gCACE,yBACA,cACA,eACA,kBACA,gCAEA,YACA,mBARF,gCACE,yBACA,eACA,gBACA,kBACA,gCAEA,YACA,mBARF,gCACE,yBACA,eACA,gBACA,kBACA,gCAEA,WACA,oBARF,gCACE,yBACA,gBACA,eACA,kBACA,gCAEA,WACA,oBARF,+BACE,yBACA,eACA,eACA,kBACA,gCAEA,gCAPF,gCACE,yBACA,eACA,eACA,kBACA,gCAEA,WACA,oBARF,gCACE,yBACA,gBACA,cACA,kBACA,gCAEA,WACA,oBARF,gCACE,yBACA,eACA,gBACA,kBACA,gCAEA,WACA,oBARF,gCACE,yBAEA,+BACA,CACA,iDAEA,WACA,qBARF,gCACE,CACA,wBACA,gBACA,cACA,kDAEA,WACA,oBARF,gCACE,yBAEA,eACA,cACA,kDAEA,WACA,oBARF,gCACE,CACA,wBACA,gBACA,gBACA,kDAEA,WACA,qBARF,mBACE,aACA,yBACA,eACA,eACA,kDAEA,WACA,oBARF,oBACE,YACA,yBACA,eACA,cACA,kDAEA,WACA,oBARF,gCACE,yBAEA,eACA,aACA,kDAEA,WACA,qBARF,+BACE,yBAEA,gBACA,cACA,kDAEA,WACA,oBARF,gCACE,yBAEA,4BACA,kBACA,gCAEA,WACA,oBARF,gCACE,yBACA,eACA,gBACA,kBACA,gCAEA,WACA,oBARF,+BACE,yBACA,eACA,cACA,kBACA,gCAEA,WACA,oBARF,gCACE,yBACA,CACA,6BACA,kBACA,gCAEA,WACA,qBARF,gCACE,yBAEA,+BAEA,kDAEA,WACA,oBARF,gCACE,yBAEA,+BAEA,kDAEA,WACA,mBARF,gCACE,yBAEA,6BACA,kBACA,gCAEA,WACA,oBARF,gCACE,yBAEA,gCAEA,kDAEA,WACA,oBARF,gCACE,CACA,wBACA,gBACA,eACA,kDAEA,WACA,oBARF,gCACE,yBAEA,gBACA,cACA,kDAEA,WACA,oBARF,gCACE,yBAEA,6BAEA,kDAEA,WACA,mBAKN,mBACE,aACA,yBACA,6BACA,kDACA,+BAEA,mBACA,aACA,yBAGA,gBAGF,gBAEI,kBAOJ,gCAEE,8BACA,mBACA,sCACA,8BACA,kBACA,gCAGA,WACA,oBAIF,mBAEI,uCAEF,aACE,iCAIJ,gCACE,WACA,oBACA,mBACA,aACA,yBAIF,6BACE,kBAGF,gCACE,+BAEA,mBAGF,sCAIA,gCACE,kBACA,gCAEA,WAGF,uCACE,aAGF,wCACE,kEAEA,8BACA,mBACA,aACA,yBACA,CACA,8CACA,kBAGA,sBACA,4BAEA,CAJA,mBACA,CAGA,gCAKF,mCACE,mBADF,mBACE,CADF,kBACE,cADF,SACE","sources":["App.scss"],"sourcesContent":[".App {\n text-align: center;\n}\n\n.App-logo {\n height: 40vmin;\n pointer-events: none;\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .App-logo {\n animation: App-logo-spin infinite 20s linear;\n }\n}\n\n.App-wrapper {\n align-items: center;\n background: linear-gradient(to bottom, #3B4587, #151516) border-box;\n display: flex;\n flex-direction: column;\n font-family: 'Barlow', sans-serif;\n min-height: 300px;\n min-width: 400px;\n height: 100vh;\n overflow: hidden;\n position: relative;\n justify-content: center;\n width: 100vw;\n}\n\n.App-wrapper.mainmenu {\n height: 100vh;\n width: 100vw;\n}\n\n.App-header {\n background-color: #282c34;\n min-height: 100vh;\n display: flex;\n flex-direction: column;\n font-family: 'Barlow', sans-serif;\n align-items: center;\n justify-content: center;\n font-size: calc(10px + 2vmin);\n color: white;\n}\n\n.App-link {\n color: #61dafb;\n}\n\n@keyframes App-logo-spin {\n from {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(360deg);\n }\n}\n\n.Waiting-text-wrapper {\n display: flex;\n}\n\n.Begin-game-button-wrapper.waiting-text {\n color: #b8b8b8;\n font-size: 0.8em;\n justify-content: center;\n}\n\n.Waiting-spinner {\n animation-name: spin;\n animation-duration: 2000ms;\n animation-iteration-count: infinite;\n animation-timing-function: linear;\n background-image: url(\"assets/loading-spinner.svg\");\n background-position: center;\n background-repeat: no-repeat;\n height: 40%;\n margin-top: 1%;\n width: 8%;\n}\n\n@keyframes spin {\n from {\n transform:rotate(0deg);\n }\n to {\n transform:rotate(360deg);\n }\n}\n\n.Begin-game-button, .Roll-button, .Offer-double-button, .Forfeit-game-button, .Accept-double-button {\n background: linear-gradient(to right, #3F3217, #564112);\n border-color: #816c3d;\n border-radius: min(1vw, 1em);\n border-style: double;\n border-width: 0.2em;\n color: #b8b8b8;\n font-weight: bold;\n font-family: 'Barlow', sans-serif;\n font-size: max(1.5vh, 1.5vw);\n padding: 0.5vh;\n text-align: center;\n transition: 0.2s;\n width: 10vw;\n}\n\n.Begin-game-button:hover, .Settings-menu-button:hover, .Roll-button:hover, .Offer-double-button:hover, .Forfeit-game-button:hover, .Accept-double-button:hover {\n transform: scale(110%);\n}\n\n.Game-board-wrapper {\n align-items: center;\n color: white;\n display: flex;\n height: 30vw;\n justify-content: center;\n min-height: 150px;\n min-width: 300px;\n width: 60vw;\n}\n\n.Networked-gameboard-spinner {\n animation-name: spin;\n animation-duration: 2000ms;\n animation-iteration-count: infinite;\n animation-timing-function: linear;\n background-image: url(\"assets/online-multiplayer-button-spinner.svg\");\n background-position: center;\n background-repeat: no-repeat;\n height: 20%;\n width: 20%;\n}\n\n.Main-menu-wrapper {\n align-items: center;\n color: white;\n display: flex;\n flex-direction: column;\n height: 60%;\n min-height: 300px;\n min-width: 400px;\n width: 60%;\n}\n\n.Title-wrapper {\n background-image: url(\"assets/backgammon-title.svg\");\n background-position: center;\n background-repeat: no-repeat;\n container: title-container / inline-size;\n filter: drop-shadow(0 1vh 0.3vh rgba(0, 0, 0, 0.35));\n text-align: center;\n vertical-align: middle;\n height: 25%;\n width: 80%;\n}\n\n.Title-text {\n font-size: 3.5em;\n}\n\n@container title-container (min-width: 400px) {\n .Title-text {\n font-size: max(3.5em, 3.5em + 4cqi);\n }\n}\n\n.Menu-button-wrapper {\n container: menu-button-wrapper / inline-size;\n display: flex;\n flex-direction: column;\n height: 50%;\n justify-content: space-around;\n width: 60%;\n}\n\n.Local-multiplayer-button, .Online-multiplayer-button {\n background-position: center;\n background-repeat: no-repeat;\n cursor: pointer;\n display: flex;\n filter: drop-shadow(0 1vh 0.3vh rgba(0, 0, 0, 0.35));\n font-family: 'Barlow', sans-serif;\n font-size: max(2vh, 2vw);\n height: 40%;\n transition: 0.2s;\n width: 100%;\n}\n\n@media screen and (orientation: portrait) {\n .Title-wrapper {\n height: 16%;\n }\n\n .Menu-button-wrapper {\n height: 30%;\n }\n}\n\n.Local-multiplayer-button {\n background-image: url(\"assets/local-multiplayer-button.svg\");\n}\n\n.Online-multiplayer-button {\n background-image: url(\"assets/online-multiplayer-button.svg\");\n}\n\n.Local-multiplayer-button:hover,\n.Local-multiplayer-button:active,\n.Online-multiplayer-button:hover,\n.Online-multiplayer-button:active {\n transform: scale(105%);\n}\n\n.Online-multiplayer-button-spinner {\n animation-name: spin;\n animation-duration: 2000ms;\n animation-iteration-count: infinite;\n animation-timing-function: linear;\n background-image: url(\"assets/online-multiplayer-button-spinner.svg\");\n background-position: center;\n background-repeat: no-repeat;\n height: 40%;\n width: 100%;\n}\n\n.Credits-text {\n color: #6B7195;\n font-size: 0.6em;\n text-align: right;\n position: absolute;\n right: 1%;\n bottom: 1%;\n}\n\n.Match-settings-menu-wrapper {\n display: flex;\n flex-direction: column;\n height: 60%;\n min-height: 300px;\n min-width: 400px;\n width: 45%;\n}\n\n.Match-settings-title-wrapper {\n background-image: url(\"assets/match-settings-title.svg\");\n background-position: center;\n background-repeat: no-repeat;\n filter: drop-shadow(0 0.5vh 0.3vh rgba(0, 0, 0, 0.35));\n vertical-align: middle;\n height: 20%;\n width: 35%;\n}\n\n.Match-points-settings-row, .Doubling-cube-settings-row, .Url-copy-row {\n align-items: center;\n display: flex;\n height: 15%;\n margin-top: 4%;\n width: 100%;\n}\n\n.Play-to-wrapper {\n background-image: url(\"assets/play-to.svg\");\n background-position-y: center;\n background-repeat: no-repeat;\n filter: drop-shadow(0 0.5vh 0.3vh rgba(0, 0, 0, 0.35));\n vertical-align: middle;\n height: 60%;\n width: 14%;\n}\n\n.Doubling-cube-text-wrapper {\n background-image: url(\"assets/allow-doubling.svg\");\n background-position-y: center;\n background-repeat: no-repeat;\n filter: drop-shadow(0 0.5vh 0.3vh rgba(0, 0, 0, 0.35));\n vertical-align: middle;\n height: 60%;\n width: 24%;\n}\n\n.Url-title-wrapper {\n background-image: url(\"assets/url-title.svg\");\n background-position-y: center;\n background-repeat: no-repeat;\n filter: drop-shadow(0 0.5vh 0.3vh rgba(0, 0, 0, 0.35));\n vertical-align: middle;\n height: 40%;\n width: 14%;\n}\n\n.Url-form-wrapper {\n align-items: flex-start;\n container: url-form-container / inline-size;\n display: flex;\n flex-direction: column;\n height: 100%;\n width: 80%;\n}\n\n.Url-form .form-control {\n color: #dcd4d4;\n background-color: #474747;\n font-size: 1em;\n}\n\n.Url-form-text {\n background-color: #332E2E;\n border-radius: 1vw;\n border: solid #dcd4d4;\n color: #dcd4d4;\n font-size: 0.9em;\n padding: 1vh 1vw 1vh 1vw;\n}\n\n.Url-form-subtext {\n color: #dcd4d4;\n margin-left: 1vw;\n font-size: 0.7em;\n}\n\n@container url-form-container (min-width: 600px) {\n .Url-form-text {\n font-size: 1.5em;\n }\n\n .Url-form-subtext {\n font-size: 1em;\n }\n}\n\n.Url-form-text-and-copy {\n align-items: center;\n display: flex;\n width: 100%\n}\n\n.Url-form-copy {\n background-image: url(\"assets/copy-icon.svg\");\n background-position-y: center;\n background-repeat: no-repeat;\n cursor: pointer;\n margin-left: 2%;\n height: 80%;\n transition: 0.2s;\n width: 8%;\n}\n\n.Url-form-copy.highlight {\n background-image: url(\"assets/copy-icon-clicked.svg\");\n}\n\n.Url-form-copy:hover, .Url-form-copy:active {\n transform: scale(105%);\n}\n\n.Start-game-button-row {\n align-items: center;\n display: flex;\n height: 15%;\n justify-content: center;\n margin-top: 8%;\n width: 100%;\n}\n\n.Start-game-button {\n background: linear-gradient(to right, #3F3217, #564112);\n border-color: #816c3d;\n border-radius: min(1vw, 1em);\n border-style: double;\n border-width: 0.2em;\n color: #b8b8b8;\n font-weight: bold;\n font-family: 'Barlow', sans-serif;\n font-size: max(1.5vh, 1.5vw);\n padding: 0.5vh;\n text-align: center;\n transition: 0.2s;\n width: 10vw;\n}\n\n.Start-game-button:hover {\n transform: scale(105%);\n}\n\n.Doubling-cube-toggle-form {\n align-items: center;\n display: flex;\n height: 100%;\n margin-left: 4%;\n width: 70%;\n}\n\n.Doubling-cube-toggle-off, .Doubling-cube-toggle-on {\n background-position: center;\n background-repeat: no-repeat;\n height: 30%;\n width: 15%;\n}\n\n.Doubling-cube-toggle-off {\n background-image: url(\"assets/off-disabled.svg\");\n}\n\n.Doubling-cube-toggle-on {\n background-image: url(\"assets/on-disabled.svg\");\n}\n\n.Doubling-cube-toggle-off.enabled {\n background-image: url(\"assets/off-enabled.svg\");\n}\n\n.Doubling-cube-toggle-on.enabled {\n background-image: url(\"assets/on-enabled.svg\");\n}\n\n.Doubling-cube-toggle.form-switch {\n margin-left: 4%;\n margin-right: 4%;\n}\n\n.Doubling-cube-toggle .form-check-input {\n height: 4vh;\n width: 6vw;\n}\n\n.Doubling-cube-toggle .form-check-input:checked {\n background-color: #4488ec;\n}\n\n.Match-points-buttons-wrapper {\n display: flex;\n height: 100%;\n width: 86%;\n}\n\n.Match-points-button {\n align-content: center;\n background-color: #CDB288;\n background-position: center;\n background-repeat: no-repeat;\n background-size: 15%;\n border-radius: 10%;\n font-size: max(1.3em, 2vw);\n font-weight: bold;\n height: max(5vw, 5vh);\n cursor: pointer;\n margin-left: 2%;\n opacity: 40%;\n text-align: center;\n transition: 0.2s;\n width: max(5vw, 5vh);\n}\n\n.Match-points-button.selected {\n border: white solid max(3px, 0.3vw);\n opacity: 100%;\n}\n\n.Match-points-button:hover, .Match-points-button:active {\n transform: scale(105%);\n}\n\n.Player-card-wrapper {\n background: #0F142F;\n border: min(5px, 0.4vw) solid #22274a;\n border-radius: min(1vw, 1em) min(1vw, 1em) 0 0;\n border-bottom-style: none;\n color: #b8b8b8;\n display: flex;\n height: 9%;\n position: relative;\n left: 66%;\n width: 28%;\n}\n\n.Player-card-wrapper.current {\n filter: drop-shadow(0 0 1vh #f7dcab);\n}\n\n.Player-card-wrapper.cw {\n left: 6%;\n}\n\n.Player-card-wrapper.bottom {\n background: #251F13;\n border: min(5px, 0.4vw) solid #564112;\n border-radius: 0 0 min(1vw, 1em) min(1vw, 1em);\n border-top-style: none;\n}\n\n.Player-card-checker-wrapper {\n display: flex;\n width: 24%;\n}\n\n.Player-card-checker-wrapper .Checker {\n margin: 20% 20%;\n height: 60%;\n width: 60%;\n}\n\n.Player-name-and-score-wrapper {\n display: flex;\n flex-direction: column;\n width: 52%;\n}\n\n.Player-name-wrapper {\n font-size: 2vh;\n font-weight: bold;\n height: 40%;\n}\n\n.Player-card-doubling-cube-wrapper {\n align-content: center;\n width: 24%;\n}\n\n.Player-card-doubling-cube-wrapper .Doubling-cube {\n height: 65%;\n margin-left: 20%;\n width: 60%;\n}\n\n@media screen and (orientation: landscape) {\n .Player-name-wrapper {\n font-size: 1.2vw;\n font-weight: bold;\n height: 40%;\n margin-top: 4%;\n }\n\n .Player-score-wrapper {\n display: flex;\n font-size: 0.8vw;\n height: 50%;\n margin-top: 4%;\n white-space: nowrap;\n }\n}\n\n@media screen and (orientation: portrait) {\n .Player-name-wrapper {\n font-size: 2vh;\n font-weight: bold;\n height: 40%;\n }\n\n .Player-score-wrapper {\n display: flex;\n font-size: 0.8vw;\n height: 50%;\n }\n}\n\n.Player-card-total-match-points {\n font-weight: bold;\n}\n\n.Player-points-wrapper {\n margin-left: 0.8vw;\n}\n\n.Information-text-wrapper {\n margin-left: 5.5%;\n margin-right: 5.5%;\n width: 89%;\n height: 4vh;\n}\n\n.Information-text {\n color: #b8b8b8;\n}\n\n.Game-area-wrapper {\n filter: drop-shadow(0 0 0.5vh #000000);\n}\n\n.Game-board-half {\n background-image: url(\"assets/board-background.svg\");\n background-size: cover;\n border-color: #212529;\n border-width: 0.8vh;\n display: flex;\n flex-direction: column;\n height: 100%;\n justify-content: space-between;\n position: relative;\n width: 45.5%;\n z-index: 1;\n}\n\n.Game-board-half.left {\n background:\n url(\"assets/board-background.svg\") padding-box,\n linear-gradient(to bottom, #22274A, #564112) border-box;\n border: min(5px, 0.4vw) solid transparent;\n border-right-style: none;\n border-top-left-radius: min(1vw, 1em);\n border-bottom-left-radius: min(1vw, 1em);\n}\n\n.Game-board-half.left.cw {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n}\n\n.Game-board-half.right {\n background:\n url(\"assets/board-background.svg\") padding-box,\n linear-gradient(to bottom, #22274A, #564112) border-box;\n border: min(5px, 0.4vw) solid transparent;\n border-left-style: none;\n}\n\n.Game-board-half.right.cw {\n border-top-right-radius: min(1vw, 1em);\n border-bottom-right-radius: min(1vw, 1em);\n}\n\n.Game-board-quadrant {\n display: flex;\n height: 50%;\n justify-content: space-evenly;\n width: 100%;\n}\n\n.Game-board-quadrant.bottom {\n align-items: flex-end;\n}\n\n.Game-board-bar {\n background:\n url(\"assets/dots.svg\") center/420% padding-box,\n linear-gradient(to bottom, #22274A, #564112) border-box;\n border: min(5px, 0.4vw) solid transparent;\n display: flex;\n flex-direction: column;\n height: 100%;\n justify-content: space-around;\n width: 4%;\n z-index: 1;\n}\n\n.Game-board-home {\n background:\n url(\"assets/dots.svg\") center/300% padding-box,\n linear-gradient(to bottom, #22274A, #564112) border-box;\n border: min(5px, 0.4vw) solid transparent;\n border-left-style: none;\n border-top-right-radius: min(1vw, 1em);\n border-bottom-right-radius: min(1vw, 1em);\n display: flex;\n flex-direction: column;\n height: 100%;\n justify-content: space-around;\n width: 5%;\n}\n\n\n\n.Game-board-home.cw {\n border-left-style: solid;\n border-right-style: none;\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n border-top-left-radius: min(1vw, 1em);\n border-bottom-left-radius: min(1vw, 1em);\n}\n\n.Point-wrapper {\n display: flex;\n position: relative;\n height: 87%;\n width: 16.667%;\n}\n\n.Point-wrapper-highlight {\n height: 100%;\n margin-left: 10%;\n position: absolute;\n width: 80%;\n z-index: 1;\n}\n\n.Point-wrapper-highlight.from {\n background-color: #e4cb6454;\n}\n\n.Point-wrapper-highlight.to {\n background: url(\"assets/stripes.svg\");\n background-size: cover;\n}\n\n.Point-wrapper-highlight.noMove {\n animation-duration: 1s;\n animation-name: nomove;\n}\n\n@keyframes nomove {\n from {\n background: url(\"assets/stripes-red.svg\");\n background-size: cover;\n }\n\n to {\n background: url(\"assets/stripes-red-fade.svg\");\n background-size: cover;\n }\n}\n\n.Point-wrapper-highlight.bottom {\n border-top-left-radius: 5vh;\n border-top-right-radius: 5vh;\n}\n\n.Point-wrapper-highlight.top {\n border-bottom-left-radius: 5vh;\n border-bottom-right-radius: 5vh;\n}\n\n.Point-triangle {\n height: 100%;\n margin-left: 10%;\n position: absolute;\n width: 80%;\n z-index: 1;\n}\n\n.Point-triangle-inner {\n height: 96%;\n margin-left: 12%;\n position: absolute;\n width: 76%;\n z-index: 2;\n}\n\n.Point-triangle-inner.bottom {\n margin-top: 12%;\n}\n\n.Point-triangle-inner.even {\n background-color: #0F1744;\n}\n\n.Point-triangle-inner.odd {\n background-color: #885525;\n}\n\n.Point-triangle.top, .Point-triangle-inner.top {\n clip-path: polygon(0% 0%, 50% 100%, 100% 0%);\n}\n\n.Point-triangle.bottom, .Point-triangle-inner.bottom {\n clip-path: polygon(0% 100%, 50% 0%, 100% 100%);\n}\n\n.Point-triangle.even {\n background-color: #636781;\n}\n\n.Point-triangle.odd {\n background-color: #997345;\n}\n\n.Checkers-wrapper {\n align-items: center;\n display: flex;\n flex-wrap: wrap;\n height: 100%;\n width: 100%;\n z-index: 3;\n}\n\n.Checkers-wrapper.top {\n flex-direction: column;\n}\n\n.Checkers-wrapper.bottom {\n flex-direction: column-reverse;\n}\n\n.Point {\n height: 41vh;\n width: 15%;\n}\n\n.Checker {\n filter: drop-shadow(0 0 0.2vh rgb(0, 0, 0, 0.6));\n transition: transform 0.3s ease-out, filter 0.5s ease-in-out;\n will-change: transform, filter;\n height: 15%;\n width: 45%;\n z-index: 4;\n}\n\n.Checker.white {\n background-image: url(\"assets/checker-light.svg\");\n background-repeat: no-repeat;\n}\n\n.Checker.highlighted-pulse, .Checker.selected-pulse {\n filter: drop-shadow(0 0 0.5vh #f7dcab);\n}\n\n.Checker.white.selected-pulse {\n background-image: url(\"assets/checker-light-selected.svg\");\n background-repeat: no-repeat;\n}\n\n.Checker.black.selected-pulse {\n background-image: url(\"assets/checker-dark-selected.svg\");\n background-repeat: no-repeat;\n}\n\n.Checker.highlighted, .Checker.selected {\n filter: drop-shadow(0 0 0.1vh #f7dcab);\n}\n\n.Checker.black {\n background-image: url(\"assets/checker-dark.svg\");\n background-repeat: no-repeat;\n}\n\n.Player-one-bar-checkers, .Player-two-bar-checkers {\n align-items: center;\n display: flex;\n height: 47.5%;\n}\n\n.Player-one-bar-checkers {\n flex-direction: column-reverse;\n}\n\n.Player-two-bar-checkers {\n flex-direction: column;\n}\n\n.Player-one-bar-checkers.highlight {\n background-color: #e4cb6454;\n border-bottom-left-radius: 5vh;\n border-bottom-right-radius: 5vh;\n}\n\n.Player-two-bar-checkers.highlight {\n background-color: #e4cb6454;\n border-top-left-radius: 5vh;\n border-top-right-radius: 5vh;\n}\n\n.Game-board-bar-spacer {\n height: 5%\n}\n\n.Player-one-bar-checkers .Checker, .Player-two-bar-checkers .Checker {\n height: 15%;\n width: 120%;\n}\n\n.Player-one-home-checkers, .Player-two-home-checkers {\n align-items: center;\n display: flex;\n flex-direction: column;\n height: 45.5%;\n}\n\n.Player-one-home-checkers .Checker.white {\n background-image: url(\"assets/checker-home-light.svg\");\n}\n\n.Player-one-home-checkers .Checker.black {\n background-image: url(\"assets/checker-home-dark.svg\");\n}\n\n.Player-two-home-checkers .Checker.white {\n background-image: url(\"assets/checker-home-light.svg\");\n}\n\n.Player-two-home-checkers .Checker.black {\n background-image: url(\"assets/checker-home-dark.svg\");\n}\n\n.Player-one-home-checkers, .Player-two-home-checkers.p2 {\n justify-content: flex-end;\n}\n\n.Player-one-home-checkers.p2 {\n justify-content: flex-start;\n}\n\n.Player-one-home-checkers.highlighted {\n background: url(\"assets/stripes.svg\");\n background-size: cover;\n border-top-left-radius: 1vh;\n border-top-right-radius: 1vh;\n}\n\n.Player-two-home-checkers.highlighted {\n background: url(\"assets/stripes.svg\");\n background-size: cover;\n border-bottom-left-radius: 1vh;\n border-bottom-right-radius: 1vh;\n}\n\n.Game-board-home-spacer {\n height: 9%;\n}\n\n.Player-one-home-checkers .Checker, .Player-two-home-checkers .Checker {\n border-radius: 10% 10% 34% 34%;\n height: 4%;\n margin-bottom: 3%;\n margin-top: 3%;\n padding-top: 0;\n width: 80%;\n}\n\n.Submit-button-wrapper, .Undo-button-wrapper, .Dice-row-spacer {\n height: 4vw;\n width: 4vw;\n}\n\n.Submit-button, .Undo-button {\n background: url(\"assets/checkmark.svg\") center / 60% padding-box, linear-gradient(to right, #3F3217, #564112) border-box;\n border-color: #816c3d;\n border-radius: 1vh;\n background-repeat: no-repeat;\n border-style: double;\n margin-left: 10%;\n margin-top: 10%;\n height: 80%;\n transition: 0.2s;\n width: 80%;\n}\n\n.Undo-button-wrapper .Undo-button {\n background: url(\"assets/undo-arrow.svg\") center / 60% padding-box, linear-gradient(to right, #3F3217, #564112) border-box;\n background-repeat: no-repeat;\n}\n\n.Submit-button:hover, .Undo-button:hover {\n transform: scale(110%);\n}\n\n.mainmenu .Settings-menu-button-wrapper {\n right: 2vw;\n}\n\n.Settings-menu-button-wrapper {\n position: absolute;\n right: 2%;\n top: 2%;\n}\n\n.Settings-menu .modal-content, .Game-over-dialog .modal-content {\n background-color: #abafc2;\n border: 0.5vw solid #636781;\n border-radius: 1vw;\n font-family: 'Barlow', sans-serif;\n}\n\n.Game-over-dialog {\n text-align: center;\n}\n\n.Game-over-dialog .modal-title {\n font-size: 2em;\n}\n\n.Settings-menu .modal-header, .Game-over-dialog .modal-header {\n border-bottom: 1px solid rgb(78, 96, 124);\n}\n\n.Game-over-dialog .modal-header {\n display: block;\n}\n\n.Game-over-dialog-winner-wrapper {\n display: flex;\n width: 100%;\n align-items: center;\n justify-content: center;\n padding: 4%;\n}\n\n.Game-over-dialog-winner-checker-wrapper {\n display: flex;\n height: 3.5em;\n width: 12.6%;\n}\n\n.Game-over-dialog-winner-checker-wrapper.left {\n justify-content: flex-end;\n}\n\n.Game-over-dialog-winner-text {\n font-size: 1.2em;\n font-weight: bold;\n width: 70%;\n}\n\n.Game-over-dialog-gammon-text {\n font-size: 0.8em;\n font-weight: normal;\n}\n\n.Game-over-dialog-winner-checker-wrapper .Checker {\n height: 100%;\n width: 100%;\n}\n\n.Game-over-dialog .modal-footer {\n justify-content: center;\n}\n\n.Settings-menu .modal-footer, .Game-over-dialog .modal-footer {\n border-top: 1px solid rgb(78, 96, 124);\n}\n\n.Settings-menu .modal-body, .Game-over-dialog .modal-body {\n padding: 0;\n}\n\n.Settings-menu .modal-footer .btn, .Game-over-dialog .modal-footer .btn {\n background-color: #354e74;\n border-color: rgb(24 38 61);\n border-width: 0.2vh;\n}\n\n.Settings-menu .Settings-option-row {\n border-bottom: 1px solid rgb(78, 96, 124);\n display: flex;\n justify-content: space-between;\n}\n\n.Settings-menu .Settings-option-row.bottom {\n border-bottom: none;\n}\n\n.Settings-menu-player-names-and-checkers {\n cursor: pointer;\n display: flex;\n justify-content: space-around;\n padding-right: 5%;\n width: 50%;\n}\n\n.Settings-menu-player-name-and-checker {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n width: 40%;\n}\n\n.Settings-menu-player-name {\n text-align: center;\n}\n\n.Settings-menu-checkers-wrapper {\n display: flex;\n justify-content: space-around;\n height: 66%;\n width: 100%;\n}\n\n.Settings-menu-checker-wrapper {\n align-items: center;\n display: flex;\n height: 50%;\n width: 31%;\n justify-content: center;\n}\n\n.Settings-menu-checker-wrapper .Checker {\n height: 100%;\n width: 100%;\n}\n\n.Settings-menu-color-swap-arrow-wrapper {\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: column;\n transition: 0.2s;\n width: 20%;\n}\n\n.Settings-menu-player-names-and-checkers:hover .Settings-menu-color-swap-arrow-wrapper {\n transform: scale(110%);\n}\n\n.Settings-menu-color-swap {\n font-size: 0.6em;\n font-weight: bold;\n text-align: center;\n}\n\n.Settings-menu-color-swap-arrow {\n background: url(\"assets/swap-arrow.svg\");\n background-repeat: no-repeat;\n height: 20%;\n width: 50%;\n}\n\n.Settings-option-movement-diagram-wrapper {\n cursor: pointer;\n display: flex;\n justify-content: center;\n padding: 2%;\n width: 50%;\n}\n\n.Settings-option-movement-diagram {\n background-size: contain;\n background-repeat: no-repeat;\n height: 100%;\n transition: 0.2s;\n width: 50%;\n}\n\n.Settings-option-movement-diagram:hover {\n transform: scale(105%);\n}\n\n.Settings-option-movement-diagram.light {\n background-image: url(\"assets/diagram-light-ccw.svg\");\n}\n\n.Settings-option-movement-diagram.light.cw {\n background-image: url(\"assets/diagram-light-cw.svg\");\n}\n\n.Settings-option-movement-diagram.dark {\n background-image: url(\"assets/diagram-dark-ccw.svg\");\n}\n\n.Settings-option-movement-diagram.dark.cw {\n background-image: url(\"assets/diagram-dark-cw.svg\");\n}\n\n.Settings-checker-color-label, .Settings-checker-direction-label {\n padding: 4vh;\n}\n\n.Settings-option-arrow.clockwise {\n background: url(\"assets/clockwise-arrow.svg\") no-repeat top left;\n}\n\n.Settings-option-arrow.counterclockwise {\n background: url(\"assets/counterclockwise-arrow.svg\") no-repeat top left;\n}\n\n.Settings-menu-button {\n background: url(\"assets/settings-icon.svg\") no-repeat top left;\n background-size: contain;\n}\n\n@media screen and (orientation: landscape) {\n .Settings-menu-button {\n height: 3vw;\n width: 3vw;\n }\n}\n\n@media screen and (orientation: portrait) {\n .Settings-menu-button {\n height: 3vh;\n width: 3vh;\n }\n}\n\n/********\n * DICE *\n ********/\n .Dice,\n .Begin-game-button-wrapper,\n .Roll-button-wrapper,\n .Offer-double-button-wrapper,\n .Accept-double-menu-wrapper {\n align-items: center;\n display: flex;\n height: 10%;\n left: 10%;\n justify-content: space-evenly;\n position: absolute;\n top: 45%;\n width: 80%;\n z-index: 5;\n}\n\n.Die-faces {\n align-items: center;\n display: flex;\n height: 114%;\n justify-content: center;\n transform-style: preserve-3d;\n transition: transform 1.3s ease-out;\n width: 15.5%;\n}\n\n.Die-face {\n border-radius: 0.5vw;\n color: white;\n display: grid;\n gap: 0.4vw;\n grid-template-columns: repeat(3, 1fr);\n grid-template-rows: repeat(3, 1fr);\n height: 100%;\n padding: 0.2vw;\n position: absolute;\n width: 100%;\n}\n\n.Die-faces.white .Die-face {\n background-color: rgb(255 243 219);\n border: 0.2vw solid #b49e70;\n}\n\n.Die-faces.black .Die-face {\n background-color: rgb(15 16 37);\n border: 0.2vw solid #767293;\n}\n\n.Die-faces.white.spent .Die-face, .Die-faces.black.spent .Die-face {\n display: none;\n}\n\n.Die-faces.white.spent.one .Die-face.one,\n.Die-faces.white.spent.two .Die-face.two,\n.Die-faces.white.spent.three .Die-face.three,\n.Die-faces.white.spent.four .Die-face.four,\n.Die-faces.white.spent.five .Die-face.five,\n.Die-faces.white.spent.six .Die-face.six {\n background-color: rgb(255 243 219 / 30%);\n border-color: #b49e707a;\n display: grid;\n}\n\n.Die-faces.black.spent.one .Die-face.one,\n.Die-faces.black.spent.two .Die-face.two,\n.Die-faces.black.spent.three .Die-face.three,\n.Die-faces.black.spent.four .Die-face.four,\n.Die-faces.black.spent.five .Die-face.five,\n.Die-faces.black.spent.six .Die-face.six {\n background-color: rgb(15 16 37 / 15%);\n border-color: #76729363;\n display: grid;\n}\n\n.Die-pip {\n border-radius: 50%;\n height: 95%;\n width: 95%;\n}\n\n.Die-faces.white .Die-pip {\n background-color: #1b1c22;\n}\n\n.Die-faces.black .Die-pip {\n background-color: #ede2ce;\n}\n\n.Die-faces.black.spent .Die-pip {\n background-color: #ffffff70;\n}\n\n.Die-faces.white.spent .Die-pip {\n background-color: #00000070;\n}\n\n.Die-faces.one, .Die-faces.one.black.reroll {\n transform: rotateX(360deg) rotateY(720deg) rotateZ(360deg);\n}\n.Die-faces.two, .Die-faces.two.black.reroll {\n transform: rotateX(450deg) rotateY(720deg) rotateZ(360deg);\n}\n.Die-faces.three, .Die-faces.three.black.reroll {\n transform: rotateX(360deg) rotateY(630deg) rotateZ(360deg);\n}\n.Die-faces.four, .Die-faces.four.black.reroll {\n transform: rotateX(360deg) rotateY(810deg) rotateZ(360deg);\n}\n.Die-faces.five, .Die-faces.five.black.reroll {\n transform: rotateX(270deg) rotateY(720deg) rotateZ(360deg);\n}\n.Die-faces.six, .Die-faces.six.black.reroll {\n transform: rotateX(360deg) rotateY(900deg) rotateZ(360deg);\n}\n\n.Die-faces.one.black, .Die-faces.one.reroll {\n transform: rotateX(-360deg) rotateY(-720deg) rotateZ(-360deg);\n}\n.Die-faces.two.black, .Die-faces.two.reroll {\n transform: rotateX(-270deg) rotateY(-720deg) rotateZ(-360deg);\n}\n.Die-faces.three.black, .Die-faces.three.reroll {\n transform: rotateX(-360deg) rotateY(-810deg) rotateZ(-360deg);\n}\n.Die-faces.four.black, .Die-faces.four.reroll {\n transform: rotateX(-360deg) rotateY(-630deg) rotateZ(-360deg);\n}\n.Die-faces.five.black, .Die-faces.five.reroll {\n transform: rotateX(-450deg) rotateY(-720deg) rotateZ(-360deg);\n}\n.Die-faces.six.black, .Die-faces.six.reroll {\n transform: rotateX(-360deg) rotateY(-900deg) rotateZ(-360deg);\n}\n\n.Die-face.one {\n transform: rotate3d(0, 0, 0, 90deg) translateZ(1.6vw);\n}\n.Die-face.two {\n transform: rotate3d(-1, 0, 0, 90deg) translateZ(1.6vw);\n}\n.Die-face.three {\n transform: rotate3d(0, 1, 0, 90deg) translateZ(1.6vw);\n}\n.Die-face.four {\n transform: rotate3d(0, -1, 0, 90deg) translateZ(1.6vw);\n}\n.Die-face.five {\n transform: rotate3d(1, 0, 0, 90deg) translateZ(1.6vw);\n}\n.Die-face.six {\n transform: rotate3d(1, 0, 0, 180deg) translateZ(1.6vw);\n}\n\n.Die-pip.one {\n grid-area: 1/1;\n}\n.Die-pip.three {\n grid-area: 1/3;\n}\n.Die-pip.four {\n grid-area: 2/1;\n}\n.Die-pip.five {\n grid-area: 2/2;\n}\n.Die-pip.six {\n grid-area: 2/3;\n}\n.Die-pip.seven {\n grid-area: 3/1;\n}\n.Die-pip.nine {\n grid-area: 3/3;\n}\n\n.Doubling-cube {\n align-content: center;\n background-image: url(\"assets/doubling-cube.svg\");\n background-repeat: no-repeat;\n filter: drop-shadow(1px 1px 1px rgb(58, 7, 7));\n height: 85%;\n margin-left: 7.5%;\n width: 85%;\n}\n\n.Doubling-cube-value-wrapper {\n align-content: center;\n color: #FABBBB;\n font-size: min(1.3vw, 1.3em);\n height: 100%;\n text-align: center;\n text-shadow: 1px 1px 1px rgb(58, 7, 7);\n width: 100%;\n}\n\n.Accept-double-menu-wrapper {\n display: flex;\n height: 14%;\n top: 43%;\n flex-direction: column;\n}\n\n.Accept-double-menu-text-wrapper {\n color: #b8b8b8;\n font-size: max(0.5em, 1.2vw);\n}\n\n.Accept-double-menu-buttons-wrapper {\n align-items: center;\n display: flex;\n justify-content: space-evenly;\n height: 50%;\n width: 100%;\n}\n\n.Accept-double-button, .Forfeit-game-button {\n font-size: min(1em, 1vw);\n height: 100%;\n padding: 0;\n width: 34%;\n}\n\n.Accept-double-button {\n color: #62955D;\n}\n\n.Forfeit-game-button {\n color: #C14534;\n}\n\n.Waiting-for-accept-double-wrapper {\n align-items: center;\n color: #b8b8b8;\n display: flex;\n font-size: 0.7em;\n height: 12%;\n left: 10%;\n justify-content: center;\n position: absolute;\n top: 44%;\n width: 80%;\n z-index: 5;\n}\n\n/*****************************\n Floating circles background\n*****************************/\n@function random_range($min, $max) {\n $rand: random();\n $random_range: $min + floor($rand * (($max - $min) + 1));\n @return $random_range;\n}\n\n@function sample($list) {\n @return nth($list, random(length($list)));\n}\n\n$floating-circle-count: 50;\n\n// Initial floating circles start on screen with a randomized non-zero opacity,\n// then animate once and finish with 0 opacity. By that time, the regular\n// floating circles will have begun to animate indefinitely. This way, floating\n// circles are visible immediately on page load.\n.Initial-floating-circle {\n position: absolute;\n left: var(--left-offset);\n bottom: var(--bottom-offset);\n display: block;\n width: var(--radius);\n height: var(--radius);\n border-radius: 50%;\n background-color: #83919e24;\n pointer-events: none;\n opacity: 0%;\n animation: float-around-initial var(--animation-duration) 0s ease-in;\n\n @keyframes float-around-initial {\n 0% {\n opacity: var(--starting-opacity);\n }\n 50% {\n opacity: var(--max-opacity);\n }\n 100% {\n transform: translateX(var(--float-x)) translateY(var(--float-y));\n opacity: 0%;\n }\n }\n\n @for $i from 0 through $floating-circle-count {\n &:nth-child(#{$i}) {\n --bottom-offset: #{random_range(-10%, 110%)};\n --left-offset: #{random_range(0vw, 100vw)};\n --radius: #{random_range(3vw, 6vw)};\n --animation-duration: #{random_range(10s, 30s)};\n --float-y: #{random_range(-30vh, 30vh)};\n --float-x: #{random_range(-30vw, 30vw)};\n --starting-opacity: #{random_range(10%, 50%)};\n --max-opacity: #{random_range(40%, 80%)};\n }\n }\n}\n\n// These floating circles begin to appear and animate indefinitely as the initial\n// floating circles finish their one-time animation.\n.Floating-circle {\n position: absolute;\n left: var(--left-offset);\n bottom: var(--bottom-offset);\n display: block;\n width: var(--radius);\n height: var(--radius);\n border-radius: 50%;\n background-color: #83919e24;\n pointer-events: none;\n opacity: 0%;\n animation: float-around var(--animation-duration) var(--delay) ease-in infinite;\n\n @keyframes float-around {\n 0% {\n opacity: 0%;\n }\n 50% {\n opacity: var(--max-opacity);\n }\n 100% {\n transform: translateX(var(--float-x)) translateY(var(--float-y));\n opacity: 0%;\n }\n }\n\n @for $i from 0 through $floating-circle-count {\n &:nth-child(#{$i}) {\n --delay: #{random_range(10s, 30s)};\n --bottom-offset: #{random_range(-10%, 110%)};\n --left-offset: #{random_range(0vw, 100vw)};\n --radius: #{random_range(3vw, 6vw)};\n --animation-duration: #{random_range(10s, 30s)};\n --float-y: #{random_range(-30vh, 30vh)};\n --float-x: #{random_range(-30vw, 30vw)};\n --max-opacity: #{random_range(30%, 70%)};\n }\n }\n}\n\n.Wipe-transition {\n animation-name: wipe;\n animation-duration: 300ms;\n animation-iteration-count: 1;\n animation-timing-function: linear;\n background-color: #000000a7;\n position: absolute;\n z-index: 9;\n pointer-events: none;\n left: 0;\n top: 0;\n width: 0%;\n height: 100%;\n}\n\n@keyframes wipe {\n from {\n width: 100%;\n }\n to {\n width: 0%;\n }\n}\n\n.Wipe-fade {\n animation-name: fade;\n animation-duration: 300ms;\n animation-iteration-count: 1;\n animation-timing-function: linear;\n background-color: #ffffff00;\n position: absolute;\n z-index: 8;\n pointer-events: none;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n}\n\n@keyframes fade {\n from {\n background-color: #ffffff56;\n }\n to {\n background-color: #ffffff00;\n }\n}\n\n.Room-connection-error-wrapper {\n align-items: center;\n color: #b8b8b8;\n display: flex;\n flex-direction: column;\n text-align: center;\n width: 50%;\n}\n\n.Room-connection-error-header {\n font-size: max(2em, 2vw);\n}\n\n.Room-connection-error-text {\n font-size: max(1em, 1vw);\n margin-top: 2%;\n width: 100%;\n}\n\n.Room-connection-error-roomcode {\n font-weight: bold;\n}\n\n.Room-connection-error-subtext {\n font-size: max(1em, 1vw);\n line-height: 1em;\n margin-top: 2%;\n width: 70%;\n}\n\n.Room-connection-error-menu-button-wrapper {\n margin-top: 5%;\n}\n\n.Room-connection-error-menu-button {\n background: linear-gradient(to right, #3F3217, #564112);\n border-color: #816c3d;\n border-radius: min(1vw, 1em);\n border-style: double;\n border-width: 0.2em;\n color: #b8b8b8;\n font-weight: bold;\n font-family: 'Barlow', sans-serif;\n font-size: max(1em, 1vw);\n height: 5vh;\n min-height: 35px;\n min-width: 125px;\n max-width: 175px;\n padding: 0.5vh;\n text-align: center;\n transition: 0.2s;\n width: 12vw;\n}\n\n.Room-connection-error-menu-button:hover, .Room-connection-error-menu-button:active {\n transform: scale(105%);\n}"],"names":[],"sourceRoot":""} \ No newline at end of file diff --git a/static/js/main.de308495.js b/static/js/main.2a1b5b7c.js similarity index 99% rename from static/js/main.de308495.js rename to static/js/main.2a1b5b7c.js index fec5524..86b231a 100644 --- a/static/js/main.de308495.js +++ b/static/js/main.2a1b5b7c.js @@ -1,3 +1,3 @@ -/*! For license information please see main.de308495.js.LICENSE.txt */ -(()=>{var e={600:(e,t)=>{var n;!function(){"use strict";var r={}.hasOwnProperty;function i(){for(var e=[],t=0;t{"use strict";var r=n(86),i={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},o={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},s={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},a={};function l(e){return r.isMemo(e)?s:a[e.$$typeof]||i}a[r.ForwardRef]={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},a[r.Memo]=s;var c=Object.defineProperty,u=Object.getOwnPropertyNames,h=Object.getOwnPropertySymbols,d=Object.getOwnPropertyDescriptor,f=Object.getPrototypeOf,p=Object.prototype;e.exports=function e(t,n,r){if("string"!==typeof n){if(p){var i=f(n);i&&i!==p&&e(t,i,r)}var s=u(n);h&&(s=s.concat(h(n)));for(var a=l(t),m=l(n),g=0;g{"use strict";var t=Object.getOwnPropertySymbols,n=Object.prototype.hasOwnProperty,r=Object.prototype.propertyIsEnumerable;e.exports=function(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de","5"===Object.getOwnPropertyNames(e)[0])return!1;for(var t={},n=0;n<10;n++)t["_"+String.fromCharCode(n)]=n;if("0123456789"!==Object.getOwnPropertyNames(t).map((function(e){return t[e]})).join(""))return!1;var r={};return"abcdefghijklmnopqrst".split("").forEach((function(e){r[e]=e})),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},r)).join("")}catch(i){return!1}}()?Object.assign:function(e,i){for(var o,s,a=function(e){if(null===e||void 0===e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}(e),l=1;l{"use strict";var r=n(218);function i(){}function o(){}o.resetWarningCache=i,e.exports=function(){function e(e,t,n,i,o,s){if(s!==r){var a=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw a.name="Invariant Violation",a}}function t(){return e}e.isRequired=e;var n={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:o,resetWarningCache:i};return n.PropTypes=n,n}},173:(e,t,n)=>{e.exports=n(497)()},218:e=>{"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},730:(e,t,n)=>{"use strict";var r=n(43),i=n(123),o=n(853);function s(e){for(var t="https://reactjs.org/docs/error-decoder.html?invariant="+e,n=1;n