:root{--viewport-width: 100vw;--viewport-height: 56.25vw;--hourglass-ratio: .8}@font-face{font-family:Inter;font-style:normal;font-weight:300;src:url(/assets/fonts/Inter-Light-BETA.woff2) format("woff2"),url(/assets/fonts/Inter-Light-BETA.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-weight:400;src:url(/assets/fonts/Inter-Regular.woff2) format("woff2"),url(/assets/fonts/Inter-Regular.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-weight:500;src:url(/assets/fonts/Inter-Medium.woff2) format("woff2"),url(/assets/fonts/Inter-Medium.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-weight:700;src:url(/assets/fonts/Inter-Bold.woff2) format("woff2"),url(/assets/fonts/Inter-Bold.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-weight:800;src:url(/assets/fonts/Inter-ExtraBold.woff2) format("woff2"),url(/assets/fonts/Inter-ExtraBold.woff) format("woff")}html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;line-height:1.5;tab-size:2;overflow:hidden;overscroll-behavior-y:none}body{margin:0;font-family:Inter;color:#fff;overscroll-behavior-y:none}h6{font-size:calc(var(--viewport-width) * .01125);margin:0;font-weight:400}h5{font-size:calc(var(--viewport-width) * .01375);margin:0;font-weight:400}h4{font-size:calc(var(--viewport-width) * .015);margin:0;font-weight:400}h3{font-size:calc(var(--viewport-width) * .018);margin:0;font-weight:500}h2{font-size:calc(var(--viewport-width) * .022);margin:0;font-weight:700}h1{font-size:calc(var(--viewport-width) * .045);margin:0;font-weight:800}p{font-size:calc(var(--viewport-width) * .015);margin:0;font-weight:400}.layout{background-color:#242424;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;overscroll-behavior:contain}.screen-wrapper{position:relative;width:var(--viewport-width);height:var(--viewport-height);background:radial-gradient(50% 50% at 50% 50%,#ffb342 0%,#ff871a 59.9%,#fd6a00 100%);display:flex;flex-direction:column}.layout.white-bg>.screen-wrapper{background:#fff}.disconnect-prompt{background:linear-gradient(180deg,#000000 0%,rgba(0,0,0,0) 100%);height:calc(var(--viewport-height) * .32);z-index:9;position:absolute;top:0;left:0;right:0}.disconnect-prompt .players{display:flex;justify-content:center;flex-wrap:wrap;margin-top:calc(var(--viewport-width) * .05)}.disconnect-prompt .players .player{display:flex;align-items:center;justify-content:center;background:#ffffff;box-shadow:-4px 11px 10px #4a1e1440;width:calc(var(--viewport-width) * .219);height:calc(var(--viewport-height) * .119);border-radius:calc(var(--viewport-width) * .021);margin-left:calc(var(--viewport-width) * .01);margin-right:calc(var(--viewport-width) * .01);margin-bottom:calc(var(--viewport-width) * .02)}.disconnect-prompt .players>.player-anim-enter{transform:scale(0)}.disconnect-prompt .players>.player-anim-enter-active{transition:all .5s cubic-bezier(.2,.6,.75,1.44);transform:scale(1)}.disconnect-prompt .players>.player-anim-exit{transform:scale(1)}.disconnect-prompt .players>.player-anim-exit-active{transition:all .5s cubic-bezier(.2,-.6,.6,.2);transform:scale(0)}.disconnect-prompt .player>.player-avatar{width:calc(var(--viewport-width) * .041);height:calc(var(--viewport-width) * .041);border-radius:calc(var(--viewport-width) * .011);background-color:#000;display:flex;justify-content:center;align-items:center}.disconnect-prompt .player-avatar>img{width:100%;border-radius:calc(var(--viewport-width) * .011)}.disconnect-prompt .player-avatar>img.default-avatar{width:70%}.disconnect-prompt .player h6{color:#242424;margin-left:calc(var(--viewport-width) * .015)}.debug-screen{position:absolute;z-index:3;background-color:#00000080;right:0;top:0;max-width:300px}.debug-functions{display:flex}.debug-screen p{padding:0;margin:0}.modal-container-enter{transform:scale(.8)!important;opacity:0!important}.modal-container-enter-active,.modal-container-enter-done{transform:scale(1)!important;opacity:1!important}.modal-container-exit{transform:scale(1)!important;opacity:0!important}.modal-container-exit-active,.modal-container-exit-done{transform:scale(0)!important;opacity:0!important}._modal_1igp6_1{position:fixed;top:0;left:0;width:var(--app-width);height:var(--app-height);z-index:1000;display:flex;justify-content:center;align-items:center}._modal-content_1igp6_14{z-index:1;position:absolute;transition:transform .1s cubic-bezier(.57,.07,.44,2),opacity .1s linear;transform:scale(.8);opacity:0;display:flex;align-items:center;justify-content:center}._backdrop_1igp6_27{position:absolute;height:100%;width:100%;z-index:0}._container_1miz8_1{position:relative;width:calc(var(--viewport-width) * .35);display:flex;flex-direction:column;align-items:center;background-image:radial-gradient(50% 50% at 50% 50%,#ffb342 0%,#ff871a 59.9%,#fd6a00 100%);border-radius:calc(var(--viewport-width) * .01);box-shadow:-4px 11px 10px #4a1e1440}._qrCard_1miz8_13{width:calc(var(--viewport-width) * .25);margin-top:calc(var(--viewport-height) * .036);border-radius:calc(var(--viewport-width) * .01);padding:calc(var(--viewport-width) * .03);background-color:#fff;box-shadow:0 5px 10px #4a1e1440}._codeLabel_1miz8_22{margin-top:calc(var(--viewport-height) * .015);font-size:calc(var(--viewport-width) * .016)}._code_1miz8_22{font-size:calc(var(--viewport-width) * .02);margin-top:calc(var(--viewport-height) * -.002);margin-bottom:calc(var(--viewport-width) * .01)}.qr-screen{display:flex;flex:1;align-items:center;flex-direction:column}.qr-screen>.logo{width:20%;margin-top:calc(var(--viewport-height) * .07)}.qr-screen>.logo img{width:100%}.qr-screen>.qr-card{width:28%;box-sizing:border-box;margin-top:calc(var(--viewport-height) * .017);border-radius:calc(var(--viewport-width) * .02);padding:calc(var(--viewport-width) * .03);background-color:#fff;box-shadow:-4px 11px 10px #4a1e1440}.qr-screen>h6{margin-top:calc(var(--viewport-height) * .016)}.qr-screen>h3{font-weight:400}.lobby-screen{display:flex;flex:1;flex-direction:column}.lobby-screen>.game-banner{background-size:cover;background-position:center;background-repeat:no-repeat;padding-bottom:37.67%;position:relative;display:flex}.lobby-screen .game-banner>.banner-body{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex:1;z-index:2}.lobby-screen .game-banner>.banner-deco{position:absolute;background:linear-gradient(180deg,rgba(0,0,0,0) 0%,#000000 100%);z-index:1;top:calc(var(--viewport-height) * .42);left:0;right:0;bottom:0}.lobby-screen .banner-body>.game-name{position:absolute;left:calc(var(--viewport-width) * .0625);bottom:calc(var(--viewport-height) * .05)}.lobby-screen .game-name>h1{line-height:1}.lobby-screen .banner-body>.qr-card-wrapper{display:flex}.lobby-screen .room-status{display:flex;align-items:center;margin-top:calc(var(--viewport-height) * .01)}.lobby-screen .room-status h3{font-weight:700;margin-right:calc(var(--viewport-width) * .002)}.lobby-screen .room-status p{color:#e46b00;font-style:italic;margin-left:calc(var(--viewport-width) * .025)}.lobby-screen .room-status .bouncing-dots>div{width:calc(var(--viewport-width) * .008);height:calc(var(--viewport-width) * .008);margin-left:calc(var(--viewport-width) * .002);margin-right:calc(var(--viewport-width) * .002);margin-bottom:calc(var(--viewport-width) * -.008)}.lobby-screen .qr-card{width:calc(var(--viewport-width) * .236);height:calc(var(--viewport-height) * .519);box-sizing:border-box;padding:calc(var(--viewport-width) * .02);background:#ffffff;box-shadow:-4px 11px 10px #4a1e1440;border-radius:calc(var(--viewport-width) * .013);position:absolute;right:calc(var(--viewport-width) * .0625);bottom:calc(var(--viewport-height) * .05);color:#242424;display:flex;align-items:center;flex-direction:column}.lobby-screen .qr-card>h6{margin-top:calc(var(--viewport-height) * .016)}.lobby-screen .qr-card>h3{font-weight:400}.lobby-screen .qr-container{width:calc(var(--viewport-width) * .2)}.lobby-screen .screen-body{width:var(--viewport-width);display:flex;justify-content:space-between}.lobby-screen .screen-body p{color:#242424;white-space:pre-line;line-height:1;font-size:calc(var(--viewport-width) * .013)}.lobby-screen .game-description{width:calc(var(--viewport-width) * .5);padding-top:calc(var(--viewport-height) * .04);padding-left:calc(var(--viewport-width) * .0625);padding-right:calc(var(--viewport-width) * .01);display:flex;flex-direction:column}.lobby-screen .game-description p:first-of-type{margin-bottom:calc(var(--viewport-width) * .015);font-size:calc(var(--viewport-width) * .021)}.lobby-screen .players{display:flex;flex-wrap:wrap;margin-top:calc(var(--viewport-height) * .04);padding-right:calc(var(--viewport-width) * .01);width:calc(var(--viewport-width) * .5);transition:all .2s}.lobby-screen .players>.player{display:flex;flex-direction:column;align-items:center;width:calc(var(--viewport-width) * .085);margin-bottom:calc(var(--viewport-height) * .02)}.lobby-screen .players>.player-avatar-anim-enter{transform:scale(0)}.lobby-screen .players>.player-avatar-anim-enter-active{transition:all .5s cubic-bezier(.2,.6,.75,1.44);transform:scale(1)}.lobby-screen .players>.player-avatar-anim-exit{transform:scale(1)}.lobby-screen .players>.player-avatar-anim-exit-active{transition:all .5s cubic-bezier(.2,-.6,.6,.2);transform:scale(0)}.lobby-screen .players>.player.disconnected{opacity:.4}.lobby-screen .player{position:relative}.lobby-screen .player>.host-icon{position:absolute;z-index:2;height:calc(var(--viewport-width) * .02);top:calc(var(--viewport-width) * -.006);left:calc(var(--viewport-width) * .014);rotate:-20deg}.lobby-screen .player>.player-avatar{width:calc(var(--viewport-width) * .041);height:calc(var(--viewport-width) * .041);border-radius:calc(var(--viewport-width) * .011);background-color:#000;display:flex;justify-content:center;align-items:center}.lobby-screen .player-avatar>img{width:100%;border-radius:calc(var(--viewport-width) * .011)}.lobby-screen .player-avatar>img.default-avatar{width:70%}.lobby-screen .player .player-name{color:#242424;font-weight:300;font-size:calc(var(--viewport-width) * .015);line-height:2;display:flex;align-items:center}@keyframes bounce{0%,15%{transform:translate(0)}50%{transform:translateY(calc(var(--viewport-width) * -.015))}85%,to{transform:translate(0)}}.bouncing-dots{display:flex}.bouncing-dots div{height:calc(var(--viewport-width) * .0125);width:calc(var(--viewport-width) * .0125);border-radius:50%;margin-left:calc(var(--viewport-width) * .004);margin-right:calc(var(--viewport-width) * .004);background-color:#fff}.bouncing-dots .dot1{z-index:1;animation:bounce 1.5s infinite ease-in-out}.bouncing-dots .dot2{animation:bounce 1.5s infinite ease-in-out;animation-delay:.2s}.bouncing-dots .dot3{animation:bounce 1.5s infinite ease-in-out;animation-delay:.4s}.game-screen{display:flex;flex:1;justify-content:center;align-items:center;background-color:#ed8e18;position:relative}.canvas-container{display:flex;flex-direction:column;position:absolute;top:0;bottom:0;left:0;right:0;justify-content:center;align-items:center}.tv-canvas{width:100%;height:100%}.game-loading-screen{display:flex;flex-direction:column;background-color:#fff;position:absolute;top:0;bottom:0;left:0;right:0;z-index:5}.game-loading-screen>.game-banner{background-size:cover;background-position:center;background-repeat:no-repeat;padding-bottom:37.67%;position:relative;display:flex}.game-loading-screen .game-banner>.banner-body{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex:1;z-index:2}.game-loading-screen .game-banner>.banner-deco{position:absolute;background:linear-gradient(180deg,rgba(0,0,0,0) 0%,#000000 100%);z-index:1;top:calc(var(--viewport-height) * .42);left:0;right:0;bottom:0}.game-loading-screen .banner-body>.game-name{position:absolute;left:calc(var(--viewport-width) * .0625);bottom:calc(var(--viewport-height) * .05)}.game-loading-screen .game-name>h1{line-height:1}.game-loading-screen .banner-body>.qr-card-wrapper{display:flex}.game-loading-screen .room-status{display:flex;align-items:center;margin-top:calc(var(--viewport-height) * .01)}.game-loading-screen .room-status h3{font-weight:700;margin-right:calc(var(--viewport-width) * .002)}.game-loading-screen .room-status p{color:#e46b00;font-style:italic;margin-left:calc(var(--viewport-width) * .025)}.game-loading-screen .room-status .bouncing-dots>div{width:calc(var(--viewport-width) * .008);height:calc(var(--viewport-width) * .008);margin-left:calc(var(--viewport-width) * .002);margin-right:calc(var(--viewport-width) * .002);margin-bottom:calc(var(--viewport-width) * -.008)}.game-loading-screen .qr-card{width:calc(var(--viewport-width) * .236);height:calc(var(--viewport-height) * .519);box-sizing:border-box;padding:calc(var(--viewport-width) * .02);background:#ffffff;box-shadow:-4px 11px 10px #4a1e1440;border-radius:calc(var(--viewport-width) * .013);position:absolute;right:calc(var(--viewport-width) * .0625);bottom:calc(var(--viewport-height) * .05);color:#242424;display:flex;align-items:center;flex-direction:column}.game-loading-screen .qr-card>h6{margin-top:calc(var(--viewport-height) * .016)}.game-loading-screen .qr-card>h3{font-weight:400}.game-loading-screen .qr-container{width:calc(var(--viewport-width) * .2)}.game-loading-screen .screen-body{width:var(--viewport-width);display:flex;justify-content:space-between}.game-loading-screen .screen-body p{color:#242424;white-space:pre-line;line-height:1;font-size:calc(var(--viewport-width) * .013)}.game-loading-screen .game-description{width:calc(var(--viewport-width) * .5);padding-top:calc(var(--viewport-height) * .04);padding-left:calc(var(--viewport-width) * .0625);padding-right:calc(var(--viewport-width) * .01);display:flex;flex-direction:column}.game-loading-screen .screen-body .game-description p:first-of-type{margin-bottom:calc(var(--viewport-width) * .015);font-size:calc(var(--viewport-width) * .021)}.game-loading-screen .player{position:relative}.game-loading-screen .player>.host-icon{position:absolute;z-index:2;height:calc(var(--viewport-width) * .02);top:calc(var(--viewport-width) * -.006);left:calc(var(--viewport-width) * .014);rotate:-20deg}.game-loading-screen .players{display:flex;flex-wrap:wrap;margin-top:calc(var(--viewport-height) * .04);padding-right:calc(var(--viewport-width) * .01);width:calc(var(--viewport-width) * .5);transition:all .2s}.game-loading-screen .players>.player{display:flex;flex-direction:column;align-items:center;width:calc(var(--viewport-width) * .085);margin-bottom:calc(var(--viewport-height) * .02)}.game-loading-screen .players>.player.disconnected{opacity:.4}.game-loading-screen .player>.player-avatar{width:calc(var(--viewport-width) * .041);height:calc(var(--viewport-width) * .041);border-radius:calc(var(--viewport-width) * .011);background-color:#000;display:flex;justify-content:center;align-items:center;position:relative}.game-loading-screen .player-avatar>img{width:100%;border-radius:calc(var(--viewport-width) * .011)}.game-loading-screen .player-avatar>img.default-avatar{width:70%}.game-loading-screen .hourglass-container{position:absolute;left:calc(var(--viewport-width) * -.025);top:calc(var(--viewport-width) * .01);transform:scale(var(--hourglass-ratio))}.game-loading-screen .player .player-name{color:#242424;font-weight:300;font-size:calc(var(--viewport-width) * .015);line-height:2;display:flex;align-items:center}.game-loading-screen .player-dot-status{width:calc(var(--viewport-width) * .011);height:calc(var(--viewport-width) * .011);border-radius:50%;background-color:#ff7171;margin-right:calc(var(--viewport-width) * .004);border:1px solid #656565}.game-loading-screen .player-dot-status.loaded{background-color:#bfff80}.hourglass{display:block;background:#fff;width:25px;height:50px;animation:hourglass 1.5s linear infinite}.hourglass .outer{fill:#e46b00}.hourglass .middle{fill:#fff}@keyframes hourglass{0%{transform:rotate(0);box-shadow:inset #e46b00 0 -0px,inset #fff 0 -25px,inset #e46b00 0 -50px}80%{transform:rotate(0);box-shadow:inset #e46b00 0 -25px,inset #fff 0 -25px,inset #e46b00 0 -25px}to{transform:rotate(180deg);box-shadow:inset #e46b00 0 -25px,inset #fff 0 -25px,inset #e46b00 0 -25px}}.init-screen{display:flex;flex-direction:column;justify-content:center;align-items:center;flex:1}.init-screen h2{margin-top:calc(var(--viewport-height) * .01)}.init-screen>.logo{width:20%;margin-bottom:calc(var(--viewport-height) * .05)}.init-screen>.logo img{width:100%}