*{outline:none;-webkit-touch-callout:none}.label{white-space:nowrap;word-break:keep-all;overflow:hidden;text-overflow:ellipsis}.center{display:flex;align-items:center;justify-content:center;flex-direction:column}.none-select{user-select:none;-webkit-user-select:none}.select-text{user-select:text;-webkit-user-select:text}.box-shadow{box-shadow:0 0 15px #aaa}#waiting-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:15;text-align:center;background-color:rgba(0,0,0,0.4)}#waiting-overlay>.loading{position:absolute;top:40%;left:50%;margin-top:-24px;margin-left:-24px}@keyframes rotate{100%{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1, 200;stroke-dashoffset:0}50%{stroke-dasharray:89, 200;stroke-dashoffset:-35px}100%{stroke-dasharray:89, 200;stroke-dashoffset:-124px}}.loading{width:48px;height:48px;animation:rotate 2s linear infinite}.loading>circle{stroke-width:5px;stroke-dasharray:1, 200;stroke-dashoffset:0;stroke:#496ab8;animation:dash 1.5s ease-in-out infinite}.fade-enter-active,.fade-leave-active{transition-duration:.25s;transition-delay:.25s}.fade-enter,.fade-leave-to{background-color:rgba(0,0,0,0) !important}@keyframes shake{10%,90%{transform:translate3d(-4%, 0 0)}20%,80%{transform:translate3d(8%, 0, 0)}30%,50%,70%{transform:translate3d(-16%, 0, 0)}40%,60%{transform:translate3d(16%, 0, 0)}}.shake{animation:shake .4s cubic-bezier(.36, .07, .19, .97) both}.col-w{color:#fff !important}.col-r{color:#F44336 !important}.col-g{color:#4CAF50 !important}.col-b{color:#2196F3 !important}.col-y{color:#FFC107 !important}.col-o{color:#FF9800 !important}.col-gray{color:#757575 !important}.b-r{border-color:#F44336}.b-g{border-color:#4CAF50}.b-b{border-color:#2196F3}.b-y{border-color:#FFC107}.b-o{border-color:#FF9800}.b-gray{border-color:#757575}.bg-r{background-color:#F44336}.bg-g{background-color:#4CAF50}.bg-b{background-color:#2196F3}.bg-y{background-color:#FFC107}.bg-o{background-color:#FF9800}.bg-gray{background-color:#757575}.shadow{box-shadow:0 0 5px #aaa}.v-user-icon{position:relative}.v-user-icon>img.head{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%}.v-user-icon>img.border{position:absolute;top:0;left:0;width:100%;height:100%}.barrage{position:relative}.barrage>.item{position:absolute;z-index:100;transition-timing-function:linear;height:40px;line-height:30px;padding:5px 5px 5px 30px;font-weight:bold;color:#FF0000}.barrage>.item>img{position:absolute;top:10px;left:5px;width:20px;height:20px;border-radius:50%}.barrage>.item .normal{color:#FFFF00;text-stroke:1px #000;-webkit-text-stroke:1px #000}.dialog-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:100;transition-duration:.25s;background-color:rgba(0,0,0,0.32);display:flex;align-items:center;justify-content:center}.v-dialog{position:relative;background-color:#fff}.v-dialog header{background-color:#496ab8}.v-dialog>.close{position:absolute;width:40px;height:40px;top:0;right:0;z-index:5;opacity:.6}.v-dialog>.close:hover{opacity:1}.v-dialog footer .v-btn{color:#496ab8 !important}.dialog-enter-active,.dialog-leave-active{transition:.3s cubic-bezier(.25, .8, .25, 1)}.dialog-enter{opacity:0}.dialog-enter .v-dialog{transform:scale(.9)}.dialog-leave-to{opacity:0}.dialog-leave-to .v-dialog{transform:scale(.9)}@font-face{font-family:"digital";src:url('/data/font/digital.ttf');font-weight:normal;font-style:normal}html{height:100%;min-width:1200px;overflow-x:auto;overflow-y:hidden}body{height:100%;background-color:#fff}iframe{user-select:none;-webkit-user-select:none;border:none;background-color:#fff}img{user-select:none;-webkit-user-select:none;vertical-align:middle}.flex1{flex:1}.flex-h{display:flex;flex-direction:row}.flex-h>.splitter{border-right:1px #dcdcdc solid}.flex-v{display:flex;flex-direction:column}.flex-v>.splitter{border-bottom:1px #dcdcdc solid}.left{float:left}.right{float:right}.full{width:100%;height:100%;overflow:auto}.border-top{border-top:1px #dcdcdc solid}.border-left{border-left:1px #dcdcdc solid}.checkbox{display:inline-block;width:24px;height:24px;vertical-align:middle}.checkbox>.v-input--selection-controls{margin:0 !important;padding:0 !important}.placeholder{display:flex;align-items:center;justify-content:center;flex-direction:column;color:#aaa;height:100%}.placeholder>.content{text-align:center}.placeholder>.content>.v-icon{font-size:100px}article{overflow:auto;padding:10px;background-color:#ffffff}article h1{font-size:.2rem}article h2{font-size:.14rem}article h3{font-size:.16rem}.v-application{display:block !important;height:100%}.v-application>.v-application--wrap{display:block !important;height:100% !important;min-height:0 !important}#pages{position:absolute;top:0;left:0;width:100%;height:100%}#pages>.page{position:absolute;left:0;top:0;width:100%;height:100%}#pages>.page .v-tabs-bar{height:42px !important;border-bottom:1px #dcdcdc solid}#pages>.page>.body{flex:1;overflow:auto;position:relative}#pages>.page>.body>.content{position:relative;max-width:1440px;margin:0 auto;background-color:#fff}#pages>.page>header{display:flex;flex-direction:row;position:relative;height:62px;line-height:62px;z-index:10;color:#fff;box-shadow:0 2px 4px -1px rgba(0,0,0,0.2),0 4px 5px 0 rgba(0,0,0,0.14),0 1px 10px 0 rgba(0,0,0,0.12)}#pages>.page>header>.splitter{border-right:1px #dcdcdc solid}#pages>.page>header .icon{width:32px;height:32px;margin:15px}#pages>.page>header>.v-btn{color:#fff;width:62px;height:100%;min-width:62px}#pages>.page>header>label{white-space:nowrap;word-break:keep-all;overflow:hidden;text-overflow:ellipsis;float:left;font-size:18px;font-weight:bold;margin-right:11px}#pages>.page>header .v-icon{color:inherit}#pages>.page>header>.v-icon{margin-right:5px}#pages>.page>footer{z-index:5;padding:10px;color:#626262;font-size:14px;line-height:24px;text-align:center;background-color:#f5f5f5;border-top:1px #dcdcdc solid}#pages>.page ul.section{padding:5px;list-style:none;background-color:#fff;border-top:1px #eee solid;border-bottom:1px #eee solid}#pages>.page ul.section .user-icon{line-height:0;width:36px;height:36px}#pages>.page ul.section>li{display:flex;flex-direction:row;padding:5px 10px;line-height:42px}#pages>.page ul.section>li>.splitter{border-right:1px #dcdcdc solid}#pages>.page ul.section>li>label{flex:1;overflow:hidden;word-break:keep-all;text-overflow:ellipsis}#pages>.page ul.section>li.button:after{content:'\ea06';font-family:'ic' !important;font-size:16px;font-style:normal}#pages>.page .panel{background-color:#fff;margin:10px;border:1px #dcdcdc solid;border-radius:4px}#pages>.page .panel>.p{border-bottom:1px #dcdcdc solid}#pages>.page .panel>div.anim{transition-duration:.25s;overflow:hidden}#pages>.page .panel>div.hide{max-height:0 !important}#pages>.page .panel>header{color:#757575 !important;font-size:15px;line-height:36px;border-bottom:1px #dcdcdc solid}#pages>.page .panel>header>button{padding:0 !important;height:36px !important;min-width:36px !important}#pages>.page .panel>.section{border-bottom:1px #dcdcdc solid}#pages>.page .panel>.section:last-child{border-bottom:none !important}#pages>.page .panel table.move-infos{width:100%;border-collapse:collapse}#pages>.page .panel table.move-infos>tbody tr>td{user-select:text;-webkit-user-select:text;line-height:32px;padding:0 10px;border-right:1px #dcdcdc solid;border-bottom:1px #dcdcdc solid}#pages>.page .panel table.move-infos>tbody tr>td:first-child{width:108px;min-width:108px;max-width:108px;background-color:#eee}#pages>.page .panel table.move-infos>tbody tr>td:last-child{max-width:240px;word-break:break-all;line-height:24px;border-right:none !important}#pages>.page .panel .time{display:flex;flex-direction:row;border-bottom:1px #dcdcdc solid}#pages>.page .panel .time>.splitter{border-right:1px #dcdcdc solid}#pages>.page .panel .time>div{flex:1;text-align:center;width:100px;font-size:48px;line-height:105px;font-family:'digital'}#pages>.page .panel .time>div.w{color:#000;background-color:#fff}#pages>.page .panel .time>div.b{color:#fff;background-color:#000}#pages>.page .panel .player{padding:14px;line-height:24px}#pages>.page .panel .player>.user{position:relative}#pages>.page .panel .player>.user>.online-state{position:absolute;top:42px;left:42px;width:16px;height:16px;border-radius:50%;border:#fff 3px solid;background-color:#fb8c00}#pages>.page .panel .player .name{white-space:nowrap;word-break:keep-all;overflow:hidden;text-overflow:ellipsis}#pages>.page .panel .player .user-icon{margin-right:10px;width:48px;height:48px;border-radius:50%;border:#eee 1px solid}#pages>.page .panel .player ul.capture{margin-top:12px;height:24px;padding:0;list-style:none}#pages>.page .panel .player ul.capture>li{line-height:0;float:left;height:24px;margin-right:10px}#pages>.page .panel .player ul.capture>li>img{width:24px;height:24px;margin-right:-12px}#pages>.page .panel .result{color:#757575 !important;font-size:24px;font-weight:bold}#pages>.page .panel>footer>button{height:100% !important}#pages .board{text-align:center}#pages .board label{line-height:32px;font-size:20px;font-weight:bold}.login-panel{box-shadow:0 0 15px #aaa;position:absolute;width:360px;right:15%;padding:60px 20px 20px 20px;top:45%;height:480px;margin-top:-240px;background-color:#fff;border-radius:10px}.login-panel .btn-sw{position:absolute;top:0;right:0;width:80px;height:80px}.login-panel .btn-sw>img{width:100%;height:auto}.login-panel>.p{display:flex;flex-direction:column;height:90%}.login-panel>.p>.splitter{border-bottom:1px #dcdcdc solid}table.infos{border-collapse:collapse}table.infos>tbody>tr{border-bottom:1px #ccc solid}table.infos>tbody>tr .icon{height:24px}table.infos>tbody>tr>td{padding:4px 8px}table.infos>tbody>tr>td:first-child{width:120px;color:#777;text-align:right}table.scores{padding:10px;border-collapse:collapse}table.scores thead{border-bottom:1px #dcdcdc solid}table.scores thead>th{width:12%;padding:5px;color:#aaa;text-align:center;border-right:1px #dcdcdc solid}table.scores thead>th:last-child{border-right:none !important}table.scores td{padding:5px;text-align:center;border:1px #dcdcdc solid}table.scores td.r{color:#F44336 !important}table.scores td.g{color:#4CAF50 !important}table.scores td.y{color:#FFC107 !important}table.scores td.name{white-space:nowrap;word-break:keep-all;overflow:hidden;text-overflow:ellipsis;width:40%;max-width:40%}table.scores tbody>tr>td:last-child{border-right:none !important}table.scores tbody>tr.bye>td{color:#898989 !important}table.scores tbody>tr:hover{background-color:#eee}table.scores tbody>tr.select{color:#fff !important;background-color:#496ab8 !important}ul.matchlist{padding:0;overflow:auto}ul.matchlist>li{display:flex;flex-direction:row;user-select:none;-webkit-user-select:none;position:relative;padding:20px 10px}ul.matchlist>li>.splitter{border-right:1px #dcdcdc solid}ul.matchlist>li .user-icon{display:flex;align-items:center;justify-content:center;flex-direction:column;width:52px}ul.matchlist>li .user-icon>img{width:40px;height:40px;border-radius:50%}ul.matchlist>li>label{overflow:hidden;padding:0 10px;line-height:40px}ul.matchlist>li>label.w{text-align:right}ul.matchlist>li>label.b{text-align:left}ul.matchlist>li>.state{width:120px;font-size:14px;line-height:20px;text-align:center}ul.matchlist>li>.state>.table{color:#757575 !important;font-size:12px}ul.matchlist>li>.state>.result{font-size:16px;font-weight:bold}ul.matchlist>li>.result{display:flex;align-items:center;justify-content:center;flex-direction:column;width:80px;font-size:14px;font-weight:bold}ul.matchlist>li:hover{background-color:#eee !important}ul.matchlist>li.self{color:#fff;background-color:#496ab8}ul.matchlist>li.self>.state>.table{color:#fff !important}ul.matchlist>li.self:hover{background-color:#5a78bf !important}ul.matchlist.records>li{background-color:#fff;margin-top:32px;border-top:1px #dcdcdc solid;border-bottom:1px #dcdcdc solid}ul.matchlist.records>li>.round{position:absolute;top:-33px;line-height:32px;left:0;width:100%;text-align:center;background-color:#f5f5f5}.match-panel>p{font-size:14px}.match-panel .user{text-align:center;margin-bottom:10px}.match-panel .user>.icon{width:52px;height:52px;border-radius:50%;margin-bottom:10px}.match-panel .state{display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:18px;font-weight:bold}.event-round-time{color:#777;text-align:center;font-size:10px;line-height:30px;border-top:1px #dcdcdc solid;border-bottom:1px #dcdcdc solid;background-color:#f5f5f5}ul.eventlist{padding:0;overflow-y:scroll;list-style:none}ul.eventlist>li{position:relative;padding:24px 10px 10px 10px;border-bottom:1px #dcdcdc solid}ul.eventlist>li>.marks{user-select:none;-webkit-user-select:none;padding:5px 0;font-size:12px;overflow:hidden}ul.eventlist>li>.marks>span{float:left;padding:0 5px;margin-right:5px;border-radius:5px;border-width:1px;border-style:solid}ul.eventlist>li>.marks>span.mode{color:#FFC107 !important;border-color:#FFC107}ul.eventlist>li>.marks>span.type{color:#2196F3 !important;border-color:#2196F3}ul.eventlist>li>.marks>span.time{color:#FF9800 !important;border-color:#FF9800}ul.eventlist>li>.marks>span.c960{color:#9C27B0;border-color:#9C27B0}ul.eventlist>li>.desc{display:flex;flex-direction:row;color:#777;padding:5px 0}ul.eventlist>li>.desc>.splitter{border-right:1px #dcdcdc solid}ul.eventlist>li>.desc>.v-icon{margin-right:5px}ul.eventlist>li>.name{font-size:16px;font-weight:bold}ul.eventlist>li>.state{position:absolute;top:0;right:5px}ul.eventlist>li>.state>span{font-size:14px;display:block;padding:2px 10px;color:#fff;border-radius:0 0 5px 5px}ul.eventlist>li:hover{background-color:#eee}.event-page>header{padding-left:10px;box-sizing:content-box;height:42px;line-height:42px;border-bottom:1px #dcdcdc solid}.event-page>header>button{padding:0 !important;height:42px !important}.sub-page>header{padding-left:10px;box-sizing:content-box;line-height:42px;border-bottom:1px #dcdcdc solid}.sub-page>header>h4{white-space:nowrap;word-break:keep-all;overflow:hidden;text-overflow:ellipsis}.sub-page>header>button{padding:0 !important;height:42px !important}ul.movelist{padding:5px;list-style:none;overflow-y:auto;overflow-x:hidden;line-height:24px}ul.movelist div{padding-left:8px}ul.movelist .sub{color:#777;font-size:.9em}ul.movelist .sub:before{content:"("}ul.movelist .sub::after{content:")"}ul.movelist span.t1::before{content:attr(data-turn) '.';font-weight:bold}ul.movelist span.t3::before{content:attr(data-turn) '...';font-weight:bold;padding-right:5px}ul.movelist label{padding:2px 6px;margin:0 5px;line-height:16px}ul.movelist label:hover{cursor:pointer;color:#496ab8}ul.movelist label.select{border-radius:5px;font-weight:bold;color:#fff !important;background-color:#496ab8 !important}ul.turnlist{padding:0;list-style:none;overflow-y:auto;overflow-x:hidden}ul.turnlist>li .turn{display:flex;flex-direction:row;line-height:36px;border-bottom:1px #dcdcdc solid}ul.turnlist>li .turn>.splitter{border-right:1px #dcdcdc solid}ul.turnlist>li .turn>label{text-align:center;width:36px;background-color:#eee;border-right:1px #dcdcdc solid}ul.turnlist>li .turn>span{flex:1;user-select:none;-webkit-user-select:none;padding-left:10px}ul.turnlist>li .turn>span.w{border-right:1px #dcdcdc solid}ul.turnlist>li .turn>span.select{font-weight:bold;color:#496ab8 !important}ul.turnlist>li .turn>.move:hover{background-color:#eee}ul.turnlist>li .movelist{padding-left:40px;border-bottom:1px #dcdcdc solid}.chessboard{user-select:none;-webkit-user-select:none;position:relative;border:1px #dcdcdc solid;background-color:#fff}.chessboard>.board{position:relative;margin:5.55%;width:88.9%;height:88.9%;border:2px #6e84b8 solid;overflow:visible}.chessboard>.board>svg.layer{pointer-events:none}.chessboard>.board>.layer{position:absolute;top:0;left:0;width:100%;height:100%}.chessboard>.board>.layer>label{position:absolute;pointer-events:none;color:#496ab8;width:32px;height:32px;display:inline-block;line-height:32px !important;font-size:1em !important;font-weight:bold !important}.chessboard>.board>.layer>label.l{left:-3.9%;margin-top:-16px;margin-left:-16px}.chessboard>.board>.layer>label.b{bottom:-3.9%;margin-left:-16px;margin-bottom:-16px}.chessboard>.board>.layer>label.r{right:-3.9%;margin-top:-16px;margin-right:-16px}.chessboard>.board>.layer>label.t{top:-3.9%;margin-top:-16px;margin-left:-16px}.chessboard>.board>div{height:12.5%}.chessboard>.board>div>span{float:left;width:12.5%;height:100%}.chessboard>.board>img,.chessboard>.board p{position:absolute;z-index:4;width:12.5%;height:12.5%;background-size:cover}.chessboard>.board>img.move{opacity:.12}.chessboard>.board>p.piece{z-index:1;transition-duration:150ms}.chessboard>.board.full{margin:0 !important;width:100% !important;height:100% !important;border:none !important}.chessboard>.board.full>.layer>label.l{left:1.5% !important}.chessboard>.board.full>.layer>label.b{bottom:1.9% !important}.chessboard>.barrage{position:absolute;overflow:hidden;top:0;left:0;width:100%;height:100%}.top-prompt{display:flex;align-items:center;justify-content:center;flex-direction:column;user-select:none;-webkit-user-select:none;position:fixed;z-index:10;top:30px;left:50%;width:360px;margin-left:-180px;border-radius:5px;padding:10px 20px;transition-duration:.25s}.top-prompt.b-red{color:#eee;background-color:#bc2727}.top-prompt.b-white{box-shadow:0 0 5px #aaa;background-color:#fff}.top-prompt.b-red:hover{box-shadow:0 0 5px #aaa;cursor:pointer;color:#fff !important;background-color:#cc3737 !important}.top-enter,.top-leave-to{top:0px;opacity:0}.v-dialog>header{color:#eee;text-align:center;line-height:40px}.v-dialog>.content{padding:10px}.v-dialog .user-info>.base{color:#fff;padding:10px;width:240px;text-align:center}.v-dialog .user-info>.base .name{color:#fff}.v-dialog .user-info>.base .user-icon{width:60px;height:60px;border-radius:50%}.v-dialog .user-info>.details{flex:1}.v-dialog>footer{padding:10px}.dialog.promotions{display:flex;align-items:center;justify-content:center;flex-direction:column;width:480px}.dialog.promotions>button{margin:20px;opacity:.8;width:64px;height:64px;border-radius:50%;background-color:#fff}.dialog.promotions>button>img{width:48px;height:48px}.dialog.promotions>button:hover{box-shadow:0 0 5px #aaa;transition-duration:.25s;opacity:1 !important}.input{display:flex;flex-direction:row}.input>.splitter{border-right:1px #dcdcdc solid}.input>input{flex:1;outline:0;padding:0 4px}.input>button{min-width:0 !important}.chatview{display:flex;flex-direction:column}.chatview>.splitter{border-bottom:1px #dcdcdc solid}.chatview>.messagelist{flex:1;padding:0;overflow:auto;list-style:none}.chatview>.messagelist>li{overflow:hidden;position:relative;line-height:20px}.chatview>.messagelist>li>img{position:absolute;width:20px;height:20px;border-radius:50%}.chatview>.messagelist>li>div{padding:5px 10px;word-break:break-all;border-radius:5px;max-width:60%}.chatview>.messagelist>li.L{padding:5px 5px 5px 35px}.chatview>.messagelist>li.L>img{top:10px;left:10px}.chatview>.messagelist>li.L>div{float:left}.chatview>.messagelist>li.R{padding:5px 35px 5px 5px}.chatview>.messagelist>li.R>img{top:10px;right:10px;background-color:#eee}.chatview>.messagelist>li.R>div{float:right;background-color:#efefef}.chatview>.chat-input{display:flex;flex-direction:row;height:44px;box-sizing:content-box;border-top:1px #ddd solid}.chatview>.chat-input>.splitter{border-right:1px #dcdcdc solid}.chatview>.chat-input>input{flex:1;outline:0;padding:0 4px}.chatview>.chat-input>button{min-width:0 !important}.chatview>.chat-input>input{margin:10px;border-bottom:1px #dcdcdc solid}.game-result .user{flex:1;text-align:center;padding:20px}.game-result .user>.user-icon{width:48px;height:48px;border-radius:50%}.game-result .user>.user-name{margin-top:10px;height:24px;line-height:24px}.game-result .user>.user-col{color:#aaa}.game-result .user>.score-add{color:#fb8c00}ul.minigame-list{padding:0;overflow:auto;background-color:#fff}ul.minigame-list>li{padding:10px}ul.minigame-list>li:hover{background-color:#eee}.page .player{width:100%}.page .player .flag{height:24px;margin-right:10px}.page .player .color{color:#aaa}.page .desc{padding:10px 20px;line-height:32px}.page .panel>footer>button{color:#000;opacity:1;height:100% !important;transition-duration:.25s}.page .panel>footer>button[disabled]{opacity:.4 !important}.page .panel>footer>button:active{background-color:#eee}ul.livelist{padding:0;width:640px;margin:0 auto;list-style:none}ul.livelist>li>.round{text-align:center;font-size:16px;line-height:32px}ul.livelist>li>ul.matches{padding:0}ul.livelist>li>ul.matches>li{display:flex;flex-direction:row;user-select:none;-webkit-user-select:none;text-align:center;position:relative;padding:20px 10px}ul.livelist>li>ul.matches>li>.splitter{border-right:1px #dcdcdc solid}ul.livelist>li>ul.matches>li .flag{height:24px;margin-right:10px}ul.livelist>li>ul.matches>li .name{margin-top:10px}ul.livelist>li>ul.matches>li .color{color:#aaa}ul.livelist>li>ul.matches>li .user-icon{width:40px;height:40px;border-radius:50%;border:1px #ddd solid}ul.livelist>li>ul.matches>li>.state{display:flex;align-items:center;justify-content:center;flex-direction:column;color:#aaa;width:80px;font-size:16px}ul.livelist>li>ul.matches>li>.state .result{color:#000;font-weight:bold}ul.livelist>li>ul.matches>li:hover{background-color:#eee !important}ul.livelist>li>ul.matches>li.self{color:#fff;background-color:#496ab8}ul.livelist>li>ul.matches>li.self>.state>.table{color:#fff !important}ul.livelist>li>ul.matches>li.self:hover{background-color:#5a78bf !important}