@font-face{font-family:"SourceSansPro";font-weight:700;font-display:swap;src:local("Source Sans Pro SemiBold"),local("SourceSansPro-SemiBold"),url(/fonts/SourceSansPro-SemiBold.woff2) format("woff2")}@font-face{font-family:"SourceSansPro";font-weight:400;font-display:swap;src:local("Source Sans Pro Regular"),local("SourceSansPro-Regular"),url(/fonts/SourceSansPro-Regular.woff2) format("woff2")}#root,body,html{color:beige;background-color:#49315e;background-color:var(--cell-color);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;touch-action:none;margin:0;width:100%;height:100%}:root{--theme-color:#6e4d8a;--cell-color:#49315e;--light-color:#8d61b4;--dark-color:#3c2b4d;--clear-color:rgba(73,49,94,0.4);--border-radius:5px;--tile-border-radius:15%;--tile-size:70px;--board-size:68vh}::-webkit-input-placeholder{color:#6e4d8a;color:var(--theme-color);font-weight:700}::-ms-input-placeholder{color:#6e4d8a;color:var(--theme-color);font-weight:700}::placeholder{color:#6e4d8a;color:var(--theme-color);font-weight:700}::selection{color:violet;background:#9400d3}:focus{outline:0 none transparent}h1{font-size:48px;margin:16px 0}h2{margin:0 0 8px}h3{margin:8px 0 12px}h4{color:gold;font-size:24px;margin:0}p{font-size:16px;margin:0 0 8px 28px}a{color:#8d61b4;color:var(--light-color)}button{color:beige;background-color:#a9a9a9;margin:8px;padding:16px;border:solid grey;border-width:0 0 3px;border-radius:5px;border-radius:var(--border-radius);font-size:16px;font-weight:700;transition:all .05s;cursor:pointer;flex-shrink:0}button:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}button:active{-webkit-transform:scale(.95);transform:scale(.95)}button:disabled{opacity:.25;pointer-events:none}.primary-input{color:beige;caret-color:beige;background-color:#3c2b4d;background-color:var(--dark-color);border-radius:5px;border-radius:var(--border-radius);border:4px solid violet;margin:8px;padding:16px;font-size:16px;font-weight:700}.icon-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:24px;width:53px;height:53px;padding:0;font-weight:400}.primary-btn{background-color:#8d61b4;background-color:var(--light-color);border-color:#6e4d8a;border-color:var(--theme-color)}.secondary-btn{color:#9400d3;background-color:violet;border-color:#9400d3}.hero-btn{color:#ff0;background-color:#ffc800;border-color:#ff0}.hero-btn:hover{color:#ffc800;background-color:#ff0;border-color:#ffc800}.bounce-btn{transition:all .1s;-webkit-transform:translateY(0);transform:translateY(0)}.bounce-btn:hover{-webkit-transform:translateY(-8px);transform:translateY(-8px)}.bounce-btn:active{-webkit-transform:translateY(0);transform:translateY(0)}.info-tag{color:#3c2b4d;color:var(--dark-color);background-color:orange;border-radius:12px;padding:4px;font-weight:700;font-size:12px}.center-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100%;flex-grow:0.5}.card{width:230px;padding:8px;margin:0 8px;color:beige;background-color:rgba(73,49,94,.4);background-color:var(--clear-color);border-radius:5px;border-radius:var(--border-radius);border-top:2px solid #fff}.card,.modal{display:flex;flex-direction:column;text-align:center}.modal{position:absolute;align-items:center;justify-content:center;top:50%;left:50%;padding:16px;border-radius:15px;border:8px solid #6e4d8a;border-color:var(--theme-color);background-color:#49315e;background-color:var(--cell-color);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);white-space:pre-wrap}.modal-hidden{visibility:hidden}.ReactModalPortal .ReactModal__Overlay{transition:opacity .1s ease-in-out;opacity:0}.ReactModalPortal .ReactModal__Overlay--after-open{opacity:1}.ReactModalPortal .ReactModal__Overlay--before-close{opacity:0}.overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.75);z-index:9999}.modal-swap{width:385px;width:calc(var(--tile-size)*5.5);height:220px;height:calc(var(--tile-size) + 150px)}.modal-hero,.modal-swap{-webkit-transform:unset;transform:unset;top:0;bottom:0;left:0;right:0;margin:auto}.modal-hero{width:256px;height:180px;border-color:gold}.modal-tall{height:230px}.modal-loss{border-color:#6e4d8a;border-color:var(--theme-color)}.outer-star-anim{-webkit-animation-delay:0s;animation-delay:0s}.inner-star-anim{-webkit-animation-delay:.1s;animation-delay:.1s}.overlay-swap{z-index:4}.scroll-thumb{background-color:violet;border-radius:32px;cursor:pointer}.scroll-track{right:0;height:100%;background-color:#49315e;background-color:var(--cell-color);border-radius:32px}.notification-dot:after{position:absolute;width:16px;height:16px;background-color:gold;border-radius:50%;content:"";-webkit-transform:translate(100%,-100%) scale(0);transform:translate(100%,-100%) scale(0);-webkit-animation:pop .5s ease-in-out 1s 1 forwards;animation:pop .5s ease-in-out 1s 1 forwards}.burger-dot:after{top:4px;right:4px}.stat{display:inline-flex;justify-content:space-between}.stat>:last-child{color:violet;font-weight:700}@-webkit-keyframes pop{0%{-webkit-transform:translate(100%,-100%) scale(0);transform:translate(100%,-100%) scale(0)}75%{-webkit-transform:translate(100%,-100%) scale(1.5);transform:translate(100%,-100%) scale(1.5)}to{-webkit-transform:translate(100%,-100%) scale(1);transform:translate(100%,-100%) scale(1)}}@keyframes pop{0%{-webkit-transform:translate(100%,-100%) scale(0);transform:translate(100%,-100%) scale(0)}75%{-webkit-transform:translate(100%,-100%) scale(1.5);transform:translate(100%,-100%) scale(1.5)}to{-webkit-transform:translate(100%,-100%) scale(1);transform:translate(100%,-100%) scale(1)}}@media (hover:none){button:hover{-webkit-transform:scale(1);transform:scale(1)}button:active{-webkit-transform:scale(.95);transform:scale(.95)}.bounce-btn:hover{-webkit-transform:translateY(0);transform:translateY(0)}.bounce-btn:active{-webkit-transform:scale(.95);transform:scale(.95)}}@media screen and (max-width:520px){:root{--tile-size:calc((99vw - 28px)/7)}h1{font-size:36px}.modal-wide{width:70%}}@media screen and (max-height:600px) and (min-width:520px){:root{--tile-size:55px;--board-size:70vh}}.progress-bar{position:relative;width:100%;height:36px;background-color:var(--dark-color);border-radius:var(--border-radius);color:beige;font-weight:700;font-size:14px;overflow:hidden;margin:2px}.progress-fill{width:0;height:100%;background-color:#ffc800;background-image:repeating-linear-gradient(45deg,transparent,transparent 20px,hsla(0,0%,100%,.4) 0 40px);background-size:2048px 100%;-webkit-animation:pan 100s linear 0s infinite;animation:pan 100s linear 0s infinite;transition:all 1s ease-in-out}@-webkit-keyframes pan{0%{background-position-x:256px}to{background-position-x:2048px}}@keyframes pan{0%{background-position-x:256px}to{background-position-x:2048px}}#progress-txt{position:absolute;display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;height:100%}#progress-txt>div{background-color:var(--dark-color);border-radius:var(--border-radius);padding:0 4px;white-space:pre-wrap}#progress-txt>span{justify-content:center;padding:0 4px}#profile-card,#progress-txt>span{position:relative;display:flex;align-items:center}#profile-card{flex-direction:column;justify-self:center}#profile-pic{width:96px;border-radius:var(--border-radius)}#profile-stats{flex-direction:column;flex-grow:1;margin:8px;width:95%}#profile-signin,#profile-stats{display:flex;align-items:center;justify-content:center}#profile-signin{width:100%}#stats-btn{position:absolute;left:6px;bottom:4px;width:40px;height:40px}.g-btn{background-color:#e1412f!important;border-radius:var(--border-radius)!important;margin:0;-webkit-transform:scale(.75);transform:scale(.75)}.g-btn:hover{-webkit-transform:scale(.9);transform:scale(.9)}.g-btn>:last-child{font-size:16px;font-weight:700!important}.room-item{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:space-evenly;font-weight:700;color:violet;background-color:var(--cell-color);border:0 solid violet;border-radius:var(--border-radius);padding:8px;margin-bottom:8px}.room-name{flex-grow:1;font-style:italic;white-space:pre-wrap}.party-room{font-size:90%}.room-item>button{margin:0;width:40px;height:40px}#games-card,.games-list{flex-grow:1}#home{flex-direction:column;flex-grow:1;overflow:hidden}#home,#title-wrapper{position:relative;display:flex;align-items:center;justify-content:center;width:100%}#title-wrapper{flex-grow:0.5}#header{position:relative}#header-logo{height:12vh}#wip-tag{position:absolute;top:10%;left:59.5%;-webkit-transform:rotate(16deg);transform:rotate(16deg);-webkit-transform-origin:left;transform-origin:left;width:100px;text-align:center;cursor:pointer}#menu{flex-grow:0.5}#cards,#home-games-card,#home-profile-card{display:flex}#settings-btn{right:0}#settings-btn,#twitter-btn{position:absolute;bottom:0;width:40px;height:40px}#twitter-btn{right:48px;background-color:#40a2f5;border-color:#2b6ea8}#host-btn{position:absolute;bottom:0;right:96px;background-color:#6738bc;border-color:#4c2f97;width:40px;height:40px}#meta-controls,#play-controls{display:flex;justify-content:space-between}@-webkit-keyframes slide{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}}@keyframes slide{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}}@media screen and (max-width:768px){#header-logo{height:14vh}#home-games-card,#home-profile-card,#settings-btn{display:none}#twitter-btn{position:absolute;bottom:0;right:0}#host-btn{display:none}}#footer{position:relative;justify-content:flex-end;width:100%;height:5%;margin-top:auto;background-color:var(--cell-color);box-sizing:initial;padding:8px;flex-grow:0;flex-shrink:1}#footer,#footer-links{display:flex;align-items:flex-end}#footer-links{justify-content:space-between;padding-right:8px}#footer-links a{margin-left:16px}#version-label{color:var(--theme-color);margin-right:auto;padding-left:8px}@media screen and (max-width:520px){#footer{font-size:14px}}#sidemenu-wrapper{position:absolute;left:0}#buttons-wrapper{display:flex!important;align-items:center;justify-content:space-between;width:calc(100% - 16px);background-color:var(--cell-color);border-radius:var(--border-radius);padding:0}#buttons-wrapper>button{margin:0}.bm-burger-button{display:block;position:fixed;width:42px;height:42px;bottom:calc(var(--tile-size) + 5%);left:0;background-color:var(--cell-color);border-radius:0 var(--border-radius) var(--border-radius) 0;border:6px solid var(--cell-color);box-sizing:border-box;z-index:1!important}.bm-back-button{z-index:9999!important}.bm-burger-bars{border-radius:var(--border-radius)}.bm-burger-bars,.bm-burger-bars-hover{background:violet}.bm-menu-wrap{position:fixed;height:100%}.bm-menu{background:var(--dark-color);overflow:hidden!important}.bm-morph-shape{fill:var(--dark-color)}.bm-item-list{display:flex;flex-direction:column;align-items:center}.bm-item-list>div{box-sizing:border-box;width:100%}.bm-item-list>:first-child{width:calc(100% - 16px);background-color:var(--cell-color);margin-top:8px}.bm-item-list>:last-child{margin-bottom:8px}.bm-item-list>#games-card{background-color:initial;padding-right:0}.bm-overlay{background:rgba(0,0,0,.75)!important}.leaders{display:grid;grid-template-columns:auto auto auto;grid-template-rows:repeat(10,1fr);grid-column-gap:32px;grid-row-gap:4px;width:100%;font-weight:700}.leader-rank{text-align:left}.leader-tag{display:flex;align-items:flex-start;justify-content:center}.leader-tag>:first-child{display:inline-flex;margin-right:4px}.leader-score{text-align:right}@media screen and (max-width:520px){.leader-tag>:first-child{-webkit-transform:translateY(-2px);transform:translateY(-2px)}}.quest-tracker{position:absolute;background-color:var(--cell-color);border-radius:var(--border-radius);border-top-left-radius:0;border-top-right-radius:0;width:256px;padding:8px;text-align:center;z-index:999999;box-shadow:4px 4px 8px 0 rgba(0,0,0,.5)}.quest-tracker>:last-child{width:calc(100% - 3px)}.quest-tracker-hidden{visibility:hidden}#app{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:space-between;background-color:var(--theme-color);overflow:hidden;width:100%;height:100%}#scroll-bg{position:absolute;top:0;left:0;--bg-size:125vh;width:calc(var(--bg-size)*4);height:calc(var(--bg-size)*4);background-position:25% 25%;background-repeat:repeat;background-size:var(--bg-size) var(--bg-size);-webkit-animation:slide 120s linear infinite;animation:slide 120s linear infinite;pointer-events:none}