@font-face{font-family:Special Elite;src:url(/static/media/SpecialElite-Regular.cefed1373df28714f8e5.ttf) format("truetype")}h1{line-height:32px}*{box-sizing:border-box}:root{--main-color:gold;--app-height:100%}body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#131313;background-position:50%;background-repeat:no-repeat;background-size:contain;color:#fff;font-family:Special Elite,fantasy,monospace,Helvetica,sans-serif;font-size:1em;height:100%;line-height:1.5em;margin:0}#root{height:inherit}.component-wrapper{display:flex;flex-direction:column;justify-content:center}button{background:#212121;border:none;color:gold;color:var(--main-color);cursor:pointer;display:inline-block;font-family:Special Elite,fantasy,monospace,Helvetica,sans-serif;font-size:1.2rem;padding:16px;text-transform:uppercase;width:100%}button:active{color:#fff;font-weight:600}button:disabled{color:#999}.button-wrapper{background:linear-gradient(90deg,gold,#988932);border-radius:4px;box-shadow:1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);display:inline-block;margin:8px;padding:1px;position:relative}.button-wrapper:hover{background:linear-gradient(90deg,#ffe341,#fad609);box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23)}.button-wrapper button:hover{color:#ffe02e}.button-wrapper:active{border:1px solid #fff}.button-full-width{width:calc(100% - 16px)!important}input,textarea{-webkit-font-smoothing:antialiased;background:#000;background:none;border:none;border-bottom:1px solid #fff;border-radius:0;color:#fff;display:inline-block;font-family:Special Elite,Arial,Helvetica,sans-serif;font-size:1.4rem;height:48px;line-height:48px;text-transform:uppercase;width:calc(100% - 12px)!important}textarea{background:#181818;border:none;font-size:1.2em;height:128px;line-height:1.5em;padding:4px;resize:none}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#878787;font-weight:.9em}input::placeholder,textarea::placeholder{color:#878787;font-weight:.9em}.button-bar{display:inline}input:focus,textarea:focus{outline:none}p{font-size:1em;line-height:1.3em;rotate:-2deg}canvas{border-radius:8px}Link{color:#fff}.dlg{box-sizing:border-box;height:100vh;padding:32px;position:absolute;top:0;width:100%;z-index:10002}.no-rotate p{rotate:0deg!important}.gold-label{background:gold;color:#000;font-weight:600}.app{box-sizing:border-box;height:100vh;position:relative}.component-wrapper{height:100%;margin:16px auto 0;max-width:1024px;position:relative}.lds-ripple{display:inline-block;height:80px;position:relative;width:80px}.lds-ripple div{-webkit-animation:lds-ripple 1s cubic-bezier(0,.2,.8,1) infinite;animation:lds-ripple 1s cubic-bezier(0,.2,.8,1) infinite;border:4px solid #fff;border-radius:50%;opacity:1;position:absolute}.lds-ripple div:nth-child(2){-webkit-animation-delay:-.5s;animation-delay:-.5s}@-webkit-keyframes lds-ripple{0%{height:0;left:36px;opacity:0;top:36px;width:0}4.9%{height:0;left:36px;opacity:0;top:36px;width:0}5%{height:0;left:36px;opacity:1;top:36px;width:0}to{height:72px;left:0;opacity:0;top:0;width:72px}}@keyframes lds-ripple{0%{height:0;left:36px;opacity:0;top:36px;width:0}4.9%{height:0;left:36px;opacity:0;top:36px;width:0}5%{height:0;left:36px;opacity:1;top:36px;width:0}to{height:72px;left:0;opacity:0;top:0;width:72px}}.modal{height:100%;width:100%;z-index:20001}.confirm-dlg,.modal{position:absolute;top:0}.confirm-dlg{background:#f1f1f1;border:2px solid gold;bottom:0;color:#121212;height:200px;left:0;margin:auto;max-width:450px;padding:16px 8px;right:0;width:90%;z-index:20002}.confirm-dlg .title{font-size:1.3em;font-weight:700;margin-bottom:16px}.btnRow{display:flex;justify-content:flex-end;margin-top:16px}.btnRow button{border:2px solid #000;font-size:.9em;height:42px;line-height:32px;padding:0;width:124px}.install-dlg-container{background-color:rgba(0,0,0,.9);border:4px solid #eee;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:14px;height:100%;overflow:scroll;padding:4px 8px;position:fixed;width:100%;z-index:1002}.install-dlg-container h1,h2,h3{color:gold!important;font-weight:400!important}.install-dlg-container p{rotate:0deg}.install-dlg-container input{height:32px;width:32px!important}.header{align-items:center;background:#000;background-color:#000;color:#fff;display:flex;font-family:Special Elite,fantasy,monospace,Helvetica,sans-serif;font-size:14px;height:48px;justify-content:center;position:-webkit-sticky;position:sticky;text-align:center;top:0;z-index:10010}.connected{color:green}.connected,.connectionLost{border-radius:16px;margin-left:16px}.connectionLost{color:red}a,a:visited{color:#fff}.whiskey-loader{position:relative}.whiskey-loader:after,.whiskey-loader:before{-webkit-animation:cube-float 2s linear infinite;animation:cube-float 2s linear infinite;background-color:#fff;border-radius:2px;content:"";height:17px;left:35px;position:absolute;top:28px;width:17px;will-change:transform;z-index:1}.whiskey-loader:after{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-name:cube-float--alt;animation-name:cube-float--alt;left:16px;top:34px;-webkit-transform:rotate(30deg);transform:rotate(30deg)}@-webkit-keyframes cube-float{0%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:none;transform:none}25%{-webkit-transform:rotate(-5deg) translate3d(-1px,2px,0);transform:rotate(-5deg) translate3d(-1px,2px,0)}50%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-transform:rotate(0deg) translate3d(-1px,6px,0);transform:rotate(0deg) translate3d(-1px,6px,0)}80%{-webkit-transform:rotate(5deg) translate3d(0,2px,0);transform:rotate(5deg) translate3d(0,2px,0)}to{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:none;transform:none}}@keyframes cube-float{0%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:none;transform:none}25%{-webkit-transform:rotate(-5deg) translate3d(-1px,2px,0);transform:rotate(-5deg) translate3d(-1px,2px,0)}50%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-transform:rotate(0deg) translate3d(-1px,6px,0);transform:rotate(0deg) translate3d(-1px,6px,0)}80%{-webkit-transform:rotate(5deg) translate3d(0,2px,0);transform:rotate(5deg) translate3d(0,2px,0)}to{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:none;transform:none}}@-webkit-keyframes cube-float--alt{50%{-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-transform:rotate(20deg) translate3d(-2px,-4px,0);transform:rotate(20deg) translate3d(-2px,-4px,0)}}@keyframes cube-float--alt{50%{-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-transform:rotate(20deg) translate3d(-2px,-4px,0);transform:rotate(20deg) translate3d(-2px,-4px,0)}}.game-wrapper{display:flex;flex-direction:column;height:calc(100% - 48px);justify-content:center}.game-error-screen{padding:32px}.game-lobby-screen{align-content:center;align-items:center;display:flex;flex:2 1;flex-direction:column;justify-content:center;margin-top:64px}.game-key{font-size:3em;font-weight:600;letter-spacing:8px}.userCard{font-size:1.4rem;font-weight:600;margin:16px;padding:8px;rotate:-2deg}.tasting-note,.userCard{border:1px solid #fff;display:inline-block}.tasting-note{cursor:pointer;margin:6px;padding:6px}.user-selected-tasting-note{border-color:gold!important;color:gold;rotate:-2deg;transition:rotate .4s ease-in}.correct-tasting-note{border-width:4px}.incorrect-tasting-note{border-color:red!important;border-width:4px;color:red}.correct-tasting-note-not-selected{border-width:4px}.incorrect-tasting-note-not-selected{border-color:gray;color:gray}.game-yellow-bottom-wrapper{padding-top:32px;width:100%}.game-yellow-bottom-wrapper button{background:gold;box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);color:#000;cursor:pointer;font-weight:600;text-transform:uppercase;width:100%}.game-yellow-bottom-wrapper button:disabled{background:gray;color:#000;cursor:pointer;cursor:not-allowed;font-weight:600;text-decoration:line-through;width:100%}.game-yellow-bottom-wrapper .text-content{background:transparent;color:gold;font-size:1.2em;font-weight:600;height:42px;width:100%}.container,.game-yellow-bottom-wrapper .text-content{align-items:center;display:flex;justify-content:center}.container{bottom:0;height:300px;left:0;margin:auto;position:absolute;right:0;top:0;width:400px}.container .dot{-webkit-animation:scaling 5s;animation:scaling 5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;background:gold;border-radius:50%;height:5px;width:5px}.container:before{-webkit-animation:swiping 3s;animation:swiping 3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;color:gold;content:"3";font-size:60px;padding-right:190px;position:absolute;right:30%;top:35%}@-webkit-keyframes scaling{33%{opacity:1;-webkit-transform:scale(1.3) translateX(0);transform:scale(1.3) translateX(0)}66%{opacity:1;-webkit-transform:scale(1.6) translateX(0);transform:scale(1.6) translateX(0)}99%{opacity:1;-webkit-transform:scale(1.9) translateX(0);transform:scale(1.9) translateX(0)}}@keyframes scaling{33%{opacity:1;-webkit-transform:scale(1.3) translateX(0);transform:scale(1.3) translateX(0)}66%{opacity:1;-webkit-transform:scale(1.6) translateX(0);transform:scale(1.6) translateX(0)}99%{opacity:1;-webkit-transform:scale(1.9) translateX(0);transform:scale(1.9) translateX(0)}}@-webkit-keyframes swiping{33%{content:"3";-webkit-transform:translateX(260px);transform:translateX(260px)}66%{content:"2";-webkit-transform:translateX(0);transform:translateX(0)}99%{content:"1";-webkit-transform:translateX(260px);transform:translateX(260px)}}@keyframes swiping{33%{content:"3";-webkit-transform:translateX(260px);transform:translateX(260px)}66%{content:"2";-webkit-transform:translateX(0);transform:translateX(0)}99%{content:"1";-webkit-transform:translateX(260px);transform:translateX(260px)}}.roundSummary{margin:16px;min-height:100%;padding-bottom:16px}.hidden{visibility:hidden}ul{margin:0}.note-slide-in,ul{padding:0;width:100%}.note-slide-in{-webkit-animation:slide-in-anim 1s ease-in forwards;animation:slide-in-anim 1s ease-in forwards;-webkit-animation-delay:calc(var(--count)*.5s);animation-delay:calc(var(--count)*.5s);font-size:1.2em;font-weight:600;list-style:"✗ ";margin:0 0 16px calc(50% + 32px);opacity:0;text-align:left;-webkit-transform:translateX(-200%);transform:translateX(-200%);visibility:visible}.note-slide-in-correct{color:gold!important;list-style:"✓ "}.note-slide-in-wrong{color:#fff!important;list-style:"";margin-left:calc(50% + 16px)}.note-slide-in-header{list-style:none;margin-left:50%}.score-image{border-radius:16px;-webkit-filter:grayscale(100%);filter:grayscale(100%);height:92px}.score-img-text{background:#fff;bottom:0;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);color:#000;font-size:10px;left:0;margin:auto auto 10px;position:absolute;right:0;rotate:6deg;text-align:center;z-index:10001}@-webkit-keyframes slide-in-anim{20%{opacity:0}60%{-webkit-transform:translateX(-45%);transform:translateX(-45%)}75%{-webkit-transform:translateX(-52%);transform:translateX(-52%)}to{opacity:1;-webkit-transform:translateX(-50%);transform:translateX(-50%)}}@keyframes slide-in-anim{20%{opacity:0}60%{-webkit-transform:translateX(-45%);transform:translateX(-45%)}75%{-webkit-transform:translateX(-52%);transform:translateX(-52%)}to{opacity:1;-webkit-transform:translateX(-50%);transform:translateX(-50%)}}.fireworkswrapper{background:#000;margin:0;overflow:hidden;padding:0}.pyro>.after,.pyro>.before{-webkit-animation:bang 1s ease-out infinite backwards,gravity 1s ease-in infinite backwards,position 5s linear infinite backwards;animation:bang 1s ease-out infinite backwards,gravity 1s ease-in infinite backwards,position 5s linear infinite backwards;border-radius:50%;box-shadow:-120px -218.66667px blue,248px -16.66667px #00ff84,190px 16.33333px #002bff,-113px -308.66667px #ff009d,-109px -287.66667px #ffb300,-50px -313.66667px #ff006e,226px -31.66667px #ff4000,180px -351.66667px #ff00d0,-12px -338.66667px #00f6ff,220px -388.66667px #9f0,-69px -27.66667px #ff0400,-111px -339.66667px #6200ff,155px -237.66667px #0df,-152px -380.66667px #00ffd0,-50px -37.66667px #0fd,-95px -175.66667px #a6ff00,-88px 10.33333px #0d00ff,112px -309.66667px #005eff,69px -415.66667px #ff00a6,168px -100.66667px #ff004c,-244px 24.33333px #f60,97px -325.66667px #f06,-211px -182.66667px #00ffa2,236px -126.66667px #b700ff,140px -196.66667px #9000ff,125px -175.66667px #0bf,118px -381.66667px #ff002f,144px -111.66667px #ffae00,36px -78.66667px #f600ff,-63px -196.66667px #c800ff,-218px -227.66667px #d4ff00,-134px -377.66667px #ea00ff,-36px -412.66667px #ff00d4,209px -106.66667px #00fff2,91px -278.66667px #000dff,-22px -191.66667px #9dff00,139px -392.66667px #a6ff00,56px -2.66667px #09f,-156px -276.66667px #ea00ff,-163px -233.66667px #00fffb,-238px -346.66667px #00ff73,62px -363.66667px #08f,244px -170.66667px #0062ff,224px -142.66667px #b300ff,141px -208.66667px #9000ff,211px -285.66667px #f60,181px -128.66667px #1e00ff,90px -123.66667px #c800ff,189px 70.33333px #00ffc8,-18px -383.66667px #0f3,100px -6.66667px #ff008c;height:5px;position:absolute;width:5px}.pyro>.after{-webkit-animation-delay:1.25s,1.25s,1.25s;animation-delay:1.25s,1.25s,1.25s;-webkit-animation-duration:1.25s,1.25s,6.25s;animation-duration:1.25s,1.25s,6.25s}@-webkit-keyframes bang{0%{box-shadow:0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff}}@keyframes bang{0%{box-shadow:0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff}}@-webkit-keyframes gravity{to{opacity:0;transform:translateY(200px);-moz-transform:translateY(200px);-webkit-transform:translateY(200px);-o-transform:translateY(200px);-ms-transform:translateY(200px)}}@keyframes gravity{to{opacity:0;transform:translateY(200px);-moz-transform:translateY(200px);-webkit-transform:translateY(200px);-o-transform:translateY(200px);-ms-transform:translateY(200px)}}@-webkit-keyframes position{0%,19.9%{margin-left:40%;margin-top:10%}20%,39.9%{margin-left:30%;margin-top:40%}40%,59.9%{margin-left:70%;margin-top:20%}60%,79.9%{margin-left:20%;margin-top:30%}80%,99.9%{margin-left:80%;margin-top:30%}}@keyframes position{0%,19.9%{margin-left:40%;margin-top:10%}20%,39.9%{margin-left:30%;margin-top:40%}40%,59.9%{margin-left:70%;margin-top:20%}60%,79.9%{margin-left:20%;margin-top:30%}80%,99.9%{margin-left:80%;margin-top:30%}}#background-video{bottom:0;height:100vh;left:0;object-fit:cover;position:fixed;right:0;top:0;width:100vw;z-index:0}