html{font-family:'Noto Sans', Sans-Serif}.ninja-title,.site-title{font-family:'Noto Sans', Sans-Serif}h1,h2,h3,h4,.mini-game .rating,.mini-game__clock,.btn-rack__btn i,.btn-rack form i{font-family:'Roboto', Sans-Serif}.button{font-family:'Roboto', Sans-Serif;font-weight:600}.subnav a,#clinput input{color:#999}.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, #3c3934, #33312e 100%)}.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, #44413b, #3b3935 100%);color:#ccc}.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)}.button:not(.disabled):focus{box-shadow:0 0 12px #999}.subnav a,.user-link,.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{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 a[href='/patron']::after,.user-link .line{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: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 a[href='/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}.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,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}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%;color-scheme:dark}*,*::before,*::after{box-sizing:inherit;margin:0;padding:0}body{background:#161512 linear-gradient(to bottom, #2e2a24, #161512 116px) no-repeat;color:#bababa;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}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:#404040}small{font-size:0.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:0.6em 1em}textarea{overflow:auto;resize:vertical;padding:0.8em 1em}button,a{cursor:pointer}::-moz-placeholder{color:#999}::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 #2b2e1e inset}@font-face{font-family:'lichess';font-display:block;src:url(../fonts/lichess.woff2) format("woff2"),url(../fonts/lichess.woff) format("woff")}@font-face{font-family:'Noto Chess';font-display:block;src:url(../fonts/lichess.chess.woff2) format("woff2"),url(../fonts/lichess.chess.woff) format("woff")}@font-face{font-family:'Noto Sans';src:local("Noto Sans"),local("NotoSans"),url(../fonts/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(../fonts/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(../fonts/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(../fonts/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(../fonts/noto-sans-greek.woff2) format("woff2");unicode-range:U+0370-03FF}@font-face{font-family:'Noto Sans';src:local("Noto Sans"),local("NotoSans"),url(../fonts/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(../fonts/noto-sans-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:'Noto Sans';src:local("Noto Sans"),local("NotoSans"),url(../fonts/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-weight:700;src:local("Noto Sans Bold"),local("NotoSans-Bold"),url(../fonts/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(../fonts/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(../fonts/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(../fonts/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(../fonts/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(../fonts/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(../fonts/noto-sans-bold-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:'Noto Sans';font-weight:700;src:local("Noto Sans Bold"),local("NotoSans-Bold"),url(../fonts/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-weight:300;src:local("Roboto Light"),local("Roboto-Light"),url(../fonts/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(../fonts/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(../fonts/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(../fonts/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(../fonts/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(../fonts/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(../fonts/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;}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:#2e7cc5}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:0.4em}.user-link.online .line,.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:0.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: 800px){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: 799px){.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,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:#bababa;padding:0.6rem 0 0.6rem 0.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: 800px){.subnav{margin-top:5px;z-index:2}.subnav a{display:block;color:#999;padding:0.7rem 2vw 0.7rem 0.8rem;position:relative}.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 cg-board{background-image:url(../images/board/svg/blue.svg)}.blue2 .is2d cg-board{background-image:url(../images/board/blue2.jpg)}.blue-marble .is2d cg-board{background-image:url(../images/board/blue-marble.jpg)}.wood2 .is2d cg-board{background-image:url(../images/board/wood2.jpg)}.wood3 .is2d cg-board{background-image:url(../images/board/wood3.jpg)}.wood4 .is2d cg-board{background-image:url(../images/board/wood4.jpg)}.blue3 .is2d cg-board{background-image:url(../images/board/blue3.jpg)}.marble .is2d cg-board{background-image:url(../images/board/marble.jpg)}.brown .is2d cg-board{background-image:url(../images/board/svg/brown.svg)}.green .is2d cg-board{background-image:url(../images/board/svg/green.svg)}.green-plastic .is2d cg-board{background-image:url(../images/board/green-plastic.png)}.olive .is2d cg-board{background-image:url(../images/board/olive.jpg)}.purple .is2d cg-board{background-image:url(../images/board/svg/purple.svg)}.purple-diag .is2d cg-board{background-image:url(../images/board/purple-diag.png)}.grey .is2d cg-board{background-image:url(../images/board/grey.jpg)}.wood .is2d cg-board{background-image:url(../images/board/wood.jpg)}.canvas .is2d cg-board{background-image:url(../images/board/canvas2.jpg)}.leather .is2d cg-board{background-image:url(../images/board/leather.jpg)}.metal .is2d cg-board{background-image:url(../images/board/metal.jpg)}.maple .is2d cg-board{background-image:url(../images/board/maple.jpg)}.maple2 .is2d cg-board{background-image:url(../images/board/maple2.jpg)}.newspaper .is2d cg-board{background-image:url(../images/board/newspaper.png)}.pink .is2d cg-board{background-image:url(../images/board/pink-pyramid.png)}.ic .is2d cg-board{background-image:url(../images/board/svg/ic.svg)}.horsey .is2d cg-board{background-image:url(../images/board/horsey.jpg)}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;-webkit-user-select:none;-moz-user-select:none;user-select:none;line-height:0;background-size:cover}.manipulable cg-board{cursor:pointer}square{position:absolute;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,0.41)}square.last-move{will-change:transform;background-color:rgba(155,199,0,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, 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)}body.horsey square.selected{background:url(../images/board/horsey.selected.png);background-size:cover}square.current-premove{background-color:rgba(20,30,85,0.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,0.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,0.2)}square.bh1 piece{opacity:0.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}piece.anim{z-index:3}piece.fading{z-index:1;opacity:0.5}piece.ghost{opacity:0.3}cg-container{position:absolute;width:100%;height:100%;display:block;top:0;right:0}cg-container .cg-shapes,cg-container .cg-custom-svgs{overflow:hidden;position:absolute;top:0px;left:0px;width:100%;height:100%;pointer-events:none}cg-container .cg-shapes{opacity:0.6;z-index:2}cg-container .cg-shapes image{opacity:0.5}cg-container .cg-custom-svgs{z-index:4;overflow:visible}cg-container .cg-custom-svgs svg{overflow:visible}@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:#999}}@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:#262421}.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:#262421;transform:translateX(calc(-100% - 10px));transition:transform 200ms;padding-bottom:1.2rem;overflow-y:auto;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:#bababa;text-decoration:none;padding:0.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:#3692e7;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:#999;text-shadow:none;display:block;height:var(--nav-section);line-height:var(--site-header-height);padding:0 0.7rem;text-transform:uppercase;border-left:2px solid transparent}#topnav section .home{display:none}#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,0.3);border-radius:0 3px 3px 3px;border-left:2px solid #3692e7}#topnav div a{display:block;padding:0.6rem 0.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}#topnav.blind div{display:block;margin-left:-9000px}#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 0.5rem;display:none}@media (min-width: 500px){.site-title{display:block}}@media (max-width: 979px){.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: 980px) 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:#2e7cc5}.site-title span{color:#999}.site-title .kiddo{color:#6b6b6b;font-weight:bold;margin-right:0.5em}.site-buttons .link,.site-buttons .toggle{display:block;height:var(--site-header-height);line-height:var(--site-header-height)}.site-buttons .link{color:#bababa;font-size:1.1rem;padding:0 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;-webkit-user-select:none;-moz-user-select:none;user-select:none;--dropdown-top: 40px}@media (min-height: 600px){#top{--dropdown-top: 60px}}#topnav a[href='/patron']::after{content:'';font-size:1.3em;color:#bf811d;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}@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}.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 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:#3692e7;text-transform:uppercase;padding:0.8em 1em;border:none;cursor:pointer;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;transition:all 150ms}.button,.button:visited{color:#fff}.button:not(.disabled):hover{color:#fff;background:#56a3eb}.button-no-upper{text-transform:none}.button-thin{padding:0.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:#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:0.5;cursor:not-allowed}.button.active{color:#fff}.button.active:not(.disabled):hover{color:#fff}.user-link{color:#bababa}.user-link.online .line{color:#629924;opacity:0.9}.user-link.online .line::before{content:''}.user-link.online .line.patron{opacity:1}.user-link .line{color:#bababa;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:''}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:0.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 #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:#404333}#friend_box .content a{flex:1 1 100%;padding:3px 0px;display:block;transition:background 0.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: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:#4f7a1d}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{width:20rem;min-height:3em;background:#3c3934;display:none;position:absolute;z-index:120}#powerTip .mini-game__player,#miniGame .mini-game__player{padding:3px 0.5em 0.3em 0.7em}#powerTip .mini-game__player:first-child,#miniGame .mini-game__player:first-child{padding:0.3em 0.5em 3px 0.7em}.upt__info{height:83px;padding:0.4em 0.5em 0.3em 0.5em;border-bottom:1px solid #404040;overflow:hidden}.upt__info__top__country{margin-left:0.5em}.upt__info__top .user-link{display:block}.upt__info__top .user-link .line{vertical-align:middle}.upt__info__top__country{font-size:0.9em}.upt__info__top__country img{margin-right:0.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:0.3em 0.5em 0.3em 0.5em;margin:0}#miniGame{min-height:262px}#miniGame .spinner{margin:82px auto 0 auto}#miniGame 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:0.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;-webkit-user-select:none;-moz-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 #404040;color:#bababa}.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 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/whitex1.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:''}#announce{font-size:1.4em;position:fixed;background:#3692e7;color:#fff;position:fixed;bottom:0;left:0;padding:0.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}