body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Bai Jamjuree,sans-serif;font-size:calc(7px + 1vw);margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@font-face{font-family:Bai Jamjuree;src:local("Bai Jamjuree"),url(/static/media/bai-jamjuree-regular.b6013786559eeb4c3543.ttf)}body,html{height:100%;min-height:600px;position:absolute;width:100%}#root,body{left:0;position:absolute;top:0}#root{background-color:#000;background-image:url(/static/media/background.714220e7f7b65f74630d.png);background-position:50%;background-repeat:no-repeat;background-size:cover;color:#fff;font-family:Bai Jamjuree,sans-serif}#root,.App{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.App{flex-direction:column;left:0;position:absolute;top:0}div{-webkit-user-select:none;user-select:none}button{background-color:#0000;color:#fff;cursor:pointer;font-family:Bai Jamjuree,sans-serif;font-size:14px;font-style:normal;font-weight:600;line-height:16px;overflow:hidden;padding:10px 20px;position:relative;transition:all .3s ease}button:hover{background-color:#333;box-shadow:0 0 15px #ff4500b3,inset 0 0 10px #000000b3;color:#ff4500}button:before{background:linear-gradient(120deg,#0000,#3d3d3c80,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:all .5s ease;width:100%}button:enabled:hover:before{left:100%}button:active{background-color:#ff4500;box-shadow:0 0 10px #ff4500b3,0 0 20px #ff450080;transform:scale(.95)}button:disabled{box-shadow:none;color:#ccc;cursor:not-allowed;transform:none}button:disabled,button:disabled:active,button:disabled:before,button:disabled:hover{background-color:gray}.main-page{box-sizing:border-box;height:100%;justify-content:space-between;overflow:auto;padding-top:80px;position:relative}.main-page,.user-info-and-health-container{align-items:center;display:flex;flex-direction:column;width:100%}.user-info-and-health-container{justify-content:flex-start;overflow:visible}.user-info{align-items:center;align-self:flex-start;display:flex;gap:16px;height:50px;max-height:50px;min-height:50px;padding-left:16px;padding-right:16px;position:sticky;top:0;width:calc(100% - 32px)}.connection-lamp{background-color:red;border-radius:50%;box-shadow:inset 0 0 3px #00000080;display:inline-block;height:10px;width:10px}.health-bar{display:flex;height:20px;justify-content:space-between;margin-bottom:16px;width:calc(100% - 32px)}.user-health{align-self:flex-start;float:left}.opponent-health,.user-health{background-color:darkred;height:100%;transition:width .3s ease}.opponent-health{align-self:flex-end;float:right}.loader-container{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;position:absolute;top:3vh;vertical-align:center;width:100%}.loader-spinner{color:darkred;height:10%}.login-page{flex-direction:column;height:100%;left:0;position:absolute;top:0}.login-page,.pentagram-container{align-items:center;display:flex;justify-content:center;width:100%}.pentagram-container{aspect-ratio:1/1;max-height:calc(100% - 50px);max-width:666px;position:relative}.pentagram-img{height:80%;max-height:666px;max-width:666px;position:absolute;width:80%}.hit-button-container{align-items:center;aspect-ratio:1/1;display:flex;height:100%;justify-content:center;position:absolute}.hit-button{border:none;border-radius:50%;height:15%;margin-left:-7.5%;margin-top:-7.5%;position:absolute;width:15%}.hit-button-icon{color:darkred;height:90%;width:90%}.hit-button.rock{left:50%;top:15%}.hit-button.scissors{left:84%;top:40%}.hit-button.paper{left:73%;top:77%}.hit-button.lizard{left:26%;top:77%}.hit-button.spock{left:15%;top:40%}.fight-history{align-self:center;background-color:#000000b3;border-radius:2px;color:gray;height:20%;max-width:1000px;overflow-y:auto;padding:10px;position:sticky;scroll-behavior:smooth;width:95%}.fight-history h2{align-content:center;align-items:center;margin-bottom:10px;position:relative;vertical-align:center}.fight-history ul{list-style-type:none;padding:0}.fight-history li{border-top:1px solid #ddd;font-family:Roboto,monospace;font-size:calc(7px + .5vw);margin-bottom:10px;padding:10px}.fight-result-page{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:2}.fight-result-page h1{position:relative;z-index:2}.character-list{flex-wrap:nowrap}.character-card,.character-list{display:flex;gap:10px;padding:10px}.character-card{align-items:center;background-color:#2a2a2a;border:2px solid #444;border-radius:10px;cursor:pointer;flex:0 0 auto;flex-direction:column;justify-content:flex-start;overflow:hidden;transition:transform .3s,box-shadow .3s;width:300px;z-index:0}.character-card:hover{box-shadow:0 0 10px #ffffff80;transform:scale(1.05)}.character-image{border-radius:5px;height:auto;object-fit:cover;width:100%}.character-name{background-color:#000000b3;border-radius:5px;color:#fff;font-size:18px;font-weight:700;padding:5px 10px;position:absolute;text-align:center;z-index:1}.character-perks,.character-traits{background-color:initial;border:none;color:inherit;padding:0;width:48%}.character-traits{margin-right:4%}.character-perks h3,.character-traits h3{color:inherit;font-size:20px;letter-spacing:normal;margin-bottom:8px;text-transform:none}.character-perks ul,.character-traits ul{list-style-type:none;margin:5px 0 0;padding:0}.character-perks li,.character-traits li{color:#ddd;font-size:18px;margin-bottom:5px}.character-traits-and-perks{display:flex;justify-content:space-between;width:100%}.character-page h1{text-align:center;width:100%}.welcome-panel-content{display:flex;flex-direction:column;height:100%;margin:12px;position:relative}.common-panel{-webkit-backdrop-filter:blur(21px);backdrop-filter:blur(21px);background:linear-gradient(180deg,#354053bf,#26304000);border:1px solid #64646466;border-radius:20px;flex-shrink:0;height:700px;margin:12px;padding:12px;width:600px}.welcome-panel-title{position:relative;width:100%}.welcome-card{height:auto;width:100%}.welcome-card-grid{align-items:start;display:flex;gap:32px}.welcome-card-content{display:flex;flex-direction:column}.welcome-card-title{font-size:20px;font-style:normal;font-weight:700;line-height:24px;margin:0 0 24px}.welcome-card-text{font-size:14px;font-style:normal;font-weight:400;line-height:20px;margin:0}.welcome-card-actions{align-self:flex-start;display:flex;flex-direction:column;justify-content:flex-start}.welcome-card-checkbox{align-items:center;display:flex;gap:8px;margin-bottom:34px;padding:8px}.welcome-card-checkbox-box{align-items:center;background-color:#263040;border:1px solid #354359;border-radius:6px;cursor:pointer;display:flex;height:20px;justify-content:center;transition:background-color .2s,border-color .2s;width:20px}.welcome-card-checkbox-box.checked{background-color:#66de99;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAyElEQVR4Xu3WQQ6CQAxAUY7ACaSrGd2ZOOPam+gN9EYehSNwJKUTm2ihwMIWE/uT2UBT3oIQqsrzPO/PAtjXEPMVwvHM75mHmCbkronp8TotnzFrBFMOnzNJwkA43PmsehIGrwGcaj6vmmOkVDD9ghaXbPoXDx/A70upYGCbL5/LUrcEpYLBYJduw6XTKDUMVpbHNLJ8HKWKoZaiTDDUHMoUQ02hzDGUiOLHAkPNoiwxlIhaA0MNUGti3sOvefkV/QWM53neF3sC7QToiDWxRHEAAAAASUVORK5CYII=);background-position:50%;background-repeat:no-repeat;background-size:18px 18px;border-color:#66de99}.welcome-card-checkbox-label{font-size:12px;font-style:normal;font-weight:500;line-height:16px}.welcome-card-button{-webkit-backdrop-filter:blur(23px);backdrop-filter:blur(23px);background-color:#239e57;border:1px solid #66de99;border-radius:10px;cursor:pointer;height:40px;padding:12px 32px;width:180px}.welcome-card-button,.welcome-guide{align-items:center;display:flex;justify-content:center}.welcome-guide{flex-grow:1;margin-top:64px;position:relative;width:100%}.guide-star{height:65%;left:15%;position:absolute;top:15%;width:65%;z-index:1}.guide-star-label{color:#e2e3e5;font-size:16px;font-weight:700;line-height:1.5em;position:absolute;z-index:1}.guide-star-label.rock{left:45%;top:-5%}.guide-star-label.paper{right:10%;top:23%}.guide-star-label.scissors{bottom:13%;right:16%}.guide-star-label.lizard{bottom:13%;left:16%}.guide-star-label.spock{left:5%;top:23%}.guide-star-element{position:absolute;width:20%}.guide-star-element.rock{left:39%;top:0}.guide-star-element.paper{right:10%;rotate:-76deg;top:29%}.guide-star-element.scissors{bottom:18%;right:18%;rotate:-21deg}.guide-star-element.lizard{bottom:16%;left:16%}.guide-star-element.spock{left:6%;top:29%}.action-label{background-color:#263040;border:1px solid #3d4d66;border-radius:5px;color:#b7babe;font-size:12px;font-weight:500;line-height:1.33em;padding:0 5px;position:absolute;z-index:1}.action-label.vaporizes{left:20%;rotate:-36deg;top:27%}.action-label.poisons{bottom:36%;left:21%;rotate:-107deg}.action-label.smashes{left:23%;rotate:38deg;top:41%}.action-label.decapitates{bottom:20.5%;right:39%}.action-label.eats{bottom:29%;left:33%;rotate:-35deg}.action-label.crushes{left:39%;rotate:-68deg;top:24%}.action-label.cuts{bottom:35%;right:27.5%;rotate:-70deg}.action-label.crushes-secondary{right:44%;rotate:68deg;top:25%}.action-label.covers{right:26%;rotate:35deg;top:27%}.action-label.disproves{right:30%;top:34%}.background{background-image:url(/static/media/background.714220e7f7b65f74630d.png);background-position:50%;background-size:contain;box-shadow:inset 0 0 50px #00000080,inset 0 0 100px #0000004d;filter:blur(8px);height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.background:after{background-color:#0003;z-index:-1}.background:after,.background:before{content:"";height:100%;left:0;position:absolute;top:0;width:100%}.background:before{background:linear-gradient(90deg,#000000b3 0,#0003 30%,#0003 85%,#0000001a),linear-gradient(180deg,#000000b3 0,#0003 30%,#0003 85%,#0000001a);pointer-events:none;z-index:1}.header{box-sizing:border-box;height:42px;justify-content:space-between;left:0;margin:12px 0;padding:0 12px;position:absolute;top:0;width:100%;z-index:10}.header,.header-nav{align-items:center;display:flex}.header-nav{gap:12px}.header-menu-button{-webkit-backdrop-filter:blur(23px);backdrop-filter:blur(23px);border:none;border-radius:12px;cursor:pointer;height:36px;padding:4px;width:36px}.header-menu-icon{align-items:center;display:flex;justify-content:center}.header-menu-icon img{height:24px;width:24px}.header-back-button{-webkit-backdrop-filter:blur(23px);backdrop-filter:blur(23px);background-color:#1f2734;border:none;border-radius:12px;cursor:pointer;height:36px;padding:4px;width:36px}.header-back-icon{align-items:center;display:flex;justify-content:center}.header-back-icon img{height:14px;width:14px}.header-logo{background-image:url(/static/media/logo.415997d4e7f9f5eed4e8.svg);background-repeat:no-repeat;background-size:contain;height:40px;left:calc(50% - 20px);position:absolute;width:40px}.header-title{font-size:20px;font-style:normal;font-weight:600;line-height:28px}.user-avatar,.user-icon{height:40px;position:relative;width:40px}.user-avatar{border:2px solid #3d4d66;border-radius:50%;overflow:hidden}.user-avatar:after{border:2px solid #66de99;border-radius:50%;bottom:-2px;clip-path:circle(50% at 50% 0);content:"";left:-2px;opacity:.7;right:-2px;top:-2px}.user-avatar-inner{background-image:url(/static/media/user-avatar.fa9d2b41ce8465ca2979.png);background-position:50%;background-size:cover;height:100%;width:100%}.user-score-shape{align-items:center;background-color:#66de99;border:1px solid #0b0c0f;border-radius:10px;bottom:-5px;display:flex;height:20px;justify-content:center;position:absolute;width:100%}.user-score{color:#1f2734;font-size:12px;font-weight:700;line-height:1.33em;text-align:center}
/*# sourceMappingURL=main.dc951360.css.map*/