*{margin:0;padding:0;text-align:center;outline:none}body{background-image:url(/static/media/bg1.597f3428.png),linear-gradient(180deg,#390f01,#000);height:100vh;background-repeat:no-repeat;background-position:bottom;background-size:contain}.Header{background-color:rgba(0,0,0,.2)}.Header,.rounds-count{position:relative}.title{padding:20px;color:#e5e5e5}.round{position:absolute;display:inline-block;background-color:#fca311;padding:16px 42px;left:50%;color:#000;transform:translateX(-50%);transition:all .2s ease;box-shadow:8px 10px 12px 3px rgba(0,0,0,.43)}.play-ground{display:flex;margin-top:50px;color:#fff;padding:10px}.flex-1,.flex-2{flex:50% 1}.score{background-color:#fca311;padding:10px;display:inline-block;color:#000;font-weight:700;margin:10px;border-radius:20%;transition:all .2s ease;box-shadow:5px 5px 12px 3px rgba(0,0,0,.43)}.user-name{margin-top:150px}.input-wrap{display:flex;justify-content:center;margin:10px}#float-label{display:flex;flex-direction:column;max-width:350px;position:relative}#float-label input{width:100%;height:56px;padding:14px 0 0;outline:0;border:none;border-bottom:1px solid #e5e5e5;background:transparent;font-size:18px;color:#e5e5e5;transition:border-bottom .5s ease-out}#float-label label{font-size:18px;color:#e5e5e5;pointer-events:none;position:absolute;transform:translateY(40px) scale(1);transform-origin:top left;transition:all .5s ease-out}#float-label:focus-within label{transform:translateY(12px) scale(.75);color:#fca311}#float-label .Active{transform:translateY(12px) scale(.75)}#float-label input:focus-within{border-bottom:1px solid #fca311}.video-frame{width:300px;height:225px;transform:scaleX(-1)}.mid-container{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:20px}.playGame{padding:15px 25px;font-size:24px;text-align:center;cursor:pointer;outline:none;color:#fca311;background-color:#14213d;border:none;border-radius:15px;box-shadow:0 9px #999}.playGame:active,.playGame:hover{background-color:#fca311;color:#14213d}.playGame:active{box-shadow:0 5px #666;transform:translateY(4px)}.computerAgent{display:flex;justify-content:center}.display-effect{width:130px;height:112px}.initial-hand{width:300px;height:225px;animation:shake 2s;animation-iteration-count:2;display:flex;flex-direction:column;justify-content:center}@keyframes shake{0%{transform:rotate(0deg)}50%{transform:rotate(30deg)}to{transform:rotate(0deg)}}#Imgcap{width:100%}.next-button{background-color:transparent;padding:12px 45px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;margin:4px 2px;transition-duration:.4s;cursor:pointer;color:#e5e5e5;border:2px solid #fca311}.next-button:hover{background-color:#fca311;color:#000}.error-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#e5e5e5}.footer{padding:0;position:fixed;left:0;margin:5px;top:80px}#cpryt{display:grid}a{color:#acabab}a:hover{color:#fca311}.quit-button{background-color:transparent;padding:12px 45px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;margin:4px 2px;transition-duration:.4s;cursor:pointer;color:#e5e5e5;border:2px solid #f44336}.quit-button:hover{background-color:#f44336;color:#000}.social{font-size:24px}#label-container{font-size:12px;color:#e5e5e5}@media (max-width:600px){.user-name{font-size:2.6vw}.social{font-size:18px}#label-container{font-size:10px}}@media (max-width:800px){.play-ground{flex-wrap:wrap}.flex-1{flex:1 1 auto;order:-2}.flex-2{flex:1 1 auto;order:-1}.mid-container{flex:1 1 100%}.initial-hand,.video-frame{max-width:200px;height:150px}.title{font-size:4vw}.round{padding:1.5vw 4vw}}@media (max-width:430px){.initial-hand,.video-frame{max-width:150px;height:112px}}.modal{display:none;position:fixed;z-index:1;padding-top:200px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,.4)}.modal-content{background-color:#fefefe;margin:auto;padding:20px;border:1px solid #888;width:80%}.close{color:#aaa;float:right;font-size:28px;font-weight:700}.close:focus,.close:hover{color:#000;text-decoration:none;cursor:pointer}.info{color:#000;text-align:left;margin:10px}.infoIcon{color:#e5e5e5;font-size:32px;margin:20px;cursor:pointer}.infoIcon:hover{color:#fca311}.infoBtn{background:transparent;border:none}
/*# sourceMappingURL=main.2a7f62bc.chunk.css.map */