@font-face{font-family:Bungee;font-style:normal;font-weight:400;src:url(Bungee-Regular.259d4afad7edca07e727.ttf) format('truetype')}@font-face{font-family:Catholic-School-Girls;font-style:normal;font-weight:400;src:url(Catholic-School-Girls-BB.e842f057b83288b86d18.ttf) format('truetype')}*,:after,:before{box-sizing:border-box;font-family:Bungee,Arial,Helvetica,sans-serif}body{height:calc(var(--vh) * 100);overflow:hidden;margin:0;background-color:var(--background-colour);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:root{--background-colour:#050618;--colour-tile-handle:#444f78;--colour-button-text:#ffffff;--colour-button-bg:#1c56ac;--colour-button-text-unchecked:rgba(255, 255, 255, 0.8);--colour-button-bg-unchecked:rgba(65, 174, 174, 0.6);--colour-modal:#3f70b8;--colour-swap-player:#1c56ac;--colour-white:#ffffff;--colour-red:#ff7774;--colour-blue:#50b4fa;--colour-yellow:#faf836;--colour-green:#50e650;--colour-orange-light:#ffbb71;--colour-orange-dark:#ff7d15;--colour-white-faded:rgba(255, 255, 255, 0.2);--colour-red-faded:rgba(246, 52, 52, 0.2);--colour-blue-faded:rgba(80, 180, 250, 0.2);--colour-yellow-faded:rgba(250, 248, 54, 0.2);--colour-green-faded:rgba(80, 230, 80, 0.2);--main-tile-width:20vw;--middle-tiles-flex-direction:column;--tile-rainbow-angle:90deg;--played-tile-width:10vw;--played-tiles-flex-direction:row;--discarded-tiles-host-flex-direction:var(--middle-tiles-flex-direction);--discarded-tiles-margin:0.5vw 0.5vw 0 0.5vw;--discarded-tiles-flex-direction:row;--discarded-tile-five-height:1vw;--discarded-tile-five-width:10vw;--discarded-tile-height:1vw;--discarded-tile-width:5vw;--discarded-tile-one-height:1vw;--discarded-tile-one-width:3.33vw;--discarded-tile-info-dot-width:1vw;--discarded-tile-info-dot-margin:0 0.2vw 0 0.2vw;--keyboard-key-width:7.5vw;--player-names-container-padding:calc(var(--vh, 1vh) * 50) calc(1/40 * 100vw) calc(var(--vh, 1vh) * 40) calc(1/40 * 100vw);--player-name-font-size:calc(1/22 * 100vw);--player-name-width:40vw;--player-vs-font-size:calc(1/20 * 100vw);--player-vs-padding:calc(1/20 * 100vw)}@media (min-height:150vw) and (orientation:portrait){:root{--middle-tiles-flex-direction:row;--played-tile-width:16.67vw;--played-tiles-flex-direction:column;--discarded-tile-five-height:16.67vw;--discarded-tile-five-width:2vw;--discarded-tile-height:8.335vw;--discarded-tile-width:2vw;--discarded-tile-one-height:5.59vw;--discarded-tile-one-width:2vw;--discarded-tile-info-dot-width:2vw;--discarded-tile-info-dot-margin:0.8vw 0 0.8vw 0;--keyboard-key-width:7vw;--discarded-tiles-margin:0.5vw 0 0.5vw 0.5vw;--discarded-tiles-flex-direction:column;--player-names-container-padding:calc(var(--vh, 1vh) * 10) calc(1/10 * 100vw) 0 calc(1/10 * 100vw);--player-name-font-size:calc(1/14 * 100vw);--player-name-width:70vw;--player-vs-font-size:calc(1/12 * 100vw);--player-vs-padding:calc(1/20 * 100vw)}}@media (min-width:120vh) and (orientation:landscape){:root{--main-tile-width:10vw;--played-tile-width:9vw;--discarded-tile-five-height:0.8vw;--discarded-tile-five-width:9vw;--discarded-tile-height:0.8vw;--discarded-tile-width:4.5vw;--discarded-tile-one-height:0.8vw;--discarded-tile-one-width:3vw;--discarded-tile-info-dot-width:0.8vw;--discarded-tile-info-dot-margin:0 0.15vw 0 0.15vw;--discarded-tiles-margin:0.5vw 0.25vw 0 0.25vw;--keyboard-key-width:6vw}}.modal-body{font-size:calc(.5 * var(--main-tile-width));line-height:calc(.5 * var(--main-tile-width));padding:calc(.25 * var(--main-tile-width));border-radius:calc(.1 * var(--main-tile-width)) calc(.1 * var(--main-tile-width));display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:var(--colour-modal)}.modal-body.no-background{background-image:unset;background-color:unset}.modal-body .modal-heading{margin-bottom:calc(.3 * var(--main-tile-width))}.modal-body .info{color:rgba(255,255,255,.6);font-size:calc(.4 * var(--main-tile-width));line-height:calc(.5 * var(--main-tile-width));margin-top:calc(.3 * var(--main-tile-width));text-align:center}.modal-body .options-container{display:flex;flex-direction:column;justify-content:center;align-items:center}.modal-body .options-container .button-container+.button-container{margin-top:calc(.1 * var(--main-tile-width))}.modal-body .turn-info{color:rgba(255,255,255,.6);font-size:calc(.4 * var(--main-tile-width));line-height:calc(.5 * var(--main-tile-width));margin-top:calc(.3 * var(--main-tile-width));text-align:center}.button-container{display:flex}.button-container .button+.button,.button-container app-button+app-button{margin-left:calc(.1 * var(--main-tile-width))}.swap-player{position:relative;width:calc(2 * var(--main-tile-width));height:calc(2.4 * var(--main-tile-width))}.swap-player .circle{position:absolute;top:0;width:calc(2 * var(--main-tile-width));height:calc(2 * var(--main-tile-width));border-radius:50%;border:calc(.1 * var(--main-tile-width)) solid var(--colour-swap-player)}.swap-player .arrow-heads{position:absolute;top:0;left:0;width:calc(2 * var(--main-tile-width));height:calc(2 * var(--main-tile-width));-webkit-animation:3s linear infinite spin;animation:3s linear infinite spin}.swap-player .arrow-heads::before{content:"";position:absolute;border:calc(.3 * var(--main-tile-width)) solid var(--colour-swap-player);top:calc(.2 * var(--main-tile-width));right:calc(.17 * var(--main-tile-width));border-top-width:0;border-right-width:0;border-left-color:transparent;box-shadow:calc(.1 * var(--main-tile-width)) calc(.1 * var(--main-tile-width)) calc(.1 * var(--main-tile-width)) #000}.swap-player .arrow-heads::after{content:"";position:absolute;border:calc(.3 * var(--main-tile-width)) solid var(--colour-swap-player);bottom:calc(.26 * var(--main-tile-width));left:calc(.13 * var(--main-tile-width));border-bottom-width:0;border-left-width:0;border-right-color:transparent;box-shadow:calc(-.1 * var(--main-tile-width)) calc(-.1 * var(--main-tile-width)) calc(.1 * var(--main-tile-width)) #000}.swap-player .player{position:absolute;top:calc(.4 * var(--main-tile-width));left:calc(.7 * var(--main-tile-width));width:calc(.6 * var(--main-tile-width));height:calc(.6 * var(--main-tile-width));border-radius:50%;background-color:var(--colour-swap-player)}.swap-player .player::after{content:"";position:absolute;top:calc(.7 * var(--main-tile-width));left:calc(-.3 * var(--main-tile-width));width:calc(1.2 * var(--main-tile-width));height:calc(.3 * var(--main-tile-width));background-color:var(--colour-swap-player);border-top-left-radius:calc(.3 * var(--main-tile-width));border-top-right-radius:calc(.3 * var(--main-tile-width))}@-webkit-keyframes spin-arrows{100%{transform:rotate(360deg)}}@keyframes spin-arrows{100%{transform:rotate(360deg)}}