html{font-family:'Noto Sans', Sans-Serif}.ninja-title,.site-title{font-family:'Noto Sans'}h1,h2,h3,h4,.mini-game .rating,.mini-game .progress,.mini-game__clock,.btn-rack__btn i,.btn-rack form i{font-family:'Roboto'}.button{font-family:'Roboto';font-weight:600}.subnav a,#clinput input{color:#5e5e5e}.button.button-empty:not(.disabled):hover,.button.button-empty.button-green:not(.disabled):hover,.button.button-empty.button-red:not(.disabled):hover,.button.button-metal,#friend_box .friend_box_title,.btn-rack__btn,.btn-rack form{background:linear-gradient(to bottom, #f5f5f5 0%, #ededed 100%);text-shadow:0 1px 0 #fff}.button.button-metal:not(.disabled):hover,#friend_box .friend_box_title:hover,.btn-rack__btn:hover,.btn-rack form:hover{background:linear-gradient(to bottom, #fafafa 0%, #f2f2f2 100%);text-shadow:0 1px 0 #fff}.data-count::after,.unread,.button.active,.btn-rack__btn.active{box-shadow:0 3px 4px rgba(0,0,0,0.15) inset}.data-count::after,.unread,.button.active,.btn-rack__btn.active{background:#d64f00;color:#fff;text-shadow:0 1px 1px black !important}.button.active:not(.disabled):hover{background:#de7233}.site-buttons .dropdown{box-shadow:-1px 5px 6px rgba(0,0,0,0.3)}#powerTip,#miniGame,#reconnecting,#announce{box-shadow:0 14px 28px rgba(0,0,0,0.25),0 10px 10px rgba(0,0,0,0.22)}.button,.button.button-empty:not(.disabled):hover{box-shadow:0 2px 5px 0 rgba(0,0,0,0.225)}.button:not(.disabled):hover{box-shadow:0 4px 10px 0px rgba(0,0,0,0.225)}.subnav a,.user-link,.vstext,.mini-game{white-space:nowrap;overflow:hidden}.box-pad,.box:not(.box-pad)>h1{padding:5vh var(--box-padding)}.box__pad{padding:0 var(--box-padding)}#friend_box .content a.user-link,.upt__info__top .user-link,.vstext__pl,.vstext__op{overflow:hidden;text-overflow:ellipsis}.main-board,.mini-board,.mini-game .cg-wrap{position:relative;display:block;height:0;padding-bottom:100%;width:100%}.is::before,[data-icon]::before,.is-after::after,.rp::before,#topnav .community-patron::after,.user-link .line{font-size:1.2em;vertical-align:middle;font-family:'lidraughts';font-style:normal;font-weight:normal;text-transform:none;speak:none;content:attr(data-icon);opacity:0.9}.fullscreen-mask{position:fixed;top:0;left:0;bottom:0;right:0;background:rgba(0,0,0,0.6);z-index:109}cg-board,.main-board .cg-wrap{position:absolute;width:100%;height:100%}.box__top__actions{display:flex;flex-flow:row wrap}.site-buttons .initiating,#topnav .community-patron,.box__top__actions .button,.upt__info__top__country,.upt__info__warning{display:flex;flex-flow:row wrap;align-items:center}.site-buttons,.upt__info__top .left,.btn-rack__btn,.btn-rack form,#reconnecting{display:flex;flex-flow:row nowrap;align-items:center}.box__top,.upt__info__top,.upt__info__ratings,.upt__mod,#announce{display:flex;flex-flow:row wrap;align-items:center;justify-content:space-between}.vstext,.mini-game__player{display:flex;flex-flow:row nowrap;align-items:center;justify-content:space-between}.upt__info{display:flex;flex-flow:column}#powerTip,#miniGame,.vstext,input,textarea,select,.data-count::after,.unread,.button,.btn-rack{border-radius:3px}#powerTip,#miniGame{overflow:hidden}.btn-rack__btn:first-child,.btn-rack form:first-child{border-radius:3px 0 0 3px}.btn-rack__btn:last-child,.btn-rack form:last-child{border-radius:0 3px 3px 0}.vstext,cg-board,.box,.upt__actions.btn-rack{box-shadow:0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.2),0 1px 5px 0 rgba(0,0,0,0.12)}html{box-sizing:border-box;min-height:100%}*,*::before,*::after{box-sizing:inherit;margin:0;padding:0}body{background:#edebe9 linear-gradient(to bottom, #dbd7d1, #edebe9 116px) no-repeat;color:#4d4d4d;overflow-x:hidden}body.fixed-scroll{overflow-y:scroll}a{color:#1b78d0;text-decoration:none}a:hover,a:active,a:focus{color:#004f98}p{margin-bottom:1em}em,i{font-style:normal}li{list-style:none}time{font-size:90%;opacity:0.9}hr{margin:1.5rem 0;border:0;height:1px;background:#d9d9d9}small{font-size:.9em}table,tbody,tfoot,thead,tr,th,td{border:0;font-size:100%;font:inherit;vertical-align:middle;text-align:inherit}table{border-collapse:collapse;border-spacing:0}button,input,optgroup,select,textarea{font:inherit;color:#4d4d4d;outline-color:#1b78d0}option,optgroup{background:#fff;color:#1f1f1f}input,textarea,select{background:#fafaf9;border:1px solid #d9d9d9;padding:.6em 1em}textarea{overflow:auto;resize:vertical;padding:.8em 1em}button,a{cursor:pointer}.copyable{background:#e3e3e3;color:#1f1f1f}@font-face{font-family:"lidraughts";src:url(../font/lidraughts.woff2) format("woff2"),url(../font/lidraughts.woff) format("woff");font-display:block;font-weight:normal;font-style:normal}@font-face{font-family:'Noto Sans';font-style:normal;font-weight:400;src:local("Noto Sans"),local("NotoSans"),url(https://fonts.gstatic.com/s/notosans/v7/o-0IIpQlx3QUlC5A4PNr6DRAW_0.woff2) format("woff2");unicode-range:U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F}@font-face{font-family:'Noto Sans';font-style:normal;font-weight:400;src:local("Noto Sans"),local("NotoSans"),url(https://fonts.gstatic.com/s/notosans/v7/o-0IIpQlx3QUlC5A4PNr4TRAW_0.woff2) format("woff2");unicode-range:U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}@font-face{font-family:'Noto Sans';font-style:normal;font-weight:400;src:local("Noto Sans"),local("NotoSans"),url(https://fonts.gstatic.com/s/notosans/v7/o-0IIpQlx3QUlC5A4PNr5DRAW_0.woff2) format("woff2");unicode-range:U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB}@font-face{font-family:'Noto Sans';font-style:normal;font-weight:400;src:local("Noto Sans"),local("NotoSans"),url(https://fonts.gstatic.com/s/notosans/v7/o-0IIpQlx3QUlC5A4PNr6TRAW_0.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:'Noto Sans';font-style:normal;font-weight:400;src:local("Noto Sans"),local("NotoSans"),url(https://fonts.gstatic.com/s/notosans/v7/o-0IIpQlx3QUlC5A4PNr5jRAW_0.woff2) format("woff2");unicode-range:U+0370-03FF}@font-face{font-family:'Noto Sans';font-style:normal;font-weight:400;src:local("Noto Sans"),local("NotoSans"),url(https://fonts.gstatic.com/s/notosans/v7/o-0IIpQlx3QUlC5A4PNr6jRAW_0.woff2) format("woff2");unicode-range:U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB}@font-face{font-family:'Noto Sans';font-style:normal;font-weight:400;src:local("Noto Sans"),local("NotoSans"),url(https://fonts.gstatic.com/s/notosans/v7/o-0IIpQlx3QUlC5A4PNr6zRAW_0.woff2) format("woff2");unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF}@font-face{font-family:'Noto Sans';font-style:normal;font-weight:400;src:local("Noto Sans"),local("NotoSans"),url(../font/noto-sans-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}@font-face{font-family:'Noto Sans';font-style:normal;font-weight:700;src:local("Noto Sans Bold"),local("NotoSans-Bold"),url(https://fonts.gstatic.com/s/notosans/v7/o-0NIpQlx3QUlC5A4PNjXhFVadyB1Wk.woff2) format("woff2");unicode-range:U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F}@font-face{font-family:'Noto Sans';font-style:normal;font-weight:700;src:local("Noto Sans Bold"),local("NotoSans-Bold"),url(https://fonts.gstatic.com/s/notosans/v7/o-0NIpQlx3QUlC5A4PNjXhFVYNyB1Wk.woff2) format("woff2");unicode-range:U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}@font-face{font-family:'Noto Sans';font-style:normal;font-weight:700;src:local("Noto Sans Bold"),local("NotoSans-Bold"),url(https://fonts.gstatic.com/s/notosans/v7/o-0NIpQlx3QUlC5A4PNjXhFVZdyB1Wk.woff2) format("woff2");unicode-range:U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB}@font-face{font-family:'Noto Sans';font-style:normal;font-weight:700;src:local("Noto Sans Bold"),local("NotoSans-Bold"),url(https://fonts.gstatic.com/s/notosans/v7/o-0NIpQlx3QUlC5A4PNjXhFVaNyB1Wk.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:'Noto Sans';font-style:normal;font-weight:700;src:local("Noto Sans Bold"),local("NotoSans-Bold"),url(https://fonts.gstatic.com/s/notosans/v7/o-0NIpQlx3QUlC5A4PNjXhFVZ9yB1Wk.woff2) format("woff2");unicode-range:U+0370-03FF}@font-face{font-family:'Noto Sans';font-style:normal;font-weight:700;src:local("Noto Sans Bold"),local("NotoSans-Bold"),url(https://fonts.gstatic.com/s/notosans/v7/o-0NIpQlx3QUlC5A4PNjXhFVa9yB1Wk.woff2) format("woff2");unicode-range:U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB}@font-face{font-family:'Noto Sans';font-style:normal;font-weight:700;src:local("Noto Sans Bold"),local("NotoSans-Bold"),url(https://fonts.gstatic.com/s/notosans/v7/o-0NIpQlx3QUlC5A4PNjXhFVatyB1Wk.woff2) format("woff2");unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF}@font-face{font-family:'Noto Sans';font-style:normal;font-weight:700;src:local("Noto Sans Bold"),local("NotoSans-Bold"),url(../font/noto-sans-bold-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}@font-face{font-family:'Roboto';font-style:normal;font-weight:300;src:local("Roboto Light"),local("Roboto-Light"),url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fCRc4EsA.woff2) format("woff2");unicode-range:U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F}@font-face{font-family:'Roboto';font-style:normal;font-weight:300;src:local("Roboto Light"),local("Roboto-Light"),url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fABc4EsA.woff2) format("woff2");unicode-range:U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}@font-face{font-family:'Roboto';font-style:normal;font-weight:300;src:local("Roboto Light"),local("Roboto-Light"),url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fCBc4EsA.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:'Roboto';font-style:normal;font-weight:300;src:local("Roboto Light"),local("Roboto-Light"),url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fBxc4EsA.woff2) format("woff2");unicode-range:U+0370-03FF}@font-face{font-family:'Roboto';font-style:normal;font-weight:300;src:local("Roboto Light"),local("Roboto-Light"),url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fCxc4EsA.woff2) format("woff2");unicode-range:U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB}@font-face{font-family:'Roboto';font-style:normal;font-weight:300;src:local("Roboto Light"),local("Roboto-Light"),url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fChc4EsA.woff2) format("woff2");unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF}@font-face{font-family:'Roboto';font-style:normal;font-weight:300;src:local("Roboto Light"),local("Roboto-Light"),url(../font/roboto-light-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{font-size:12px}@media (min-width: 320px){html{font-size:calc(12px + 2 * ((100vw - 320px) / 880))}}@media (min-width: 1200px){html{font-size:14px}}h1,h2,h3,h4{font-weight:normal;font-size:1em}h1{margin-bottom:5vh}h1{font-size:20px}@media (min-width: 320px){h1{font-size:calc(20px + 20 * ((100vw - 320px) / 880))}}@media (min-width: 1200px){h1{font-size:40px}}h1 a{color:#428fd8}h1 a:hover{color:#1b78d0}h2{font-size:16px}@media (min-width: 320px){h2{font-size:calc(16px + 14 * ((100vw - 320px) / 880))}}@media (min-width: 1200px){h2{font-size:30px}}.ninja-title{font-size:1em}.is.text::before,.text[data-icon]::before{margin-right:.4em}.user-link.online .line,.is-green::before{color:#629924}.is-red::before{color:#c33}.is-gold::before{color:#d59020}.data-count{position:relative}.data-count::after,.unread{padding:1px 5px 1px 4px;font-weight:bold;font-size:13px}.data-count::after{content:attr(data-count);top:-5px;right:0;position:absolute;padding:0 3px;height:15px;line-height:15px}.data-count[data-count='0']::after{display:none}.none{display:none !important}.fullscreen-mask{display:none}.fullscreen-toggle:checked ~ .fullscreen-mask{display:block}.rp::before{margin-right:.2em;content:'N'}bad.rp::before{content:'M'}good{color:#629924}bad{color:#c33}.inf-more{width:100%}#infscr-loading .spinner{margin:10px auto}body{--site-header-height: 40px;--site-header-margin: 0px;--main-margin: 0}@media (min-height: 600px){body{--site-header-height: 60px}}body.header-margin{--site-header-margin: 1em}@media (min-width: 800px){body{--main-margin: 1vw;margin-bottom:2vmin}}@media (hover: hover){body{--hoverable: 1}}@supports (display: grid){body{--grid: 1}}#main-wrap{display:grid;grid-template-areas:'. . main . .';--main-max-width: 1300px;grid-template-columns:var(--main-margin) 1fr minmax(auto, var(--main-max-width)) 1fr var(--main-margin);margin-top:var(--site-header-margin)}#main-wrap.full-screen{--main-max-width: auto}#main-wrap.full-screen-force{--main-max-width: 100%}@media (hover: none){body.clinput #main-wrap{display:none}}main{grid-area:main}main.page-small{max-width:1000px;margin:auto;width:100%}@media (max-width: 799px){.subnav{display:grid;grid-template-columns:repeat(auto-fit, minmax(17ch, 1fr));grid-gap:3px;margin-bottom:3px;background:#edebe9}.subnav a{border-radius:3px;box-shadow:0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.2),0 1px 5px 0 rgba(0,0,0,0.12);font-family:roboto;display:flex;align-items:center;color:#4d4d4d;padding:.6rem 0 .6rem .5rem;letter-spacing:-.06em;background:#fff}.subnav a:hover{color:#1b78d0}.subnav a.active{background:#1b78d0;color:#fff}.subnav .sep{display:none}}@media (min-width: 800px){.subnav{margin-top:5px;z-index:2}.subnav a{display:block;color:#5e5e5e;padding:.7rem 2vw .7rem .8rem;position:relative;transition:all 150ms}.subnav a::after{content:"";background:rgba(214,79,0,0.6);width:3px;position:absolute;height:98%;top:1%;right:-1px;transition:all .25s;transform:scale(0)}.subnav a.active::after,.subnav a:hover::after{transform:scale(1)}.subnav a.active{color:#d64f00}.subnav .sep{height:2em}}.page-menu{display:grid;grid-template-areas:'menu' 'content'}@media (min-width: 800px){.page-menu{grid-template-columns:-webkit-max-content auto;grid-template-columns:max-content auto;grid-template-rows:-webkit-min-content;grid-template-rows:min-content;grid-template-areas:'menu content'}}.page-menu.page-small{max-width:1000px;margin:inherit}.page-menu__menu{grid-area:menu}.page-menu__content{grid-area:content;height:100%}.page-menu__content.box{min-height:100%}.blue .is2d .is100 cg-board,.blue .is2d.is100 cg-board{background-image:url(../images/board/svg/blue_100.svg)}.blue .is2d .is100 square,.blue .is2d .is100 piece,.blue .is2d.is100 square,.blue .is2d.is100 piece{width:10.0%;height:10.0%}.blue .is2d .is100 fieldnumber,.blue .is2d.is100 fieldnumber{width:10%}.blue .is2d .is100 cg-helper,.blue .is2d.is100 cg-helper{width:10.0%;padding-bottom:10.0%}.blue .is2d .is100 cg-container,.blue .is2d.is100 cg-container{width:1000%;height:1000%}.blue2 .is2d .is100 cg-board,.blue2 .is2d.is100 cg-board{background-image:url(../images/board/blue2_100.jpg)}.blue2 .is2d .is100 square,.blue2 .is2d .is100 piece,.blue2 .is2d.is100 square,.blue2 .is2d.is100 piece{width:10.0%;height:10.0%}.blue2 .is2d .is100 fieldnumber,.blue2 .is2d.is100 fieldnumber{width:10%}.blue2 .is2d .is100 cg-helper,.blue2 .is2d.is100 cg-helper{width:10.0%;padding-bottom:10.0%}.blue2 .is2d .is100 cg-container,.blue2 .is2d.is100 cg-container{width:1000%;height:1000%}.wood2 .is2d .is100 cg-board,.wood2 .is2d.is100 cg-board{background-image:url(../images/board/wood2_100.jpg)}.wood2 .is2d .is100 square,.wood2 .is2d .is100 piece,.wood2 .is2d.is100 square,.wood2 .is2d.is100 piece{width:10.0%;height:10.0%}.wood2 .is2d .is100 fieldnumber,.wood2 .is2d.is100 fieldnumber{width:10%}.wood2 .is2d .is100 cg-helper,.wood2 .is2d.is100 cg-helper{width:10.0%;padding-bottom:10.0%}.wood2 .is2d .is100 cg-container,.wood2 .is2d.is100 cg-container{width:1000%;height:1000%}.wood3 .is2d .is100 cg-board,.wood3 .is2d.is100 cg-board{background-image:url(../images/board/wood3_100.jpg)}.wood3 .is2d .is100 square,.wood3 .is2d .is100 piece,.wood3 .is2d.is100 square,.wood3 .is2d.is100 piece{width:10.0%;height:10.0%}.wood3 .is2d .is100 fieldnumber,.wood3 .is2d.is100 fieldnumber{width:10%}.wood3 .is2d .is100 cg-helper,.wood3 .is2d.is100 cg-helper{width:10.0%;padding-bottom:10.0%}.wood3 .is2d .is100 cg-container,.wood3 .is2d.is100 cg-container{width:1000%;height:1000%}.blue3 .is2d .is100 cg-board,.blue3 .is2d.is100 cg-board{background-image:url(../images/board/blue3_100.jpg)}.blue3 .is2d .is100 square,.blue3 .is2d .is100 piece,.blue3 .is2d.is100 square,.blue3 .is2d.is100 piece{width:10.0%;height:10.0%}.blue3 .is2d .is100 fieldnumber,.blue3 .is2d.is100 fieldnumber{width:10%}.blue3 .is2d .is100 cg-helper,.blue3 .is2d.is100 cg-helper{width:10.0%;padding-bottom:10.0%}.blue3 .is2d .is100 cg-container,.blue3 .is2d.is100 cg-container{width:1000%;height:1000%}.marble .is2d .is100 cg-board,.marble .is2d.is100 cg-board{background-image:url(../images/board/marble_100.jpg)}.marble .is2d .is100 square,.marble .is2d .is100 piece,.marble .is2d.is100 square,.marble .is2d.is100 piece{width:10.0%;height:10.0%}.marble .is2d .is100 fieldnumber,.marble .is2d.is100 fieldnumber{width:10%}.marble .is2d .is100 cg-helper,.marble .is2d.is100 cg-helper{width:10.0%;padding-bottom:10.0%}.marble .is2d .is100 cg-container,.marble .is2d.is100 cg-container{width:1000%;height:1000%}.brown .is2d .is100 cg-board,.brown .is2d.is100 cg-board{background-image:url(../images/board/svg/brown_100.svg)}.brown .is2d .is100 square,.brown .is2d .is100 piece,.brown .is2d.is100 square,.brown .is2d.is100 piece{width:10.0%;height:10.0%}.brown .is2d .is100 fieldnumber,.brown .is2d.is100 fieldnumber{width:10%}.brown .is2d .is100 cg-helper,.brown .is2d.is100 cg-helper{width:10.0%;padding-bottom:10.0%}.brown .is2d .is100 cg-container,.brown .is2d.is100 cg-container{width:1000%;height:1000%}.brown2 .is2d .is100 cg-board,.brown2 .is2d.is100 cg-board{background-image:url(../images/board/svg/brown2_100.svg)}.brown2 .is2d .is100 square,.brown2 .is2d .is100 piece,.brown2 .is2d.is100 square,.brown2 .is2d.is100 piece{width:10.0%;height:10.0%}.brown2 .is2d .is100 fieldnumber,.brown2 .is2d.is100 fieldnumber{width:10%}.brown2 .is2d .is100 cg-helper,.brown2 .is2d.is100 cg-helper{width:10.0%;padding-bottom:10.0%}.brown2 .is2d .is100 cg-container,.brown2 .is2d.is100 cg-container{width:1000%;height:1000%}.match .is2d .is100 cg-board,.match .is2d.is100 cg-board{background-image:url(../images/board/svg/match_100.svg)}.match .is2d .is100 square,.match .is2d .is100 piece,.match .is2d.is100 square,.match .is2d.is100 piece{width:10.0%;height:10.0%}.match .is2d .is100 fieldnumber,.match .is2d.is100 fieldnumber{width:10%}.match .is2d .is100 cg-helper,.match .is2d.is100 cg-helper{width:10.0%;padding-bottom:10.0%}.match .is2d .is100 cg-container,.match .is2d.is100 cg-container{width:1000%;height:1000%}.ic .is2d .is100 cg-board,.ic .is2d.is100 cg-board{background-image:url(../images/board/svg/ic_100.svg)}.ic .is2d .is100 square,.ic .is2d .is100 piece,.ic .is2d.is100 square,.ic .is2d.is100 piece{width:10.0%;height:10.0%}.ic .is2d .is100 fieldnumber,.ic .is2d.is100 fieldnumber{width:10%}.ic .is2d .is100 cg-helper,.ic .is2d.is100 cg-helper{width:10.0%;padding-bottom:10.0%}.ic .is2d .is100 cg-container,.ic .is2d.is100 cg-container{width:1000%;height:1000%}.green .is2d .is100 cg-board,.green .is2d.is100 cg-board{background-image:url(../images/board/svg/green_100.svg)}.green .is2d .is100 square,.green .is2d .is100 piece,.green .is2d.is100 square,.green .is2d.is100 piece{width:10.0%;height:10.0%}.green .is2d .is100 fieldnumber,.green .is2d.is100 fieldnumber{width:10%}.green .is2d .is100 cg-helper,.green .is2d.is100 cg-helper{width:10.0%;padding-bottom:10.0%}.green .is2d .is100 cg-container,.green .is2d.is100 cg-container{width:1000%;height:1000%}.olive .is2d .is100 cg-board,.olive .is2d.is100 cg-board{background-image:url(../images/board/olive_100.jpg)}.olive .is2d .is100 square,.olive .is2d .is100 piece,.olive .is2d.is100 square,.olive .is2d.is100 piece{width:10.0%;height:10.0%}.olive .is2d .is100 fieldnumber,.olive .is2d.is100 fieldnumber{width:10%}.olive .is2d .is100 cg-helper,.olive .is2d.is100 cg-helper{width:10.0%;padding-bottom:10.0%}.olive .is2d .is100 cg-container,.olive .is2d.is100 cg-container{width:1000%;height:1000%}.purple .is2d .is100 cg-board,.purple .is2d.is100 cg-board{background-image:url(../images/board/svg/purple_100.svg)}.purple .is2d .is100 square,.purple .is2d .is100 piece,.purple .is2d.is100 square,.purple .is2d.is100 piece{width:10.0%;height:10.0%}.purple .is2d .is100 fieldnumber,.purple .is2d.is100 fieldnumber{width:10%}.purple .is2d .is100 cg-helper,.purple .is2d.is100 cg-helper{width:10.0%;padding-bottom:10.0%}.purple .is2d .is100 cg-container,.purple .is2d.is100 cg-container{width:1000%;height:1000%}.grey .is2d .is100 cg-board,.grey .is2d.is100 cg-board{background-image:url(../images/board/grey_100.jpg)}.grey .is2d .is100 square,.grey .is2d .is100 piece,.grey .is2d.is100 square,.grey .is2d.is100 piece{width:10.0%;height:10.0%}.grey .is2d .is100 fieldnumber,.grey .is2d.is100 fieldnumber{width:10%}.grey .is2d .is100 cg-helper,.grey .is2d.is100 cg-helper{width:10.0%;padding-bottom:10.0%}.grey .is2d .is100 cg-container,.grey .is2d.is100 cg-container{width:1000%;height:1000%}.wood .is2d .is100 cg-board,.wood .is2d.is100 cg-board{background-image:url(../images/board/wood-1024_100.jpg)}.wood .is2d .is100 square,.wood .is2d .is100 piece,.wood .is2d.is100 square,.wood .is2d.is100 piece{width:10.0%;height:10.0%}.wood .is2d .is100 fieldnumber,.wood .is2d.is100 fieldnumber{width:10%}.wood .is2d .is100 cg-helper,.wood .is2d.is100 cg-helper{width:10.0%;padding-bottom:10.0%}.wood .is2d .is100 cg-container,.wood .is2d.is100 cg-container{width:1000%;height:1000%}.canvas .is2d .is100 cg-board,.canvas .is2d.is100 cg-board{background-image:url(../images/board/canvas2-1024_100.jpg)}.canvas .is2d .is100 square,.canvas .is2d .is100 piece,.canvas .is2d.is100 square,.canvas .is2d.is100 piece{width:10.0%;height:10.0%}.canvas .is2d .is100 fieldnumber,.canvas .is2d.is100 fieldnumber{width:10%}.canvas .is2d .is100 cg-helper,.canvas .is2d.is100 cg-helper{width:10.0%;padding-bottom:10.0%}.canvas .is2d .is100 cg-container,.canvas .is2d.is100 cg-container{width:1000%;height:1000%}.leather .is2d .is100 cg-board,.leather .is2d.is100 cg-board{background-image:url(../images/board/leather-1024_100.jpg)}.leather .is2d .is100 square,.leather .is2d .is100 piece,.leather .is2d.is100 square,.leather .is2d.is100 piece{width:10.0%;height:10.0%}.leather .is2d .is100 fieldnumber,.leather .is2d.is100 fieldnumber{width:10%}.leather .is2d .is100 cg-helper,.leather .is2d.is100 cg-helper{width:10.0%;padding-bottom:10.0%}.leather .is2d .is100 cg-container,.leather .is2d.is100 cg-container{width:1000%;height:1000%}.metal .is2d .is100 cg-board,.metal .is2d.is100 cg-board{background-image:url(../images/board/metal-1024_100.jpg)}.metal .is2d .is100 square,.metal .is2d .is100 piece,.metal .is2d.is100 square,.metal .is2d.is100 piece{width:10.0%;height:10.0%}.metal .is2d .is100 fieldnumber,.metal .is2d.is100 fieldnumber{width:10%}.metal .is2d .is100 cg-helper,.metal .is2d.is100 cg-helper{width:10.0%;padding-bottom:10.0%}.metal .is2d .is100 cg-container,.metal .is2d.is100 cg-container{width:1000%;height:1000%}.maple .is2d .is100 cg-board,.maple .is2d.is100 cg-board{background-image:url(../images/board/maple_100.jpg)}.maple .is2d .is100 square,.maple .is2d .is100 piece,.maple .is2d.is100 square,.maple .is2d.is100 piece{width:10.0%;height:10.0%}.maple .is2d .is100 fieldnumber,.maple .is2d.is100 fieldnumber{width:10%}.maple .is2d .is100 cg-helper,.maple .is2d.is100 cg-helper{width:10.0%;padding-bottom:10.0%}.maple .is2d .is100 cg-container,.maple .is2d.is100 cg-container{width:1000%;height:1000%}.blue .is2d .is64 cg-board,.blue .is2d.is64 cg-board{background-image:url(../images/board/svg/blue_64.svg)}.blue .is2d .is64 square,.blue .is2d .is64 piece,.blue .is2d.is64 square,.blue .is2d.is64 piece{width:12.5%;height:12.5%}.blue .is2d .is64 fieldnumber,.blue .is2d.is64 fieldnumber{width:12.5%}.blue .is2d .is64 cg-helper,.blue .is2d.is64 cg-helper{width:12.5%;padding-bottom:12.5%}.blue .is2d .is64 cg-container,.blue .is2d.is64 cg-container{width:800%;height:800%}.blue2 .is2d .is64 cg-board,.blue2 .is2d.is64 cg-board{background-image:url(../images/board/blue2_64.jpg)}.blue2 .is2d .is64 square,.blue2 .is2d .is64 piece,.blue2 .is2d.is64 square,.blue2 .is2d.is64 piece{width:12.5%;height:12.5%}.blue2 .is2d .is64 fieldnumber,.blue2 .is2d.is64 fieldnumber{width:12.5%}.blue2 .is2d .is64 cg-helper,.blue2 .is2d.is64 cg-helper{width:12.5%;padding-bottom:12.5%}.blue2 .is2d .is64 cg-container,.blue2 .is2d.is64 cg-container{width:800%;height:800%}.wood2 .is2d .is64 cg-board,.wood2 .is2d.is64 cg-board{background-image:url(../images/board/wood2_64.jpg)}.wood2 .is2d .is64 square,.wood2 .is2d .is64 piece,.wood2 .is2d.is64 square,.wood2 .is2d.is64 piece{width:12.5%;height:12.5%}.wood2 .is2d .is64 fieldnumber,.wood2 .is2d.is64 fieldnumber{width:12.5%}.wood2 .is2d .is64 cg-helper,.wood2 .is2d.is64 cg-helper{width:12.5%;padding-bottom:12.5%}.wood2 .is2d .is64 cg-container,.wood2 .is2d.is64 cg-container{width:800%;height:800%}.wood3 .is2d .is64 cg-board,.wood3 .is2d.is64 cg-board{background-image:url(../images/board/wood3_64.jpg)}.wood3 .is2d .is64 square,.wood3 .is2d .is64 piece,.wood3 .is2d.is64 square,.wood3 .is2d.is64 piece{width:12.5%;height:12.5%}.wood3 .is2d .is64 fieldnumber,.wood3 .is2d.is64 fieldnumber{width:12.5%}.wood3 .is2d .is64 cg-helper,.wood3 .is2d.is64 cg-helper{width:12.5%;padding-bottom:12.5%}.wood3 .is2d .is64 cg-container,.wood3 .is2d.is64 cg-container{width:800%;height:800%}.blue3 .is2d .is64 cg-board,.blue3 .is2d.is64 cg-board{background-image:url(../images/board/blue3_64.jpg)}.blue3 .is2d .is64 square,.blue3 .is2d .is64 piece,.blue3 .is2d.is64 square,.blue3 .is2d.is64 piece{width:12.5%;height:12.5%}.blue3 .is2d .is64 fieldnumber,.blue3 .is2d.is64 fieldnumber{width:12.5%}.blue3 .is2d .is64 cg-helper,.blue3 .is2d.is64 cg-helper{width:12.5%;padding-bottom:12.5%}.blue3 .is2d .is64 cg-container,.blue3 .is2d.is64 cg-container{width:800%;height:800%}.marble .is2d .is64 cg-board,.marble .is2d.is64 cg-board{background-image:url(../images/board/marble_64.jpg)}.marble .is2d .is64 square,.marble .is2d .is64 piece,.marble .is2d.is64 square,.marble .is2d.is64 piece{width:12.5%;height:12.5%}.marble .is2d .is64 fieldnumber,.marble .is2d.is64 fieldnumber{width:12.5%}.marble .is2d .is64 cg-helper,.marble .is2d.is64 cg-helper{width:12.5%;padding-bottom:12.5%}.marble .is2d .is64 cg-container,.marble .is2d.is64 cg-container{width:800%;height:800%}.brown .is2d .is64 cg-board,.brown .is2d.is64 cg-board{background-image:url(../images/board/svg/brown_64.svg)}.brown .is2d .is64 square,.brown .is2d .is64 piece,.brown .is2d.is64 square,.brown .is2d.is64 piece{width:12.5%;height:12.5%}.brown .is2d .is64 fieldnumber,.brown .is2d.is64 fieldnumber{width:12.5%}.brown .is2d .is64 cg-helper,.brown .is2d.is64 cg-helper{width:12.5%;padding-bottom:12.5%}.brown .is2d .is64 cg-container,.brown .is2d.is64 cg-container{width:800%;height:800%}.brown2 .is2d .is64 cg-board,.brown2 .is2d.is64 cg-board{background-image:url(../images/board/svg/brown2_64.svg)}.brown2 .is2d .is64 square,.brown2 .is2d .is64 piece,.brown2 .is2d.is64 square,.brown2 .is2d.is64 piece{width:12.5%;height:12.5%}.brown2 .is2d .is64 fieldnumber,.brown2 .is2d.is64 fieldnumber{width:12.5%}.brown2 .is2d .is64 cg-helper,.brown2 .is2d.is64 cg-helper{width:12.5%;padding-bottom:12.5%}.brown2 .is2d .is64 cg-container,.brown2 .is2d.is64 cg-container{width:800%;height:800%}.match .is2d .is64 cg-board,.match .is2d.is64 cg-board{background-image:url(../images/board/svg/match_64.svg)}.match .is2d .is64 square,.match .is2d .is64 piece,.match .is2d.is64 square,.match .is2d.is64 piece{width:12.5%;height:12.5%}.match .is2d .is64 fieldnumber,.match .is2d.is64 fieldnumber{width:12.5%}.match .is2d .is64 cg-helper,.match .is2d.is64 cg-helper{width:12.5%;padding-bottom:12.5%}.match .is2d .is64 cg-container,.match .is2d.is64 cg-container{width:800%;height:800%}.ic .is2d .is64 cg-board,.ic .is2d.is64 cg-board{background-image:url(../images/board/svg/ic_64.svg)}.ic .is2d .is64 square,.ic .is2d .is64 piece,.ic .is2d.is64 square,.ic .is2d.is64 piece{width:12.5%;height:12.5%}.ic .is2d .is64 fieldnumber,.ic .is2d.is64 fieldnumber{width:12.5%}.ic .is2d .is64 cg-helper,.ic .is2d.is64 cg-helper{width:12.5%;padding-bottom:12.5%}.ic .is2d .is64 cg-container,.ic .is2d.is64 cg-container{width:800%;height:800%}.green .is2d .is64 cg-board,.green .is2d.is64 cg-board{background-image:url(../images/board/svg/green_64.svg)}.green .is2d .is64 square,.green .is2d .is64 piece,.green .is2d.is64 square,.green .is2d.is64 piece{width:12.5%;height:12.5%}.green .is2d .is64 fieldnumber,.green .is2d.is64 fieldnumber{width:12.5%}.green .is2d .is64 cg-helper,.green .is2d.is64 cg-helper{width:12.5%;padding-bottom:12.5%}.green .is2d .is64 cg-container,.green .is2d.is64 cg-container{width:800%;height:800%}.olive .is2d .is64 cg-board,.olive .is2d.is64 cg-board{background-image:url(../images/board/olive_64.jpg)}.olive .is2d .is64 square,.olive .is2d .is64 piece,.olive .is2d.is64 square,.olive .is2d.is64 piece{width:12.5%;height:12.5%}.olive .is2d .is64 fieldnumber,.olive .is2d.is64 fieldnumber{width:12.5%}.olive .is2d .is64 cg-helper,.olive .is2d.is64 cg-helper{width:12.5%;padding-bottom:12.5%}.olive .is2d .is64 cg-container,.olive .is2d.is64 cg-container{width:800%;height:800%}.purple .is2d .is64 cg-board,.purple .is2d.is64 cg-board{background-image:url(../images/board/svg/purple_64.svg)}.purple .is2d .is64 square,.purple .is2d .is64 piece,.purple .is2d.is64 square,.purple .is2d.is64 piece{width:12.5%;height:12.5%}.purple .is2d .is64 fieldnumber,.purple .is2d.is64 fieldnumber{width:12.5%}.purple .is2d .is64 cg-helper,.purple .is2d.is64 cg-helper{width:12.5%;padding-bottom:12.5%}.purple .is2d .is64 cg-container,.purple .is2d.is64 cg-container{width:800%;height:800%}.grey .is2d .is64 cg-board,.grey .is2d.is64 cg-board{background-image:url(../images/board/grey_64.jpg)}.grey .is2d .is64 square,.grey .is2d .is64 piece,.grey .is2d.is64 square,.grey .is2d.is64 piece{width:12.5%;height:12.5%}.grey .is2d .is64 fieldnumber,.grey .is2d.is64 fieldnumber{width:12.5%}.grey .is2d .is64 cg-helper,.grey .is2d.is64 cg-helper{width:12.5%;padding-bottom:12.5%}.grey .is2d .is64 cg-container,.grey .is2d.is64 cg-container{width:800%;height:800%}.wood .is2d .is64 cg-board,.wood .is2d.is64 cg-board{background-image:url(../images/board/wood-1024_64.jpg)}.wood .is2d .is64 square,.wood .is2d .is64 piece,.wood .is2d.is64 square,.wood .is2d.is64 piece{width:12.5%;height:12.5%}.wood .is2d .is64 fieldnumber,.wood .is2d.is64 fieldnumber{width:12.5%}.wood .is2d .is64 cg-helper,.wood .is2d.is64 cg-helper{width:12.5%;padding-bottom:12.5%}.wood .is2d .is64 cg-container,.wood .is2d.is64 cg-container{width:800%;height:800%}.canvas .is2d .is64 cg-board,.canvas .is2d.is64 cg-board{background-image:url(../images/board/canvas2-1024_64.jpg)}.canvas .is2d .is64 square,.canvas .is2d .is64 piece,.canvas .is2d.is64 square,.canvas .is2d.is64 piece{width:12.5%;height:12.5%}.canvas .is2d .is64 fieldnumber,.canvas .is2d.is64 fieldnumber{width:12.5%}.canvas .is2d .is64 cg-helper,.canvas .is2d.is64 cg-helper{width:12.5%;padding-bottom:12.5%}.canvas .is2d .is64 cg-container,.canvas .is2d.is64 cg-container{width:800%;height:800%}.leather .is2d .is64 cg-board,.leather .is2d.is64 cg-board{background-image:url(../images/board/leather-1024_64.jpg)}.leather .is2d .is64 square,.leather .is2d .is64 piece,.leather .is2d.is64 square,.leather .is2d.is64 piece{width:12.5%;height:12.5%}.leather .is2d .is64 fieldnumber,.leather .is2d.is64 fieldnumber{width:12.5%}.leather .is2d .is64 cg-helper,.leather .is2d.is64 cg-helper{width:12.5%;padding-bottom:12.5%}.leather .is2d .is64 cg-container,.leather .is2d.is64 cg-container{width:800%;height:800%}.metal .is2d .is64 cg-board,.metal .is2d.is64 cg-board{background-image:url(../images/board/metal-1024_64.jpg)}.metal .is2d .is64 square,.metal .is2d .is64 piece,.metal .is2d.is64 square,.metal .is2d.is64 piece{width:12.5%;height:12.5%}.metal .is2d .is64 fieldnumber,.metal .is2d.is64 fieldnumber{width:12.5%}.metal .is2d .is64 cg-helper,.metal .is2d.is64 cg-helper{width:12.5%;padding-bottom:12.5%}.metal .is2d .is64 cg-container,.metal .is2d.is64 cg-container{width:800%;height:800%}.maple .is2d .is64 cg-board,.maple .is2d.is64 cg-board{background-image:url(../images/board/maple_64.jpg)}.maple .is2d .is64 square,.maple .is2d .is64 piece,.maple .is2d.is64 square,.maple .is2d.is64 piece{width:12.5%;height:12.5%}.maple .is2d .is64 fieldnumber,.maple .is2d.is64 fieldnumber{width:12.5%}.maple .is2d .is64 cg-helper,.maple .is2d.is64 cg-helper{width:12.5%;padding-bottom:12.5%}.maple .is2d .is64 cg-container,.maple .is2d.is64 cg-container{width:800%;height:800%}cg-board{top:0;left:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;line-height:0;background-size:cover}.manipulable cg-board{cursor:pointer}square{position:absolute;pointer-events:none}square.move-dest{background:radial-gradient(rgba(20,85,30,0.5) 19%, rgba(0,0,0,0) 20%);pointer-events:auto}square.premove-dest{background:radial-gradient(rgba(20,30,85,0.5) 19%, rgba(0,0,0,0) 20%);pointer-events:auto}square.oc.move-dest{background:radial-gradient(transparent 0%, transparent 80%, rgba(20,85,0,0.3) 80%)}square.oc.premove-dest{background:radial-gradient(transparent 0%, transparent 80%, rgba(20,30,85,0.2) 80%)}square.last-move{will-change:transform;background-color:rgba(155,199,0,0.41)}square.check{background:radial-gradient(ellipse at center, red 0%, #e70000 25%, rgba(169,0,0,0) 89%, rgba(158,0,0,0) 100%)}square.selected{background-color:rgba(20,85,30,0.5)}square.current-premove{background-color:rgba(20,30,85,0.5)}square.move-dest:hover{background:rgba(20,85,30,0.3)}square.premove-dest:hover{background:rgba(20,30,85,0.2)}square.bh1 piece{opacity:0.98}piece{position:absolute;top:0;left:0;background-size:cover;z-index:2;will-change:transform;pointer-events:none}piece.dragging{cursor:move;z-index:204}piece.anim{z-index:3}piece.fading{z-index:1;opacity:0.5}piece.ghost{opacity:0.3}piece.black.king1,piece.black.king2,piece.black.king3{text-align:center;color:white}piece.white.king1,piece.white.king2,piece.white.king3{text-align:center;color:black}piece.king1:not(.ghost):before{content:'\25CF';margin-top:90%;display:inline-block}piece.king2:not(.ghost):before{content:'\25CF \25CF';margin-top:90%;display:inline-block}piece.king3:not(.ghost):before{content:'\25CF \25CF \25CF';margin-top:90%;display:inline-block}cg-helper{position:absolute;display:table;bottom:0}cg-container{position:absolute;display:block;bottom:0}.cg-wrap svg{overflow:hidden;position:absolute;top:0px;left:0px;width:100%;height:100%;pointer-events:none;z-index:2;opacity:0.6}.cg-wrap svg image{opacity:0.5}@media (max-width: 979px){.topnav-toggle{display:block;position:absolute;top:-9999px;left:-9999px}.hbg{position:absolute;top:0;left:0;width:var(--site-header-height);height:var(--site-header-height);cursor:pointer;z-index:110}.hbg__in{top:50%;left:8.5px;transition:transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19)}.hbg__in,.hbg__in::after,.hbg__in::before{display:block;margin-top:-1.5px;position:absolute;width:23px;height:2px;border-radius:3px;background-color:#787878}}@media (max-width: 979px) and (min-height: 600px){.hbg__in,.hbg__in::after,.hbg__in::before{width:34px;height:3px}}@media (max-width: 979px) and (min-height: 600px){.hbg__in{left:13px}}@media (max-width: 979px){.hbg__in::after,.hbg__in::before{content:""}.hbg__in::before{top:-6px;transition:top 0.1s 0.25s ease-in, opacity 0.1s ease-in}}@media (max-width: 979px) and (min-height: 600px){.hbg__in::before{top:-9px}}@media (max-width: 979px){.hbg__in::after{bottom:-7px;transition:bottom 0.1s 0.25s ease-in,transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19)}}@media (max-width: 979px) and (min-height: 600px){.hbg__in::after{bottom:-10px}}@media (max-width: 979px){.topnav-toggle:checked ~ .hbg{position:fixed;background:#fff}.topnav-toggle:checked ~ .hbg .hbg__in{transform:rotate(225deg);transition-delay:0.12s;transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}.topnav-toggle:checked ~ .hbg .hbg__in::before{top:0;opacity:0;transition:top 0.1s ease-out, opacity 0.1s 0.12s ease-out}.topnav-toggle:checked ~ .hbg .hbg__in::after{bottom:0;transform:rotate(-90deg);transition:bottom 0.1s ease-out,transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1)}#topnav{display:flex;flex-flow:row wrap;position:fixed;top:var(--site-header-height);bottom:0;left:0;background:#fff;transform:translateX(calc(-100% - 10px));transition:transform 200ms;padding-bottom:1.2rem;overflow-y:auto;-ms-scroll-chaining:none;overscroll-behavior:contain;box-shadow:2px 5px 7px rgba(0,0,0,0.5);border-radius:0 3px 0 0;max-width:80%;z-index:110}}@media (max-width: 979px) and (min-width: 500px){#topnav{max-width:70%}}@media (max-width: 979px){#topnav a{color:#4d4d4d;text-decoration:none;padding:.7em 0;opacity:0;transition:opacity 150ms}#topnav section{flex:1 0 50%;margin-top:1rem}#topnav section>a{font-size:1.2em;padding-left:1.2rem;font-weight:bold;display:block}#topnav section .play{display:none}#topnav section div{display:flex;flex-flow:column}#topnav section div a{padding-left:2.4rem}#topnav section a:active{background:#1b78d0;color:#fff}.topnav-toggle:checked ~ #topnav{transform:translateX(0)}.topnav-toggle:checked ~ #topnav a{opacity:1;transition:opacity 125ms ease-in-out 125ms}body.masked{overflow:hidden}}@media (min-width: 980px){.hamburger,.topnav-mask,.topnav-toggle{display:none}#topnav{--nav-section: 26px;--nav-section-hover: 35px;display:flex}}@media (min-width: 980px) and (min-height: 600px){#topnav{--nav-section: 48px;--nav-section-hover: 53px}}@media (min-width: 980px){#topnav section{position:relative;height:var(--nav-section)}#topnav section>a{color:#5e5e5e;text-shadow:0 1px 0 #fff;display:block;height:var(--nav-section);line-height:var(--site-header-height);padding:0 .7rem;text-transform:uppercase;border-left:2px solid transparent}}@media (min-width: 980px) and (hover: none){#topnav section>a{pointer-events:none}}@media (min-width: 980px){#topnav section .home{display:none}#topnav div{visibility:hidden;max-height:inherit;position:absolute;left:0;background:#fff;min-width:10rem;box-shadow:2px 5px 6px rgba(0,0,0,0.3);border-radius:0 3px 3px 3px;border-left:2px solid #1b78d0}#topnav div a{display:block;padding:.6rem .7rem;color:#4d4d4d}#topnav div a:hover{background:#1b78d0}#topnav div a:hover,#topnav div a:hover::after{color:#fff}#topnav div a:first-child{border-radius:0 3px 0 0}#topnav div a:last-child{border-radius:0 0 3px 1px}#topnav.blind div{display:block;margin-left:-9000px}#topnav.hover section:hover>a,#topnav section:active>a{height:var(--nav-section-hover);background:#fff;color:#4d4d4d;border-color:#1b78d0}#topnav.hover section:hover div,#topnav section:active div{visibility:visible;max-height:auto}}.site-title{font-size:25px;line-height:37px;text-shadow:0 1px 0 #fff;white-space:nowrap;margin:0 .5rem;display:none}@media (min-width: 500px){.site-title{display:block}}@media (max-width: 979px){.site-title{margin-left:calc(.5rem + var(--site-header-height))}}@media (min-height: 600px){.site-title{font-size:30px;line-height:57px}}@media (min-width: 980px) and (min-height: 600px){.site-title{line-height:55px;margin:0 1rem}}.site-title a{color:#4d4d4d;text-decoration:none}.site-title a:hover{color:#1b78d0}.site-title a:hover span{color:#428fd8}.site-title span{color:#787878}.site-title .kiddo{color:#b3b3b3;font-weight:bold;margin-right:.5em}.site-buttons .link,.site-buttons .toggle{display:block;height:var(--site-header-height);line-height:var(--site-header-height)}.site-buttons .link{color:#4d4d4d;font-size:1.1rem;padding:0 .7rem}.site-buttons .link:hover{color:#000}.site-buttons .link span::before{vertical-align:middle}.site-buttons .initiating{justify-content:center;height:300px;width:225px}.site-buttons .dropdown{display:none;position:absolute;right:0;top:var(--dropdown-top);background:#fff;z-index:108}.site-buttons .dropdown a,.site-buttons .dropdown button{color:#4d4d4d}.site-buttons .shown .toggle{background:#fff;color:#4d4d4d}.site-buttons .shown .dropdown{display:block}.site-buttons .signin{margin:0 1rem}.site-buttons .link-center{margin-top:5px;height:inherit;line-height:inherit}#user_tag{padding-right:1rem;white-space:nowrap}#notify-app .initiating{width:25rem}#top{height:var(--site-header-height);display:flex;justify-content:space-between;position:relative;z-index:106;max-width:1800px;margin:0 auto;--dropdown-top: 40px}@media (min-height: 600px){#top{--dropdown-top: 60px}}#topnav .community-patron::after{content:'';font-size:1.3em;color:#d59020;margin:0 0 0.08ch 0.3ch;transform:scaleX(-1)}.site-title-nav{display:flex;justify-content:flex-start}#clinput{display:flex;height:var(--site-header-height)}#clinput input{line-height:var(--site-header-height);background:none;padding:0;border:0;width:0}@media (min-width: 1260px){#clinput input{transition:width 150ms}}body.clinput #clinput input{width:20ch}#clinput input:focus{outline:none}#clinput ::-webkit-input-placeholder{color:#787878}#clinput ::-moz-placeholder{color:#787878}#clinput ::-ms-input-placeholder{color:#787878}#clinput ::placeholder{color:#787878}#clinput .tt-menu .empty,#clinput .tt-menu .spinner{display:none}@media (max-width: 1259px){body.clinput #top #topnav{display:none}}@media (max-width: 649px){body.clinput #top .site-title{display:none}}@media (max-width: 499px){body.clinput #top .site-buttons>*:not(#clinput){display:none}body.clinput #top #clinput{width:75vw}}.main-board__preload{position:absolute}.cg-wrap,.mini-game .cg-wrap{display:table}.box{background:#fff}.box{--box-padding:15px}@media (min-width: 320px){.box{--box-padding:calc(15px + 45 * ((100vw - 320px) / 880))}}@media (min-width: 1200px){.box{--box-padding:60px}}.box-pad .box__top{padding:0 0 var(--box-padding) 0}.box__top{padding:calc(5vh - 1rem) var(--box-padding)}.box__top h1{margin:0}.box__top>h1,.box__top>div,.box__top>form{margin-top:1rem}.box__top__actions{margin-left:-1rem}.box__top__actions>*{margin-left:1rem}.box__top__actions>:not(:first-child){margin-left:1rem}.box:not(.box-pad)>h1{margin:0}@media (min-width: 800px){.box{border-radius:3px}}.button{background:#1b78d0;text-transform:uppercase;padding:.8em 1em;border:none;cursor:pointer;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;transition:all 150ms}.button,.button:visited,.button.disabled:hover{color:#fff}.button:not(.disabled):hover{color:#fff;background:#2b8ae3}.button-no-upper{text-transform:none}.button-thin{padding:.1em 1em;font-size:90%}.button-fat{font-size:1.6rem}.button-green{background:#629924}.button-green:not(.disabled):hover{background:#6da928}.button-red{background:#c33}.button-red:not(.disabled):hover{background:#d76060}.button.button-empty{transition:none;background:none;box-shadow:none}.button.button-empty,.button.button-empty:hover{color:#1b78d0}.button.button-empty.button-red,.button.button-empty.button-red:hover{color:#c33}.button.button-empty.button-green,.button.button-empty.button-green:hover{color:#629924}.button.button-metal,.button.button-metal:hover{color:#787878}.button.disabled{opacity:.5;cursor:not-allowed}.button.active{color:#fff}.button.active:not(.disabled):hover{color:#fff}.user-link{color:#4d4d4d}.user-link.online .line{color:#629924;opacity:.9}.user-link.online .line::before{content:''}.user-link.online .line.patron{opacity:1}.user-link .line{color:#4d4d4d;opacity:0.5;display:inline-block;width:1.5em;text-align:center;vertical-align:text-top}.user-link .line.patron{opacity:0.8}.user-link .line::before{content:'Ò'}.user-link .line.patron::before{content:'' !important}.user-link .line.moderator::before{content:''}.user-link .title{color:#d59020;font-weight:bold}.user-link .title[data-bot]{color:#cd63d9}.user-link .title[data-title64]{color:#b96618}a.user-link:hover{color:#1b78d0}#blind-mode{margin-left:-99999px;height:0}.blind-mode #blind-mode{text-align:center;padding:5px 0;background:#888;margin-left:0;height:auto}.blind-mode .is::before,.blind-mode .is::after,.blind-mode [data-icon]::before{content:none;display:none;visibility:hidden}#friend_box{display:none;position:fixed;bottom:0;right:0;z-index:2;background:#fff;border:1px solid #d9d9d9;border-right:0;border-top-left-radius:3px;font-size:.9rem;min-width:150px;max-height:95%;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow-y:auto}@media (min-width: 980px) and (min-height: 600px){#friend_box{display:block}}@media (hover: hover){#friend_box{overflow:hidden}#friend_box:hover{overflow-y:auto}}#friend_box .friend_box_title{cursor:pointer;padding:3px 5px;border-bottom:1px solid #d9d9d9}#friend_box .content{max-height:80vh;overflow-x:hidden;overflow-y:auto}#friend_box .content div{display:flex}#friend_box .content div:hover{background:#eff5e9}#friend_box .content a{flex:1 1 100%;padding:3px 0px;display:block;transition:background 0.13s}#friend_box .content a:hover{color:#4d4d4d}#friend_box .content a.user-link{max-width:150px}#friend_box .content a.user-link .line::before{color:#629924;content:''}#friend_box .content a.tv{flex:0 0 auto;padding:0 5px}#friend_box .content a.friend-study{flex:0 0 auto;padding:2px 5px 0 5px}#friend_box .content i.line{opacity:0.6}#friend_box .nobody{text-align:center;height:100%;padding:3px 5px}#friend_box .nobody span{display:block;margin:5px}#friend_box a.find{display:none;margin:7px;font-style:normal}#friend_box .nobody:hover a.find{display:block}signal{display:inline-block;height:1em;width:1.5em;overflow:visible;white-space:nowrap}signal>i{width:20%;margin-left:1px;display:inline-block;height:40%;background-color:#7daa49}signal>i:nth-child(2){height:60%}signal>i:nth-child(3){height:80%}signal>i:nth-child(4){height:100%}signal.q1>i{background-color:#c33}signal.q2>i{background-color:#d59020}signal>i.off{background-color:#dbdbdb}#powerTip,#miniGame{width:20rem;min-height:3em;background:#fff;display:none;position:absolute;z-index:120}#powerTip .mini-game__player,#miniGame .mini-game__player{padding:3px .5em .3em .7em}#powerTip .mini-game__player:first-child,#miniGame .mini-game__player:first-child{padding:.3em .5em 3px .7em}#powerTip .info .title{display:block;padding:10px 15px;border-bottom:1px solid #c0c0c0;text-align:center;text-transform:uppercase}#powerTip .info .content{display:block;padding:15px 15px}.upt__info{height:83px;padding:.4em .5em .3em .5em;border-bottom:1px solid #d9d9d9;overflow:hidden}.upt__info__top__country{margin-left:.5em}.upt__info__top .user-link{display:block}.upt__info__top .user-link .line{vertical-align:middle}.upt__info__top__country{font-size:.9em}.upt__info__top__country img{margin-right:.3em}.upt__info__ratings{margin-top:3px}.upt__info__ratings>span{flex:0 0 25%;max-width:25%;padding:2px 3px;text-align:left}.upt__info__warning{text-align:center;color:#c33;flex:1 1 auto}.upt__score{display:block;font-size:1rem;line-height:1.5rem;text-align:center}.upt__actions.btn-rack{width:100%;justify-content:stretch;border:0;border-radius:0}.upt__actions.btn-rack a{flex:0 0 18%}.upt__actions.btn-rack a.relation-button{flex:1 1 auto}.upt__mod{white-space:nowrap}.upt__mod__marks{padding:3px 5px;background:#c33;color:#fff}.upt__mod span{padding:.3em .5em .3em .5em;margin:0}#miniGame{min-height:262px}#miniGame .spinner{margin:82px auto 0 auto}#miniGame cg-board{border-radius:0}.vstext{background:#fff;padding:.3em .6em;color:#4d4d4d}.vstext__center{text-align:center}.vstext__pl,.vstext__op{max-width:45%}.vstext__pl{text-align:left}.vstext__op{text-align:right}.mini-game{display:block}.mini-game,.mini-game:hover{color:#4d4d4d}.mini-game__player{padding:3px 2px 0 2px}.mini-game__player:first-child{padding:0 2px 2px 2px}.mini-game__user{overflow:hidden}.mini-game__user .title{color:#d59020;font-weight:bold}.mini-game__user .title[data-bot]{color:#cd63d9}.mini-game__user .title[data-title64]{color:#b96618}.mini-game .rating,.mini-game .progress{font-size:.9em;margin-left:1ch}.mini-game__clock{padding:0 1ch}.mini-game__clock.clock--run{color:#d64f00;font-weight:bold}.mini-game__result{font-weight:bold;margin-right:1ch}.btn-rack{display:inline-flex;align-items:center;border:1px solid #d9d9d9;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.btn-rack .btn-rack{border:none}.btn-rack__btn,.btn-rack form{justify-content:center;text-align:center;line-height:2rem;cursor:pointer;border-right:1px solid #d9d9d9;color:#4d4d4d}.btn-rack__btn:hover,.btn-rack form:hover{color:#4d4d4d}.btn-rack__btn:last-child,.btn-rack form:last-child{border:0}.btn-rack__btn i,.btn-rack form i{letter-spacing:-1px}.btn-rack__btn{padding:0 .6em}.btn-rack__btn.active{color:#fff}@-webkit-keyframes spinner-rotate{100%{transform:rotate(360deg)}}@keyframes spinner-rotate{100%{transform:rotate(360deg)}}@-webkit-keyframes spinner-dash{0%,10%{stroke-dasharray:1,270;stroke-dashoffset:0}40%{stroke-dasharray:89,240;stroke-dashoffset:0}100%{stroke-dasharray:1,240;stroke-dashoffset:-110}}@keyframes spinner-dash{0%,10%{stroke-dasharray:1,270;stroke-dashoffset:0}40%{stroke-dasharray:89,240;stroke-dashoffset:0}100%{stroke-dasharray:1,240;stroke-dashoffset:-110}}@-webkit-keyframes spinner-color{0%,20%,100%{stroke:#42a5f5}30%,45%{stroke:#f44336}50%,70%{stroke:#fdd835}75%,95%{stroke:#4caf50}}@keyframes spinner-color{0%,20%,100%{stroke:#42a5f5}30%,45%{stroke:#f44336}50%,70%{stroke:#fdd835}75%,95%{stroke:#4caf50}}.spinner{width:70px;height:70px;margin:auto}.spinner svg{-webkit-animation:spinner-rotate 1.5s linear infinite;animation:spinner-rotate 1.5s linear infinite}.spinner circle{stroke:#42a5f5;stroke-width:4;-webkit-animation:spinner-dash 1.275s ease-in-out infinite, spinner-color 5.1s linear infinite;animation:spinner-dash 1.275s ease-in-out infinite, spinner-color 5.1s linear infinite}.white .spinner circle{-webkit-animation:spinner-dash 1.275s ease-in-out infinite;animation:spinner-dash 1.275s ease-in-out infinite;stroke:#fff}@-webkit-keyframes ddloader{0%{background-position:left}100%{background-position:right}}@keyframes ddloader{0%{background-position:left}100%{background-position:right}}.ddloader{background:url("../images/loader/blackx1.png") no-repeat;-webkit-animation:ddloader 0.5s steps(15) infinite;animation:ddloader 0.5s steps(15) infinite;vertical-align:middle;display:inline-block;width:32px;height:8px}@-webkit-keyframes reconnected{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(2.5rem)}}@keyframes reconnected{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(2.5rem)}}#reconnecting{font-size:1.2em;font-weight:bold;position:fixed;background:#c33;color:#fff;position:fixed;bottom:0;left:0;height:2.5rem;padding:0 1rem;border-top-right-radius:3px;z-index:105;opacity:0;transform:translateY(2.5rem)}#reconnecting::before{font-size:1.3em}.offline #reconnecting{transform:translateY(0);opacity:1}.online.reconnected #reconnecting{background:#629924;-webkit-animation:reconnected 2.5s ease-out 1.5s backwards;animation:reconnected 2.5s ease-out 1.5s backwards}.online #reconnecting::before{content:'J'}#announce{font-size:1.4em;position:fixed;background:#1b78d0;color:#fff;position:fixed;bottom:0;left:0;padding:.7rem 1rem;z-index:104;width:100%}@media (min-width: 500px){#announce{width:auto;border-top-right-radius:3px}}#announce a{color:#fff}#announce time{margin-left:1rem}#announce .actions a{font-weight:bold;margin-left:1rem}#announce.announce{flex-flow:row nowrap;background:#d64f00}