html{font-family:"Noto Sans",Sans-Serif}.site-title,.ninja-title{font-family:"Noto Sans",Sans-Serif}.btn-rack__btn i,.btn-rack form i,.mini-game__clock,.mini-game .rating,h1,h2,h3,h4{font-family:"Roboto",Sans-Serif}.button{font-family:"Roboto",Sans-Serif;font-weight:600}#clinput input,.subnav a{color:#999}.btn-rack__btn,.btn-rack form,#friend_box .friend_box_title,.button.button-metal,.button.button-empty:not(.disabled):hover,.button.button-empty.button-green:not(.disabled):hover,.button.button-empty.button-red:not(.disabled):hover{background:linear-gradient(to bottom, hsl(37, 7%, 22%), hsl(37, 5%, 19%) 100%)}.btn-rack__btn:hover,.btn-rack form:hover,#friend_box .friend_box_title:hover,.button.button-metal:not(.disabled):hover{background:linear-gradient(to bottom, hsl(37, 7%, 25%), hsl(37, 5%, 22%) 100%);color:#ccc}.btn-rack__btn.active,.button.active,.data-count::after,.unread{box-shadow:0 3px 4px rgba(0,0,0,.15) inset}.btn-rack__btn.active,.button.active,.data-count::after,.unread{background:#d64f00;color:#fff;text-shadow:0 1px 1px #000 !important}.button.active:not(.disabled):hover{background:#de7233}.site-buttons .dropdown{box-shadow:-1px 5px 6px rgba(0,0,0,.3)}#announce,#reconnecting,#powerTip,#miniGame,#miniBoard{box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22)}.button.button-empty:not(.disabled):hover,.button{box-shadow:0 2px 5px 0 rgba(0,0,0,.225)}.button:not(.disabled):hover{box-shadow:0 4px 10px 0px rgba(0,0,0,.225)}.button-link{background:none;border:none;outline:none;color:#bababa;align-items:normal}.button:not(.disabled):focus{box-shadow:0 0 12px #6b6b6b}.mini-game,.user-link,.subnav a{white-space:nowrap;overflow:hidden}.box__top,.box-pad{padding:5vh var(--box-padding)}.box__pad{padding:0 var(--box-padding)}.upt__info__top .user-link,#friend_box .content a.user-link{overflow:hidden;text-overflow:ellipsis}.mini-board,.mini-game .cg-wrap,.main-board{position:relative;display:block;height:0;padding-bottom:100%;width:100%}.user-link .line,#topnav .community-patron::after,.rp::before,.is::before,[data-icon]::before,.is-after::after{font-size:1.2em;vertical-align:middle;font-family:"lichess";font-style:normal;font-weight:normal;text-transform:none;speak:none;content:attr(data-icon);opacity:.9;unicode-bidi:isolate}.fullscreen-mask{position:fixed;top:0;left:0;bottom:0;right:0;background:rgba(0,0,0,.6);z-index:109}.main-board .cg-wrap,cg-board{position:absolute;width:100%;height:100%}.box__top__actions{display:flex;flex-flow:row wrap}.upt__info__warning,.upt__info__top__country,.button-set,.box__top__actions .button,.site-title-nav__donate,#topnav .community-patron,.site-buttons .initiating{display:flex;flex-flow:row wrap;align-items:center}#agreement,#reconnecting,.btn-rack__btn,.btn-rack form,.upt__info__top .left,.site-buttons{display:flex;flex-flow:row nowrap;align-items:center}#announce,.upt__mod,.upt__info__ratings,.upt__info__top,.box__top{display:flex;flex-flow:row wrap;align-items:center;justify-content:space-between}.mini-game__player{display:flex;flex-flow:row nowrap;align-items:center;justify-content:space-between}.upt__info{display:flex;flex-flow:column}.btn-rack,.button,.data-count::after,.unread,input,textarea,select,#powerTip,#miniGame,#miniBoard{border-radius:3px}#powerTip,#miniGame,#miniBoard{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}.upt__actions.btn-rack,.box,cg-board{box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12)}html{box-sizing:border-box;min-height:100%;color-scheme:dark}*,*::before,*::after{box-sizing:inherit;margin:0;padding:0}@media(prefers-reduced-motion: reduce){*,*::before,*::after{animation:none !important;transition:none !important}}body{background:#161512 linear-gradient(to bottom, hsl(37, 12%, 16%), hsl(37, 10%, 8%) 116px) no-repeat;color:#bababa;direction:ltr;text-align:left;overflow-x:hidden}body.fixed-scroll{overflow-y:scroll}a{color:#3692e7;text-decoration:none}a:hover,a:active,a:focus{color:#57aeff}p{margin-bottom:1em;unicode-bidi:plaintext}em,i{font-style:normal}li{list-style:none}time{font-size:90%;opacity:.9}hr{margin:1.5rem 0;border:0;height:1px;background:#404040}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:#bababa;outline-color:#3692e7}option,optgroup{background:#262421;color:#ccc}input,textarea,select{background:#24221e;border:1px solid #404040;padding:.6em 1em}textarea{overflow:auto;resize:vertical;padding:.8em 1em}button,a{cursor:pointer}::placeholder{color:#999}.copyable{background:#262421;color:#ccc}input:-webkit-autofill,textarea:-webkit-autofill,select:-webkit-autofill{border:1px solid #404040;-webkit-text-fill-color:#bababa;-webkit-box-shadow:0 0 0px 1000px #2a2e1f inset}@font-face{font-family:"lichess";font-display:block;src:url(../font/lichess.woff2) format("woff2"),url(../font/lichess.woff) format("woff")}@font-face{font-family:"Noto Chess";font-display:block;src:url(../font/lichess.chess.woff2) format("woff2"),url(../font/lichess.chess.woff) format("woff")}@font-face{font-family:"Noto Sans";src:local("Noto Sans"),local("NotoSans"),url(../font/noto-sans-cyrillic-ext.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";src:local("Noto Sans"),local("NotoSans"),url(../font/noto-sans-cyrillic.woff2) format("woff2");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:"Noto Sans";src:local("Noto Sans"),local("NotoSans"),url(../font/noto-sans-devanagari.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";src:local("Noto Sans"),local("NotoSans"),url(../font/noto-sans-greek-ext.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:"Noto Sans";src:local("Noto Sans"),local("NotoSans"),url(../font/noto-sans-greek.woff2) format("woff2");unicode-range:U+0370-03FF}@font-face{font-family:"Noto Sans";src:local("Noto Sans"),local("NotoSans"),url(../font/noto-sans-vietnamese.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Noto Sans";src:local("Noto Sans"),local("NotoSans"),url(../font/noto-sans-v14-latin-ext-regular.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";src:local("Noto Sans"),local("NotoSans"),url(../font/noto-sans-v14-latin-regular.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-weight:700;src:local("Noto Sans Bold"),local("NotoSans-Bold"),url(../font/noto-sans-bold-cyrillic-ext.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-weight:700;src:local("Noto Sans Bold"),local("NotoSans-Bold"),url(../font/noto-sans-bold-cyrillic.woff2) format("woff2");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:"Noto Sans";font-weight:700;src:local("Noto Sans Bold"),local("NotoSans-Bold"),url(../font/noto-sans-bold-devanagari.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-weight:700;src:local("Noto Sans Bold"),local("NotoSans-Bold"),url(../font/noto-sans-bold-greek-ext.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:"Noto Sans";font-weight:700;src:local("Noto Sans Bold"),local("NotoSans-Bold"),url(../font/noto-sans-bold-greek.woff2) format("woff2");unicode-range:U+0370-03FF}@font-face{font-family:"Noto Sans";font-weight:700;src:local("Noto Sans Bold"),local("NotoSans-Bold"),url(../font/noto-sans-bold-vietnamese.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Noto Sans";font-weight:700;src:local("Noto Sans Bold"),local("NotoSans-Bold"),url(../font/noto-sans-v14-latin-ext-700.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-weight:700;src:local("Noto Sans Bold"),local("NotoSans-Bold"),url(../font/noto-sans-v14-latin-700.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-weight:300;src:local("Roboto Light"),local("Roboto-Light"),url(../font/roboto-light-cyrillic-ext.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-weight:300;src:local("Roboto Light"),local("Roboto-Light"),url(../font/roboto-light-cyrillic.woff2) format("woff2");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:"Roboto";font-weight:300;src:local("Roboto Light"),local("Roboto-Light"),url(../font/roboto-light-greek-ext.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:"Roboto";font-weight:300;src:local("Roboto Light"),local("Roboto-Light"),url(../font/roboto-light-greek.woff2) format("woff2");unicode-range:U+0370-03FF}@font-face{font-family:"Roboto";font-weight:300;src:local("Roboto Light"),local("Roboto-Light"),url(../font/roboto-light-vietnamese.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Roboto";font-weight:300;src:local("Roboto Light"),local("Roboto-Light"),url(../font/roboto-light-latin-ext.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-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{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:#2e7cc4}h1 a:hover{color:#3692e7}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;margin-inline:0 .4em}.is-green::before{color:#629924}.is-red::before{color:#c33}.is-gold::before{color:#bf811d}.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:""}bad.rp::before{content:""}good{color:#629924}bad{color:#c33}.infinite-scroll .pager{text-align:center;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: 799.3px){body{--main-margin: 1vw;margin-bottom:2vmin}}#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: 799.29px){.subnav{display:grid;grid-template-columns:repeat(auto-fit, minmax(17ch, 1fr));grid-gap:3px;margin-bottom:3px;background:#161512}.subnav a{border-radius:3px;box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);font-family:roboto;display:flex;align-items:center;color:#bababa;padding:.6rem 0 .6rem .5rem;letter-spacing:-0.06em;background:#262421}.subnav a:hover{color:#3692e7}.subnav a.active{background:#3692e7;color:#fff}.subnav .sep{display:none}}@media(min-width: 799.3px){.subnav{margin-top:5px;z-index:2}.subnav a{display:block;color:#999;padding:.7rem 2vw .7rem .8rem;position:relative}.subnav a::after{content:"";background:rgba(214,79,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: 799.3px){.page-menu{grid-template-columns:max-content auto;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 cg-board{background-image:url("../images/board/svg/blue.svg")}.blue .is2d coords{--cg-ccw: #dee3e6;--cg-ccb: #788a94;--cg-cs: none}.blue2 .is2d cg-board{background-image:url("../images/board/blue2.jpg")}.blue2 .is2d coords{--cg-ccw: #97b2c7;--cg-ccb: #546f82;--cg-cs: none}.blue3 .is2d cg-board{background-image:url("../images/board/blue3.jpg")}.blue3 .is2d coords{--cg-ccw: #d9e0e6;--cg-ccb: #315991;--cg-cs: none}.blue-marble .is2d cg-board{background-image:url("../images/board/blue-marble.jpg")}.blue-marble .is2d coords{--cg-ccw: #eae6dd;--cg-ccb: #7c7f87;--cg-cs: none}.canvas .is2d cg-board{background-image:url("../images/board/canvas2.jpg")}.canvas .is2d coords{--cg-ccw: #d7daeb;--cg-ccb: #547388;--cg-cs: none}.wood .is2d cg-board{background-image:url("../images/board/wood.jpg")}.wood .is2d coords{--cg-ccw: #d8a45b;--cg-ccb: #9b4d0f;--cg-cs: none}.wood2 .is2d cg-board{background-image:url("../images/board/wood2.jpg")}.wood2 .is2d coords{--cg-ccw: #a38b5d;--cg-ccb: #6c5017;--cg-cs: none}.wood3 .is2d cg-board{background-image:url("../images/board/wood3.jpg")}.wood3 .is2d coords{--cg-ccw: #d0ceca;--cg-ccb: #755839;--cg-cs: none}.wood4 .is2d cg-board{background-image:url("../images/board/wood4.jpg")}.wood4 .is2d coords{--cg-ccw: #caaf7d;--cg-ccb: #7b5330;--cg-cs: none}.maple .is2d cg-board{background-image:url("../images/board/maple.jpg")}.maple .is2d coords{--cg-ccw: #e8ceab;--cg-ccb: #bc7944;--cg-cs: none}.maple2 .is2d cg-board{background-image:url("../images/board/maple2.jpg")}.maple2 .is2d coords{--cg-ccw: #e2c89f;--cg-ccb: #996633;--cg-cs: none}.leather .is2d cg-board{background-image:url("../images/board/leather.jpg")}.leather .is2d coords{--cg-ccw: #d1d1c9;--cg-ccb: #c28e16;--cg-cs: none}.green .is2d cg-board{background-image:url("../images/board/svg/green.svg")}.green .is2d coords{--cg-ccw: #ffffdd;--cg-ccb: #6d8753;--cg-cs: none}.brown .is2d cg-board{background-image:url("../images/board/svg/brown.svg")}.brown .is2d coords{--cg-ccw: #f0d9b5;--cg-ccb: #946f51;--cg-cs: none}.pink .is2d cg-board{background-image:url("../images/board/pink-pyramid.png")}.pink .is2d coords{--cg-ccw: #e8e9b7;--cg-ccb: #ed7272;--cg-cs: none}.marble .is2d cg-board{background-image:url("../images/board/marble.jpg")}.marble .is2d coords{--cg-ccw: #93ab91;--cg-ccb: #4f644e;--cg-cs: none}.green-plastic .is2d cg-board{background-image:url("../images/board/green-plastic.png")}.green-plastic .is2d coords{--cg-ccw: #f2f9bb;--cg-ccb: #59935d;--cg-cs: none}.grey .is2d cg-board{background-image:url("../images/board/grey.jpg")}.grey .is2d coords{--cg-ccw: #b8b8b8;--cg-ccb: #7d7d7d;--cg-cs: none}.metal .is2d cg-board{background-image:url("../images/board/metal.jpg")}.metal .is2d coords{--cg-ccw: #c9c9c9;--cg-ccb: #727272;--cg-cs: none}.olive .is2d cg-board{background-image:url("../images/board/olive.jpg")}.olive .is2d coords{--cg-ccw: #b8b19f;--cg-ccb: #6d6655;--cg-cs: none}.newspaper .is2d cg-board{background-image:url("../images/board/newspaper.png")}.newspaper .is2d coords{--cg-ccw: #fff;--cg-ccb: #8d8d8d;--cg-cs: none}.purple .is2d cg-board{background-image:url("../images/board/svg/purple.svg")}.purple .is2d coords{--cg-ccw: #9f90b0;--cg-ccb: #7d4a8d;--cg-cs: none}.purple-diag .is2d cg-board{background-image:url("../images/board/purple-diag.png")}.purple-diag .is2d coords{--cg-ccw: #e5daf0;--cg-ccb: #957ab0;--cg-cs: none}.ic .is2d cg-board{background-image:url("../images/board/svg/ic.svg")}.ic .is2d coords{--cg-ccw: #ececec;--cg-ccb: #c1c18e;--cg-cs: none}.horsey .is2d cg-board{background-image:url("../images/board/horsey.jpg")}.horsey .is2d coords{--cg-ccw: #f0d9b5;--cg-ccb: #946f51;--cg-cs: none}body.dark-board{--dark-factor: 0.4}body.dark-board cg-board,body.dark-board .is3d cg-board::before{background-color:rgba(0, 0, 0, var(--dark-factor));background-blend-mode:darken}body.dark-board.coords-in coord{color:#fff !important;opacity:calc(1 - var(--dark-factor))}body.dark-board cg-board square{opacity:calc(1 - var(--dark-factor))}body.dark-board cg-board piece{filter:brightness(calc(1 - 0.6 * var(--dark-factor)))}cg-board{top:0;left:0;user-select:none;line-height:0;background-size:cover}.manipulable cg-board{cursor:pointer}square{position:absolute;top:0;left:0;width:12.5%;height:12.5%;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 79%, rgba(20, 85, 0, 0.3) 80%)}square.oc.premove-dest{background:radial-gradient(transparent 0%, transparent 79%, rgba(20, 30, 85, 0.2) 80%)}body.green square.last-move,body.green-plastic square.last-move,body.marble square.last-move{background-color:rgba(0,155,199,.41)}square.last-move{will-change:transform;background-color:rgba(155,199,0,.41)}body.horsey square.last-move:not(.move-dest){background:url(../images/board/horsey.last-move.png);background-size:cover}square.check{background:radial-gradient(ellipse at center, rgb(255, 0, 0) 0%, rgb(231, 0, 0) 25%, rgba(169, 0, 0, 0) 89%, rgba(158, 0, 0, 0) 100%)}square.selected{background-color:rgba(20,85,30,.5)}body.horsey square.selected{background:url(../images/board/horsey.selected.png);background-size:cover}square.current-premove{background-color:rgba(20,30,85,.5) !important}body.horsey square.current-premove{background:url(../images/board/horsey.current-premove.png);background-size:cover}square.move-dest:hover{background:rgba(20,85,30,.3)}body.horsey square.move-dest:hover{background:url(../images/board/horsey.move-dest.png);background-size:cover}square.premove-dest:hover{background:rgba(20,30,85,.2)}square.bh1 piece{opacity:.98}piece{position:absolute;top:0;left:0;width:12.5%;height:12.5%;background-size:cover;z-index:2;will-change:transform;pointer-events:none}piece.dragging{cursor:move;z-index:204 !important}piece.anim{z-index:3}piece.fading{z-index:1;opacity:.5}piece.ghost{opacity:.3}cg-container{position:absolute;width:100%;height:100%;display:block;top:0;right:0}cg-container .cg-shapes,cg-container .cg-custom-svgs,cg-auto-pieces{overflow:visible;position:absolute;top:0px;left:0px;width:100%;height:100%;pointer-events:none}cg-container .cg-shapes{opacity:.6;z-index:2}cg-container .cg-custom-svgs{z-index:4}cg-container .cg-shapes{overflow:hidden}cg-container .cg-custom-svgs svg{overflow:visible}cg-auto-pieces{z-index:2}cg-auto-pieces piece{opacity:.3}@media(max-width: 979.29px){.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 .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:#999}}@media(max-width: 979.29px)and (min-height: 600px){.hbg__in,.hbg__in::after,.hbg__in::before{width:34px;height:3px}}@media(max-width: 979.29px)and (min-height: 600px){.hbg__in{left:13px}}@media(max-width: 979.29px){.hbg__in::after,.hbg__in::before{content:""}}@media(max-width: 979.29px){.hbg__in::before{top:-6px;transition:top .1s .25s ease-in,opacity .1s ease-in}}@media(max-width: 979.29px)and (min-height: 600px){.hbg__in::before{top:-9px}}@media(max-width: 979.29px){.hbg__in::after{bottom:-7px;transition:bottom .1s .25s ease-in,transform .22s cubic-bezier(0.55, 0.055, 0.675, 0.19)}}@media(max-width: 979.29px)and (min-height: 600px){.hbg__in::after{bottom:-10px}}@media(max-width: 979.29px){.topnav-toggle:checked~.hbg{position:fixed;background:#262421}.topnav-toggle:checked~.hbg .hbg__in{transform:rotate(225deg);transition-delay:.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 .1s ease-out,opacity .1s .12s ease-out}.topnav-toggle:checked~.hbg .hbg__in::after{bottom:0;transform:rotate(-90deg);transition:bottom .1s ease-out,transform .22s .12s cubic-bezier(0.215, 0.61, 0.355, 1)}}@media(max-width: 979.29px){#topnav{display:flex;flex-flow:row wrap;position:fixed;top:var(--site-header-height);bottom:0;left:0;background:#262421;transform:translateX(calc(-100% * 1 - 10px * 1));transition:transform 200ms;padding-bottom:1.2rem;overflow-y:auto;overscroll-behavior:contain;box-shadow:2px 5px 7px rgba(0,0,0,.5);border-radius:0 3px 0 0;max-width:80%;z-index:110}}@media(max-width: 979.29px)and (min-width: 499.3px){#topnav{max-width:70%}}@media(max-width: 979.29px){#topnav a{color:#bababa;text-decoration:none;padding:.7em 0;opacity:0;transition:opacity 150ms}}@media(max-width: 979.29px){#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:#3692e7;color:#fff}}@media(max-width: 979.29px){.topnav-toggle:checked~#topnav{transform:translateX(0)}.topnav-toggle:checked~#topnav a{opacity:1;transition:opacity 125ms ease-in-out 125ms}}@media(max-width: 979.29px){body.masked{overflow:hidden}}@media(min-width: 979.3px){.hbg,.site-title-nav .fullscreen-mask,.topnav-toggle{display:none !important}#topnav{--nav-section: 26px;--nav-section-hover: 35px;display:flex}}@media(min-width: 979.3px)and (min-height: 600px){#topnav{--nav-section: 48px;--nav-section-hover: 53px}}@media(min-width: 979.3px){#topnav section{position:relative;height:var(--nav-section)}#topnav section>a{color:#999;text-shadow:none;display:block;height:var(--nav-section);line-height:var(--site-header-height);padding:0 .7rem;text-transform:uppercase;border-left:2px solid rgba(0,0,0,0)}#topnav section .home{display:none}}@media(min-width: 979.3px){#topnav div{visibility:hidden;max-height:inherit;position:absolute;left:0;background:#3c3934;min-width:10rem;box-shadow:2px 5px 6px rgba(0,0,0,.3);border-radius:0 3px 3px 3px;border-left:2px solid #3692e7}#topnav div a{display:block;padding:.6rem .7rem;color:#ccc}#topnav div a:hover{background:#3692e7}#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}}@media(min-width: 979.3px){#topnav.blind div{display:block;margin-left:-9000px}}@media(min-width: 979.3px){#topnav.hover section:hover>a,#topnav section:active>a{height:var(--nav-section-hover);background:#3c3934;color:#ccc;border-color:#3692e7}#topnav.hover section:hover div,#topnav section:active div{visibility:visible;max-height:none}}.site-title{font-size:25px;line-height:37px;text-shadow:none;white-space:nowrap;margin:0 .5rem;display:none}@media(min-width: 499.3px){.site-title{display:block}}@media(max-width: 979.29px){.site-title{margin-left:calc(0.5rem + var(--site-header-height))}}@media(min-height: 600px){.site-title{font-size:30px;line-height:57px}}@media(min-width: 979.3px)and (min-height: 600px){.site-title{line-height:55px;margin:0 1rem 0 1.5rem}}.site-title a{color:#bababa;text-decoration:none}.site-title a:hover{color:#3692e7}.site-title a:hover span{color:#2e7cc4}.site-title span{color:#999}.site-title .kiddo{color:#6b6b6b;font-weight:bold;margin-right:.5em}.site-buttons .toggle,.site-buttons .link{display:block;height:var(--site-header-height);line-height:var(--site-header-height)}.site-buttons .link{color:#bababa;font-size:1.1rem;padding:0 .7rem}.site-buttons .link:hover{color:#e3e3e3}.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:#3c3934;z-index:108}.site-buttons .dropdown a,.site-buttons .dropdown button{color:#ccc}.site-buttons .shown .toggle{background:#3c3934;color:#ccc}.site-buttons .shown .dropdown{display:block}.site-buttons .signin{margin:0 1rem}.site-buttons .link-center{height:inherit;line-height:inherit}.site-buttons .report-score:not(.report-score--high)::after{background:#161512;color:#bf811d;text-shadow:none;font-weight:normal}.site-buttons .report-score--low::after{color:#629924 !important}#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;user-select:none;--dropdown-top: 40px}@media(min-height: 600px){#top{--dropdown-top: 60px}}#topnav .community-patron::after{content:"";font-size:1.3em;color:#bf811d;margin:0 0 .08ch .3ch;transform:scaleX(-1)}.site-title-nav{display:flex;justify-content:flex-start}.site-title-nav__donate{color:#bf811d;margin-left:1rem;text-transform:uppercase;line-height:var(--site-header-height)}@media(max-width: 499.29px){.site-title-nav__donate{display:none}}#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: 1259.3px){#clinput input{transition:width 150ms}}body.clinput #clinput input{width:20ch}#clinput input:focus{outline:none}@media(max-width: 1259.29px){body.clinput #top #topnav{display:none}}@media(max-width: 649.29px){body.clinput #top .site-title{display:none}}@media(max-width: 499.29px){body.clinput #top .site-buttons>*:not(#clinput){display:none}body.clinput #top #clinput{width:75vw}}.main-board{direction:ltr}.main-board__preload{position:absolute}.box{background:#262421}.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 5vh 0}.box__top{gap:1rem}.box__top__actions>:not(:first-child){margin-left:1rem}@media(min-width: 799.3px){.box{border-radius:3px}}.button{background:#3692e7;text-transform:uppercase;padding:.8em 1em;border:none;cursor:pointer;text-align:center;user-select:none;white-space:nowrap;display:inline-block;transition:all 150ms}.button,.button:visited,.button:focus{color:#fff}.button:not(.disabled):hover{color:#fff;background:#56a3eb}.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-link{color:#3692e7}.button-link:hover,.button-link:active,.button-link:focus{color:#57aeff}.button.button-empty{transition:none;background:none;box-shadow:none}.button.button-empty,.button.button-empty:hover{color:#3692e7}.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:#999}.button.disabled{opacity:.5;cursor:not-allowed}.button.active{color:#fff}.button.active:not(.disabled):hover{color:#fff}.button-set{gap:1.5em}.user-link{color:#bababa}.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:#bababa;opacity:.5;display:inline-block;width:1.5em;text-align:center;vertical-align:text-top}.user-link .line.patron{opacity:.8}.user-link .line::before{content:""}.user-link .line.patron::before{content:"" !important}.user-link .line.moderator::before{content:""}a.user-link:hover{color:#3692e7}.utitle{color:#bf811d;font-weight:bold}.utitle[data-bot]{color:#b72fc6}#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:#3c3934;border:1px solid #404040;border-right:0;border-bottom:0;border-top-left-radius:3px;font-size:.9rem;min-width:150px;max-height:95%;backface-visibility:hidden;overflow-y:auto}@media(min-width: 979.3px)and (min-height: 600px){#friend_box{display:block}}@media(hover: hover){#friend_box:not(:hover){scrollbar-width:none}#friend_box:not(:hover)::-webkit-scrollbar{display:none}}#friend_box .friend_box_title{cursor:pointer;padding:3px 5px;border-bottom:1px solid #404040}#friend_box .content{max-height:80vh;overflow-x:hidden;overflow-y:auto}#friend_box .content div{display:flex}#friend_box .content div:hover{background:#404332}#friend_box .content a{flex:1 1 100%;padding:3px 0px;display:block;transition:background .13s}#friend_box .content a:hover{color:#bababa}#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:.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:#4e7a1d}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:#bf811d}signal>i.off{background-color:#4d4d4d}#powerTip,#miniGame,#miniBoard{width:20rem;min-height:3em;background:#3c3934;display:none;position:absolute;z-index:120}#powerTip .mini-game__player,#miniGame .mini-game__player,#miniBoard .mini-game__player{padding:3px .5em .3em .7em}#powerTip .mini-game__player:first-child,#miniGame .mini-game__player:first-child,#miniBoard .mini-game__player:first-child{padding:.3em .5em 3px .7em}.upt__info{height:83px;padding:.4em .5em .3em .5em;border-bottom:1px solid #404040;overflow:hidden}body.no-rating .upt__info{height:30px}.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,#miniBoard{min-height:262px}#miniGame .spinner,#miniBoard .spinner{margin:82px auto 0 auto}#miniGame cg-board,#miniBoard cg-board{border-radius:0}.mini-game{display:block}.mini-game,.mini-game:hover{color:#bababa}.mini-game__player{padding:3px 2px 0 2px}.mini-game__player:first-child{padding:0 2px 2px 2px}.mini-game__user{display:flex;align-items:baseline;overflow:hidden}.mini-game .name{overflow:hidden;text-overflow:ellipsis}.mini-game .rating{font-size:.9em;margin-left:1ch}.mini-game__clock{padding-left:2ch}.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 #404040;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 #404040;color:#bababa;white-space:nowrap}.btn-rack__btn:hover,.btn-rack form:hover{color:#bababa}.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}@keyframes mask1{0%{stroke-dashoffset:180.87}100%{stroke-dashoffset:-180.87}}@keyframes mask2{0%{stroke-dashoffset:214.83}100%{stroke-dashoffset:-146.91}}@keyframes mask3{0%{stroke-dashoffset:257.43}100%{stroke-dashoffset:-104.31}}@keyframes spinner-color{0%,100%{stroke:#3692e7}25%{stroke:#c33}50%{stroke:#629924}75%{stroke:#bf811d}}@keyframes spinner-color{0%,100%{stroke:#42a5f5}25%{stroke:#f44336}50%{stroke:#fdd835}75%{stroke:#4caf50}}.spinner{width:70px;height:70px;margin:auto}.spinner path{animation:mask1 2.75s cubic-bezier(0.49, 0.67, 0.45, 0.29) infinite}.spinner path:nth-child(2){animation-name:mask2}.spinner path:nth-child(3){animation-name:mask3}.spinner g{animation:spinner-color 11s steps(1) infinite !important;stroke-dasharray:180.87 180.87}.white .spinner path{stroke:#fff}@keyframes ddloader{0%{background-position:left}100%{background-position:right}}.ddloader{background:url("../images/loader/whitex1.png") no-repeat;animation:ddloader .5s steps(15) infinite !important;vertical-align:middle;display:inline-block;width:32px;height:8px}@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;animation:reconnected 2.5s ease-out 1.5s backwards}.online #reconnecting::before{content:""}#announce{position:fixed;bottom:0;left:0;font-size:1.4em;background:#3692e7;color:#fff;padding:.7rem 1rem;z-index:104;width:100%}@media(min-width: 499.3px){#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}#agreement{position:fixed;bottom:0;left:0;right:0;background:#262421;border-top:1px solid #404040;padding:.7rem 2vw;z-index:104}#agreement button{margin-left:1em}