html,body,main,div{margin:0;padding:0}@font-face{font-family:'AUYT';src:url('assets/Kanit-Regular.ttf') format('truetype')}body{font-family:AUYT,sans-serif;font-size:max(2.2vh,18px);font-weight:400;line-height:1.5;user-select:none;color:#fff}*{box-sizing:border-box}#canvas{z-index:-1;position:fixed;width:100%;height:100%;outline:none}input,button,select{font:inherit;line-height:inherit;color:#000}h1{font-size:38px;font-weight:600;text-align:center;padding:10px 0 2vh 0;margin:0;color:#00a2c6}h2{font-size:40px;font-weight:600}p{margin:0 0 6px 0}button.default{margin:30px 0 0 0;background-color:#00a2c6;border-radius:70px 70px 50px 50px;color:#fff;width:250px;height:60px;border:0;box-shadow:0 4px 0 0 #068;outline:none;font-size:32px}button.default:hover,button.default:focus{background-color:#00aed1}button.default:active{background-color:#0099b7}button.default:disabled{background-color:#aaa}pre{background-color:rgba(0,0,0,.5);color:#fff}.App .page{text-align:center;padding:0 calc(10vw - 30px)}.App .diagnostics{pointer-events:none;position:fixed;bottom:0;right:0;font-family:sans-serif;font-size:12px;background-color:rgba(255,255,255,.7);color:#000;font-weight:400;padding:4px 8px;text-align:right}.App .diagnostics p{margin:0}.Failed{background-color:rgba(0,0,0,.5);padding:0 0 50px 0}.GameUI{text-align:center;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.GameUI .countdown{font-size:100px;font-weight:600;text-shadow:#bbb 2px 2px 10px;margin-top:50px}.GameUI .right,.GameUI .left{position:fixed;bottom:0;width:30vw;max-width:200px;height:45vh;background-color:rgba(255,255,255,.25);background-size:contain;background-repeat:no-repeat;background-position-y:90px}.GameUI .left{left:0;border-radius:0 1000px 0 0;background-image:url("assets/left.png")}.GameUI .right{right:0;border-radius:1000px 0 0 0;background-image:url("assets/right.png")}.GameUI .right.active,.GameUI .left.active{background-color:rgba(255,255,255,.5)}.LandingPage{background:linear-gradient(#123,#135);padding-bottom:50px;min-height:100vh;position:relative;z-index:0}.LandingPage .QrCode{margin-top:20px}.LandingPage .background{z-index:-1;position:absolute;bottom:0;height:50vh;left:0;right:0;background-image:url("assets/RudolfLanding.png");background-size:contain;background-repeat:no-repeat;background-position-y:bottom;background-position-x:center}.meter{height:50px;position:relative;margin-top:60px;background:rgba(0,0,0,.2);border-radius:25px;padding:10px;box-shadow:inset 0 -1px 1px rgba(255,255,255,.3)}.meter>span{display:block;height:100%;border-radius:20px 8px 8px 20px;background:linear-gradient(#f1a165,#f36d0a);box-shadow:inset 0 2px 9px rgba(255,255,255,.3),inset 0 -2px 6px rgba(0,0,0,.4);position:relative;overflow:hidden}.meter>span>span{position:absolute;top:0;left:0;bottom:0;right:0;background:linear-gradient(-45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.2) 75%,transparent 75%);z-index:1;background-size:50px 50px;animation:move 2s linear infinite;border-radius:20px 8px 8px 20px;overflow:hidden}@keyframes move{0%{background-position:0 0}100%{background-position:50px 50px}}.Mute{position:fixed;right:8px;top:8px;width:48px;height:48px;background-color:rgba(255,255,255,.5);border:0;padding:8px;border-radius:50%;outline:none}.Mute:hover{background-color:#eee}.Mute:active{background-color:#aaa}canvas.QrCode{width:200px;height:200px}.Register{background:linear-gradient(#123,#135);padding-bottom:50px;min-height:100vh}.Register form{max-width:400px;margin:0 auto}.Register span{display:block;text-align:left;margin:6px 0 0 6px;color:#ccc;font-size:20px}.Register input{width:100%;border:1px solid #ddd;outline:none;padding:2px 12px;border-radius:2px;font-size:20px}.Register .select-mall{display:flex}.Register .select-mall>div{flex:1;display:flex;flex-direction:column;align-items:stretch}.Register .select-mall .item{display:flex;align-items:center;padding:4px 8px;border-radius:7px}.Register .select-mall .radio-button{margin-right:10px;width:20px;height:20px;background-color:#fff;border-radius:50%;position:relative}.Register .select-mall .selected .radio-button:after{content:"";position:absolute;background-color:#000;left:4px;top:4px;width:12px;height:12px;border-radius:50%}.Register .select-mall>div *{font-size:18px;text-align:left}.Register .select-mall>div>*:hover:not(.selected){background-color:#068}.Register .select-mall .selected{background-color:#00a2c6}.Summary{background:linear-gradient(#123,#135);padding-bottom:50px;min-height:100vh}.Summary ul{display:inline-block;text-align:center;margin:0 auto 20px auto}.Summary ul li{text-align:left}