.btn:hover,.card-item:hover>.card-content{outline:1px solid rgba(var(--highlight-font-color),1)}.btn:hover,.card-item:hover,.chat-btn:hover,.chat-member:hover,.menu-item:hover,.overlay-icon.active,.room.separe:hover{cursor:pointer}@font-face{font-family:'Material Icons';font-style:normal;font-weight:400;src:local('Material Icons'),local('MaterialIcons-Regular'),url(../fonts/Material_Icons/MaterialIcons-Regular.woff2) format('woff2'),url(../fonts/Material_Icons/MaterialIcons-Regular.woff) format('woff'),url(../fonts/Material_Icons/MaterialIcons-Regular.ttf) format('truetype')}.material-icons{font-family:'Material Icons';font-weight:400;font-style:normal;font-size:24px;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:'liga'}.login,body{font-family:RobotoRegular;color:rgb(var(--input-font-color))}@font-face{font-family:RobotoBold;src:local('Roboto-Bold'),url(../fonts/Roboto/Roboto-Bold.woff2) format('woff2'),url(../fonts/Roboto/Roboto-Bold.woff) format('woff'),url(../fonts/Roboto/Roboto-Bold.ttf) format('truetype')}@font-face{font-family:RobotoRegular;src:local('Roboto-Regular'),url(../fonts/Roboto/Roboto-Regular.woff2) format('woff2'),url(../fonts/Roboto/Roboto-Regular.woff) format('woff'),url(../fonts/Roboto/Roboto-Regular.ttf) format('truetype')}@font-face{font-family:RobotoMedium;src:local('Roboto-Medium'),url(../fonts/Roboto/Roboto-Medium.woff2) format('woff2'),url(../fonts/Roboto/Roboto-Medium.woff) format('woff'),url(../fonts/Roboto/Roboto-Medium.ttf) format('truetype')}@font-face{font-family:RobotoLight;src:local('Roboto-Light'),url(../fonts/Roboto/Roboto-Light.woff2) format('woff2'),url(../fonts/Roboto/Roboto-Light.woff) format('woff'),url(../fonts/Roboto/Roboto-Light.ttf) format('truetype')}@font-face{font-family:BIZUDMincho;src:local('BIZUDMincho-Regular'),url(../fonts/BIZ_UDMincho/BIZUDMincho-Regular.woff2) format('woff2'),url(../fonts/BIZ_UDMincho/BIZUDMincho-Regular.woff) format('woff'),url(../fonts/BIZ_UDMincho/BIZUDMincho-Regular.ttf) format('truetype')}:root{--input-bg:64,64,64;--input-border:66,66,66;--input-font-color:221,221,221;--positive-font-color:76,175,80;--highlight-font-color:221,44,0;--container-bg-color:255,255,255;--chat-bg-color:233,226,216;--chat-msg-color:216,208,196;--chat-msg-color-2:146,139,130}html{height:100%}header{transition:opacity 2s 1s}body{background:url("../images/bg/mystic.jpg") center/cover no-repeat fixed #000}footer{position:fixed;display:flex;bottom:0;width:100%;padding-top:10px;padding-bottom:10px}a{color:rgba(var(--input-font-color),.5);text-decoration:none}a:hover{color:rgba(var(--input-font-color),.8)}.center-in-screen{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.horizontal-align{display:flex;align-items:center}.singleline-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.no-touch{pointer-events:none}.hide{display:none}.out-faded{opacity:0}.login{border-radius:8px;border:1px solid rgb(var(--input-border));background-color:rgb(var(--input-bg));font-size:1rem}.login-input{padding:7px 10px;width:100%}.login-digit{padding:7px;width:1.2rem;text-align:center}.foyerBody{background:url("../images/bg/cards_cut.jpg") center/cover no-repeat fixed #000}.slogan{font-family:RobotoLight;color:rgb(var(--input-font-color));text-align:center;font-size:1.8rem;letter-spacing:1.1}.balance .amount,.balance .value,.quote{text-align:right}.quote{font-size:.8rem;font-style:italic;margin-top:5px}button:focus,input:focus,select:focus,textarea:focus{outline-color:rgb(var(--input-font-color));outline-width:1px;outline-offset:1px}.overlay-icon{position:absolute;top:5px;right:1rem;color:rgba(var(--input-font-color),.5)}#containerSymbol .overlay-icon{right:-1rem}.overlay-icon.active{color:rgb(var(--input-font-color))}#loginPanel{width:17rem}.on-error{animation:.5s shake-on-error}.btn{padding:5px 10px;color:rgba(var(--input-font-color),1)}.btn.active{z-index:1101}.btn:hover{color:rgba(var(--highlight-font-color),1)}.highlight{color:rgba(var(--highlight-font-color),.9)}.spacer{height:1px;background-color:rgba(var(--input-font-color,1));margin:.5rem 1rem .5rem 0}.side-container{position:absolute;top:3rem;max-width:14rem;background-color:rgba(var(--input-bg),0);border-radius:8px;transition:.8s ease-out}.side-container.left{transform:translateX(-100%);left:.8rem}.side-container.right{right:1rem;display:none}.side-container.active{transform:translateX(0);z-index:1101;background-color:rgba(var(--input-bg),.8);display:block}.side-panel{max-width:8rem;align-items:center;transition:opacity 1s .8s}.balance .gamer,.card-panel{display:flex;align-items:center}.balance-stats{width:100%;max-height:38rem;scrollbar-width:thin;overflow-y:auto}.balance-title{font-size:1rem;margin:3px 0}#chatMemberIntro,.balance .date,.balance .label,.balance .value,.chat-member,.chat-message-container .date-state i{font-size:.8rem}.balance{font-family:BIZUDMincho}.balance .date{font-style:italic;margin-top:1rem}.balance .gamer,.balance .room{font-size:.7rem}.balance-activa .value{color:rgba(var(--positive-font-color),1)}.balance-passiva .value,.room.separe:hover{color:rgba(var(--highlight-font-color),1)}.balance .amount{text-decoration-line:underline;text-decoration-thickness:5px;line-height:1.5;margin-top:5px}.balance .gamer{color:rgba(var(--input-font-color),1)}.gamer .material-icons{margin-right:3px;font-size:1rem!important}.chat-member{width:100%;padding:10px;border:1px solid rgba(var(--input-font-color),.8);transition:.3s}.chat-member:hover{border-color:rgba(var(--highlight-font-color),.8);color:rgba(var(--highlight-font-color),1)}.chat-message-container{max-height:30rem;width:20rem;padding:5px 10px 10px;scrollbar-width:thin;overflow-y:auto;font-size:.8rem}#chatMemberIntro{position:absolute;top:.2rem;left:0;right:0;width:fit-content;margin-left:auto;margin-right:auto;color:rgba(var(--input-bg),.3)}.chat-message-container .date-state{width:100%;font-size:.7rem;justify-content:flex-end}.chat-message-container .date{margin-right:3px}.chat-message-container .message{width:fit-content;max-width:80%;margin-top:1rem;padding:10px 10px 2px;border-radius:5px}.chat-message-container .incoming{margin-left:0;margin-right:auto;background-color:rgba(var(--chat-msg-color),1);color:rgba(var(--input-bg),1)}.chat-message-container .outgoing{margin-left:auto;margin-right:0;background-color:rgba(var(--chat-msg-color-2),1);color:rgba(var(--input-font-color),1)}.chat-message-container .system{margin-left:auto;margin-right:auto;font-style:italic;color:rgba(var(--input-bg),1)}.chat-btn{padding:5px;color:rgba(var(--chat-msg-color-2),1)}.chat-btn:hover{color:rgba(var(--input-bg),1)}.card-item:hover,.card-item:hover>.card-content,.menu-item:hover{color:rgba(var(--highlight-font-color),1)}.card-panel{transition:opacity 1s 1s}#playBtn,.menu-item{align-items:center;display:flex}.card-item{max-width:10rem;transform:scale(.9);color:rgba(var(--input-font-color),1);margin:.5rem 1rem;transition:.3s}.card-item:hover{transform:scale(1)}.card-content{padding:.5rem 1.2rem;font-family:RobotoLight;text-align:center}.menu-item{padding:1rem .5rem}.menu-item i{margin-right:5px}.center-panel{min-width:18rem;font-family:RobotoLight;text-align:left;padding:1rem;background-color:rgba(var(--highlight-font-color),.9);box-shadow:0 5px 15px 0 rgba(var(--input-font-color),.5)}#roomContainer.active{z-index:1101;transition:.2s}#roomHeader{font-family:RobotoBold}#profilePanel{min-width:15rem}#playBtn{position:absolute;left:.5rem}#menuBtn .material-icons,#playBtn .material-icons{padding-right:5px}#menuBtn{position:absolute;right:.5rem;display:flex;align-items:center}.background-blend-bg-initial{position:absolute;top:0;left:0;bottom:0;right:0;background-color:#000;pointer-events:none;z-index:0;opacity:0;transition:opacity 1s}.background-blend-bg-active{pointer-events:visible;z-index:1100;opacity:.6;cursor:pointer}.footerPages-container-initial{position:absolute;bottom:2rem;left:.5rem;z-index:-1;opacity:0;background:rgba(var(--input-bg),.5);border-radius:8px;padding:.5rem 1rem;transition:opacity}.footerPages-container-active{opacity:1;z-index:1101;transition:opacity 1.5s}@keyframes shake-on-error{0%{transform:translate(30px,0)}20%{transform:translate(-30px,0)}40%{transform:translate(15px,0)}60%{transform:translate(-15px,0)}80%{transform:translate(8px,0)}100%{transform:translate(0,0)}}